@charset "UTF-8";

/* =BreakPoint
--------------------------------------------------------------
PC and TABLET ( and SP landscape )
@media ( min-width: 601px ){

PC ( and TABLET landscape )
@media ( min-width: 961px ){

TABLET ( and SP landscape )
@media ( min-width: 601px ) and ( max-width: 960px ){

TABLET and SP ( not TABLET landscape )
@media ( max-width: 960px ){

SP ( only portrait )
@media ( max-width: 600px ){

over
@media ( min-width: 1101px ){

under
@media ( max-width: 1100px ){
--------------------------------------------------------------
*/

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}


/* =Common
-------------------------------------------------------------- */
body {
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
input[type="submit"], input[type="reset"] {
	appearance: none;
	cursor: pointer;
}

/* clearfix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.clr {clear: both;}


/* =Styles 
-------------------------------------------------------------- */
body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
	background: #e7eef6;
}
a {
	text-decoration: none;
	color: #fff;
}
@media ( min-width: 601px ){
	body {
		font-size: 15px;
	}
	.sp {
		display: none !important;
	}
	.inner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 30px;
	}
	a {
		transition: opacity .3s;
	}
	a:hover {
		opacity: .7;
	}
}
@media ( min-width: 961px ){
	.sptab {
		display: none !important;
	}
}
@media ( max-width: 960px ){
	.pc {
		display: none !important;
	}
}
@media ( max-width: 600px ){
	body {
		font-size: 3.2vw;
	}
	.pctab {
		display: none !important;
	}
	.inner {
		padding: 0 5.3333vw;
	}
}
/*-----------------------------------
common
-----------------------------------*/
#main_content {
	display: block;
}
.fw_bold {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
}
.fw_smbold {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}
.fw_mbold {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
}
.lsp_mini {
	letter-spacing: -0.6rem;
}
.ff_ms {
	font-family:  'Hiragino Kaku Gothic ProN' , 'Helvetica Neue' , 'Arial';
}
.fc_navy {
	color: #00136d;
}
.fc_blue {
	color: #12449a;
}
.fc_blue2 {
	color: #2b4568;
}
.fc_light_blue {
	color: #2669bb;
}
.fc_purple {
	color: #3b4a9f;
}
.fc_white {
	color: #fff;
}
.fc_black {
	color: #010101;
}
.fc_red {
	color: #E24C33;
}
.eng {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
}
.cv_btn {
	width: 100%;
}

.cv_btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-image: -moz-linear-gradient( 0deg, rgba(239,130,29,0.99608) 0%, rgb(239,130,29) 1%, rgb(226,88,51) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgba(239,130,29,0.99608) 0%, rgb(239,130,29) 1%, rgb(226,88,51) 100%);
	background-image: -ms-linear-gradient( 0deg, rgba(239,130,29,0.99608) 0%, rgb(239,130,29) 1%, rgb(226,88,51) 100%);
}
.cv_btn.dl a {
	background-image: -moz-linear-gradient( 0deg, rgba(124,213,45,0.99608) 0%, rgb(85,179,29) 99%, rgb(85,179,29) 100%);
background-image: -webkit-linear-gradient( 0deg, rgba(124,213,45,0.99608) 0%, rgb(85,179,29) 99%, rgb(85,179,29) 100%);
background-image: -ms-linear-gradient( 0deg, rgba(124,213,45,0.99608) 0%, rgb(85,179,29) 99%, rgb(85,179,29) 100%);
}
.cv_btn a::before {
	content: '';
	display: block;
	background: url(img/icon_kv_cv_arrow.png)no-repeat center/cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.cv_btn a span {
	position: relative;
	display: inline-block;
}
.cv_btn a span::before {
	content: '';
	display: block;
	background: url(img/icon_kv_cv_mail.png)no-repeat center/cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media ( min-width: 601px ) {
	#main_content {
		padding-top: 75px;
	}
	.cv_btn {
		max-width: 450px;
	}
	.cv_btn a {
		font-size: 25px;
		height: 80px;
		border-radius: 10px;
		box-shadow: 0px 4px 7px 1px rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
	.cv_btn a:hover {
		box-shadow: none;
	}
	.cv_btn a::before {
		right: 40px;
        width: 15px;
        height: 9px;
	}
	.cv_btn a span::before {
		left: -64px;
        width: 21px;
        height: 17px;
	}
}
@media ( max-width: 600px ) {
	#main_content {
		padding-top: 10vw;
	}
	.cv_btn {
		max-width: 63.8462vw;
	}
	.cv_btn a {
		font-size: 4.359vw;
        height: 13.3333vw;
		border-radius: 1.3333vw;
		box-shadow: 0px 0.5333vw 0.9333vw 0.2667vw rgba(108, 108, 108, 0.52);
	}
	.cv_btn a::before {
		right: 3.6752vw;
        width: 2.8205vw;
        height: 1.7949vw;
	}
	.cv_btn a span::before {
		left: -12.8205vw;
		width: 4.0171vw;
		height: 3.1624vw;
	}
}
/*-----------------------------------
#head
-----------------------------------*/
#head {
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	display: flex;
	align-items: center;
}
#head.fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
}
#head .group {
	display: flex;
	align-items: center;
	margin: 0 0 0 auto;
}
#head .navi li a {
	color: #00136d;
	font-weight: bold;
}
#head .contact_btn a {
	background: rgb(18,119,215);
	background: linear-gradient(45deg, rgba(18,119,215,1) 0%, rgba(21,168,239,1) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media ( min-width: 601px ) {
	#head {
		height: 75px;
		padding: 0 0 0 48px;
	}
	#head .contact_btn {
		width: 75px;
	}
	#head .contact_btn a {
		height: 75px;
	}
}
@media ( max-width: 600px ) {
	#head {
		height: 10vw;
		padding: 0 0 0 5.3333vw;
	}
	#head .logo {
		width: 32.2667vw;
	}
	#head .group {
		gap: 0 2.6667vw;
	}
	#head .menu_btn {
		width: 5.3333vw;
		height: 5.0667vw;
	}
	#head .menu_btn span {
		height: 0.6667vw;
	}
	#head .contact_btn {
		width: 10vw;
	}
	#head .contact_btn a {
		height: 10vw;
	}
	#head .contact_btn a .icon {
		width: 4vw;
	}
}
@media ( min-width: 1101px ) {
	#head .group {
		gap: 0 40px;
	}
	#head .navi ul {
		display: flex;
		gap: 0 40px;
	}
	#head .navi ul li a {
		font-size: 13px;
	}
	#head .menu_btn {
		display: none;
	}
}
@media ( min-width: 601px ) and ( max-width: 1100px ) {
	#head .group {
		gap: 0 20px;
	}
	#head .menu_btn {
		width: 40px;
		height: 38px;
	}
	#head .menu_btn span {
		height: 5px;
	}
}
@media ( max-width: 1100px ) {
	#head .navi {
		display: none;
	}
	#head .menu_btn {
		cursor: pointer;
		position: relative;
	}
	#head .menu_btn span {
		display: block;
		width: 100%;
		background: #3a62ad;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#head .menu_btn span:nth-of-type(1) {
		top: 0;
		transition: transform 0.3s;
	}
	#head .menu_btn span:nth-of-type(2) {
		top: 0;
		bottom: 0;
		margin: auto;
		transition: opacity 0.1s;
	}
	#head .menu_btn span:nth-of-type(3) {
		bottom: 0;
		transition: transform 0.3s;
	}
}
/*-----------------------------------
#kv
-----------------------------------*/
#kv {
	position: relative;
	box-sizing: border-box;
}
#kv .kv_wrap {
	height: 100%;
	box-sizing: border-box;
}
#kv .figure_links {
	position: relative;
}
#kv .figure_links .links {
	position: absolute;
}
#kv .figure_links .links a {
	display: block;
}
#kv .content {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: linear-gradient(180deg, #FFFFFF 58.52%, #D1D1D1 100%);
	z-index: 1;
}
#kv .content .inn .text_grup .text {
	font-weight: 900;
}
#kv .content .inn .text_grup .border {
	display: inline-block;
	position: relative;
	z-index: 1;
}
#kv .content .inn .text_grup .border::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #f8ed77;
	z-index: -1;
}
#kv .content .inn .btn_wrap .wrap_text {
	position: relative;
	display: inline-block;
	color: #2669bb;
	font-weight: bold;
}
#kv .content .inn .btn_wrap .wrap_text.dl span,
.content.cta .inn .btn_wrap .wrap_text.dl span {
	position: relative;
	color: #0B152B;
}
#kv .content .inn .btn_wrap .wrap_text.dl span::before,
.content.cta .inn .btn_wrap .wrap_text.dl span::before {
	content: '';
	position: absolute;
	top: 53%;
	left: 0;
	transform: translateY(-50%);
	background: url(img/icon_clock.png)no-repeat center/contain;
}
#kv .content .inn .btn_wrap .wrap_text::before,
#kv .content .inn .btn_wrap .wrap_text::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#kv .content .inn .btn_wrap .wrap_text::before {
	left: 0;
	background: url(img/kv_line_left.png)no-repeat center/cover;
}
#kv .content .inn .btn_wrap .wrap_text::after {
	right: 0;
	background: url(img/kv_line_right.png)no-repeat center/cover;
}
#kv .content .inn .btn_wrap .wrap_text.dl::before {
	left: 0;
	background: url(img/kv_line_left_2.png)no-repeat center/cover;
}
#kv .content .inn .btn_wrap .wrap_text.dl::after {
	right: 0;
	background: url(img/kv_line_right_2.png)no-repeat center/cover;
}
#kv .content .inn .btn_wrap .cv_btn a::before {
	content: none;
}
@media ( min-width: 961px ) {
	#kv {
		height: min(56.5vw, 678px);
		background: url(img/fv_bg.jpg)no-repeat center/cover;
	}
	#kv .kv_wrap {
		max-width: 1200px;
		margin: 0 auto;
		padding: min(7.5vw, 90px) 30px 0;
		box-sizing: border-box;
	}
	#kv .kv_wrap .title {
		width: min(94.3333vw, 1132px);
		margin: 0 auto min(3.8333vw, 46px);
	}
	#kv .kv_wrap .figure {
		width: 92.19%;
		margin: 0 auto;
	}
	#kv .content {
		bottom: max(-8.6667vw, -104px);
		width: 83.33%;
		max-width: 1000px;
		border-radius: 10px;
		box-shadow: 0px 0px 15.2px 0.8px rgba(108, 108, 108, 0.32);
		border: 2px solid #FFFFFF;
	}
	#kv .content .inn {
		padding: min(1.6667vw, 20px) min(2.9167vw, 35px) min(2.25vw, 27px);
	}
	#kv .content .inn .text_grup .text {
		font-size: min(2.1667vw, 26px);
	}
	#kv .content .inn .text_grup .num {
		font-size: min(3.3333vw, 40px);
	}
	#kv .content .note {
		font-size: 12px;
		margin: min(0.8824vw, 12px) 0 min(0.8333vw, 10px);
	}
	#kv .content .inn .btn_wrap .wrap_text {
		font-size: min(1.5vw, 18px);
		padding: 0 min(1.8382vw, 25px) min(0.2941vw, 4px) min(2.0588vw, 28px);
		margin: 0 0 min(0.5833vw, 7px);
	}
	#kv .content .inn .btn_wrap .wrap_text::before,
	#kv .content .inn .btn_wrap .wrap_text::after {
		width: min(0.9167vw, 11px);
		height: min(2.0833vw, 25px);
	}
	#kv .content .inn .btn_wrap .wrap_text.dl span,
	.content.cta .inn .btn_wrap .wrap_text.dl span {
		padding-left: min(2.1667vw, 26px);
	}
	#kv .content .inn .btn_wrap .wrap_text.dl span::before,
	.content.cta .inn .btn_wrap .wrap_text.dl span::before {
		width: min(1.5833vw, 19px);
		height: min(1.5833vw, 19px);
	}
	#kv .content .inn .btns_wrap {
		display: flex;
		justify-content: space-between;
		gap: 0 min(2.5vw, 30px);
	}
	#kv .content .inn .btn_wrap {
		flex: 1 1 50%;
	}
}
@media ( max-width: 960px ) {
	#kv {
		padding: 0 0 46.9333vw;
		background-color: #fff;
	}
	#kv .kv_wrap {
		height: 146.9333vw;
		max-height: 1102px;
		padding: 7.2vw 2.6667vw 21.6vw;
		background: url('img/fv_bg_sp.jpg') no-repeat left top/cover;
	}
	#kv.shipping_support .kv_wrap .title {
		width: 87.4667vw;
		margin: 0 auto 3.2vw;
	}
	#kv.shipping_support .kv_wrap .figure {
		position: relative;
		right: -3.4667vw;
		width: 84.1333vw;
		margin: 0 auto;
	}
	#kv .content {
		bottom: 0;
		width: 91.7949vw;
		border-radius: 2.6667vw;
		box-shadow: 0px 0px 1.2991vw 0.0684vw rgba(108, 108, 108, 0.32);
		border: 0.2667vw solid #FFFFFF;
	}
	#kv .content .inn {
		padding: 4.2667vw 0 5.3333vw;
	}
	#kv .content .inn .text_grup {
		text-align: center;
		margin: 0 0 2.1333vw;
	}
	#kv .content .inn .text_grup .text {
		font-size: 3.7333vw;
	}
	#kv .content .inn .text_grup .mid {
		font-size: 4.8vw;
	}
	#kv .content .inn .text_grup .num {
		font-size: 6.9333vw;
	}
	#kv .content .note {
		font-size: 2.6667vw;
		margin-top: 1.8667vw;
	}
	#kv .content .inn .btn_wrap + .btn_wrap {
		margin-top: 2.6667vw;
	}
	#kv .content .inn .btn_wrap .wrap_text {
		font-size: 3.7333vw;
		padding: 0 4.188vw 0 4.8718vw;
		margin: 0 0 1.6239vw;
	}
	#kv .content .inn .btn_wrap .wrap_text::before,
	#kv .content .inn .btn_wrap .wrap_text::after {
		width: 1.4667vw;
		height: 3.3333vw;
	}
	#kv .content .inn .btn_wrap .wrap_text.dl span,
	.content.cta .inn .btn_wrap .wrap_text.dl span {
		padding-left: 5.8667vw;
	}
	#kv .content .inn .btn_wrap .wrap_text.dl span::before,
	.content.cta .inn .btn_wrap .wrap_text.dl span::before {
		width: 4.2667vw;
		height: 4.2667vw;
	}
	#kv .content .inn .btn_wrap .cv_btn {
		width: 61.3333vw;
		margin: 0 auto;
	}
}

/*-----------------------------------
#implementing_company
-----------------------------------*/
@keyframes infinity_scroll_left {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-100%);
	}
}
#implementing_company .scroll_infinity_wrap {
	display: flex;
	overflow: hidden;
}
#implementing_company .scroll_infinity_wrap ul {
	display: flex;
	padding: 0;
	animation :infinity_scroll_left 80s infinite linear 0.5s both
}
#implementing_company .lead {
	font-weight: bold;
}
@media ( min-width: 601px ) {
	#implementing_company .lead {
		font-size: 24px;
		margin: 0 0 32px;
	}
	#implementing_company .scroll_infinity_wrap {
		gap: 0 30px;
	}
	#implementing_company .scroll_infinity_wrap ul {
		gap: 0 30px;
	}
	#implementing_company .scroll_infinity_wrap li {
		width: 233px;
	}
}
@media ( min-width: 961px ) {
	#implementing_company {
		padding: 30px 0 0;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#implementing_company {
		padding: 30px 0 45px;
	}
}
@media ( max-width: 600px ) {
	#implementing_company {
		padding: 8.9333vw 0 9.3333vw;
	}
	#implementing_company .lead {
		font-size: 3.7333vw;
		margin: 0 0 5.6vw;
	}
	#implementing_company .scroll_infinity_wrap {
		gap: 0 4.4vw;
	}
	#implementing_company .scroll_infinity_wrap ul {
		gap: 0 4.4vw;
	}
	#implementing_company .scroll_infinity_wrap li {
		width: 34.6667vw;
	}
}
/*-----------------------------------
#problems
-----------------------------------*/
#problems {
	position: relative;
}
#problems .content {
	position: relative;
	z-index: 5;
}
#problems .title span {
	display: inline-block;
}
#problems .problems_list {
	position: relative;
}
#problems .problems_list .flow {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto 0;
}
#problems .problems_list ul {
	position: relative;
}
#problems .problems_list li {
	position: absolute;
}
#problems .back_office dt {
	background: #d2d5e9;
	display: flex;
	align-items: center;
	justify-content: center;
}
#problems .back_office dd {
	border-top: none;
}
#problems .back_office dd .lead {
	color: #597380;
	font-feature-settings: 'palt';
}
#problems .back_office dd .list ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media ( min-width: 601px ) {
	#problems {
		padding: 83px 0 47px;
	}
	#problems .title {
		margin: 0 0 25px;
	}
	#problems .title span {
		font-size: 34px;
		border-bottom: #3b499f solid 2px;
		padding: 0 0 30px;
	}
	#problems .problems_list {
		margin: 0 0 50px;
	}
	#problems .back_office {
		width: 100%;
		max-width: 790px;
		margin: 0 auto;
	}
	#problems .back_office dt {
		font-size: 23px;
		height: 63px;
	}
	#problems .back_office dd {
		border: solid #d2d5e9 3px;
		padding: 23px 20px 28px;
	}
	#problems .back_office dd .lead {
		font-size: 13px;
		margin: 0 0 20px;
	}
	#problems .back_office dd li .img {
		margin: 0 0 15px;
	}
	#problems .back_office dd li .text {
		font-size: min(1.9792vw,19px);
	}
}
@media ( min-width: 961px ) {
	#problems::before,
	#problems::after {
		content: '';
		display: block;
		width: calc(100% - 6.25%);
		position: absolute;
	}
	#problems::before {
		background: #2669bb;
		right: 0;
		top: 125px;
		height: calc(100% - 125px);
	}
	#problems::after {
		background: #fff;
		left: 0;
		top: 35px;
		height: calc(100% - 35px);
	}
	#problems .inner {
		max-width: 1050px;
		padding: 0 calc(6.25% + 30px);
	}
	#problems .problems_list .flow {
		height: min(12.96vw,162px);
	}
	#problems .problems_list ul {
		height: min(47.36vw,597px);
	}
	#problems .problems_list li:nth-child(1) {
		width: 21.23%;
		max-width: 223px;
		top: min(2.08vw,26px);
		left: 4.19%;
	}
	#problems .problems_list li:nth-child(2) {
		width: 21.8%;
		max-width: 229px;
		top: 0;
		left: 26.67%;
	}
	#problems .problems_list li:nth-child(3) {
		width: 19.62%;
		max-width: 206px;
		top: min(5.28vw,66px);
		left: 52.1%;
	}
	#problems .problems_list li:nth-child(4) {
		width: 19.62%;
		max-width: 206px;
		bottom: min(5.2vw,65px);
		left: 0;
	}
	#problems .problems_list li:nth-child(5) {
		width: 21.33%;
		max-width: 224px;
		bottom: 30px;
		left: 20.38%;
	}
	#problems .problems_list li:nth-child(6) {
		width: 19.62%;
		max-width: 206px;
		bottom: min(1.04vw,13px);
		left: 43.81%;
	}
	#problems .problems_list li:nth-child(7) {
		width: 22.19%;
		max-width: 233px;
		bottom: min(6.16vw,77px);
		left: 64.95%;
	}
	#problems .problems_list li .more_btn {
		width: min(14.16vw,177px);
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#problems .problems_list li:nth-child(-n+3) .more_btn {
		bottom: min(2.56vw,32px);
	}
	#problems .problems_list li:nth-child(n+5) .more_btn {
		bottom: min(1.04vw,13px);
	}
	#problems .back_office dd .lead {
		text-align: center;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#problems .problems_list {
		max-width: 670px;
		margin-right: auto;
		margin-left: auto;
	}
	#problems .problems_list .flow {
		height: min(13.7333vw,103px);
	}
	#problems .problems_list ul {
		height: min(50.4vw,378px);
	}
	#problems .problems_list li:nth-child(1) {
		width: min(18vw,135px);
		top: min(2.1333vw,16px);
		left: min(3.8667vw,29px);
	}
	#problems .problems_list li:nth-child(2) {
		width: min(19.6vw,147px);
		top: 0;
		left: min(23.8667vw,179px);
	}
	#problems .problems_list li:nth-child(3) {
		width: min(17.6vw,132px);
		top: min(5.0667vw,38px);
		left: min(46.6667vw,350px);
	}
	#problems .problems_list li:nth-child(4) {
		width: min(17.4667vw,131px);
		bottom: min(4.9333vw,37px);
		left: 0;
	}
	#problems .problems_list li:nth-child(5) {
		width: min(19.0667vw,143px);
		bottom: min(2vw,15px);
		left: min(18.2667vw,137px);
	}
	#problems .problems_list li:nth-child(6) {
		width: min(17.6vw,132px);
		bottom: min(1.2vw,9px);
		left: min(39.3333vw,295px);
	}
	#problems .problems_list li:nth-child(7) {
		width: min(19.8667vw,149px);
		bottom: min(6.6667vw,50px);
		left: min(58.1333vw,436px);
	}
}
@media ( max-width: 960px ) {
	#problems {
		background: #fff;
	}
	#problems .back_office dd .lead {
		line-height: 1.33;
	}
}
@media ( max-width: 600px ) {
	#problems {
		padding: 9.3333vw 0 8.6667vw;
	}
	#problems .title {
		margin: 0 0 25px;
	}
	#problems .title span {
		font-size: 5.3333vw;
		border-bottom: #3b499f solid 0.2667vw;
		padding: 0 0 4.2667vw;
	}
	#problems .problems_list {
		margin: 0 0 5vw;
	}
	#problems .problems_list .flow {
		height: 13.7333vw;
	}
	#problems .problems_list ul {
		height: 50.4vw;
	}
	#problems .problems_list li:nth-child(1) {
		width: 18vw;
		top: 2.1333vw;
		left: 3.7333vw;
	}
	#problems .problems_list li:nth-child(2) {
		width: 19.6vw;
		top: 0;
		left: 23.8667vw;
	}
	#problems .problems_list li:nth-child(3) {
		width: 17.6vw;
		top: 5.0667vw;
		left: 46.5333vw;
	}
	#problems .problems_list li:nth-child(4) {
		width: 17.4667vw;
		bottom: 4.8vw;
		left: 0;
	}
	#problems .problems_list li:nth-child(5) {
		width: 19.0667vw;
		bottom: 0;
		left: 18.1333vw;
	}
	#problems .problems_list li:nth-child(6) {
		width: 17.6vw;
		bottom: 1.2vw;
		left: 39.0667vw;
	}
	#problems .problems_list li:nth-child(7) {
		width: 19.8667vw;
		bottom: 6.6667vw;
		left: 58vw;
	}
	#problems .back_office dt {
		font-size: 2.6667vw;
		height: 7.2vw;
	}
	#problems .back_office dd {
		border: solid #d2d5e9 0.4vw;
		padding: 2.6667vw 2vw 3.6vw;
	}
	#problems .back_office dd .lead {
		font-size: 2vw;
		margin: 0 0 2.6667vw;
	}
	#problems .back_office dd li .img {
		margin: 0 0 1.3333vw;
	}
	#problems .back_office dd li .text {
		font-size: 2vw;
	}
}
/*-----------------------------------
#logi_it_solution
-----------------------------------*/
#logi_it_solution {
	position: relative;
}
#logi_it_solution .content {
	position: relative;
	z-index: 5;
}
#logi_it_solution .assignment_list .accordion {
	position: relative;
}
#logi_it_solution .assignment_list .accordion > dt,
#logi_it_solution .assignment_list dd .solution {
	background: #fff;
}
#logi_it_solution .assignment_list .accordion > dt {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	cursor: pointer;
	transition: opacity .3s;
}
#logi_it_solution .assignment_list .accordion > dt::after {
	content: '';
	display: block;
	position: absolute;
}
#logi_it_solution .assignment_list .shipping_support .accordion > dt::after {
	background: url('img/shipping_support_title_icon.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list .warehouse_management .accordion > dt::after {
	background: url('img/warehouse_management_title_icon.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list .automation .accordion > dt::after {
	background: url('img/automation_title_icon.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list .promotional_product_management .accordion > dt::after {
	background: url('img/promotional_product_management_title_icon.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list .telematics .accordion > dt::after {
	background: url('img/telematics_title_icon.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list .accordion:hover > dt {
	opacity: .9;
}
#logi_it_solution .assignment_list .accordion > dt .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border-radius: 50%;
	box-sizing: border-box;
}
#logi_it_solution .assignment_list .accordion > dt .btn span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#logi_it_solution .assignment_list .accordion > dt .btn span::before,
#logi_it_solution .assignment_list .accordion > dt .btn span::after {
	content: '';
	display: block;
	background: #00136d;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#logi_it_solution .assignment_list .accordion > dt .btn span::after {
	transform: rotate(90deg);
}
#logi_it_solution .assignment_list .accordion > dt.open .btn span::after {
	content: none;
}
#logi_it_solution .assignment_list dd .intro .wrap {
	position: relative;
	background: #effaff;
}
#logi_it_solution .assignment_list dd .intro .intro_ttl {
	display: inline-block;
	color: #3b499f;
	font-weight: 900;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
#logi_it_solution .assignment_list dd .intro .list ul {
	display: flex;
}
#logi_it_solution .assignment_list dd .intro .list li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #fff;
	box-sizing: border-box;
}
#logi_it_solution .assignment_list dd .intro .list li::before {
	content: '';
	display: block;
	position: absolute;
}
#logi_it_solution .assignment_list dd .intro .list li .text .supplement,
#logi_it_solution .assignment_list dd .intro .list li .text .comment {
	display: block;
}
#logi_it_solution .assignment_list dd .intro .wrap_2 {
	position: relative;
	background: #d2f0fd;
	z-index: 1;
}
#logi_it_solution .assignment_list dd .intro .wrap_2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #effaff;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	z-index: -1;
}
#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .logo {
	display: inline-block;
}
#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap span {
	font-weight: 900;
}
#logi_it_solution .assignment_list dd .intro .wrap_2 .subttl {
	position: relative;
	font-weight: 900;
}
#logi_it_solution .assignment_list dd .intro .list_2 li {
	position: relative;
	background: #fff;
	box-sizing: border-box;
}
#logi_it_solution .assignment_list dd .outro {
	background: #daeef7;
}
#logi_it_solution .assignment_list dd .outro .list ul {
	display: flex;
}
#logi_it_solution .assignment_list dd .outro .list li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #fff;
}
#logi_it_solution .assignment_list dd .outro .list li::before {
	content: '';
	display: block;
	position: absolute;
}
#logi_it_solution .assignment_list dd .outro .list li:nth-child(1)::before {
	background: url('img/logi_it_solution_assignment_list_outro_list_man1.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list dd .outro .list li:nth-child(2)::before {
	background: url('img/logi_it_solution_assignment_list_outro_list_man2.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list dd .outro .list li:nth-child(3)::before {
	background: url('img/logi_it_solution_assignment_list_outro_list_woman1.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list dd .outro .list li:nth-child(4)::before {
	background: url('img/logi_it_solution_assignment_list_outro_list_woman2.png') no-repeat left top/contain;
}
#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text {
	position: relative;
	display: inline-block;
	color: #2669bb;
	font-weight: bold;
}
#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::before,
#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::before {
	left: 0;
	background: url(img/line_left.png) no-repeat center / cover;
}
#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::after {
	right: 0;
	background: url(img/line_right.png) no-repeat center / cover;
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dl,
#logi_it_solution .assignment_list .automation dd .solution .automation_list dl {
	display: flex;
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt,
#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	background: #daeef7;
	text-align: left;
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before,
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::after,
#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before,
#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::after {
	content: '';
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::after,
#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::after {
	display: block;
	position: absolute;
	background: #daeef7;
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list li:nth-of-type(1) dl dt::before {
	background: url('img/logi_it_promotional_product_management_x_order_list1_icon.png') no-repeat top left/contain;
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list li:nth-of-type(2) dl dt::before {
	background: url('img/logi_it_promotional_product_management_x_order_list2_icon.png') no-repeat top left/contain;
}
#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dd,
#logi_it_solution .assignment_list .automation dd .solution .automation_list dd {
	display: flex;
	align-items: center;
	text-align: left;
	box-sizing: border-box;
}
#logi_it_solution .assignment_list dd .btn_accordion {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
}
#logi_it_solution .assignment_list dt + dd .btn_accordion .close {
	background-color: #979797;
}
#logi_it_solution .assignment_list dt + dd .btn_accordion .open {
	background: linear-gradient(45deg, rgba(18, 119, 215, 1) 0%, rgba(21, 168, 239, 1) 100%);
}
#logi_it_solution .assignment_list dt + dd .btn_accordion .close::after {
	background: url(img/icon_minus.png)no-repeat center/cover;
}
#logi_it_solution .assignment_list dt + dd .btn_accordion .open::after {
	background: url(img/icon_plus.png)no-repeat center/cover;
}
#logi_it_solution .assignment_list dd .btn_accordion span {
	position: relative;
	display: block;
	color: #fff;
	cursor: pointer;
}
#logi_it_solution .assignment_list dd .btn_accordion span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#logi_it_solution .assignment_list dt + dd .btn_accordion .close {
	display: none;
}
#logi_it_solution .assignment_list dt.open + dd .btn_accordion .open {
	display: none;
}
#logi_it_solution .assignment_list dt.open + dd .btn_accordion .close {
	display: block;
	background-color: #979797;
}
@media ( min-width: 601px ) {
	#logi_it_solution {
		padding: 70px 0 78px;
	}
	#logi_it_solution .title {
		font-size: 35px;
		margin: 0 0 27px;
	}
	#logi_it_solution .lead {
		font-size: 18px;
		margin: 0 0 73px;
	}
	#logi_it_solution .content {
		max-width: 1000px;
		margin: 0 auto;
	}
	#logi_it_solution .assignment_list > ul > li:not(:last-child) {
		margin: 0 0 77px;
	}
	#logi_it_solution .assignment_list .accordion > dt {
		border-radius: 10px;
		padding: 38px 65px 50px 170px;
		line-height: 1.4;
	}
	#logi_it_solution .assignment_list .accordion > dt::after {
		left: 40px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#logi_it_solution .assignment_list .shipping_support .accordion > dt::after {
		width: 91px;
		height: 91px;
	}
	#logi_it_solution .assignment_list .warehouse_management .accordion > dt::after {
		width: 83px;
		height: 98px;
	}
	#logi_it_solution .assignment_list .automation .accordion > dt::after {
		width: 69px;
		height: 81px;
	}
	#logi_it_solution .assignment_list .promotional_product_management .accordion > dt::after {
		width: 72px;
		height: 72px;
	}
	#logi_it_solution .assignment_list .telematics .accordion > dt::after {
		width: 108px;
		height: 81px;
	}
	#logi_it_solution .assignment_list .accordion > dt.open {
		border-radius: 10px 10px 0 0;
	}
	#logi_it_solution .assignment_list .accordion > dt .headline {
		font-size: 35px;
		margin: 0 0 15px;
	}
	#logi_it_solution .assignment_list .accordion dt .text {
		font-size: 20px;
	}
	#logi_it_solution .assignment_list .accordion dt .btn {
		width: 80px;
		height: 80px;
		border: solid 5px #d4f2ff;
		right: 46px;
	}
	#logi_it_solution .assignment_list .accordion dt .btn span::before,
	#logi_it_solution .assignment_list .accordion dt .btn span::after {
		width: 44px;
		height: 5px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap {
		padding: 45px 30px 89px;
	}
	#logi_it_solution .assignment_list dd .intro::before {
		width: 400px;
		height: 71px;
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		bottom: -70px;
	}
	#logi_it_solution .assignment_list dd .intro .intro_ttl {
		line-height: 1.3;
		padding: 0 0 3px;
		margin: 0 0 30px;
		border-width: 0 0 2px;
	}
	#logi_it_solution .assignment_list dd .intro .list {
		margin: 0 auto;
	}
	#logi_it_solution .assignment_list dd .intro .list ul {
		gap: 0 45px;
	}
	#logi_it_solution .assignment_list dd .intro .list li {
		border-radius: 10px;
		margin: 0;
		box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13);
	}
	#logi_it_solution .assignment_list dd .intro .list li::before {
		width: 62px;
		height: 54px;
		bottom: -21px;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(1)::before {
		background: url('img/logi_it_solution_intro_list_icon_man1.png') no-repeat;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(2)::before {
		background: url('img/logi_it_solution_intro_list_icon_man2.png') no-repeat;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(3)::before {
		background: url('img/logi_it_solution_intro_list_icon_woman2.png') no-repeat;
	}
	#logi_it_solution .assignment_list dd .intro .list li:last-child::before {
		background: url('img/logi_it_solution_intro_list_icon_woman1.png') no-repeat;
	}
	#logi_it_solution .assignment_list dd .intro .list li .text,
	#logi_it_solution .assignment_list dd .intro .list_2 li p {
		font-size: 22px;
		line-height: 1.36;
		font-feature-settings: 'palt';
	}
	#logi_it_solution .assignment_list dd .intro .list li .text .supplement {
		font-size: 16px;
	}
	#logi_it_solution .assignment_list dd .intro .list li .text .comment {
		font-size: 14px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap,
	#logi_it_solution .assignment_list dd .intro .wrap_2 .subttl {
		top: -20px;
		margin: 0 0 35px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_logi {
		width: 166px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_logi_wms {
		width: 301px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_logi_x_order {
		width: 335px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_fleet {
		width: 209px;
	}
	#logi_it_solution .assignment_list .telematics dd .intro .wrap_2 .logo_wrap .fc_blue {
		padding: 10px 0 0;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 {
		padding: 0 30px 45px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2::before {
		height: 220px;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap span,
	#logi_it_solution .assignment_list dd .intro .wrap_2 .subttl {
		font-size: 36px;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li {
		border-radius: 10px;
		box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13);
	}
	#logi_it_solution .assignment_list dd .solution {
		padding: 40px 30px 35px;
	}
	#logi_it_solution .assignment_list dd .solution .logo {
		margin: 0 0 33px;
	}
	#logi_it_solution .assignment_list dd .solution .lead {
		font-size: 22px;
		line-height: 1.36;
		margin: 0 0 24px;
	}
	#logi_it_solution .assignment_list dd .solution .text {
		line-height: 1.66;
		margin: 0 0 40px;
	}
	#logi_it_solution .assignment_list dd .outro {
		border-radius: 0 0 10px 10px;	
	}
	#logi_it_solution .assignment_list dd .outro .list {
		margin: 0 auto 65px;
	}
	#logi_it_solution .assignment_list dd .outro .list ul {
		gap: 0 47px;
	}
	#logi_it_solution .assignment_list dd .outro .list li {
		border-radius: 10px;
	}
	#logi_it_solution .assignment_list dd .outro .list li .text,
	#logi_it_solution .assignment_list dd .intro .list_2 li p {
		font-size: 22px;
		line-height: 1.36;
	}
	#logi_it_solution .assignment_list dd .outro .list li::before {
		width: 47px;
		height: 180px;
		top: -4px;
		left: -25px;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text {
		font-size: 18px;
		letter-spacing: 0.075em;
		padding: 5px 25px 4px 27px;
		margin: 0 0 8px;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::before {
		width: 21px;
		height: 24px;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::after {
		width: 18px;
		height: 26px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list {
		max-width: 905px;
		margin: 30px auto 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		font-size: 17px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before {
		width: 52px;
		height: 55px;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		width: 46px;
		height: 53px;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:nth-of-type(1) dl dt::before {
		background: url('img/logi_it_automation_automation_list1_icon.png') no-repeat;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:nth-of-type(2) dl dt::before {
		background: url('img/logi_it_automation_automation_list2_icon.png') no-repeat;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dd,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dd {
		line-height: 1.66;
	}
	#logi_it_solution .assignment_list dd .btn_accordion {
		bottom: -30px;
		width: 364px;
		border-radius: 30px;
	}
	#logi_it_solution .assignment_list dd .btn_accordion span {
		font-size: 25px;
		padding: 18px 0 17px;
		border: 2px solid #daeef7;
		border-radius: 30px;
		box-shadow: 0px 4px 2px 0px rgba(108, 108, 108, 0.5);
	}
	#logi_it_solution .assignment_list dt:not(.open) + dd .btn_accordion span{
		text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
	}
	#logi_it_solution .assignment_list dd .btn_accordion span::after {
		right: 12px;
		width: 40px;
		height: 40px;
	}
}
@media ( min-width: 961px ) {
	#logi_it_solution::before {
		content: '';
		display: block;
		width: calc(100% - 6.25%);
		height: 100%;
		background: #2669bb;
		position: absolute;
		top: 0;
		right: 0;
	}
	#logi_it_solution .inner {
		max-width: 1050px;
		padding: 0 calc(6.25% + 30px);
	}
	#logi_it_solution .assignment_list dd .intro .intro_ttl {
		font-size: 36px;
	}
	#logi_it_solution .assignment_list dd .intro .list,
	#logi_it_solution .assignment_list dd .intro .list_2 {
		max-width: 900px;
	}
	#logi_it_solution .assignment_list dd .intro .list li {
		height: 160px;
		padding: 0 0 10px;
		width: calc((100% - 90px)/3);
	}
	#logi_it_solution .assignment_list .telematics dd .intro .list li:nth-child(3),
	#logi_it_solution .assignment_list .automation dd .intro .list li {
		padding: 0 0 20px;
	}
	#logi_it_solution .assignment_list dd .intro .list li::before {
		left: 50%;
		transform: translateX(-50%);
	}
	#logi_it_solution .assignment_list dd .intro .list li .text,
	#logi_it_solution .assignment_list dd .intro .list_2 li p {
		font-size: min(1.8333vw,22px);
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list li:nth-child(1) .text,
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list li:nth-child(2) .text,
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(1) p,
	#logi_it_solution .assignment_list .telematics dd .intro .list li:nth-child(2) .text,
	#logi_it_solution .assignment_list .automation dd .intro .list li .text,
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li p {
		font-size: min(1.6667vw,20px);
	}
	#logi_it_solution .assignment_list .automation dd .intro .list li:nth-child(1) .text {
		letter-spacing: -0.08em;
	}
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li p.lh {
		line-height: 1.25;
	}
	#logi_it_solution .assignment_list dd .intro .list li .text .supplement {
		font-size: min(1.3333vw,16px);
	}
	#logi_it_solution .assignment_list dd .intro .list li .text .comment {
		font-size: min(1.1667vw,14px);
	}
	#logi_it_solution .assignment_list dd .intro .list_2 {
		margin: 0 auto;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 ul {
		display: flex;
		gap: 0 45px;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 ul li {
		width: calc((100% - 90px) / 3);
	}
	#logi_it_solution .assignment_list .shipping_support  dd .intro .list_2 ul li {
		height: 193px;
		padding: 73px 0 0;
	}
	#logi_it_solution .assignment_list .warehouse_management  dd .intro .list_2 ul li {
		height: 161px;
        padding: 46px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	#logi_it_solution .assignment_list .automation  dd .intro .list_2 ul li {
		height: 182px;
		padding: 70px 0 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 ul li {
		height: 180px;
		padding: 46px 0 0;
		display: flex;
        justify-content: center;
        align-items: center;
	}
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 ul li {
		height: 172px;
		padding: 51px 17px 0;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li .icon {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#logi_it_solution .assignment_list .shipping_support dd .intro .list_2 li .icon,
	#logi_it_solution .assignment_list .warehouse_management dd .intro .list_2 li:nth-child(2) .icon,
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li .icon,
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(2) .icon,
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(4) .icon,
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li .icon {
		top: -20px;
	}
	#logi_it_solution .assignment_list .warehouse_management dd .intro .list_2 li:nth-child(1) .icon {
		top: -28px;
	}
	#logi_it_solution .assignment_list .warehouse_management dd .intro .list_2 li:nth-child(3) .icon {
		top: -21px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(1) .icon {
		top: -18px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(3) .icon {
		top: -18px;
	}
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li:nth-child(3) .icon {
		top: -11px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#logi_it_solution .assignment_list dd .outro {
		display: flex;
		justify-content: space-between;
		gap: 0 20px;
		padding: 42px 50px 77px;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap {
		flex: 0 1 440px;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .cv_btn {
		max-width: 440px;
	}
	#logi_it_solution .assignment_list dd .outro .list {
		max-width: 900px;
	}
	#logi_it_solution .assignment_list dd .outro .list ul {
		gap: 0 min(3.6154vw,47px);
	}
	#logi_it_solution .assignment_list dd .outro .list li {
		height: 160px;
		width: calc((100% - min(3.6154vw,47px)*2)/4);
	}
	#logi_it_solution .assignment_list dd .outro .list li .text {
		font-size: min(1.76vw,22px);
	}
	#logi_it_solution .assignment_list dd .outro .list li .text .ft_mini {
		font-size: 15px;
	}
	#logi_it_solution .assignment_list .automation dd .outro .list li:nth-child(3) .text {
		font-size: min(1.6296vw,22px);
	}
	#logi_it_solution .assignment_list .automation dd .outro .list li:nth-child(3) .text .ft_mini {
		font-size: 15px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list li:not(:last-child),
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:not(:last-child) {
		margin: 0 0 16px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		width: 188px;
		height: 83px;
		line-height: 1.17;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt {
		padding: 0 0 0 85px;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		padding: 0 0 0 75px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::after,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::after {
		width: 17px;
		height: 83px;
		right: -16px;
		top: 0;
		clip-path: polygon(17px 50%, 0% 0%, 0% 83px);
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before {
		left: 17px;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		left: 18px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dd,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dd {
		padding: 0 0 0 35px;
	}
	#logi_it_solution .assignment_list dt + dd .btn_accordion span {
		transition: box-shadow .3s, opacity .3s;
	}
	#logi_it_solution .assignment_list dt:hover + dd .btn_accordion span,
	#logi_it_solution .assignment_list dt + dd .btn_accordion span:hover {
		opacity: .7;
		box-shadow: 0px 0px 0px 0px rgba(108, 108, 108, 0.5);
	}
}
@media ( min-width: 1100px ) {
	#logi_it_solution .assignment_list dd .outro .list li .text .ft_mini {
		font-size: 19px;
	}
	#logi_it_solution .assignment_list .automation dd .outro .list li:nth-child(3) .text .ft_mini {
		font-size: 19px;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#logi_it_solution .assignment_list .automation .accordion > dt .headline {
		letter-spacing: -0.05em;
	}
	#logi_it_solution .assignment_list dd .intro .intro_ttl {
		font-size: 30px;
	}
	#logi_it_solution .assignment_list dd .intro .list,
	#logi_it_solution .assignment_list dd .intro .list_2 {
		max-width: 670px;
	}
	#logi_it_solution .assignment_list dd .intro .list ul {
		gap: 20px 0;
	}
	#logi_it_solution .assignment_list dd .intro .list li,
	#logi_it_solution .assignment_list dd .intro .list_2 li {
		height: 100px;
	}
	#logi_it_solution .assignment_list dd .intro .list li::before {
		bottom: -10px;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(odd)::before {
		right: 20px;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(even)::before {
		left: 20px;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li + li {
		margin-top: 20px;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li .icon {
		left: 30px;
	}
	#logi_it_solution .assignment_list dd .outro {
		padding: 42px 30px 77px;
	}
	#logi_it_solution .assignment_list dd .outro .list ul {
		gap: 25px 47px;
	}
	#logi_it_solution .assignment_list dd .outro .list li {
		width: calc((100% - 47px)/2);
		height: 160px;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap + .btn_wrap {
		margin-top: 30px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list li:not(:last-child),
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:not(:last-child) {
		margin: 0 0 30px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dl,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dl {
		gap: 35px 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		height: 70px;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .automation_list dt {
		padding: 0 72px 0 0;
	}
	#logi_it_solution .assignment_list .automation dd .solution .x_order_list dt {
		padding: 0 66px 0 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		margin: 0 20px 0 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::after,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::after {
		height: 26px;
		bottom: -25px;
	}
}
@media ( max-width: 960px ) {
	#logi_it_solution {
		background: #2669bb;
	}
	#logi_it_solution .assignment_list dd .intro .list ul {
		flex-direction: column;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(1)::before {
		background: url('img/logi_it_solution_intro_list_icon_man1_sp.png') no-repeat left top/contain;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(2)::before {
		background: url('img/logi_it_solution_intro_list_icon_man2_sp.png') no-repeat left top/contain;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(3)::before {
		background: url('img/logi_it_solution_intro_list_icon_woman2_sp.png') no-repeat left top/contain;
	}
	#logi_it_solution .assignment_list dd .intro .list li:last-child::before {
		background: url('img/logi_it_solution_intro_list_icon_woman1_sp.png') no-repeat left top/contain;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 {
		margin: 0 auto;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li .icon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#logi_it_solution .assignment_list dd .solution .text {
		text-align: left;
	}
	#logi_it_solution .assignment_list dd .outro .list ul {
		flex-wrap: wrap;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dl,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dl {
		flex-direction: column;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		justify-content: center;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		display: inline-block;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::after,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::after {
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		clip-path: polygon(50% 100%, 0 0, 100% 0);
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .cv_btn {
		margin: 0 auto;
	}
}
@media ( max-width: 600px ) {
	#logi_it_solution {
		padding: 10.6667vw 0 9.3333vw;
	}
	#logi_it_solution .title {
		font-size: 5.7333vw;
		margin: 0 0 4vw;
	}
	#logi_it_solution .lead {
		margin: 0 0 6.6667vw;
	}
	#logi_it_solution .assignment_list > ul > li:not(:last-child) {
		margin: 0 0 9.3333vw;
	}
	#logi_it_solution .assignment_list .accordion > dt {
		border-radius: 1.3333vw;
		padding: 5.3333vw 5.3333vw 10.5vw 18.6666vw;
	}
	#logi_it_solution .assignment_list .accordion > dt::after {
		left: 5.3333vw;
		top: 6.66vw;
	}
	#logi_it_solution .assignment_list .shipping_support .accordion > dt::after {
		width: 10.933vw;
		height: 10.933vw;
	}
	#logi_it_solution .assignment_list .warehouse_management .accordion > dt::after {
		width: 11.3333vw;
		height: 13.3333vw;
	}
	#logi_it_solution .assignment_list .automation .accordion > dt::after {
		width: 8.6666vw;
		height: 10.1333vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management .accordion > dt::after {
		width: 11.8666vw;
		height: 11.7333vw;
	}
	#logi_it_solution .assignment_list .telematics .accordion > dt::after {
		width: 12.6666vw;
		height: 9.6vw;
	}
	#logi_it_solution .assignment_list .accordion > dt.open {
		border-radius: 1.3333vw 1.3333vw 0 0;
	}
	#logi_it_solution .assignment_list .accordion > dt .headline {
		font-size: 4.8vw;
		margin: 0 0 2.9333vw;
	}
	#logi_it_solution .assignment_list .automation .accordion > dt .headline {
		letter-spacing: -0.05em;
	}
	#logi_it_solution .assignment_list .accordion dt .text {
		line-height: 1.4;
	}
	#logi_it_solution .assignment_list .automation .accordion dt .text {
		letter-spacing: -0.06em;
	}
	#logi_it_solution .assignment_list .accordion dt .btn {
		width: 9.3333vw;
		height: 9.3333vw;
		border: solid 0.6667vw #d4f2ff;
		right: 5.3333vw;
	}
	#logi_it_solution .assignment_list .accordion dt .btn span::before,
	#logi_it_solution .assignment_list .accordion dt .btn span::after {
		width: 5.3333vw;
		height: 0.6667vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap {
		padding: 4vw 5.33vw 10.6667vw;
	}
	#logi_it_solution .assignment_list dd .intro::before {
		width: 57.3333vw;
		height: 10vw;
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		bottom: -10vw;
	}
	#logi_it_solution .assignment_list dd .intro .intro_ttl {
		font-size: 4.2667vw;
		line-height: 1.46875;
		margin: 0 0 5.4667vw;
	}
	#logi_it_solution .assignment_list .telematics dd .intro .wrap_2 .logo_wrap .fc_blue {
        padding: 0.35em 0 0;
    }
	#logi_it_solution .assignment_list dd .intro .list ul {
		gap: 2.6667vw 0;
	}
	#logi_it_solution .assignment_list dd .intro .list li,
	#logi_it_solution .assignment_list dd .intro .list_2 li {
		height: 16vw;
		border-radius: 1.3333vw;
		margin: 0;
	}
	#logi_it_solution .assignment_list dd .intro .list li::before {
		width: 11.6vw;
		height: 10.2667vw;
		bottom: -2.1333vw;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(odd)::before {
		right: 1.6vw;
	}
	#logi_it_solution .assignment_list dd .intro .list li:nth-child(even)::before {
		left: 1.6vw;
	}
	#logi_it_solution .assignment_list dd .intro .list li .text,
	#logi_it_solution .assignment_list dd .intro .list_2 p {
		font-size: 3.4667vw;
		line-height: 1.35;
	}
	#logi_it_solution .assignment_list dd .intro .list li .text .supplement {
		font-size: 3.2vw;
	}
	#logi_it_solution .assignment_list dd .intro .list li .text .comment {
		font-size: 2.6667vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 {
		padding: 0 5.33vw 5.3333vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2::before {
        height: 18.4vw;
    }
    #logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap,
	#logi_it_solution .assignment_list dd .intro .wrap_2 .subttl {
		top: -4vw;
		font-size: 4.2667vw;
		margin: 0 0 1.3333vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_logi {
		width: 22.1333vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_logi_wms {
		width: 40.1333vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_logi_x_order {
		width: 44.6667vw;
	}
	#logi_it_solution .assignment_list dd .intro .wrap_2 .logo_wrap .biz_fleet {
		width: 27.8667vw;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li + li {
		margin-top: 2.667vw;
	}
	#logi_it_solution .assignment_list dd .intro .list_2 li .icon {
		left: 4vw;
	}
	#logi_it_solution .assignment_list .shipping_support dd .intro .list_2 li:nth-child(3) .icon {
		width: 8.4vw;
	}
	#logi_it_solution .assignment_list .shipping_support dd .intro .list_2 li:nth-child(1) .icon,
	#logi_it_solution .assignment_list .shipping_support dd .intro .list_2 li:nth-child(2) .icon,
	#logi_it_solution .assignment_list .warehouse_management dd .intro .list_2 li:nth-child(2) .icon,
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(1) .icon {
		width: 8.2667vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(2) .icon {
		width: 7.0667vw;
	}
	#logi_it_solution .assignment_list .warehouse_management dd .intro .list_2 li:nth-child(1) .icon {
		width: 9.4667vw;
	}
	#logi_it_solution .assignment_list .warehouse_management dd .intro .list_2 li:nth-child(3) .icon {
		width: 14.8vw;
	}
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li:nth-child(1) .icon {
		width: 4.6667vw;
	}
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li:nth-child(2) .icon {
		width: 14.5333vw;
	}
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li:nth-child(3) .icon {
		width: 7.7333vw;
	}
	#logi_it_solution .assignment_list .automation dd .intro .list_2 li:nth-child(4) .icon,
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li:nth-child(1) .icon,
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li:nth-child(2) .icon {
		width: 8.5333vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(3) .icon,
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li:nth-child(4) .icon {
		width: 12vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .intro .list_2 li:nth-child(4) .icon {
		width: 7.6vw;
	}
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li:nth-child(3) .icon {
		width: 10.9333vw;
	}
	#logi_it_solution .assignment_list .telematics dd .intro .list_2 li .pa {
		padding-left: 4.2vw;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap + .btn_wrap {
		margin-top: 5.3333vw;
	}
	#logi_it_solution .assignment_list dd .solution {
		padding: 4vw 5.333vw 6.4vw;
	}
	#logi_it_solution .assignment_list dd .solution .logo {
		margin: 0 auto 5.3333vw;
	}
	#logi_it_solution .assignment_list .shipping_support dd .solution .logo {
		width: 37.8667vw;
	}
	#logi_it_solution .assignment_list .warehouse_management dd .solution .logo {
		width: 60.9333vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .logo {
		width: 68.6667vw;
	}
	#logi_it_solution .assignment_list .telematics dd .solution .logo {
		width: 43.2vw;
	}
	#logi_it_solution .assignment_list dd .solution .lead {
		font-size: 3.7333vw;
		line-height: 1.36;
		margin: 0 0 5.0667vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .lead {
		letter-spacing: -0.05em;
	}
	#logi_it_solution .assignment_list dd .solution .text {
		line-height: 1.46;
		margin: 0 0 5.0667vw;
	}
	#logi_it_solution .assignment_list dd .solution .figure {
		width: calc(100% + 10.6667vw);
		overflow-x: scroll;
		white-space: nowrap;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		background: #fff;
		padding: 2vw 0;
	}
	#logi_it_solution .assignment_list dd .solution .figure img {
		width: 120vw;
		max-width: none;
	}
	#logi_it_solution .assignment_list dd .outro {
		padding: 5.0667vw 5.3333vw 12vw 8vw;
		border-radius: 0 0 1.3333vw 1.3333vw;
	}
	#logi_it_solution .assignment_list dd .outro .list {
		margin: 0 auto 6vw;
	}
	#logi_it_solution .assignment_list dd .outro .list ul {
		gap: 4vw 5.3333vw;
	}
	#logi_it_solution .assignment_list dd .outro .list li {
		border-radius: 1.3333vw;
		height: 21.3333vw;
		width: calc((100% - 5.3333vw)/2);
	}
	#logi_it_solution .assignment_list dd .outro .list li .text {
		font-size: 3.4667vw;
		line-height: 1.31;
	}
	#logi_it_solution .assignment_list dd .outro .list li::before {
		width: 6.2667vw;
		height: 24vw;
		top: -0.6667vw;
		left: -3.3333vw;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text {
		font-size: 3.2vw;
		letter-spacing: 0.075em;
		padding: 0.8vw 4.6667vw 0.8vw 4.5333vw;
		margin: 0 0 2.4vw;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::before {
		width: 3.6vw;
		height: 4.1333vw;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .wrap_text::after {
		width: 2.9333vw;
		height: 4.2667vw;
	}
	#logi_it_solution .assignment_list dd .outro .btn_wrap .cv_btn {
		max-width: 78.6667vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list {
		margin: 5.3333vw auto 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list li:not(:last-child),
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:not(:last-child) {
		margin: 0 0 4.6667vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dl,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dl {
		gap: 8vw 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		height: 10.6667vw;
		font-size: 3.4667vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt {
		padding: 0 6.9333vw 0 0;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt {
		padding: 0 10.9333vw 0 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::after,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::after {
		height: 5.0667vw;
		bottom: -5.0667vw;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		margin: 0 4vw 0 0;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dt::before {
		width: 6.9333vw;
		height: 7.3333vw;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dt::before {
		width: 10.9333vw;
		height: 7.0667vw;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:nth-of-type(1) dl dt::before {
		background: url('img/logi_it_automation_automation_list1_icon_sp.png') no-repeat left top/contain;
	}
	#logi_it_solution .assignment_list .automation dd .solution .automation_list li:nth-of-type(2) dl dt::before {
		background: url('img/logi_it_automation_automation_list2_icon_sp.png') no-repeat left top/contain;
	}
	#logi_it_solution .assignment_list .promotional_product_management dd .solution .x_order_list dd,
	#logi_it_solution .assignment_list .automation dd .solution .automation_list dd {
		line-height: 1.46;
	}
	#logi_it_solution .assignment_list dd .btn_accordion {
		bottom: -5.8667vw;
		width: 73.0667vw;
		border-radius: 5.3333vw;
	}
	#logi_it_solution .assignment_list dd .btn_accordion span {
		font-size: 4vw;
		padding: 3.6vw 0;
		border: 0.5333vw solid #daeef7;
		border-radius: 5.3333vw;
		box-shadow: 0px 0.5333vw 0.2667vw 0px rgba(108, 108, 108, 0.5);
	}
	#logi_it_solution .assignment_list dt:not(.open) + dd .btn_accordion span{
		text-shadow: 0px 0.2667vw 0px rgba(0, 0, 0, 0.5);
	}
	#logi_it_solution .assignment_list dd .btn_accordion span::after {
		right: 2vw;
		width: 8vw;
		height: 8vw;
	}
}
/*---------------------------------
#advantage
---------------------------------*/
#advantage .section_title {
	color: #fff;
}
#advantage .section_title .jpn,
#advantage .section_title .eng {
	display: block;
}
#advantage .section_title .jpn {
	position: relative;
}
#advantage .section_title .jpn::after {
	content: '';
	display: block;
	height: 1px;
	background: #2669bb;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
#advantage .advantage_list ul {
	display: flex;
}
#advantage .advantage_list li {
	box-sizing: border-box;
	background: #fff;
}
@media ( min-width: 601px ) {
	#advantage {
		background: url('img/reason_choosing_bg.jpg') no-repeat center top/cover;
		padding: 65px 0 45px;
	}
	#advantage .section_title {
		margin: 0 0 35px;
	}
	#advantage .section_title .jpn {
		font-size: 35px;
		padding: 0 0 20px;
		margin: 0 0 18px;
	}
	#advantage .section_title .jpn::after {
		width: 90px;
	}
	#advantage .advantage_list li {
		border: 10px solid #e7eef6;
	}
	#advantage .advantage_list li .number {
		font-size: 30px;
		margin: 0 0 19px;
	}
	#advantage .advantage_list li .headline {
		font-size: 35px;
		margin: 0 0 8px;
		line-height: 1.25;
	}
	#advantage .advantage_list li .illust {
		margin: 0 0 8px;
	}
	#advantage .advantage_list li .text {
		font-size: 20px;
		line-height: 1.5;
	}
}
@media ( min-width: 961px ) {
	#advantage .advantage_list ul {
		gap: 0 min(1.6667vw,55px);
	}
	#advantage .advantage_list li {
		width: calc((100% - min(1.6667vw,55px)*2)/3);
		padding: 19px 5px 17px;
	}
	#advantage .advantage_list li .headline {
		font-size: min(2.8vw,35px);
		letter-spacing: -0.01em;
	}
	#advantage .advantage_list li .text {
		font-size: min(1.6vw,20px);
		letter-spacing: -0.07em;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#advantage .advantage_list ul {
		gap: 25px 0;
	}
	#advantage .advantage_list li {
		padding: 19px 25px 17px;
		grid-template-columns: 36.8% auto;
	}
	#advantage .advantage_list li .headline span {
		display: inline-block;
		line-height: 1.3;
	}
}
@media ( max-width: 960px ) {
	#advantage {
		background: url('img/reason_choosing_bg_sp.jpg') no-repeat center top/cover;
	}
	#advantage .advantage_list ul {
		flex-direction: column;
	}
	#advantage .advantage_list .detail_box {
		display: grid;
		grid-template-rows: auto auto auto;
		grid-template-areas: 'number  text' 'headline  text' 'illust text';
		justify-content: center;
		gap: 0 5%;
	}
	#advantage .advantage_list li .number {
		grid-area: number;
	}
	#advantage .advantage_list li .text {
		grid-area: text;
		text-align: left;
		align-self: center;
	}
	#advantage .advantage_list li .headline {
		grid-area: headline;
	}
	#advantage .advantage_list li .illust {
		grid-area: illust;
		margin: 0 auto;
	}
}
@media ( max-width: 600px ) {
	#advantage {
		padding: 10.4vw 0 8.6667vw;
	}
	#advantage .section_title {
		margin: 0 0 6.5333vw;
	}
	#advantage .section_title .jpn {
		font-size: 5.7333vw;
		padding: 0 0 3.2vw;
		margin: 0 0 3.0667vw;
	}
	#advantage .section_title .jpn::after {
		width: 16vw;
	}
	#advantage .advantage_list ul {
		gap: 2.6667vw 0;
	}
	#advantage .advantage_list li {
		border: 1.3333vw solid #e7eef6;
		padding: 3.7333vw 4vw 3.4667vw;
	}
	#advantage .advantage_list .detail_box {
		grid-template-columns: 43.8% auto;
		gap: 0 3.3333vw;
	}
	#advantage .advantage_list li .number {
		font-size: 4.6667vw;
		margin: 0 0 2.6667vw;
	}
	#advantage .advantage_list li .headline {
		font-size: 4.2667vw;
		margin: 0 0 1.6vw;
		line-height: 1.15;
	}
	#advantage .advantage_list li .illust {
		width: 23.0667vw;
	}
	#advantage .advantage_list li .text {
		width: 43.333vw;
		line-height: 1.33;
	}
}
/*---------------------------------
#voice
---------------------------------*/
#voice {
	position: relative;
}
#voice::before {
	content: '';
	display: block;
	background: #2b4568;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#voice .inner {
	position: relative;
}
#voice .content {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 5;
}
#voice .section_title {
	color: #fff;
	position: relative;
	flex-shrink: 0;
}
#voice .section_title .jpn,
#voice .section_title .eng {
	display: block;
}
#voice .section_title .jpn {
	position: relative;
}
#voice .section_title .jpn::after {
	content: '';
	display: block;
	height: 1px;
	background: #2669bb;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
#voice .voice_list {
	display: flex;
}
#voice .voice_list li {
	background: #fff;
	box-sizing: border-box;
}
#voice .voice_list li .lead {
	font-weight: bold;
}
#voice .voice_list > li > ul {
	display: flex;
	position: relative;
}
#voice .voice_list > li > ul::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#voice .voice_list > li > ul > li dt {
	text-align: left;
}
#voice .voice_list > li > ul > li dd {
	text-align: left;
}
#voice .voice_list > li > ul > li dt {
	color: #fff;
}
#voice .voice_list > li > ul > li .assignment dt {
	border-bottom: 1px solid #12449a;
}
#voice .voice_list > li > ul > li .effect dt {
	border-bottom: 1px solid #e24c33;
}
#voice .voice_list > li > ul > li dt span {
	position: relative;
	display: inline-flex;
	align-items: center;
}
#voice .voice_list > li > ul > li dt span::before {
	content: '';
	display: block;
	background: #fff;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	position: absolute;
	top: 0;
	right: 0;
}
#voice .voice_list > li > ul > li .assignment dt span {
	background: #12449a;
}
#voice .voice_list > li > ul > li .effect dt span {
	background: #e24c33;
}
@media ( min-width: 601px ) {
	#voice .section_title {
		margin: 0 0 35px;
	}
	#voice .section_title .jpn {
		font-size: 35px;
		padding: 0 0 20px;
		margin: 0 0 18px;
	}
	#voice .section_title .jpn::after {
		width: 90px;
	}
	#voice .voice_list {
		width: 100%;
		max-width: 950px;
		gap: 0 min(4.16vw,52px);
	}
	#voice .voice_list > li {
		padding: 58px;
	}
	#voice .voice_list li .company_name {
		font-size: 20px;
		margin: 0 0 25px;
	}
	#voice .voice_list li .lead {
		font-size: 22px;
		line-height: 1.45;
		margin: 0 0 15px;
	}
	#voice .voice_list li .commodity {
		font-size: 10px;
		margin: 0 0 25px;
	}
	#voice .voice_list > li > ul {
		gap: 0 53px;
	}
	#voice .voice_list > li > ul::before {
		width: 19px;
		height: 17px;
		background: url('img/voice_list_arrow.png') no-repeat;
		top: 37px;
	}
	#voice .voice_list > li > ul > li {
		width: calc((100% - 53px)/2);
	}
	#voice .voice_list > li > ul > li dt {
		margin: 0 0 10px;
	}
	#voice .voice_list > li > ul > li dt span {
		font-size: 11px;
		padding: 0 16px;
		height: 18px;
	}
	#voice .voice_list > li > ul > li dt span::before {
		width: 9px;
		height: 18px;
		right: -1px;
	}
	#voice .voice_list > li > ul > li dd {
		font-size: 13px;
		line-height: 1.4;
	}
}
@media ( min-width: 961px ) {
	#voice {
		padding: 163px 0;
	}
	#voice .inner {
		padding: 0 50px;
	}
	#voice::before {
		width: calc(50% - 368px);
		height: 480px;
	}
	#voice .inner::before,
	#voice .inner::after {
		content: '';
		display: block;
		background: #2b4568;
		height: 480px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#voice .inner::before {
		width: 368px;
		left: 0;
	}
	#voice .inner::after {
		width: 91px;
		left: 367px;
		clip-path: polygon(0 100%, 0 0, 100% 0);
	}
	#voice .content {
		margin: 0 0 0 -30px;
		width: calc(100% + 30px);
		gap: 0 min(9.6vw,120px);
	}
	#voice .voice_list > li {
		width: calc((100% - min(4.16vw,52px))/2);
		min-height: 350px;
		padding: 58px min(2.24vw,28px);
	}
	#voice .voice_list li .company_name {
		font-size: min(1.6vw,20px);
	}
	#voice .voice_list li .lead {
		font-size: min(1.76vw,22px);
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#voice {
		padding: 150px 0 100px;
	}
	#voice::before,
	#voice::after {
		height: calc(100% - 100px);
	}
	#voice .voice_list {
		max-width: 670px;
		margin: 0 auto;
	}
	#voice .voice_list {
		gap: 30px 0;
	}
}
@media ( max-width: 960px ) {
	#voice::after {
		content: '';
		display: block;
		background: #2b4568;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		clip-path: polygon(100% 0, 0 0, 0 100%);
	}
	#voice::before {
		width: 66.6667vw;
	}
	#voice::after {
		width: 28.1333vw;
		left: 66.5333vw;
	}
	#voice .content {
		flex-direction: column;
	}
	#voice .voice_list {
		flex-direction: column;
	}
}
@media ( max-width: 600px ) {
	#voice {
		padding: 19.3333vw 0 14.6667vw;
	}
	#voice::before {
		height: calc(100% - 18.6667vw);
	}
	#voice::after {
		height: calc(100% - 18.6667vw);
	}
	#voice .section_title {
		margin: 0 0 8vw;
	}
	#voice .section_title .jpn {
		font-size: 5.7333vw;
		padding: 0 0 3.2vw;
		margin: 0 0 3.0667vw;
	}
	#voice .section_title .jpn::after {
		width: 16vw;
	}
	#voice .voice_list {
		gap: 2.6667vw 0;
	}
	#voice .voice_list > li {
		padding: 5.2vw 5.3333vw 5.0667vw;
	}
	#voice .voice_list li .company_name {
		font-size: 3.4667vw;
		margin: 0 0 3.7333vw;
	}
	#voice .voice_list li .lead {
		font-size: 3.7333vw;
		line-height: 1.36;
		margin: 0 0 4vw;
	}
	#voice .voice_list li .commodity {
		font-size: 2.4vw;
		margin: 0 0 4.6667vw;
	}
	#voice .voice_list > li > ul {
		gap: 0 10.6667vw;
	}
	#voice .voice_list > li > ul::before {
		width: 3.8667vw;
		height: 3.3333vw;
		background: url('img/voice_list_arrow_sp.png') no-repeat top left/contain;
		top: 7.4667vw;
	}
	#voice .voice_list > li > ul > li {
		width: calc((100% - 10.6667vw)/2);
	}
	#voice .voice_list > li > ul > li dt {
		margin: 0 0 1.8667vw;
	}
	#voice .voice_list > li > ul > li dt span {
		font-size: 2.2667vw;
		padding: 0 3.2vw;
		height: 3.7333vw;
	}
	#voice .voice_list > li > ul > li dt span::before {
		width: 1.2vw;
		height: 3.7333vw;
		right: -0.1333vw;
	}
	#voice .voice_list > li > ul > li dd {
		font-size: 2.6667vw;
		line-height: 1.4;
	}
}

/*---------------------------------
#faq
---------------------------------*/
#faq {
	background: #2669bb;
}
#faq .section_title {
	color: #fff;
	position: relative;
}
#faq .section_title::before {
	content: '';
	display: block;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
#faq .faq_list {
	position: relative;
	z-index: 1;
}
#faq .faq_list li {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	background: #fff;
	border-radius: 50%;
}
#faq .faq_list li:nth-child(1) {
	top: 0;
	left: 0;
}
#faq .faq_list li:nth-child(2) {
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#faq .faq_list li:nth-child(3) {
	top: 0;
	right: 0;
}
#faq .faq_list li:nth-child(4) {
	bottom: 0;
}
#faq .faq_list li:nth-child(5) {
	bottom: 0;
}
#faq .faq_list li::before,
#faq .faq_list li::after {
	content: '';
	display: block;
	position: absolute;
}
#faq .faq_list li::before {
	width: 100%;
	border-radius: 50%;
	background: #205db1;
	z-index: -1;
}
#faq .faq_list li:nth-child(1)::after {
	background: url('img/faq_list1_illust.png') no-repeat top left/contain;
}
#faq .faq_list li:nth-child(2)::after {
	background: url('img/faq_list2_illust.png') no-repeat top left/contain;
}
#faq .faq_list li:nth-child(3)::after {
	background: url('img/faq_list3_illust.png') no-repeat top left/contain;
}
#faq .faq_list li:nth-child(4)::after {
	background: url('img/faq_list4_illust.png') no-repeat top left/contain;
}
#faq .faq_list li:nth-child(5)::after {
	background: url('img/faq_list5_illust.png') no-repeat top left/contain;
}
#faq .lead {
	color: #fff;
}
@media ( min-width: 601px ) {
	#faq {
		padding: 75px 0 68px;
	}
	#faq .inner {
		max-width: 980px;
		padding: 0 20px;
	}
	#faq .section_title {
		font-size: 35px;
		padding: 0 0 20px;
		margin: 0 0 53px;
	}
	#faq .section_title::before {
		width: 90px;
	}
	#faq .faq_list {
		margin: 0 0 45px;
	}
	#faq .faq_list li {
		position: absolute;
		width: min(25.8333vw,248px);
		height: min(25.8333vw,248px);
	}
	#faq .faq_list li:nth-child(4) {
		left: 18.5%;
	}
	#faq .faq_list li:nth-child(5) {
		right: 18.5%;
	}
	#faq .faq_list li::before {
		height: min(25.8333vw,248px);
		right: -10px;
		bottom: -10px;
	}
	#faq .faq_list li:nth-child(1)::after {
		width: 96px;
		height: 105px;
	}
	#faq .faq_list li:nth-child(2)::after {
		width: 30px;
		height: 112px;
	}
	#faq .faq_list li:nth-child(3)::after {
		width: 30px;
		height: 121px;
	}
	#faq .faq_list li:nth-child(4)::after {
		width: 47px;
		height: 116px;
	}
	#faq .faq_list li:nth-child(5)::after {
		width: 39px;
		height: 112px;
	}
	#faq .faq_list li .text {
		font-size: min(2.2917vw,22px);
		line-height: 1.36;
	}
	#faq .lead {
		font-size: 25px;
		line-height: 1.5;
	}
	#faq .lead .em {
		font-size: 35px;
	}
}
@media ( min-width: 961px ) {
	#faq .faq_list {
		height: 448px;
	}
	#faq .faq_list li:nth-child(1)::after {
		left: -7px;
		bottom: 0;
	}
	#faq .faq_list li:nth-child(2)::after {
		left: -7px;
		top: 33px;
	}
	#faq .faq_list li:nth-child(3)::after {
		right: 39px;
		bottom: -33px;
	}
	#faq .faq_list li:nth-child(4)::after {
		left: 112px;
		top: -71px;
	}
	#faq .faq_list li:nth-child(5)::after {
		left: -12px;
		bottom: 24px;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#faq .faq_list {
		height: min(58.125vw,558px);
	}
	#faq .faq_list li:nth-child(4) {
		padding: 25px 0 0;
	}
	#faq .faq_list li:nth-child(1)::after {
		left: -7px;
		bottom: -45px;
	}
	#faq .faq_list li:nth-child(2)::after {
		left: 10px;
		top: -35px;
	}
	#faq .faq_list li:nth-child(3)::after {
		right: 15px;
		bottom: -63px;
	}
	#faq .faq_list li:nth-child(4)::after {
		left: 77px;
		top: -80px;
	}
	#faq .faq_list li:nth-child(5)::after {
		left: -10px;
		bottom: -35px;
	}
}
@media ( max-width: 600px ) {
	#faq {
		padding: 10.6667vw 0 11.4667vw;
	}
	#faq .inner {
		padding: 0 2.6667vw;
	}
	#faq .section_title {
		font-size: 5.7333vw;
		padding: 0 0 3.2vw;
		margin: 0 0 8.6667vw;
	}
	#faq .section_title::before {
		width: 16vw;
	}
	#faq .faq_list {
		height: 61.6vw;
		margin: 0 0 9.3333vw;
	}
	#faq .faq_list li {
		position: absolute;
		width: 29.3333vw;
		height: 29.3333vw;
	}
	#faq .faq_list li:nth-child(4) {
		padding: 5.0667vw 0 0;
		letter-spacing: -0.05em;
		left: 14.6667vw;
	}
	#faq .faq_list li:nth-child(5) {
		right: 14.6667vw;
	}
	#faq .faq_list li::before {
		height: 29.3333vw;
		right: -1.3333vw;
		bottom: -1.3333vw;
	}
	#faq .faq_list li:nth-child(1)::after {
		width: 12.8vw;
		height: 14vw;
		left: -7px;
		bottom: 0;
	}
	#faq .faq_list li:nth-child(2)::after {
		width: 4vw;
		height: 14.9333vw;
		left: 3.7333vw;
		top: -3.0667vw;
	}
	#faq .faq_list li:nth-child(3)::after {
		width: 4vw;
		height: 16.1333vw;
		right: 2.6667vw;
		bottom: -5.0667vw;
	}
	#faq .faq_list li:nth-child(4)::after {
		width: 6.2667vw;
		height: 15.4667vw;
		right: 7.8667vw;
		top: -7.4667vw;
	}
	#faq .faq_list li:nth-child(5)::after {
		width: 5.2vw;
		height: 14.9333vw;
		left: 0.5333vw;
		bottom: -3.4667vw;
	}
	#faq .faq_list li .text {
		line-height: 1.33;
	}
	#faq .lead {
		font-size: 3.4667vw;
		line-height: 1.54;
	}
	#faq .lead .em {
		font-size: 5.0667vw;
	}
}

/*---------------------------------
#contact_form
---------------------------------*/
#contact_form {
	background: #fff;
}
#contact_form .form_wrap {
	margin: 0 auto;
}
#contact_form .form_wrap dl {
	display: grid;
	align-items: start;
}
#contact_form .form_wrap .personal_info dl {
	display: block;
	margin: 0;
}
#contact_form .form_wrap .personal_info dt {
	display: block;
	height: auto;
	border: none;
}
#contact_form .form_wrap dt,
#contact_form .form_wrap dd {
	text-align: left;
}
#contact_form .form_wrap dt {
	font-weight: bold;
}
#contact_form .form_wrap dt {
	display: flex;
	box-sizing: border-box;
	position: relative;
	color: #12449a;
	border-bottom: 1px solid #12449a;
}
#contact_form .form_wrap dt .required,
#contact_form .form_wrap dt .any {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
#contact_form .form_wrap dt .required {
	background: #e24c33;
}
#contact_form .form_wrap dt .any {
	background: #376cc7;
}
#contact_form .form_wrap dd input:not([type="checkbox"]),
#contact_form .form_wrap dd textarea {
	background: #e7eef6;
	outline: none;
	border: none;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.4;
}
#contact_form .form_wrap dd textarea {
	resize: none;
}
.form_wrap .error_msg {
	color: #e24c33;
	font-weight: normal;
}
#contact_form .form_wrap dd input::placeholder,
#contact_form .form_wrap dd textarea::placeholder {
	color: #c8c8c8;
}
#contact_form .form_wrap dd ul {
	display: flex;
	flex-wrap: wrap;
}
#contact_form li {
	white-space: nowrap;
}
#contact_form .form_wrap dd li.wide {
	width: 100%;
}
#contact_form.confirm .form_wrap dd li {
	width: 100%;
}
#contact_form label,
#document_form label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#contact_form input[type="checkbox"],
#document_form input[type="checkbox"] {
	margin: 0;
	width: 0;
	opacity: 0;
}
#contact_form #solution .dummy_input,
#contact_form #privacy .dummy_input,
#contact_form .agreement .dummy_input,
#document_form .dummy_input {
	position: relative;
	display: inline-block;
	border: solid 1px #000;
	background: transparent;
	width: 0.8em;
	height: 0.8em;
}
#contact_form #solution input[type="checkbox"]:checked + .dummy_input::before,
#contact_form #solution input[type="checkbox"]:checked + .dummy_input::after,
#contact_form #privacy input[type="checkbox"]:checked + .dummy_input::before,
#contact_form #privacy input[type="checkbox"]:checked + .dummy_input::after,
#contact_form .agreement input[type="checkbox"]:checked + .dummy_input::before,
#contact_form .agreement input[type="checkbox"]:checked + .dummy_input::after,
#document_form input[type="checkbox"]:checked + .dummy_input::before,
#document_form input[type="checkbox"]:checked + .dummy_input::after {
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000;
	transform-origin: 1px 1px;
}
#contact_form #solution input[type="checkbox"]:checked + .dummy_input::before,
#contact_form #privacy input[type="checkbox"]:checked + .dummy_input::before,
#contact_form .agreement input[type="checkbox"]:checked + .dummy_input::before,
#document_form input[type="checkbox"]:checked + .dummy_input::before {
	width: 40%;
	transform: translate(-2px,1px) rotateZ(-135deg);
}
#contact_form #solution input[type="checkbox"]:checked + .dummy_input::after,
#contact_form #privacy input[type="checkbox"]:checked + .dummy_input::after,
#contact_form .agreement input[type="checkbox"]:checked + .dummy_input::after,
#document_form input[type="checkbox"]:checked + .dummy_input::after {
	width: 76%;
	transform: translate(-2px,1px) rotateZ(-45deg);
}
#contact_form #type li label {
	text-align: left;
	justify-content: start;
	width: 100%;
	box-sizing: border-box;
}
#contact_form #type li label .dummy_input {
	border-radius: 50%;
	box-sizing: border-box;
}
#contact_form #type .dummy_input {
	position: relative;
}
#contact_form #type input[type="checkbox"]:checked + .dummy_input::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 90%;
	height: 90%;
	border-radius: 50%;
	margin: 0 auto;
	transform: translateY(-50%);
	background-color: #17aac8;
}
#contact_form .label_text,
#document_form .label_text {
	display: block;
	margin: 0 0 0 6px;
}
#contact_form .privacy .text a {
	text-decoration: underline;
}
#contact_form .btn input,
#contact_form .btn a {
	border: none;
	outline: none;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: rgb(18,119,215);
	background: linear-gradient(45deg, rgba(18,119,215,1) 0%, rgba(21,168,239,1) 100%);
}
#contact_form .btn button {
	border: none;
	outline: none;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #B1AEAE;
}
.confilm_text {
	color: #e24c33;
	padding: 1em 0;
	border: 1px solid #e24c33;
}
.confilm_text {
	line-height: 1.5;
}
@media ( min-width: 601px ) {
	#contact_form {
		padding: 85px 0 120px;
	}
	#contact_form .section_title {
		font-size: 35px;
		margin: 0 0 38px;
	}
	#contact_form .lead {
		line-height: 1.67;
		margin: 0 0 47px;
	}
	#contact_form .form_wrap {
		max-width: 815px;
	}
	#contact_form .form_wrap dl {
		margin: 0 0 45px;
	}
	#contact_form .form_wrap dt .comment {
		font-size: 13px;
	}
	#contact_form .form_wrap dt .required,
	#contact_form .form_wrap dt .any {
		font-size: 11px;
		width: 40px;
		height: 20px;
	}
	#contact_form .form_wrap dd input:not([type="checkbox"]),
	#contact_form .form_wrap dd textarea {
		border-radius: 10px;
		padding: 1.2em 1.53em;
	}
	.form_wrap .error_msg {
		display: block;
		padding-top: 10px;
		font-size: 12px;
	}
	#contact_form.confirm .form_wrap dd  {
		padding: 1em 1.53em;
		line-height: 1.4;
	}
	#contact_form .form_wrap dd input:not([type="checkbox"]) {
		height: 50px;
	}
	#contact_form .form_wrap dd textarea {
		height: 200px;
	}
	#contact_form .form_wrap dd ul {
		gap: 15px;
	}
	#contact_form .form_wrap dd li {
		width: calc((100% - 15px)/2);
	}
	#contact_form #type {
		gap: 10px 15px;
	}
	#contact_form #type li label {
		padding: 17px 10px;
		border: 1px solid #a3a3a3;
		border-radius: 10px;
	}
	#contact_form #type li label .dummy_input {
		width: 13px;
		height: 13px;
		border: 1px solid #a3a3a3;
	}
	#contact_form #type input[type="checkbox"]:checked + .dummy_input::before {
		width: 7px;
		height: 7px;
	}
	#contact_form #type li label .label_text {
		margin-left: 10px;
	}
	#contact_form .privacy {
		font-size: 13px;
		margin: 0 0 50px;
	}
	#contact_form .privacy .text {
		line-height: 1.54;
		margin: 0 0 25px;
	}
	#contact_form .btn {
		margin: 45px auto 0;
		display: flex;
		justify-content: center;
		gap: 20px;
	}
	#contact_form .btn input,
	#contact_form .btn a {
		width: 340px;
		font-size: 20px;
		height: 85px;
		border-radius: 10px;
		box-shadow: 0px 4px 7px 1px rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
	#contact_form .btn input:hover,
	#contact_form .btn a:hover {
		box-shadow: none;
	}
	#contact_form .btn button {
		width: 200px;
		font-size: 20px;
		height: 85px;
		border-radius: 10px;
		box-shadow: 0px 4px 7px 1px rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
	.confilm_text {
		font-size: 15px;
		max-width: 460px;
		margin: 0 auto 30px;
	}
}
@media ( min-width: 961px ) {
	#contact_form .form_wrap dl {
		grid-template-columns: 240px auto;
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 25px;
		grid-row-gap: 14px;
	}
	#contact_form .form_wrap dt {
		height: 50px;
		align-items: center;
	}
	#contact_form .form_wrap dt .required,
	#contact_form .form_wrap dt .any {
		position: absolute;
		right: 0;
		bottom: 14px;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ) {
	#contact_form .form_wrap dt {
		padding: 0 0 15px;
		margin: 0 0 15px;
	}
	#contact_form .form_wrap dl dd:not(:last-of-type) {
		margin: 0 0 35px;
	}
	#contact_form .form_wrap dt .required,
	#contact_form .form_wrap dt .any {
		margin: -2px 0 0 20px;
	}
}
@media ( max-width: 960px ) {
	#contact_form .lead {
		text-align: left;
	}
	#contact_form .form_wrap dl {
		grid-template-columns: 100%;
	}
}
@media ( max-width: 600px ) {
	#contact_form {
		padding: 10.5333vw 0 18vw;
	}
	#contact_form .section_title {
		font-size: 5.7333vw;
		margin: 0 0 7.7333vw;
	}
	#contact_form .lead {
		line-height: 1.42;
		margin: 0 0 9.3333vw;
	}
	.confilm_text {
		font-size: 3.2vw;
		margin: 0 0 4vw;
	}
	#contact_form .form_wrap dl {
		margin: 0 0 5.6vw;
	}
	#contact_form .form_wrap dt {
		min-height: 6.6667vw;
		padding: 0 0 3.0667vw;
		margin: 0 0 2.1333vw;
	}
	#contact_form .form_wrap dt .comment {
		font-size: 2.6667vw;
	}
	#contact_form .form_wrap dt .required,
	#contact_form .form_wrap dt .any {
		font-size: 2.4vw;
		width: 8vw;
		height: 3.2vw;
		margin: 0 0 0 2.6667vw;
	}
	#contact_form .form_wrap dl dd:not(:last-of-type) {
		margin: 0 0 4vw;
	}
	#contact_form .form_wrap dd input:not([type="checkbox"]),
	#contact_form .form_wrap dd textarea {
		border-radius: 1.3333vw;
		padding: 0.7em 0.92em;
	}
	.form_wrap .error_msg {
		display: block;
		padding-top: 1.6vw;
		font-size: 2.4vw;
	}
	#contact_form.confirm .form_wrap dd  {
		padding: 0.6em 0.92em;
		line-height: 1.4;
	}
	#contact_form .form_wrap dd input:not([type="checkbox"]) {
		height: 6.6667vw;
	}
	#contact_form .form_wrap dd textarea {
		height: 26.6667vw;
	}
	#contact_form .form_wrap dd ul {
		gap: 3.0667vw;
	}
	#contact_form .form_wrap dd li {
		font-size: 2.9333vw;
		width: calc((100% - 3.0667vw)/2);
		letter-spacing: -0.08em;
	}
	#contact_form #type {
		gap: 1.4667vw 1.3333vw;
	}
	#contact_form #type li label {
		padding: 2.6667vw 1.3333vw 2.5333vw;
		border: 0.1333vw solid #a3a3a3;
		border-radius: 1.3333vw;
	}
	#contact_form #type li label .dummy_input {
		width: 2.4vw;
		height: 2.4vw;
		border: 0.1333vw solid #a3a3a3;
	}
	#contact_form #type input[type="checkbox"]:checked + .dummy_input::before {
		width: 1.6vw;
		height: 1.6vw;
	}
	#contact_form #type li label .label_text {
		margin-left: 1.3333vw;
	}
	#contact_form .privacy {
		font-size: 2.6667vw;
		margin: 0 0 5.3333vw;
	}
	#contact_form .privacy .text {
		line-height: 1.5;
		margin: 0 0 4.6667vw;
	}
	#contact_form .btn {
		margin: 5.6vw auto 0;
		display: flex;
		justify-content: center;
		gap: 3vw;
	}
	#contact_form .btn input,
	#contact_form .btn a {
		font-size: 4vw;
		height: 13.3333vw;
		border-radius: 1.3333vw;
		box-shadow: 0px 0.5333vw 0.9333vw 0.2667vw rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
	#contact_form .btn input:hover {
		box-shadow: none;
	}
	#contact_form .btn button {
		width: 45vw;
		font-size: 4vw;
		height: 13.3333vw;
		border-radius: 1.3333vw;
		box-shadow: 0px 0.5333vw 0.9333vw 0.2667vw rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
}
/*---------------------------------
#foot
---------------------------------*/
#foot {
	background: #3b499f;
}
#foot .copyright {
	color: #fff;
}
#pagetop {
	position: fixed;
	z-index: 9999;
	opacity : 0;
	visibility: hidden;
	right: 0;
	transition : all .3s;
}
#pagetop.on {
	opacity : 1;
	visibility: visible;
	transition : all .3s;
}
@media ( min-width: 601px ) {
	#foot {
		padding: 45px 0;
	}
	#foot .copyright {
		font-size: 10px;
	}
	#pagetop {
		bottom: 200px;
		display: block;
		width: 80px;
	}
}
@media ( max-width: 600px ) {
	#foot {
		padding: 3.4667vw 0 2.5333vw;
	}
	#foot .copyright {
		font-size: 1.8667vw;
	}
	#pagetop {
		width: 12vw;
	}
	#pagetop {
		bottom: 30vw;
	}
}

/*---------------------------------
#sp_menu
---------------------------------*/
#sp_menu {
	overflow: auto;
	width: 100%;
	height: 100vh;
	background: #2669bb;
	position: fixed;
	left: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform 0.5s;
	z-index: 999;
}
#sp_menu.active {
	transform: translateX(0);
}
#sp_menu .head {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#sp_menu .close_btn {
	cursor: pointer;
	position: relative;
	margin: 0 0 0 auto;
}
#sp_menu .close_btn span {
	display: block;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#sp_menu .close_btn span:nth-of-type(1) {
	transform: rotate(45deg);
}
#sp_menu .close_btn span:nth-of-type(2) {
	transform: rotate(-45deg);
}
#sp_menu .navi {
	box-sizing: border-box;
}
#sp_menu .navi ul {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2em 0;
}
#sp_menu .navi li {
	border-bottom: 1px solid #fff;
	padding: 0 0 2em;
}
#sp_menu .navi li a {
	display: block;
	width: 100%;
}
@media ( min-width: 601px ) and ( max-width: 1100px ) {
	#sp_menu .head {
		padding: 0 30px;
		height: 150px;
	}
	#sp_menu .close_btn {
		width: 40px;
		height: 38px;
	}
	#sp_menu .close_btn span {
		height: 5px;
	}
	#sp_menu .navi {
		height: calc(100% - 150px);
		padding: 50px 0 0;
	}
	#sp_menu .navi ul {
		max-width: 690px;
		margin: 0 auto;
	}
	#sp_menu .navi li a {
		font-size: 20px;
	}
}
@media ( max-width: 600px ) {
	#sp_menu .head {
		height: 20vw;
		padding: 0 5.3333vw;
	}
	#sp_menu .close_btn {
		width: 5.3333vw;
		height: 5.0667vw;
	}
	#sp_menu .close_btn span {
		height: 0.6667vw;
	}
	#sp_menu .navi {
		height: calc(100% - 20vw);
		padding: 13.3333vw 0 0;
	}
	#sp_menu .navi li a {
		font-size: 3.4667vw;
	}
}

/*---------------------------------
#cta_only
---------------------------------*/
@media ( min-width: 961px ) {
	#cta_only {
		margin-top: -100px;
		padding: 30px 0 100px;
	}
}
@media ( max-width: 960px ) {
	#cta_only {
		margin-top: -10vw;
		padding: 10vw 0;
	}
}

/*---------------------------------
.content.cta
---------------------------------*/
.content.cta {
	position: relative;
	z-index: 1;
	background: linear-gradient(180deg, #FFFFFF 58.52%, #D1D1D1 100%);
}
.content.cta .inn .text_grup .text {
	font-weight: 900;
}
.content.cta .inn .text_grup .border {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.content.cta .inn .text_grup .border::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #f8ed77;
	z-index: -1;
}
.content.cta .inn .btn_wrap .wrap_text {
	position: relative;
	display: inline-block;
	color: #2669bb;
	font-weight: bold;
}
.content.cta .inn .btn_wrap .wrap_text.dl {
	color: #0B152B;
}
.content.cta .inn .btn_wrap .wrap_text.dl .icon {
	margin-right: 0.2em;
}
.content.cta .inn .btn_wrap .wrap_text::before,
.content.cta .inn .btn_wrap .wrap_text::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.content.cta .inn .btn_wrap .wrap_text::before {
	left: 0;
	background: url(img/kv_line_left.png)no-repeat center/cover;
}
.content.cta .inn .btn_wrap .wrap_text::after {
	right: 0;
	background: url(img/kv_line_right.png)no-repeat center/cover;
}
.content.cta .inn .btn_wrap .wrap_text.dl::before {
	left: 0;
	background: url(img/kv_line_left_2.png)no-repeat center/cover;
}
.content.cta .inn .btn_wrap .wrap_text.dl::after {
	right: 0;
	background: url(img/kv_line_right_2.png)no-repeat center/cover;
}
.content.cta .inn .btn_wrap .cv_btn a::before {
	content: none;
}
@media ( min-width: 961px ) {
	.content.cta {
		width: 83.33%;
		max-width: 1000px;
		margin: 0 auto;
		border-radius: 10px;
		box-shadow: 0px 0px 15.2px 0.8px rgba(108, 108, 108, 0.32);
		border: 2px solid #FFFFFF;
	}
	.content.cta .inn {
		padding: min(1.6667vw, 20px) min(2.9167vw, 35px) min(2.25vw, 27px);
	}
	.content.cta .inn .text_grup .text {
		font-size: min(2.1667vw, 26px);
	}
	.content.cta .inn .text_grup .num {
		font-size: min(3.3333vw, 40px);
	}
	.content.cta .note {
		font-size: 12px;
		margin: min(0.8824vw, 12px) 0 min(0.8333vw, 10px);
	}
	.content.cta .inn .btn_wrap .wrap_text {
		font-size: min(1.5vw, 18px);
		padding: 0 min(1.8382vw, 25px) min(0.2941vw, 4px) min(2.0588vw, 28px);
		margin: 0 0 min(0.5833vw, 7px);
	}
	.content.cta .inn .btn_wrap .wrap_text::before,
	.content.cta .inn .btn_wrap .wrap_text::after {
		width: min(0.9167vw, 11px);
		height: min(2.0833vw, 25px);
	}
	.content.cta .inn .btns_wrap {
		display: flex;
		justify-content: space-between;
		gap: 0 min(2.5vw, 30px);
	}
	.content.cta .inn .btn_wrap {
		flex: 1 1 50%;
	}
}
@media ( max-width: 960px ) {
	.content.cta {
		width: 91.7949vw;
		margin: 0 auto;
		border-radius: 2.6667vw;
		box-shadow: 0px 0px 1.2991vw 0.0684vw rgba(108, 108, 108, 0.32);
		border: 0.2667vw solid #FFFFFF;
	}
	.content.cta .inn {
		padding: 2vw 0 3.2vw;
	}
	.content.cta .inn .text_grup {
		text-align: center;
		margin: 0 0 2.1333vw;
	}
	.content.cta .inn .text_grup .text {
		font-size: 3.7333vw;
	}
	.content.cta .inn .text_grup .mid {
		font-size: 4.8vw;
	}
	.content.cta .inn .text_grup .num {
		font-size: 6.9333vw;
	}
	.content.cta .note {
		font-size: 2.6667vw;
		margin-top: 1.8667vw;
	}
	.content.cta .inn .btn_wrap + .btn_wrap {
		margin-top: 2.6667vw;
	}
	.content.cta .inn .btn_wrap .wrap_text {
		font-size: 3.7333vw;
		padding: 0 4.188vw 0 4.8718vw;
		margin: 0 0 1.6239vw;
	}
	.content.cta .inn .btn_wrap .wrap_text::before,
	.content.cta .inn .btn_wrap .wrap_text::after {
		width: 1.4667vw;
		height: 3.3333vw;
	}
	.content.cta .inn .btn_wrap .wrap_text.dl .icon {
		display: inline-block;
		width: 3.7333vw;
	}
	.content.cta .inn .btn_wrap .wrap_text.dl .icon img {
		width: 100%;
	}
	.content.cta .inn .btn_wrap .cv_btn {
		width: 61.3333vw;
		margin: 0 auto;
	}
}

/*---------------------------------
#document_form
---------------------------------*/
#document_form {
	background-color: #fff;
}
#document_form .contents .img_wrap,
#document_form .contents .img_wrap_2 {
	display: flex;
	justify-content: center;
}
#document_form .contents .img_wrap_2 {
	align-items: flex-start;
}
#document_form .contents .text {
	text-align: left;
}
#document_form .contents dl {
	background-color: #effaff;
}
#document_form .contents dl dt {
	display: inline-block;
}
#document_form .contents dl dd ul li {
	text-align: left;
}
#document_form .form_wrap dl {
	text-align: left;
}
#document_form .form_wrap dl dt {
	position: relative;
	display: inline-block;
	color: #12449a;
	font-weight: bold;
}
#document_form .form_wrap dt .required,
#document_form .form_wrap dt .any {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #fff;
}
#document_form .form_wrap dt .required {
    background: #e24c33;
}
#document_form .form_wrap dt .any {
	background: #376cc7;
}
#document_form .form_wrap dd input:not([type="checkbox"]) {
    background: #e7eef6;
    outline: none;
    border: none;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4;
}
.form_wrap .personal_info {
	text-align: left;
}
.form_wrap .personal_info .privacy_box {
	overflow-y: auto;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
}
.form_wrap .personal_info .privacy_box a {
	color: #376cc7;
	text-decoration: underline;
}
.form_wrap .personal_info .privacy_dl {
	line-height: 1.5;
}
.form_wrap .personal_info .privacy_dl dt {
	margin-bottom: 0.5em;
}
.form_wrap .personal_info .privacy_dl dd + dt {
	margin-top: 0.5em;
}
.form_wrap .personal_info .note {
	color: #e24c33;
	font-size: 13px;
}
.form_wrap .agreement {
	text-align: left;
	background: #dddddd;
}
#agree:not(:checked):disabled + .dummy_input + .label_text,
#agree:not(:checked):disabled + .dummy_input {
	color: #9f9f9f;
	border-color: #9f9f9f;
}
#document_form .form_wrap .btn input {
	border: none;
    outline: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: rgb(18, 119, 215);
    background: linear-gradient(45deg, rgba(18, 119, 215, 1) 0%, rgba(21, 168, 239, 1) 100%);
}
#document_form .document_wrap ul {
	display: flex;
	flex-wrap: wrap;
}
#document_form .document_wrap ul li {
	flex: 1 1 auto;
}
#document_form .document_wrap ul li .document_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
}
#document_form .document_wrap ul li .img a {
	display: inline-block;
}
#document_form .btn.top a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00136d;
	font-weight: bold;
	background-color: #fff;
}
#document_form .btn button {
	border: none;
	outline: none;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #B1AEAE;
}
@media ( min-width: 601px ) {
	#document_form {
		padding: 75px 0 90px;
	}
	#document_form .section_title {
		font-size: 35px;
		line-height: 1.54;
		margin: 0 0 25px;
	}
	#document_form .lead {
		font-size: 15px;
		line-height: 1.66;
		margin: 0 0 45px;
	}
	#document_form .contents .dc_imgs {
		margin: 0 0 10px;
	}
	#document_form .contents .dc_imgs .img {
		box-shadow: 0 0 7px rgba(0, 0, 0, .28);
	}
	#document_form .contents .img_wrap {
		gap: 0 19px;
		margin: 0 0 18px;
	}
	#document_form .contents .img_wrap_2 {
		gap: 0 9px;
	}
	#document_form .contents .text {
		font-size: 15px;
		line-height: 2;
		margin: 0 0 10px;
	}
	#document_form .contents dl {
		padding: 42px 0 40px;
	}
	#document_form .contents dl dt {
		font-size: 22px;
		margin-bottom: 20px;
		padding: 0 0 3px;
		border-bottom: 2px solid #12449a;
	}
	#document_form .contents dl dd ul {
		padding: 0 100px;
	}
	#document_form .contents dl dd ul li {
		font-size: 15px;
	}
	#document_form .contents dl dd ul li + li {
		margin-top: 15px;
	}
	#document_form .form_wrap dl {
		margin: 0 0 22px;
	}
	#document_form .form_wrap dl dt {
		font-size: 15px;
		padding-right: 50px;
		margin: 0 0 13px;
	}
	#document_form .form_wrap dt .required,
	#document_form .form_wrap dt .any {
		font-size: 11px;
		padding: 4px 9px 5px;
	}
	#document_form .form_wrap dl dd + dt {
		margin-top: 20px;
	}
	#document_form .form_wrap dd input:not([type="checkbox"]) {
		height: 50px;
		border-radius: 10px;
        padding: 1.2em 1.53em;
	}
	#document_form .form_wrap dd ul {
		display: grid;
		justify-content: space-between;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: 1fr 1fr;
		font-size: 15px;
		gap: 1em 0;
	}
	.form_wrap .personal_info .text {
		font-size: 15px;
		margin: 0 0 10px;
	}
	.form_wrap .personal_info .privacy_box {
		font-size: 13px;
		padding: 16px 21px;
		height: 130px;
	}
	.form_wrap .personal_info .note {
		margin: 11px 0;
	}
	.form_wrap .agreement {
		font-size: 13px;
		padding: 21px 17px 20px;
	}
	#document_form .form_wrap .btn {
		display: flex;
		justify-content: center;
		gap: 0 20px;
		margin: 45px auto 0;
	}
	#document_form .form_wrap .btn input {
		flex: 0 0 340px;
		font-size: 25px;
		height: 75px;
		border-radius: 10px;
		box-shadow: 0px 4px 7px 1px rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
	#document_form .btn button {
		flex: 1 1 auto;
		max-width: 340px;
		font-size: 25px;
		height: 75px;
		border-radius: 10px;
		box-shadow: 0px 4px 7px 1px rgba(108, 108, 108, 0.52);
		transition: box-shadow 0.3s;
	}
	#document_form .document_wrap {
		margin: 0 0 43px;
	}
	#document_form .document_wrap ul li .document_ttl {
		font-size: 22px;
		line-height: 1.36;
		min-height: 2.72em;
		margin: 0 0 15px;
	}
	#document_form .document_wrap ul li .img a {
		box-shadow: 0 0 7px rgba(0, 0, 0, .28);
	}
	#document_form .btn.top {
		width: 280px;
		margin: 0 auto;
	}
	#document_form .btn.top a {
		font-size: 25px;
		border: 1px solid #00136d;
		height: 60px;
		border-radius: 10px;
	}
}
@media ( min-width: 961px ) {
	#document_form .inner {
		max-width: 1135px;
	}
	#document_form .wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px 66px;
	}
	#document_form .contents {
		flex: 0 1 auto;
		max-width: 494px;
	}
	#document_form .form_wrap {
		flex: 0 0 573px;
	}
	#document_form .form_wrap .btn input:hover,
	#document_form .btn button:hover {
		box-shadow: none;
	}
	#document_form .document_wrap ul {
		gap: 46px 3.5%;
	}
	#document_form .document_wrap ul li {
		width: 31%;
	}
	#document_form .document_wrap ul li .document_ttl {
		font-size: min(1.9383vw, 22px);		
	}
	#document_form .document_wrap ul li .img a {
		opacity: 1;
		transition: opacity .3s;
	}
	#document_form .document_wrap ul li .img a:hover {
		opacity: 0.8;
	}
	#document_form .btn.top a {
		transition: background-color .3s, color .3s;
	}
	#document_form .btn.top a:hover {
		color: #fff;
		background-color: #00136d;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	#document_form .contents {
		margin: 0 0 60px;
	}
	#document_form .document_wrap ul {
		gap: 46px 7.5%;
	}
	#document_form .document_wrap ul li {
		flex: 1 1 46.25%;
	}
	#document_form .document_wrap ul li .document_ttl {
		font-size: min(2.8vw, 22px);		
	}
}
@media ( max-width: 600px ) {
	#document_form {
		padding: 9.6vw 0;
	}
	#document_form .section_title {
		font-size: 5.7333vw;
		line-height: 1.395;
		margin: 0 0 6.1333vw;
	}
	#document_form .lead {
		font-size: 3.2vw;
		line-height: 1.458;
		margin: 0 0 6.8vw;
	}
	#document_form .contents {
		margin: 0 0 5.3333vw;
	}
	#document_form .contents .dc_imgs {
		margin: 0 0 10px;
	}
	#document_form .contents .dc_imgs .img {
		box-shadow: 0 0 0.9333vw rgba(0, 0, 0, .28);
	}
	#document_form .contents .img_wrap {
		gap: 0 2.8vw;
		margin: 0 0 2.4vw;
	}
	#document_form .contents .img_wrap .img {
		width: 32.6667vw;
	}
	#document_form .contents .img_wrap_2 {
		gap: 0 2.9333vw;
	}
	#document_form .contents .img_wrap_2 .img {
		width: 17.8667vw;
	}
	#document_form .contents .text {
		font-size: 3.2vw;
		line-height: 1.458;
		margin: 0 0 4vw;
	}
	#document_form .contents dl {
		padding: 5.4667vw 0;
	}
	#document_form .contents dl dt {
		font-size: 3.7333vw;
		margin-bottom: 2.1333vw;
		padding: 0 0 0.4vw;
		border-bottom: 0.2667vw solid #12449a;
	}
	#document_form .contents dl dd ul {
		padding: 0  0 0 13.8667vw;
	}
	#document_form .contents dl dd ul li {
		font-size: 3.2vw;
	}
	#document_form .contents dl dd ul li + li {
		margin-top: 2.1333vw;
	}
	#document_form .form_wrap dl {
		margin: 0 0 5.2vw;
	}
	#document_form .form_wrap dl dt {
		font-size: 3.2vw;
		padding-right: 10.6667vw;
		margin: 0 0 2.8vw;
	}
	#document_form .form_wrap dt .required,
	#document_form .form_wrap dt .any {
		font-size: 2.4vw;
		padding: 0.4vw 1.6vw 0.5333vw;
	}
	#document_form .form_wrap dl dd + dt {
		margin-top: 5.4667vw;
	}
	#document_form .form_wrap dd input:not([type="checkbox"]) {
		height: 6.6667vw;
		border-radius: 1.3333vw;
		padding: 0.7em 0.92em;
	}
	#document_form .form_wrap dd ul li {
		display: inline;
		font-size: 2.9333vw;
		line-height: 2.04;
		letter-spacing: -0.02em;
	}
	#document_form label,
	#document_form .label_text {
		display: inline;
	}
	#document_form .label_text {
		margin: 0;
		padding-left: 0.2em;
	}
	#document_form .form_wrap dd ul li + li {
		padding-left: 1em;
	}
	.form_wrap .personal_info .text {
		font-size: 3.2vw;
		margin: 0 0 2.5333vw;
	}
	.form_wrap .personal_info .privacy_box {
		font-size: 3.2vw;
		padding: 2.4vw 2.6667vw;
		height: 29.8667vw;
	}
	.form_wrap .personal_info .note {
		font-size: 3.2vw;
		margin: 2.8vw 0;
	}
	.form_wrap .agreement {
		font-size: 2.6667vw;
		padding: 2.9333vw 2.6667vw 2.8vw;
	}
	#document_form .form_wrap .btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 3vw;
		margin: 5.3333vw auto 0;
	}
	#document_form .form_wrap .btn input {
		flex: 0 0 78.6667vw;
		font-size: 4vw;
		height: 13.3333vw;
		border-radius: 1.3333vw;
        box-shadow: 0px 0.5333vw 0.9333vw 0.2667vw rgba(108, 108, 108, 0.52);
	}
	#document_form .btn button {
		flex: 0 0 78.6667vw;
		font-size: 4vw;
		height: 13.3333vw;
		border-radius: 1.3333vw;
        box-shadow: 0px 0.5333vw 0.9333vw 0.2667vw rgba(108, 108, 108, 0.52);
    }
	#document_form .document_wrap {
		margin: 0 0 5.2vw;
	}
	#document_form .document_wrap ul {
		max-width: 71.0667vw;
		margin: 0 auto;
		gap: 46px 4.9333vw;
	}
	#document_form .document_wrap ul li {
		flex: 1 1 33.0667vw;
	}
	#document_form .document_wrap ul li .document_ttl {
		font-size: 3.2vw;
		line-height: 1.25;
		margin: 0 0 0.6667vw;
	}
	#document_form .document_wrap ul li.automation .document_ttl,
	#document_form .document_wrap ul li.telematics .document_ttl {
		min-height: 2.5em;
	}
	#document_form .document_wrap ul li a {
		box-shadow: 0 0 0.9333vw rgba(0, 0, 0, .28);
	}
	#document_form .document_wrap ul li.disaster_preparedness_management .img {
		width: 22.6667vw;
		margin: 0 auto;
	}
	#document_form .btn.top {
		width: 31.2vw;
		margin: 0 auto;
	}
	#document_form .btn.top a {
		font-size: 4vw;
		border: 1px solid #00136d;
		height: 8.1333vw;
		border-radius: 1.3333vw;
	}
}

/*-----------------------------------
.moving_logos_wrap
-----------------------------------*/
.moving_logos_wrap {
	position: relative;
	background: #fff;
}
.moving_logos_wrap .logos_list_wrap {
	width: 100%;
	box-sizing: border-box;
    overflow: hidden;
}
.moving_logos_wrap .logos_list_wrap,
.moving_logos_wrap .logos_list_wrap .in {
	display: flex;
}
.moving_logos_wrap .logos_list_wrap .in {
	align-items: center;
	flex: 0 0 auto;
	animation: loop_logo 40s linear infinite;
	animation-play-state: paused; /* 初期状態で停止 */
    backface-visibility: hidden;
}
.moving_logos_wrap .logos_list_wrap.active .in {
	animation-play-state: running; /* フラグで開始 */
}
.moving_logos_wrap .logos_list_wrap .in .logos {
	margin-right: 40px;
}
.moving_logos_wrap .logos_list_wrap .in .logos img {
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    transform: translateZ(0); /* GPUアクセラレーションを強制 */
}
@keyframes loop_logo {
  0% {
    transform: translate3d(0%, 0, 0); /* GPUアクセラレーションを強制 */
  }
  100% {
    transform: translate3d(-100%, 0, 0); /* GPUアクセラレーションを強制 */
  }
}
@media ( min-width: 601px ) {
	.moving_logos_wrap .logos_list_wrap .in {
		height: 126px;
	}
}
@media ( min-width: 961px ) {
	.moving_logos_wrap {
		padding: 136px 0 21px;
	}
	.moving_logos_wrap::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 6.25%;
		height: 100%;
		background: #e7eef6;
		z-index: 3;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	.moving_logos_wrap {
		padding: 10px 0 21px;
	}
}
@media ( max-width: 960px ){
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(1) {
		order: 12;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(2) {
		order: 13;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(3) {
		order: 14;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(4) {
		order: 1;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(5) {
		order: 2;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(6) {
		order: 3;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(7) {
		order: 4;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(8) {
		order: 5;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(9) {
		order: 6;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(10) {
		order: 7;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(11) {
		order: 8;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(12) {
		order: 9;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(13) {
		order: 10;
	}
	.moving_logos_wrap .logos_list_wrap .in .logos:nth-child(14) {
		order: 11;
	}
}
@media ( max-width: 600px ) {
	.moving_logos_wrap .logos_list_wrap {
		padding: 0.8vw 0;
	}
	.moving_logos_wrap .logos_list_wrap .in {
		height: 98px;
	}
}


/*-----------------------------------
#fixed_bnr
-----------------------------------*/

#fixed_bnr {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
	opacity : 0;
	visibility: hidden;
	transition : all .3s;
	background: #deedff;
	box-sizing: border-box;
}
#fixed_bnr.on {
	opacity : 1;
	visibility: visible;
	transition : all .3s;
}
#fixed_bnr.remove {
	opacity: 0;
	visibility: hidden;
}
#fixed_bnr .close {
	position: absolute;
	cursor: pointer;
}
#fixed_bnr .img {
	position: absolute;
}
#fixed_bnr .text_wrap p {
	color: #2c6ebd;
	text-align: left;
	font-weight: bold;
}
#fixed_bnr .text_wrap .btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	letter-spacing: 0.075em;
	background-image: -moz-linear-gradient( 0deg, rgba(124,213,45,0.99608) 0%, rgb(85,179,29) 99%, rgb(85,179,29) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgba(124,213,45,0.99608) 0%, rgb(85,179,29) 99%, rgb(85,179,29) 100%);
	background-image: -ms-linear-gradient( 0deg, rgba(124,213,45,0.99608) 0%, rgb(85,179,29) 99%, rgb(85,179,29) 100%);
}
#fixed_bnr .text_wrap .btn a::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url(img/btn_arrow.png)no-repeat center/contain;
}
@media ( min-width: 601px ) {
	#fixed_bnr {
		width: 560px;
		padding: 38px 30px 30px;
		border-radius: 10px 0 0 0;
		box-shadow: -3px -3px 13px rgba(108, 108, 108, 0.35);
	}
	#fixed_bnr .close {
		top: -17px;
		right: 10px;
	}
	#fixed_bnr .img {
		top: 50%;
		left: -35px;
		transform: translateY(-50%);
		box-shadow: 0px 0px 10px rgba(108, 108, 108, 0.13),
			 -4px -4px 10px rgba(108, 108, 108, 0.13);
	}
	#fixed_bnr .text_wrap {
		padding-left: 129px;
	}
	#fixed_bnr .text_wrap p {
		font-size: 20px;
		margin: 0 0 17px;
	}
	#fixed_bnr .text_wrap .btn a {
		font-size: 25px;
		height: 57px;
		border-radius: 8px;
		box-shadow: 0px 3px 7px 1px rgba(108, 108, 108, 0.52);
	}
	#fixed_bnr .text_wrap .btn a:hover {
		box-shadow: none;
	}
	#fixed_bnr .text_wrap .btn a::after {
		right: 23px;
		width: 9px;
		height: 15px;
	}
}
@media ( max-width: 600px ) {
	#fixed_bnr {
		width: 100%;
		padding: 0 3.7333vw 4vw;
		box-shadow: -0.4vw 0 13px rgba(108, 108, 108, 0.35);
	}
	#fixed_bnr .close {
		top: -3.2vw;
		right: 1.0667vw;
		width: 6.4vw;
	}
	#fixed_bnr .img {
		top: -2.9333vw;
		box-shadow: -0.5333vw 0px 1.3333vw rgba(108, 108, 108, 0.13);
	}
	#fixed_bnr.shipping_support .img,
	#fixed_bnr.warehouse_management .img {
		width: 29.4667vw;
		left: 3.8667vw;
	}
	#fixed_bnr.automation .img,
	#fixed_bnr.promotional_product_management .img,
	#fixed_bnr.telematics .img {
		width: 31.4667vw;
		left: 2vw;
	}
	#fixed_bnr .text_wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-left: 32.2667vw;
	}
	#fixed_bnr .text_wrap .text {
		font-size: 3.2vw;
		margin: 3.7333vw 0 1.8667vw;
	}
	#fixed_bnr.automation .text_wrap .text,
	#fixed_bnr.promotional_product_management .text_wrap .text,
	#fixed_bnr.telematics .text_wrap .text {
		line-height: 1.08;
		margin: 1.2vw 0 0.8vw;
	}
	#fixed_bnr .text_wrap .btn a {
		font-size: 4vw;
		height: 10.1333vw;
		border-radius: 1.3333vw;
		box-shadow: 0px 0.4vw 0.9333vw 0.1333vw rgba(108, 108, 108, 0.52);
	}
	#fixed_bnr .text_wrap .btn a::after {
		right: 4.5333vw;
		width: 2vw;
		height: 3.2vw;
	}
}