@charset "UTF-8";
/*--------------------------------------------------------------
			トップ
--------------------------------------------------------------*/
.home{
	padding:1080px 0 0 0;
	overflow-x:hidden;
}
.home .main_img{
	width: 100%;
	height: 1080px;
	position: fixed;
	top:0;
	left:0;
	z-index: -1;
}
.home .main_img .video_wrap{
	width: 100%;
}
.home .main_img .video_wrap video{
	position:absolute;
	left:0;
	top:0;
	z-index: 0;
	width: 100%;
	height: 1080px;
	object-fit: cover;
}
.home .main_img:after{
	content:'';
	width: 100%;
	height: 1080px;
	background: url(../img/home/main_on.png) 0 0 no-repeat;
	background-size: cover;
	position:absolute;
	left:0;
	top:0;
	mix-blend-mode: screen;
}
.home .main_img .main_txt{
	max-width: 1560px;
	margin:0 auto;
	padding:445px 20px 0 20px;
	box-sizing: border-box;	
	position: relative;
	z-index: 2;
}
.home .main_img .main_txt span.txt01{
	display: inline-block;
	background: #0050AB;
	font-size:66px;
	font-weight: bold;
	color:#fff;
	line-height: 1;
	margin:0 0 20px 0;
	padding:10px 12px 15px 12px;
	position: relative;
}
.home .main_img .main_txt span.txt01.txt_a{
	padding:10px 35px 15px 12px;
}
.home .main_img .main_txt span.txt02{
	font-size:66px;
	font-weight: bold;
	color:#fff;
	line-height: 1;
	position: absolute;
	right:-30px;
	bottom:20px;
}
@media (min-width: 768px) and (max-width: 1399px) {
	.home{
		padding-top:77.1428vw;
	}

	.home .main_img{
		height:77.1428vw;
	}
	.home .main_img .video_wrap video{
		height:77.1428vw;
	}
	.home .main_img:after{
		height:77.1428vw;
	}
	.home .main_img .main_txt{
		max-width:111.4vw;
		padding:31.7vw 1.4vw 0;
	}

	.home .main_img .main_txt span.txt01{
		font-size:clamp(40px,4.7vw,66px);
	}

	.home .main_img .main_txt span.txt02{
		font-size:clamp(40px,4.7vw,66px);
		right:-2.142vw;
		bottom:1.428vw;		
	}
}
@media screen and (max-width: 767px) {
.home{
	padding:667px 0 0 0;
	overflow-x: hidden;
}
.home .main_img{
	width: 100%;
	height: 667px;
	background: url(../img/home/main_img_sp.jpg) 0 0 no-repeat;
	background-size: cover;
}
.home .main_img .video_wrap video{
	height: 667px;
}
.home .main_img:after{
	height: 667px;
}
.home .main_img .main_txt{
	max-width: 335px;
	padding:430px 20px 0 20px;
}
.home .main_img .main_txt span.txt01{
	display: inline-block;
	font-size:32px;
	margin:0 0 7px 0;
	padding:8px 6px 10px 6px;
	position: relative;
}
.home .main_img .main_txt span.txt01.txt_a{
	padding:8px 23px 10px 8px;
}
.home .main_img .main_txt span.txt02{
	font-size:32px;
	position: absolute;
	right:-10px;
	bottom:10px;
}
@media screen and (max-width: 375px) {
.home{
		padding-top:177.87vw; /* 667 / 375 * 100 */
	}

	.home .main_img{
		height:177.87vw;
	}
	.home .main_img .video_wrap video{
		height:177.87vw;
	}
	.home .main_img:after{
		height:177.87vw;
	}
	.home .main_img .main_txt{
		max-width:89.33vw; /* 335 / 375 * 100 */
		padding:114.67vw 5.33vw 0;
	}

	.home .main_img .main_txt span.txt01{
		font-size:8.53vw; /* 32 / 375 * 100 */
		margin-bottom:1.87vw;
		padding:2.13vw 1.6vw 2.67vw;
	}

	.home .main_img .main_txt span.txt01.txt_a{
		padding:2.13vw 6.13vw 2.67vw 2.13vw;
	}

	.home .main_img .main_txt span.txt02{
		font-size:8.53vw;
		right:-2.67vw;
		bottom:2.67vw;
	}
}
}
.home .top_area{
	width: 100%;
	height: 1080px;
	background: url(../img/home/bg01.png) 0 0 no-repeat;
	background-size: cover;
	padding:300px 0 0 0;
	box-sizing: border-box;	
	position: relative;
	overflow: hidden;
	opacity: 0.9;
}
.home .top_area .txt01{
	text-align: center;
	font-size:22px;
	line-height:2.3181;
	letter-spacing: 3px;
	font-weight: 500;
}
.home .top_area .en_txt01{
	color:#fff;
	font-size:158px;
	line-height: 1;
	opacity: 0.55;
	word-break: keep-all;
	width: 4371px;
	margin-left:-60px;
}
.home .flow_wrap{
    display: inline-flex;
    animation: flow 30s linear infinite;
	margin:180px 0 0 0;
}
@keyframes flow {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
@media (min-width: 768px) and (max-width: 1399px) {
.home .top_area{
	height:77.1428vw;
	padding-top:21.4vw;
}
.home .top_area .txt01{
	font-size:clamp(16px,1.5vw,22px);
}
.home .top_area .en_txt01{
	font-size:11vw;
	width:auto;
	white-space:nowrap;
	width: 312.2vw;
	margin-left:-12vw;	
}
.home .flow_wrap{
	margin-top:12vw;
}
}
@media screen and (max-width: 767px) {
.home .top_area{
	width: 100%;
	height: 698px;
	background: url(../img/home/bg01_sp.png) 0 0 no-repeat;
	background-size: cover;
	padding:145px 0 0 0;
}
.home .top_area .txt01{
	font-size:18px;
	line-height:2.22;
	letter-spacing: 0;
	max-width: 375px;
	margin:0 auto;
	padding:0 20px;
	box-sizing: border-box;
}
.home .top_area .en_txt01{
	font-size:80px;
	opacity: 0.55;
	word-break: keep-all;
	width: 2371px;
	margin-left: -190px;
}
.home .flow_wrap{
    display: inline-flex;
    animation: flow 30s linear infinite;
	margin:65px 0 0 0;
}
@keyframes flow {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
}
@media screen and (max-width: 375px) {
.home .top_area{
		height:186.13vw;
		padding-top:38.67vw;
	}

	.home .top_area .txt01{
		font-size:4.8vw;
		max-width:100%;
		padding:0 5.33vw; 
	}

	.home .top_area .en_txt01{
		font-size:21.33vw;
		width:602.27vw;
		margin-left: -21.33vw;		
	}
}
.home .news_area{
	background: #fff;
	padding:140px 100px 160px 100px;
	position: relative;
	width:100%;
	margin:0;
	box-sizing: border-box;
}
.home .news_area .main_in{
	position: relative;
}
.home .news_area .ins_btn{
	position: absolute;
	top:0;
	right:100px;
	display: block;
	padding:9px 65px 10px 0;
	background: url(../img/base/ins_icon.svg) right center no-repeat;
	background-size: 37px auto;
	color:#81868A;
	font-size:24px;
}
.home .news_area .ins_btn:hover{
	text-decoration: none;
}
.home .news_area .news_list01{
	max-width: 1000px;
	margin:0 auto;
}
.home .news_area .news_list01 li a{
	display: block;
	padding:40px 85px 39px 0;
	box-sizing: border-box;
	border-top: 1px solid #D9D9D9;
	position: relative;
	font-size:0;
}
.home .news_area .news_list01 li a:after{
	content:'';
	width: 60px;
	height: 1px;
	box-sizing: border-box;
	border-bottom:1px solid #0050AB;
	position: absolute;
	right:0;
	top:55px;
	transition: 0.1s;	
}
.home .news_area .news_list01 li:first-child a{
	border-top:none;
}
.home .news_area .news_list01 li a:hover:after{
	text-decoration: none;
	border-bottom:3px solid #0050AB;	
	top:54px;	
}
.home .news_area .news_list01 li a:hover{
	text-decoration: none;
}
.home .news_area .news_list01 li a .date{
	display: inline-block;
	color:#2A3A4A;
	font-size:16px;
	vertical-align: top;
	margin:0 50px 0 0;
	float: left;
}
.home .news_area .news_list01 li a .ttl{
	font-size:18px;
	display: inline-block;
	color:#2A3A4A;
	font-weight: 400;	
	vertical-align: top;
	width: calc(100% - 135px);
	transition: 0.2s;	
}
.home .news_area .news_list01 li a:hover .ttl{
	color:#0050AB;
	font-weight: bold;
}
.home .news_area .side_txt{
	width: 88px;
	height:100%;
	border-right: 1px solid #0050AB;
	position: absolute;
	left:0;
	top:0;
	color:#0050AB;
	letter-spacing: 5px;
	font-size:20px;
	writing-mode: vertical-rl;
	text-align: center;
	box-sizing: border-box;
	padding:0 23px 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.home .news_area{
	padding:10vw 4vw 11vw 4vw;
	box-sizing: border-box;
}
.home .news_area .ins_btn{
	font-size:clamp(16px,1.4vw,24px);
}
.home .news_area .news_list01{
	padding:0 5vw;
}
.home .news_area .news_list01 li a{
	padding:2.857vw 8.5% 2.786vw 0;
}
.home .news_area .news_list01 li a .date{
	font-size:1rem;
	width: 7%;
}
.home .news_area .news_list01 li a .ttl{
	font-size:1.125rem;
	width:84.5%;	
}
.home .news_area .news_list01 li a:after{
	width:4.286vw;
	top:3.929vw;
}
.home .news_area .news_list01 li a:hover:after{
	top:calc(3.929vw - 2px);
}
.home .news_area .side_txt{
	width:4.58333vw;
	font-size:1.25rem;
	padding-right:1.0415vw;
}
}
@media screen and (max-width: 767px) {
.home .news_area{
	padding:65px 0 100px 0;
	width:100%;
	margin:0;
}
.home .news_area .main_in{
	position: relative;
}
.home .news_area .ins_btn{
	position: absolute;
	top:95px;
	right:20px;
	padding:10px 38px 10px 0;
	background: url(../img/base/ins_icon02.svg) right center no-repeat;
	background-size: 29px auto;
	font-size:24px;
}
.home .news_area .news_list01{
	max-width: 1000px;
	margin:0 auto;
	padding:0;
}
.home .news_area .news_list01 li a{
	display: block;
	padding:20px 50px 20px 0;
	min-height: 120px;
}
.home .news_area .news_list01 li a:after{
	content:'';
	width: 30px;
	height: 1px;
	box-sizing: border-box;
	border-bottom:1px solid #0050AB;
	position: absolute;
	right:0;
	top:60px;
}
.home .news_area .news_list01 li a:hover:after{
	text-decoration: none;
	border-bottom:3px solid #0050AB;	
	top:54px;	
}
.home .news_area .news_list01 li a .date{
	display:block;
	font-size:16px;
	font-weight: 500;
	margin:0 0 8px 0;
	float: none;
}
.home .news_area .news_list01 li a .ttl{
	font-size:16px;
	display:block;
	font-weight: 500;	
	width:100%;
}
.home .news_area .side_txt{
	display: none;
}
@media screen and (max-width: 375px) {
.home .news_area{
		padding:17.33vw 0 26.67vw 0;
	}
	.home .news_area .ins_btn{
		top:25.33vw;
		right:5.33vw;
		padding:2.67vw 10.47vw 2.67vw 0;
		background-size:7.73vw auto;
		font-size:6.4vw;
	}
	.home .news_area .news_list01{
		max-width:100%;
		padding:0;
	}
	.home .news_area .news_list01 li a{
		padding:5.33vw 13.33vw 5.33vw 0; 
		min-height:32vw;
	}
	.home .news_area .news_list01 li a:after{
		width:8vw;
		top:16vw;
	}
	.home .news_area .news_list01 li a:hover:after{
		top:16vw;
	}
	.home .news_area .news_list01 li a .date{
		font-size:1rem;
		margin:0 0 2.13vw;
	}
	.home .news_area .news_list01 li a .ttl{
		font-size:1rem;
		width:100%;
	}
}
}
.home .about_area{
	background: #F4FAF6;
	padding:110px 0 165px 0;
	position: relative;
	border-top:1px solid #0050AB;
}
.home .about_area .inner{
	max-width: 1040px;
	margin:20px auto 0;
	overflow: hidden;
}
.home .about_area .inner .l_box{
	width: 470px;
	float: left;
}
.home .about_area .inner img{
	float: right;
}
.home .about_area .inner .l_box .ttl01{
	margin:150px 0 20px 0;
	color:#0050AB;
	font-size:36px;
	line-height: 1.4;
}
.home .about_area .inner .l_box .txt01{
	font-size:20px;
}
.home .about_area .inner .l_box .btn01{
	margin:180px 0 0 0;
}
.home .about_area .side_txt{
	width: 88px;
	height: 100%;
	border-left: 1px solid #0050AB;
	position: absolute;
	right:0;
	top:0;
	color:#0050AB;
	letter-spacing: 5px;
	font-size:20px;
	writing-mode: vertical-rl;
	text-align: center;
	box-sizing: border-box;
	padding:0 23px 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.home .about_area{
    background: #F4FAF6;
    padding: 7.857vw 0 11.786vw 0;
    position: relative;
    border-top: 1px solid #0050AB;
}

.home .about_area .inner{
    max-width: 1040px;
    width: 74.286vw;
    margin: 1.429vw auto 0;
    overflow: hidden;
}

.home .about_area .inner .l_box{
    width: 33.571vw;
    float: left;
}

.home .about_area .inner img{
    float: right;
    max-width: 100%;
	width: 33.1428vw;
    height: auto;
}

.home .about_area .inner .l_box .ttl01{
    margin: 10.714vw 0 1.429vw 0;
    color: #0050AB;
    font-size: 2.571vw;
    line-height: 1.4;
}

.home .about_area .inner .l_box .txt01{
    font-size: 1.429vw;
}

.home .about_area .inner .l_box .btn01{
    margin: 12.857vw 0 0 0;
}

.home .about_area .side_txt{
    width: 6.286vw;
    height: 100%;
    border-left: 1px solid #0050AB;
    position: absolute;
    right: 0;
    top: 0;
    color: #0050AB;
    letter-spacing: 0.357vw;
    font-size: 1.429vw;
    writing-mode: vertical-rl;
    text-align: center;
    box-sizing: border-box;
    padding: 0 1.643vw 0 0;
}
}
@media screen and (max-width: 767px) {
.home .about_area{
	padding:85px 0 100px 0;
}
.home .about_area .inner{
	margin:0 auto 0;
}
.home .about_area .inner .l_box{
	width: 100%;
	float: none;
}
.home .about_area .inner img{
	float: none;
	margin:0 auto;
	display: block;
}
.home .about_area .inner .l_box .ttl01{
	margin:50px 0 20px 0;
	font-size:24px;
	line-height: 1.54;
}
.home .about_area .inner .l_box .txt01{
	font-size:16px;
	margin:0 0 35px 0;
}
.home .about_area .inner .l_box .btn01{
	margin:40px 0 0 0;
}
.home .about_area .side_txt{
	display: none;
}
@media screen and (max-width:375px){
	.home .about_area{
		padding:22.67vw 0 26.67vw;
	}
	.home .about_area .inner{
		max-width:67.47vw;
		margin:0 auto;
	}
	.home .about_area .inner .l_box{
		width:100%;
		float:none;
	}
	.home .about_area .inner img{
		float:none;
	}
	.home .about_area .inner .l_box .ttl01{
		margin:13.33vw 0 5.33vw;
		font-size:6.4vw;
		line-height:1.54;
	}
	.home .about_area .inner .l_box .txt01{
		font-size:4.27vw;
		margin:0 0 9.33vw;
	}
	.home .about_area .inner .l_box .btn01{
		margin:10.67vw 0 0;
	}
}
}
.home .solution_area{
	background: #0050AB;	
	padding:130px 0 125px 0;
	position: relative;
	overflow: hidden;
}
.home .solution_area .en_ttl_wrap{
	display:block;
}
@media screen and (max-width:1920px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 0.5vw;
}
}
@media screen and (max-width:1870px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 0.65vw;
}
}
@media screen and (max-width:1770px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 0.8vw;
}
}
@media screen and (max-width:1720px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 0.95vw;
}
}
@media screen and (max-width:1670px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 1vw;
}
}
@media screen and (max-width:1620px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 1.15vw;
}
}
@media screen and (max-width:1570px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 1.3vw;
}
}
@media screen and (max-width:1520px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 1.5vw;
}
}
@media screen and (max-width:1470px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 1.6vw;
}
}
@media screen and (max-width:1420px){
.home .solution_area .en_ttl_wrap{
	padding:0 0 0 1.7vw;
}
}
.home .solution_area .en_ttl{
	display: inline-block;
	width:45%;
	max-width: 438px;	
}
.home .solution_area:after{
	content:'';
	width:calc(50vw - 700px);
	height: 800px;
	position: absolute;
	top:424px;
	left:0;
	background: #fff;
}
.home .solution_area .side_txt{
	position: absolute;
	right:0;
	top:-100px;
	font-size:300px;
	color:#fff;
	opacity: 0.2;
}
.home .solution_area .inner{
	max-width:1920px;
	width: 100%;
	margin:140px auto 0;
	font-size:0;
}
.home .solution_area .inner .l_box{
	display: inline-block;
	width:45%;
	height: 800px;
	background: #fff;
	position: relative;
	text-align: right;
	box-sizing: border-box;
	padding:80px 100px 0 0;
	vertical-align: top;
}
.home .solution_area .inner .r_box{
	width:55%;
	display: inline-block;
	box-sizing: border-box;
	padding:150px 0 0 180px;
	vertical-align: top;	
}
.home .solution_area .inner .l_box .box_in{
	max-width: 438px;
	width: 100%;
	text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.2s ease;
    position: absolute;
	display: inline-block;
}
.home .solution_area .inner .l_box .box_in.active{
    opacity: 1;
    visibility: visible;
	position: static;
}
.home .solution_area .inner .l_box .box_in .ttl01{
	color:#0050AB;
	font-size:34px;
	font-weight: bold;
	margin:0 0 20px 0;
	width: calc(100% + 30px);
}
.home .solution_area .inner .l_box .box_in img{
	position: absolute;
	bottom:90px;
	right:-100px;
	box-shadow: 0 5px 30px rgb(0 0 0 / 0.25);
}
.home .solution_area .inner .r_box .so_nav li{
	margin:155px 0 0 0;
}
.home .solution_area .inner .r_box .so_nav li:first-child{
	margin:0;
}
.home .solution_area .inner .r_box .so_nav li{
	display: block;
	color:#fff;
	font-size:30px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.home .solution_area .inner .r_box .so_nav li.active{
	font-size:50px;
}
.home .solution_area .inner .r_box .so_nav li:hover{
	text-decoration: none;
}
.home .solution_area .inner .r_box .so_nav li.active:after{
	width:calc(100vw - 650px);
	content:'';
	position: absolute;
	top:27px;
	right:-50vw;
	height: 3px;
	border-bottom: 3px solid #fff;
	max-width: 1260px;
}
.home .solution_area .inner .r_box .so_nav li.item02.active:after{
	width:calc(100vw - 800px);
}
.home .solution_area .bnr_list01{
	max-width: 984px;
	margin:120px auto 0;
	font-size:0;
	z-index: 99;
	position: relative;
}
.home .solution_area .bnr_list01 li{
	display: inline-block;
	width: 31%;
	margin:0 3.5% 35px 0;
	vertical-align: top;
}
.home .solution_area .bnr_list01 li:nth-child(3n){
	margin:0 0 35px 0;
}
@media screen and (max-width:1699px){
.home .solution_area .inner .r_box .so_nav li.item02.active{
	font-size:40px;
}
.home .solution_area .inner .r_box .so_nav li.item02.active:after{
	width:calc(100vw - 700px);
	top:22px;
}
}
@media (min-width: 768px) and (max-width: 1399px) {
.home .solution_area{
	padding:9vw 0 8.5vw 0;
}
.home .solution_area .side_txt{
	font-size:21vw;
	top:-7.142857vw;	
}
.home .solution_area .inner{
	margin-top:8vw;
	display:flex;
}
.home .solution_area .inner .l_box{
	width:45%;
	height:auto;
	min-height:57vw;
	padding:5vw 6.5vw 5vw 6.5vw;
	float:none;
}
.home .solution_area .inner .r_box{
	width:55%;
	padding:10vw 0 0 8vw;
	float:none;
}
.home .solution_area .inner .l_box .box_in{
	max-width: 438px;
	width:100%;
}
.home .solution_area .inner .l_box .box_in .ttl01{
	font-size:clamp(26px,2.4vw,34px);
	width:100%;
}
.home .solution_area .inner .l_box .box_in .ttl01.ttl01b{
	font-size:clamp(18px,2.4vw,34px);
}
.home .solution_area .inner .l_box .txt01{
	font-size:1.125rem;
}	
.home .solution_area .inner .l_box .box_in img{
	bottom:4.166vw;
	right:-5.20833vw;
}
.home .solution_area .inner .r_box .so_nav li{
	font-size:clamp(24px,2vw,30px);
	margin-top:8vw;
}
.home .solution_area .inner .r_box .so_nav li.active{
	font-size:clamp(36px,3vw,50px);
}
.home .solution_area .inner .r_box .so_nav li.item02.active{
	font-size:clamp(24px,3vw,36px);
}	
.home .solution_area .inner .r_box .so_nav li.active:after{
	width:10vw;
	content:'';
	position: absolute;
	top:17px;
	right:0;
	height: 3px;
}	
.home .solution_area .inner .r_box .so_nav li.item02.active:after{
	width:5vw;
	top:11px;		
}
.home .solution_area .bnr_list01{
	width:70.2857%;
	margin:8.57vw auto 0;
}
}
@media screen and (max-width: 767px) {
.home .solution_area{
	padding:85px 0 115px 0;
	overflow: hidden;
}
.home .solution_area .en_ttl{
	padding:0;
}
.home .solution_area .side_txt{
	display: none;
}
.home .solution_area .inner{
	margin:60px auto 0;
	padding:0;
}
.home .solution_area .inner .l_box{
	float:none;
	width:calc(100% + 25px);
	height: auto;
	box-sizing: border-box;
	padding:0 0 0 50px;
	text-align: left;
	margin:0 0 0 -25px;
	background: #0050AB;	
	overflow-x: auto;
}
.home .solution_area .inner .r_box{
	display: none;
}
.home .solution_area .inner .l_box .sc_wrap{
	width: 941px;
}
.home .solution_area .inner .l_box .box_in{
	width: 100%;
	max-width: 290px;
	height: 524px;
	text-align: left;
    opacity: 1;
    position: relative;
	display: inline-block;
	visibility: visible;
	box-sizing: border-box;
	padding:45px 25px 25px 25px;
	margin:0 0 0 20px;
	background: #fff;
	vertical-align: top;
	box-shadow: 0 2px 10px rgb(0 0 0 / 0.25);	
}
.home .solution_area .inner .l_box .box_in:first-child{
	margin:0;
}
.home .solution_area .inner .l_box .box_in.active{
    opacity: 1;
    visibility: visible;
	position: relative;
}
.home .solution_area .inner .l_box .box_in .ttl01{
	font-size:24px;
	margin:0 0 25px 0;
	width: 100%;
	padding:0;
}
.home .solution_area .inner .l_box .box_in .txt01{
	font-size:16px;
	line-height: 1.625;
}
.home .solution_area .inner .l_box .box_in img{
	position:absolute;
	bottom:85px;
	right:0;
	left:0;
	width:100%;
	max-width: 236px;
	margin:0 auto;
	display: block;
}
.home .solution_area .inner .l_box .box_in .more_btn{
	color:#0050AB;
	font-size:16px;
	font-weight: 500;
	line-height: 1;
	position: absolute;
	right:25px;
	bottom:25px;
	border-bottom: 1px solid #0050AB;
	width: 60px;
	text-align: center;
	padding:0 0 15px 0;
}
.home .solution_area .bnr_list01{
	margin:65px auto 0;
	width: 100%;
	max-width: 644px;
	padding:0;
}
.home .solution_area .bnr_list01 li{
	display: inline-block;
	width: 46.25%;
	margin:0 0 7.5% 0;
}
.home .solution_area .bnr_list01 li:nth-child(3n){
	margin:0 0 7.5% 0;
}
.home .solution_area .bnr_list01 li:nth-child(2n){
	margin:0 0 7.5% 7.5%;
}		
}
@media screen and (max-width:375px){
	.home .solution_area{
		padding:22.67vw 0 30.67vw;
		overflow:hidden;
	}
	.home .solution_area .en_ttl{
		padding:0;
	}
	.home .solution_area .side_txt{
		display:none;
	}
	.home .solution_area .inner{
		margin:16vw auto 0;
		padding:0;
	}
	.home .solution_area .inner .l_box{
		float:none;
		width:calc(100% + 6.67vw);
		height:auto;
		box-sizing:border-box;
		padding:0 0 0 13.33vw;
		text-align:left;
		margin:0 0 0 -6.67vw;
		background:#0050AB;
		overflow-x:auto;
	}
	.home .solution_area .inner .r_box{
		display:none;
	}
	.home .solution_area .inner .l_box .sc_wrap{
		width:250.93vw;
	}
	.home .solution_area .inner .l_box .box_in{
		width:100%;
		max-width:77.33vw;
		height:139.73vw;
		text-align:left;
		opacity:1;
		position:relative;
		display:inline-block;
		visibility:visible;
		box-sizing:border-box;
		padding:12vw 6.67vw 6.67vw;
		margin:0 0 0 5.33vw;
		background:#fff;
		vertical-align:top;
		box-shadow:0 0.53vw 2.67vw rgb(0 0 0 / 0.25);
	}
	.home .solution_area .inner .l_box .box_in:first-child{
		margin:0;
	}
	.home .solution_area .inner .l_box .box_in.active{
		opacity:1;
		visibility:visible;
		position:relative;
	}
	.home .solution_area .inner .l_box .box_in .ttl01{
		font-size:6.4vw;
		margin:0 0 6.67vw;
		width:100%;
		padding:0;
	}
	.home .solution_area .inner .l_box .box_in .txt01{
		font-size:4.27vw;
		line-height:1.625;
	}
	.home .solution_area .inner .l_box .box_in img{
		position:absolute;
		bottom:22.67vw;
		right:0;
		left:0;
		width:100%;
		max-width:62.93vw;
		margin:0 auto;
		display:block;
	}
	.home .solution_area .inner .l_box .box_in .more_btn{
		color:#0050AB;
		font-size:4.27vw;
		font-weight:500;
		line-height:1;
		position:absolute;
		right:6.67vw;
		bottom:6.67vw;
		border-bottom:1px solid #0050AB;
		width:16vw;
		text-align:center;
		padding:0 0 4vw;
	}
	.home .solution_area .bnr_list01{
		margin:17.33vw auto 0;
		width:100%;
		padding:0;
	}
	.home .solution_area .bnr_list01 li{
		display:inline-block;
		width:46.25%;
		margin:0 0 7.5% 0;
	}
	.home .solution_area .bnr_list01 li:nth-child(3n){
		margin:0 0 7.5% 0;
	}
	.home .solution_area .bnr_list01 li:nth-child(2n){
		margin:0 0 7.5% 7.5%;
	}
}
.home .recruit_area{
	background: #D7F4FB;
	padding:100px 100px 110px 100px;
	border-bottom: 1px solid #0050AB;
	position: relative;
}
.home .recruit_area .inner{
	max-width: 586px;
	margin:50px auto 0;
}
.home .recruit_area .inner .ttl01{
	color:#0050AB;
	font-weight: bold;
	font-size:36px;
	margin:30px 0 25px 0;
}
.home .recruit_area .inner .ttl01 span{
	display: block;
	font-size:26px;
	color:#0050AB;	
}
.home .recruit_area .inner .txt01{
	font-size:20px;
}
.home .recruit_area .side_txt{
	width: 88px;
	height: 100%;
	border-right: 1px solid #0050AB;
	position: absolute;
	left:0;
	top:0;
	color:#0050AB;
	letter-spacing: 5px;
	font-size:20px;
	writing-mode: vertical-rl;
	text-align: center;
	box-sizing: border-box;
	padding:0 23px 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.home .recruit_area{
	padding:8vw 4vw;
}
.home .recruit_area .inner{
	width:41.8571vw;
}
.home .recruit_area .inner .ttl01{
	font-size:clamp(28px,2.5vw,36px);
}
.home .recruit_area .inner .ttl01 span{
	font-size:clamp(20px,1.8vw,26px);
}
.home .recruit_area .inner .txt01{
	font-size:1.25rem;
}
.home .recruit_area .side_txt{
	width:4.58333vw;
	font-size:1.25rem;
	padding-right:1.0415vw;
}	
}
@media screen and (max-width: 767px) {
.home .recruit_area{
	padding:85px 0 110px 0;
}
.home .recruit_area .inner{
	max-width: 586px;
	padding:0 15px;
	box-sizing: border-box;
	margin:40px auto 0;
}
.home .recruit_area .inner .ttl01{
	font-size:24px;
	margin:30px 0 20px 0;
}
.home .recruit_area .inner .ttl01 span{
	display: block;
	font-size:18px;
}
.home .recruit_area .inner .txt01{
	font-size:16px;
	line-height: 1.625;
}
.home .recruit_area .side_txt{
	display: none;
}
.home .recruit_area .btn01{
	margin:40px!important auto 0;
}
}
@media screen and (max-width:375px){
	.home .recruit_area{
		padding:22.67vw 0 29.33vw;
	}
	.home .recruit_area .inner{
		max-width:285px;
		padding:0 4vw;
		box-sizing:border-box;
		margin:10.67vw auto 0;
	}
	.home .recruit_area .inner .ttl01{
		font-size:1.5rem;
		margin:8vw 0 5.33vw;
	}
	.home .recruit_area .inner .ttl01 span{
		display:block;
		font-size:1.1rem;
		margin-left: -0.2rem;
		width: calc(100% + 0.4rem);
	}
	.home .recruit_area .inner .txt01{
		font-size:1rem;
		line-height:1.625;
	}
	.home .recruit_area .side_txt{
		display:none;
	}
	.home .recruit_area .btn01{
		margin:10.67vw auto 0!important;
	}
}
.home .contact_area{
	background: #fff;
	padding:170px 0;
	text-align: center;
}
.home .contact_area .txt01{
	font-size:20px;
	margin:0 0 50px 0;
}
.home .contact_area .box01{
	width: 100%;
	max-width: 1328px;
	height: 502px;
	margin:0 auto;	
	overflow: hidden;
	border:1px solid #0050AB;
	box-sizing: border-box;
}
.home .contact_area .box01 .l_box{
	float: left;
	width: 50%;
	background: url(../img/home/bg02.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 500px;
	box-sizing: border-box;
	padding:90px 0 0 0;
}
.home .contact_area .box01 .r_box{
	float: right;
	width: 50%;
	padding:75px 0 0 0;
}
.home .contact_area .box01 .r_box .box_in{
	text-align: left;
	max-width: 405px;
	margin:0 auto; 
}
@media (min-width: 768px) and (max-width: 1399px) {
.home .contact_area{
	padding:10vw 0;
}
.home .contact_area .txt01{
	font-size:1.25rem;
	margin:0 0 3.125rem 0;
}	
.home .contact_area .box01{
	width:92%;
	max-width:1328px;
	height:auto;
	display:flex;
}
.home .contact_area .box01 .l_box{
	width:50%;
	height:auto;
	padding:5vw 6.5vw;
}
.home .contact_area .box01 .r_box{
	width:50%;
	height:auto;
	padding:5vw 3vw;
}
.home .contact_area .box01 .r_box .box_in{
	max-width:28.9285vw;
	width:100%;
}
}
@media screen and (max-width: 767px) {
.home .contact_area{
	padding:65px 25px 95px 25px;
	text-align: left;
}
.home .contact_area .txt01{
	font-size:16px;
	line-height: 1.625;
	margin:30px auto 30px;
	text-align: left;
	max-width: 264px;
}
.home .contact_area .box01{
	width: 100%;
	max-width: 264px;
	height: auto;
}
.home .contact_area .box01 .l_box{
	float: none;
	width: 100%;
	background: url(../img/home/bg02.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 214px;
	box-sizing: border-box;
	padding:30px 20px 20px 20px;
}
.home .contact_area .box01 .r_box{
	float: none;
	width: 100%;
	padding:0;
}
.home .contact_area .box01 .r_box .box_in{
	text-align: left;
	max-width: 405px;
	margin:0 auto; 
}	
.home .contact_area .box01 .r_box .btn01{
	margin:0;
	border:none;
	padding-top:18px;
}
}
@media screen and (max-width:375px){
	.home .contact_area{
		padding:17.333vw 4vw 25.33vw 4vw;
	}
	.home .contact_area .txt01{
		font-size:4.27vw;
		line-height:1.625;
		margin:8vw auto;
		text-align:left;
		max-width:70.4vw;
	}
	.home .contact_area .box01{
		width:100%;
		max-width:70.4vw;
		height:auto;
	}
	.home .contact_area .box01 .l_box{
		float:none;
		width:100%;
		background:url(../img/home/bg02.jpg) 0 0 no-repeat;
		background-size:cover;
		height:57.07vw;
		box-sizing:border-box;
		padding:8vw 1.33vw 1.33vw;
	}
	.home .contact_area .box01 .r_box{
		float:none;
		width:100%;
		padding:0;
	}
	.home .contact_area .box01 .r_box .box_in{
		text-align:left;
		max-width:108vw;
		margin:0 auto;
	}
	.home .contact_area .box01 .r_box .btn01{
		margin:0;
		border:none;
		padding-top:4.8vw;
	}
}
/*--------------------------------------------------------------
			新着情報
--------------------------------------------------------------*/
.news .second_ttl_wrap{
	margin:0 0 100px 0;
}
.news footer{
	margin:110px 0 0 0;
}
.news .news_list01 li a{
	display: block;
	padding:40px 85px 39px 0;
	box-sizing: border-box;
	border-top: 1px solid #D9D9D9;
	position: relative;
	font-size:0;
}
.news .news_list01 li a:after{
	content:'';
	width: 60px;
	height: 1px;
	box-sizing: border-box;
	border-bottom:1px solid #0050AB;
	position: absolute;
	right:0;
	top:55px;
	transition: 0.1s;	
}
.news .news_list01 li:first-child a{
	border-top:none;
}
.news .news_list01 li a:hover:after{
	text-decoration: none;
	border-bottom:3px solid #0050AB;	
	top:54px;	
}
.news .news_list01 li a:hover{
	text-decoration: none;
}
.news .news_list01 li a .date{
	display: inline-block;
	color:#2A3A4A;
	font-size:16px;
	vertical-align: top;
	margin:0 50px 0 0;
	float: left;
}
.news .news_list01 li a .ttl{
	font-size:18px;
	display: inline-block;
	color:#2A3A4A;
	font-weight: 400;	
	vertical-align: top;
	width: calc(100% - 135px);
	transition: 0.2s;	
}
.news .news_list01 li a:hover .ttl{
	color:#0050AB;
	font-weight: bold;
}
.pager {
    overflow: hidden;
}
.pager .inner {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
.pager .inner a,.pager .inner span{
    position: relative;
    left: -50%;
    float: left;
} 
.pager .inner span,
.pager .inner a {
    display: block;
    font-size: 18px;
	font-weight: 600;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 
	line-height: 1;
	padding:10px 0 0 0;
	margin:0 7px;	
	width: 37px;
	height: 37px;
	text-align: center;
	box-sizing: border-box;
}
.pager .inner a {
    color: #2A3A4A;
    text-decoration: none;
}
.pager .inner span{
    color: #2A3A4A;
	border:1px solid #2A3A4A;
}
.pager .inner span.dots{
	border:none;
	padding:11px 0 0 0;	
	font-size:15px;
}
.pager .inner a.prev{
	background:url(../img/base/prev.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 25px auto;	
	text-indent:-9999px;
	margin:0 8px 0 0;	
}
.pager .inner a.next{
	background:url(../img/base/next.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 25px auto;
	text-indent:-9999px;
	margin:0 0 0 8px;
}
.single_txt{
	overflow: hidden;
}
.single_txt h2{
	font-size:26px;
}
.single_txt h3{
	font-size:24px;
}
.single_txt h4{
	font-size:22px;
}
.single_txt h5{
	font-size:20px;
}
.single_txt h6,.single_txt strong,.single_txt li,.single_txt a,.single_txt span,.single_txt th,.single_txt td,.single_txt caption,.single_txt figcaption,.single_txt time,.single_txt blockquote{
	font-size:18px;
}
.single_txt img{
	margin:10px 0;
	display: inline-block;
}
.single_txt p{
	margin:10px 0;
}
.single_txt .wp-block-columns{
	column-gap: 20px;
}
@media (min-width: 768px) and (max-width: 1399px) {
.news .news_list01 li a{
	padding:2.857vw 8.5% 2.786vw 0;
}
.news .news_list01 li a .date{
	font-size:1rem;
	width: 7%;
}
.news .news_list01 li a .ttl{
	font-size:1.125rem;
	width:84.5%;	
}
.news .news_list01 li a:after{
	width:4.286vw;
	top:3.929vw;
}
.news .news_list01 li a:hover:after{
	top:calc(3.929vw - 2px);
}
.news footer{
	margin:7.857vw 0 0 0;
}
.pager .inner span,
.pager .inner a {
	font-size: 1.286vw;      /* 18px */
	padding: 0.714vw 0 0 0;  /* 10px */
	margin: 0 0.5vw;         /* 7px */
	width: 2.643vw;          /* 37px */
	height: 2.643vw;         /* 37px */
}
.pager .inner span {
	border: 0.071vw solid #2A3A4A; /* 1px */
}
.pager .inner span.dots {
	padding: 0.786vw 0 0 0;  /* 11px */
	font-size: 1.071vw;      /* 15px */
}
.pager .inner a.prev {
	background-size: 1.786vw auto; /* 25px */
	margin: 0 0.571vw 0 0;         /* 8px */
}
.pager .inner a.next {
	background-size: 1.786vw auto; /* 25px */
	margin: 0 0 0 0.571vw;         /* 8px */
}
.single_txt h2{
	font-size:1.625rem;
}
.single_txt h3{
	font-size:1.5rem;
}
.single_txt h4{
	font-size:1.375rem;
}
.single_txt h5{
	font-size:1.25rem;
}
.single_txt h6,.single_txt strong,.single_txt li,.single_txt a,.single_txt span,.single_txt th,.single_txt td,.single_txt caption,.single_txt figcaption,.single_txt time,.single_txt blockquote{
	font-size:1.125rem;
}
}
@media screen and (max-width: 767px) {
.news .second_ttl_wrap{
	margin:0 0 30px 0;
}
.news .news_list01{
	max-width: 1000px;
	margin:0 auto;
	padding:0;
}
.news .news_list01 li a{
	display: block;
	padding:20px 50px 20px 0;
	min-height: 120px;
}
.news .news_list01 li a:after{
	content:'';
	width: 30px;
	height: 1px;
	box-sizing: border-box;
	border-top:1px solid #0050AB;
	border-bottom: none;
	position: absolute;
	right:0;
	top: 0;
  	bottom: 0;
	margin:auto;
}
.news .news_list01 li a:hover:after{
	content:'';
	width: 30px;
	height: 1px;
	box-sizing: border-box;
	border-top:1px solid #0050AB;
	border-bottom: none;
	position: absolute;
	right:0;
	top: 0;
  	bottom: 0;
	margin:auto;
}
.news .news_list01 li a .date{
	display:block;
	font-size:16px;
	font-weight: 400;
	margin:0 0 8px 0;
	float: none;
}
.news .news_list01 li a .ttl{
	font-size:16px;
	display:block;
	font-weight: 400;	
	width:100%;
}
.news footer{
	margin:85px 0 0 0;
}
.pager .inner span,
.pager .inner a {
    font-size: 14px;
	padding:9px 0 0 0;
	margin:0 5px;	
	width: 33px;
	height: 33px;
}
.pager .inner span{
	border:1px solid #2A3A4A;
}
.pager .inner span.dots{
	padding:11px 0 0 0;	
	font-size:15px;
}
.pager .inner a.prev{
	background:url(../img/base/prev.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 22px auto;	
	margin:0 7px 0 0;	
}
.pager .inner a.next{
	background:url(../img/base/next.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 22px auto;
	margin:0 0 0 7px;
}
}
@media screen and (max-width: 375px) {
.news .news_list01{
	max-width:100%;
	padding:0;
}
.news .news_list01 li a{
	padding:5.33vw 13.33vw 5.33vw 0; 
	min-height:32vw;
}
.news .news_list01 li a:after{
	width:8vw;
	top:0;
}
.news .news_list01 li a:hover:after{
	top:0;
}
.news .news_list01 li a .date{
	font-size:1rem;
	margin:0 0 2.13vw;
}
.news .news_list01 li a .ttl{
	font-size:1rem;
	width:100%;
}
.pager .inner span,
.pager .inner a {
	font-size: 3.733vw;
	padding: 2.4vw 0 0 0;
	margin: 0 1.333vw;
	width: 8.8vw;
	height: 8.8vw;
}
.pager .inner span {
	border: 0.267vw solid #2A3A4A;
}
.pager .inner span.dots {
	padding: 2.933vw 0 0 0;
	font-size: 4vw;        
}
.pager .inner a.prev {
	background-size: 5.867vw auto;
	margin: 0 1.867vw 0 0;        
}
.pager .inner a.next {
	background-size: 5.867vw auto;
	margin: 0 0 0 1.867vw;        
}
.single_txt h2{
	font-size:calc(26 / 375 * 100vw);
}
.single_txt h3{
	font-size:calc(24 / 375 * 100vw);
}
.single_txt h4{
	font-size:calc(22 / 375 * 100vw);
}
.single_txt h5{
	font-size:calc(20 / 375 * 100vw);
}
.single_txt h6,.single_txt strong,.single_txt li,.single_txt a,.single_txt span,.single_txt th,.single_txt td,.single_txt caption,.single_txt figcaption,.single_txt time,.single_txt blockquote{
	font-size:calc(18 / 375 * 100vw);
}
}
/*--------------------------------------------------------------
			新着情報詳細
--------------------------------------------------------------*/
.single .date{
	font-size:16px;
	font-weight: 500;
	line-height: 1;
	margin:0 0 14px 0;
}
.single .single_ttl{
	font-size:34px;
	font-weight: bold;
	line-height: 1.2;
	margin:0 0 80px 0;
}
.single .btn02{
	margin:90px auto 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.single .date{
	font-size:1rem;
	margin:0 0 1vw 0;
}
.single .single_ttl{
	font-size:2.125rem;
	margin:0 0 5.714vw 0;
}
.single .btn02{
	margin:6.428vw auto 0;
}
}
@media screen and (max-width: 767px) {
.single .main_in02{
	padding:0 50px;
}
.single .date{
	font-size:16px;
	margin:0 0 10px 0;
}
.single .single_ttl{
	font-size:20px;
	margin:0 0 30px 0;
}
.single .btn02{
	margin:45px auto 0;
}
}
@media screen and (max-width: 375px) {
.single .main_in02{
	padding:0 13.33vw;
}
.single .date{
	font-size:1rem;
	margin:0 0 2.666vw 0;
}
.single .single_ttl{
	font-size:1.25rem;
	margin:0 0 8vw 0;
}
.single .btn02{
	margin:12vw auto 0;
}
}
/*--------------------------------------------------------------
			本文欄
--------------------------------------------------------------*/
.single_txt img{	
	margin:0 0 30px 0;
}
.single_txt p{	
	line-height: 2;
	font-size:18px;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
@media (min-width: 768px) and (max-width: 1399px) {
.single_txt img{	
	margin:0 0 2.14vw 0;
}
.single_txt p{	
	font-size:1.125rem;
}
}
@media screen and (max-width: 767px) {
.single_txt img{	
	margin:0 0 25px 0;
}
.single_txt p{	
	font-size:16px;
}
}
@media screen and (max-width: 375px) {
.single_txt p{
		font-size:4.8vw;
	}
}
/*--------------------------------------------------------------
			企業情報
--------------------------------------------------------------*/
.corporate .second_ttl_wrap{
	margin:0 0 140px 0;
}
.corporate footer{
	margin:115px 0 0 0;
}
.corporate .corporate_list01{
	margin:70px 0 0 0;
	font-size:0;
}
.corporate .corporate_list01 > li{
	width:620px;
	display: inline-block;
	vertical-align: top;
	margin:0 0 85px 0;
}
.corporate .corporate_list01 > li:nth-child(2n){
	margin:0 0 85px 90px;
}
.corporate .corporate_list01 > li a{
	display: block;
	overflow: hidden;
	position: relative;
	padding:0 0 20px 0;
}
.corporate .corporate_list01 > li a:before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 1px;
	box-sizing: border-box;
	border-top:1px solid #0050AB;
	transition: 0.1s;
}
.corporate .corporate_list01 > li a:hover:before{
	border-top:3px solid #0050AB;
}
.corporate .corporate_list01 > li a:after{
	transition: 0.2s;
	content:'';
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 1px;
	box-sizing: border-box;	
	border-bottom:1px solid #0050AB;	
	transition: 0.1s;
	opacity: 0;
}
.corporate .corporate_list01 > li a:hover:after{
	opacity: 1;
	border-bottom:3px solid #0050AB;
}
.corporate .corporate_list01 > li a .img_box{
	border-top:8px solid #0050AB;
	width: 260px;
	padding:20px 0 0 0;
	float: left;
}
.corporate .corporate_list01 > li a .txt_box{
	float: right;
	width: 340px;
}
.corporate .corporate_list01 > li a .txt_box .ttl01{
	font-size:28px;
	font-weight: bold;
	color:#0050AB;
	margin:38px 0 18px 0;	
}
.corporate .corporate_list01 > li a .txt_box .list01 li{
	color:#2A3A4A;
	font-size:16px;
	margin:0 0 5px 0;
}
.corporate .corporate_list01 > li a .more{
	position: absolute;
	right:0;
	bottom:0;
	font-weight: 500;
	color:#0050AB;
	font-size:16px;
	text-align: center;
	border-bottom: 1px solid #0050AB;
	display: inline-block;
	padding:0 15px 10px 15px;
}
@media (min-width: 768px) and (max-width: 1399px) {
.corporate .second_ttl_wrap{
	margin:0 0 10vw 0;
}
.corporate footer{
	margin:8.214vw 0 0 0;
}
.corporate .corporate_list01{
	margin:5vw 0 0 0;
}
.corporate .corporate_list01 > li{
	width:46%;
	margin:0 0 6.071vw 0;
}
.corporate .corporate_list01 > li:nth-child(2n){
	margin:0 0 6.071vw 6%;
}
.corporate .corporate_list01 > li a{
	padding:0 0 1.428vw 0;
}
.corporate .corporate_list01 > li a .img_box{
	width: 41.935%;
	padding:1.428vw 0 0 0;
}
.corporate .corporate_list01 > li a .txt_box{
	width: 54.838%;
}
.corporate .corporate_list01 > li a .txt_box .ttl01{
	font-size:1.75rem;
	margin:2.714vw 0 1.285vw 0;	
}
.corporate .corporate_list01 > li a .txt_box .list01 li{
	font-size:1rem;
	margin:0 0 0.357vw 0;
}
.corporate .corporate_list01 > li a .more{
	font-size:1rem;
	padding:0 1.071vw 0.714vw 1.071vw;
}
}
@media screen and (max-width: 767px) {
.corporate .second_ttl_wrap{
	margin:0 0 80px 0;
}
.corporate .corporate_list01{
	margin:30px auto 0;
}
.corporate .corporate_list01 > li{
	width:100%;
	margin:20px 0 0 0;
	box-sizing: border-box;
}
.corporate .corporate_list01 > li:nth-child(2n){
	margin:20px 0 0 0;
}
.corporate .corporate_list01 > li:first-child{
	margin:0;
}
.corporate .corporate_list01 > li a{
	padding:0 25px 30px 25px;
	border:1px solid #0050AB;	
	min-height: 0;
}
.corporate .corporate_list01 > li:nth-child(5) a{
	padding:0 25px 30px 25px;
}
.corporate .corporate_list01 > li a:before{
	display: none;
}
.corporate .corporate_list01 > li a:after{
	display: none;
}
.corporate .corporate_list01 > li a .img_box{
	width:100%;
	padding:20px 0 0 0;
}
.corporate .corporate_list01 > li a .img_box img{
	width: 100%;
	max-width: 280px;
	margin:0 auto;
	display: block;
}
.corporate .corporate_list01 > li a .txt_box{
	width:100%;
}
.corporate .corporate_list01 > li a .txt_box .ttl01{
	font-size:20px;
	margin:20px 0 14px 0;	
}
.corporate .corporate_list01 > li a .txt_box .list01 li{
	font-size:16px;
	margin:0 0 7px 0;
}
.corporate .corporate_list01 > li a .more{
	font-size:16px;
	padding:0 8px 6px 0;
	border-bottom: none;
}
.corporate footer{
	margin:40px 0 0 0;
}
}
@media screen and (max-width: 375px) {
.corporate .second_ttl_wrap{
	margin:0 0 21.333vw 0;
}
.corporate .corporate_list01{
	margin:8vw auto 0;
}
.corporate .corporate_list01 > li{
	width:100%;
	margin:5.333vw 0 0 0;
	box-sizing:border-box;
}
.corporate .corporate_list01 > li:nth-child(2n){
	margin:5.333vw 0 0 0;
}
.corporate .corporate_list01 > li:first-child{
	margin:0;
}
.corporate .corporate_list01 > li a{
	padding:0 6.667vw 8vw 6.667vw;
	border:1px solid #0050AB;

}
.corporate .corporate_list01 > li:nth-child(5) a{
	padding:0 6.667vw 8vw 6.667vw;
}
.corporate .corporate_list01 > li a:before{
	display:none;
}
.corporate .corporate_list01 > li a:after{
	display:none;
}
.corporate .corporate_list01 > li a .img_box{
	width:100%;
	padding:5.333vw 0 0 0;
}
.corporate .corporate_list01 > li a .img_box img{
	width:100%;
	max-width:74.667vw;
	margin:0 auto;
	display:block;
}
.corporate .corporate_list01 > li a .txt_box{
	width:100%;
}
.corporate .corporate_list01 > li a .txt_box .ttl01{
	font-size:5.333vw;
	margin:5.333vw 0 3.733vw 0;
}
.corporate .corporate_list01 > li a .txt_box .list01 li{
	font-size:4.267vw;
	margin:0 0 1.867vw 0;
}
.corporate .corporate_list01 > li a .more{
	font-size:4.267vw;
	padding:0 2.133vw 1.6vw 0;
	border-bottom:none;
}
.corporate footer{
	margin:10.667vw 0 0 0;
}
}
/*--------------------------------------------------------------
			システム受託開発
--------------------------------------------------------------*/
.system .second_ttl_wrap{
	margin:0 0 100px 0;
}
.system footer{
	margin:165px 0 0 0;
}
.system .system_list01{
	margin:110px 0 150px 0;
}
.system_list01{
	font-size:0;
}
.system_list01 li{
	display: inline-block;
	width: 50%;
	height: 592px;
	box-sizing: border-box;
	vertical-align: top;
}
.system_list01 li a{
	display: block;
	position: relative;	
	padding:330px 62px 0 62px;
}
.system_list01 li a:hover{
	text-decoration: none;
}
.system_list01 li a:before{
	content:'';
	width: 100%;
	height: 592px;
	box-sizing: border-box;
	border:1px solid #0050AB;
	position: absolute;
	top:0;
	left: 0;
	transition: 0.2s;
}
.system_list01 li a:hover:before{
	border:3px solid #0050AB;
}
.system_list01 li a .icon01{
	position: absolute;
	left:0;
	right:0;
	top:110px;
	margin:0 auto;
}
.system .system_list01 li:nth-child(2) a .icon01{
	top:83px;
}
.system_list01 li a:hover img{
	opacity: 1;
}
.system_list01 li a .ttl01{
	color:#0050AB;
	font-size:32px;
	line-height: 1.4;
	font-weight: bold;
	margin:0 0 26px 0;
}
.system_list01 li a .ttl01 span{
	color:#0050AB;	
}
.system_list01 li a .txt01{
	color:#0050AB;
	font-size:18px;
	font-weight: 500;
	line-height: 2.666;
}
.system_list01 li a .more{
	position: absolute;
	right:0;
	top:253px;
	width: 126px;
	text-align: center;
	border-bottom: 1px solid #0050AB;
	box-sizing: border-box;
	padding:0 0 22px 0;
	line-height: 1;
	color:#0050AB;
	font-size:20px;
	font-weight: 500;
	transition: 0.2s;
}
.system_list01 li a:hover .more{
	border-bottom: 3px solid #0050AB;	
	padding:0 0 20px 0;
}
.so_list01{
	font-size:0;
	margin:40px 0 0 0;
	text-align: center;
}
.so_list01 li{
	display: inline-block;
	width: 420px;
	margin:0 0 0 35px;
}
.so_list01 li:first-child{
	margin:0;
}
.so_list01 li a{
	display: block;
	border:1px solid #0050AB;
	height: 300px;
	position: relative;
	box-sizing: border-box;
	transition: 0.3s;
}
.so_list01 li a:after{
	content:'';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 300px;
	opacity: 0;
	transition: 0.3s;
	z-index: 9;
}
.so_list01 li a:hover{
	text-decoration: none;
}
.so_list01 li a:hover:after,.so_list01 li a.active:after{
	opacity: 1;
}
.so_list01 li:nth-child(1) a{
	background: url(../img/system/so_img01.jpg) center 33px no-repeat;
	background-size: 298px auto;
	transition: 0.3s;
}
.so_list01 li:nth-child(1) a:hover:after,.so_list01 li:nth-child(1) a.active:after{
	background: url(../img/system/so_img01_on.jpg) 0 0 no-repeat;
	background-size:cover;
}
.so_list01 li:nth-child(2) a{
	background: url(../img/system/so_img02.jpg) center 33px no-repeat;
	background-size: 298px auto;
}
.so_list01 li:nth-child(2) a:hover:after,.so_list01 li:nth-child(2) a.active:after{
	background: url(../img/system/so_img02_on.jpg) 0 0 no-repeat;
	background-size:cover;
}
.so_list01 li:nth-child(3) a{
	background: url(../img/system/so_img03.jpg) center 33px no-repeat;
	background-size: 298px auto;
}
.so_list01 li:nth-child(3) a:hover:after,.so_list01 li:nth-child(3) a.active:after{
	background: url(../img/system/so_img03_on.jpg) 0 0 no-repeat;
	background-size:cover;
}
.so_list01 li a .jp_ttl{
	font-size:20px;
	font-weight: 500;
	line-height: 1;
	color:#0050AB;
	position: absolute;
	top:235px;
	left:0;
	right:0;
	z-index: 99;
}
.so_list01 li a:hover .jp_ttl,.so_list01 li a.active .jp_ttl{
	opacity: 0;
}
.so_list01 li a .en_ttl{
	color:#fff;
	font-size:48px;
	font-weight:400;
	line-height: 1;
	position: absolute;
	left:0;
	right:0;
	top:105px;
	z-index: 99;
	opacity: 0;
	transition: 0.3s;
}
.so_list01 li a:hover .en_ttl,.so_list01 li a.active .en_ttl{
	opacity: 1;
}
.so_list01 li a .jp_ttl02{
	color:#fff;
	top:175px;	
	font-size:20px;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	left:0;
	right:0;
	top:175px;
	z-index: 99;
	opacity: 0;
	transition: 0.3s;
}
.so_list01 li a:hover .jp_ttl02,.so_list01 li a.active .jp_ttl02{
	opacity: 1;
}
@media (min-width: 768px) and (max-width: 1399px) {
.system .second_ttl_wrap{
	margin:0 0 7.143vw 0;
}
.system .second_ttl_wrap .img01{
	width: 48vw;
}
.system footer{
	margin:11.786vw 0 0 0;
}
.system .system_list01{
	margin:7.857vw 0 10.714vw 0;
}
.system_list01 li{
	height:42.286vw;
}
.system_list01 li a{
	padding:23.571vw 4.429vw 0 4.429vw;
}
.system_list01 li a:before{
	height:42.286vw;
}
.system_list01 li a .icon01{
	top:7.857vw;
	width: 16.428vw;
}
.system .system_list01 li:nth-child(2) a .icon01{
	top:5.929vw;
	width:12.928vw;	
}
.system_list01 li a .ttl01{
	font-size:2.286vw;
	margin:0 0 1.857vw 0;
}
.system_list01 li a .ttl01 span{
	font-size:1rem;
	margin:0 0 0 5px;
}
.system_list01 li a .txt01{
	font-size:1.286vw;
}
.system_list01 li a .more{
	top:18.071vw;
	width:9vw;
	padding:0 0 1.571vw 0;
	font-size:1.429vw;
}
.system_list01 li a:hover .more{
	padding:0 0 1.429vw 0;
}
.so_list01{
	margin:2.857vw 0 0 0;
}
.so_list01 li{
	width:31.6%;
	margin:0 0 0 2.6%;
}
.system_list01 li:first-child{
	margin:0;
}
.so_list01 li a{
	height:21.429vw;
}
.so_list01 li a:after{
	height:21.429vw;
}
.so_list01 li:nth-child(1) a,
.so_list01 li:nth-child(2) a,
.so_list01 li:nth-child(3) a{
	background-position:center 2.357vw;
	background-size:21.286vw auto;
}
.so_list01 li a .jp_ttl{
	font-size:1.429vw;
	top:16.786vw;
}
.so_list01 li a .en_ttl{
	font-size:3.429vw;
	top:7.5vw;
}
.so_list01 li a .jp_ttl02{
	font-size:1.429vw;
	top:12.5vw;
}
}
@media screen and (max-width: 767px) {
.system .second_ttl_wrap{
	margin:0 0 80px 0;
}
.system footer{
	margin:30px 0 0 0;
}
.system .system_list01{
	margin:30px 0 45px 0;
}
.system_list01 li{
	display:block;
	width:100%;
	height: auto;
	margin:15px 0 0 0;
}
.system_list01 li:first-child{
	margin:0;
}
.system_list01 li a{
	padding:25px 15px 32px 15px;
}
.system_list01 li a:before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}
.system_list01 li a .icon01{
	position: static;;
	margin:0 auto;
	width: 110px;
	display: block;
}
.system .system_list01 li:nth-child(1) a .icon01{
	padding:0 20px 0 0;
}
.system .system_list01 li:nth-child(2) a .icon01{
	width: 90px;
}
.system_list01 li a .ttl01{
	font-size:22px;
	margin:25px 0 10px 0;
}
.system .system_list01 li:nth-child(2) a .ttl01{
	margin:10px 0 10px 0;
}
.system_list01 li a .txt01{
	font-size:16px;
	line-height:1.5;
}
.system_list01 li a .more{
	position: absolute;
	right:10px;
	top:auto;
	bottom:10px;
	width: auto;
	text-align: center;
	border-bottom:none;
	padding:0;
	font-size:14px;
}
.system_list01 li a:hover .more{
	border-bottom: 1px solid #0050AB;	
	padding:0;
}
.so_list01{
	margin:25px 0 0 0;
}
.so_list01 li{
	display:block;
	width:100%;
	max-width: 324px;
	margin:10px auto 0;
}
.so_list01 li:first-child{
	margin:0 auto;
}
.so_list01 li a{
	height: 80px;
}
.so_list01 li a:after{
	width: 100%;
	height: 80px;
}
.so_list01 li:nth-child(1) a{
	background: url(../img/system/so_img01_sp.jpg) 0 0 no-repeat;
	background-size: 96px auto;
}
.so_list01 li:nth-child(1) a:hover:after,.so_list01 li:nth-child(1) a.active:after{
	background: url(../img/system/so_img01_on_sp.jpg) 0 0 no-repeat;
	background-size:cover;
}
.so_list01 li:nth-child(2) a{
	background: url(../img/system/so_img02_sp.jpg) 0 0 no-repeat;
	background-size: 96px auto;
}
.so_list01 li:nth-child(2) a:hover:after{
	background: url(../img/system/so_img02_on_sp.jpg) 0 0 no-repeat;
	background-size:cover;
}
.so_list01 li:nth-child(3) a{
	background: url(../img/system/so_img03_sp.jpg) 0 0 no-repeat;
	background-size: 96px auto;
}
.so_list01 li:nth-child(3) a:hover:after{
	background: url(../img/system/so_img03_on_sp.jpg) 0 0 no-repeat;
	background-size:cover;
}
.so_list01 li a .jp_ttl{
	font-size:14px;
	font-weight: bold;
	position: absolute;
	top:47px;
	left:115px;
	right:auto;
}
.so_list01 li a:hover .jp_ttl,.so_list01 li a.active .jp_ttl{
	opacity: 1;
	color:#fff;
	left:0;
	right:0;
}
.so_list01 li a .en_ttl{
	color:#0050AB;
	font-size:28px;
	position: absolute;
	left:115px;
	right:auto;
	top:12px;
	opacity: 1;
}
.so_list01 li a:hover .en_ttl,.so_list01 li a.active .en_ttl{
	color:#fff;
	left:0;
	right:0;
}
.so_list01 li a .jp_ttl02{
	display: none;
}
}
@media screen and (max-width: 375px) {
.system .second_ttl_wrap{
	margin:0 0 21.333vw 0;
}
.system footer{
	margin:8vw 0 0 0;
}
.system .system_list01{
	margin:8vw 0 12vw 0;
}
.system_list01 li{
	margin:4vw 0 0 0;
}
.system_list01 li a{
	padding:6.667vw 4vw 8.533vw 4vw;
}
.system_list01 li a .icon01{
	width:29.333vw;
}
.system .system_list01 li:nth-child(1) a .icon01{
	padding:0 5.333vw 0 0;
}
.system .system_list01 li:nth-child(2) a .icon01{
	width:24vw;
}
.system_list01 li a .ttl01{
	font-size:5.867vw;
	margin:6.667vw 0 2.667vw 0;
}
.system .system_list01 li:nth-child(2) a .ttl01{
	margin:2.667vw 0 2.667vw 0;
	font-size:5.467vw;	
}
.system_list01 li a .txt01{
	font-size:4.267vw;
}
.system_list01 li a .more{
	right:2.667vw;
	bottom:2.667vw;
	font-size:3.733vw;
}
.so_list01{
	margin:6.667vw 0 0 0;
}
.so_list01 li{
	max-width:86.4vw;
	margin:2.667vw auto 0;
}
.so_list01 li a{
	height:21.333vw;
}
.so_list01 li a:after{
	height:21.333vw;
}
.so_list01 li:nth-child(1) a,
.so_list01 li:nth-child(2) a,
.so_list01 li:nth-child(3) a{
	background-size:25.6vw auto;
}
.so_list01 li a .jp_ttl{
	font-size:3.733vw;
	top:12.533vw;
	left:30.667vw;
}
.so_list01 li a .en_ttl{
	font-size:7.467vw;
	left:30.667vw;
	top:3.2vw;
}
.so_list01 li:nth-child(2) a .en_ttl{
	word-break:break-all;
	font-size:6.5vw;
	top:3.6vw;	
}
.so_list01 li a .jp_ttl{
	font-size:3.433vw;
}
}
/*--------------------------------------------------------------
			システムインテグレーション
--------------------------------------------------------------*/
.si .second_ttl_wrap{
	margin:0 0 120px 0;
}
.si footer{
	margin:190px 0 0 0;
}
.si .system_list01{
	margin:185px 0 195px 0;
}
.si .si_list01{
	margin:0 0 100px 0;
}
.si .system_list01 li{
	height: 540px;
}
.si .system_list01 li a{
	padding:310px 62px 0 62px;
}
.si .system_list01 li:nth-child(4) a{
	padding:300px 62px 0 62px;
}
.si .system_list01 li:nth-child(3) a{
	padding:300px 31px 0 62px;
}
.si .system_list01 li a:before{
	height: 540px;
}
.si .system_list01 li a .more{
	top:230px;
}
.si .system_list01 li .ttl01.en{
	font-weight: 400;
	font-size:56px;
	line-height: 1;
	letter-spacing:;
	margin:0 0 10px 0;
}
.si .system_list01 li a .ttl01 span{
	font-size:16px;
	font-weight: bold;
	display: inline-block;
	margin:0 0 0 7px;
}
.si .system_list01 li:nth-child(1) .icon01{
	top:50px;
}
.si .system_list01 li:nth-child(2) .icon01{
	top:70px;
	padding:0 0 0 20px;
}
.si .system_list01 li:nth-child(3) .icon01{
	top:70px;
}
.si .system_list01 li:nth-child(4) .icon01{
	top:70px;
}
.si_list01 li{
	display: block;
	position: relative;
}
.si_list01 li:before{
	content:'';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 3px;
	box-sizing: border-box;
	border-top:1px solid #0050AB;
	transition: 0.3s;
}
.si_list01 li:hover:before{
	width: 100%;
	height: 3px;
	border-top:3px solid #0050AB;	
}
.si_list01 li a{
	display: block;
	padding:75px 0 0 45px;	
	position: relative;	
	height: 280px;
	box-sizing: border-box;
}
.si_list01 li a:hover{
	text-decoration: none;
}
.si_list01 li a:before{
	content:'';
	position: absolute;
	left:0;
	top:0;
	width: 180px;
	height: 7px;
	box-sizing: border-box;
	border-bottom:7px solid #0050AB;	
}
.si_list01 li a:after{
	content:'';
	position: absolute;
	right:65px;
	top:140px;
	width: 56px;
	height: 1px;
	box-sizing: border-box;
	border-bottom:1px solid #0050AB;
	transition: 0.3s;
}
.si_list01 li a:hover:after{
	border-bottom:3px solid #0050AB;
}
.si_list01 li a .ttl01{
	font-size:34px;
	font-weight: bold;
	color:#0050AB;
	margin:0 0 33px 0;
}
.si_list01 li a .ttl01 span{
	font-size:20px;
	color:#0050AB;	
}
.si_list01 li a .txt01{
	font-size:18px;
	line-height: 2;
}
@media screen and (max-width: 1699px) {
.si .second_ttl_wrap .second_ttl .en{
	font-size:7.058vw;
}
.si .second_ttl_wrap .img01{
	width: 40vw;
	bottom:-11vw;
}
}
@media (min-width: 768px) and (max-width: 1399px) {
.si .second_ttl_wrap{
	margin:0 0 8.571vw 0;
}
.si .second_ttl_wrap .second_ttl .en{
	font-size:7.058vw;
}
.si .second_ttl_wrap .img01{
	width: 40vw;
	bottom:-11vw;
}
.si footer{
	margin:13.571vw 0 0 0;
}
.si .system_list01{
	margin:13.214vw 0 13.929vw 0;
}
.si .si_list01{
	margin:0 0 7.143vw 0;
}
.si .system_list01 li{
	height:38.571vw;
}
.si .system_list01 li a{
	padding:22.143vw 4.429vw 0 4.429vw;
}
.si .system_list01 li:nth-child(3) a{
	padding:21.429vw 4.429vw 0 4.429vw;
}
.si .system_list01 li:nth-child(4) a{
	padding:21.429vw 4.429vw 0 4.429vw;
}
.si .system_list01 li a:before{
	height:38.571vw;
}
.si .system_list01 li a .more{
	top:16.429vw;
}
.si .system_list01 li .ttl01.en{
	font-size:4vw;
	letter-spacing:-0.071vw;
	margin:0 0 0.714vw 0;
}
.si .system_list01 li a .ttl01 span{
	font-size:1.143vw;
	margin:0 0 0 0.5vw;
}
.si .system_list01 li:nth-child(1) .icon01{
	top:3.571vw;
}
.si .system_list01 li:nth-child(2) .icon01{
	top:5vw;
	padding:0 0 0 1.429vw;
}
.si .system_list01 li:nth-child(3) .icon01{
	top:5vw;
	width: 13.0714vw;
}
.si .system_list01 li:nth-child(4) .icon01{
	top:5vw;
}
.si_list01 li:before{
	height:0.214vw;
}
.si_list01 li:hover:before{
	height:0.214vw;
}
.si_list01 li a{
	padding:5.357vw 0 0 3.214vw;
	height:20vw;
}
.si_list01 li a:before{
	width:12.857vw;
	height:0.5vw;
	border-bottom-width:0.5vw;
}
.si_list01 li a:after{
	right:4.643vw;
	top:10vw;
	width:4vw;
}
.si_list01 li a .ttl01{
	font-size:2.429vw;
	margin:0 0 2.357vw 0;
}
.si_list01 li a .ttl01 span{
	font-size:1.429vw;
}
.si_list01 li a .txt01{
	font-size:1.286vw;
}
}
@media screen and (max-width: 767px) {
.si .second_ttl_wrap{
	margin:0 0 80px 0;
}
.si .second_ttl_wrap .second_ttl{
	margin:-15px 0 0 0;
}
.si .second_ttl_wrap .second_ttl .en{
	font-size:50px;
	line-height: 36px;
	z-index: 2;
	position: relative;
	margin:5px 0 0 0;
}
.si .second_ttl_wrap .img01{
	width: 200px;
	z-index: 1;
	bottom:-60px;
}
.si footer{
	margin:40px 0 0 0;
}
.si .system_list01{
	margin:30px 0 10px 0;
}
.si .si_list01{
	margin:0 0 50px 0;
}
.si .system_list01 li{
	height: 270px;
	position: relative;
}
.si .system_list01 li a{
	padding:15px 17px 0 17px;
	position: relative;
	height: 270px;
	box-sizing: border-box;
}
.si .system_list01 li:nth-child(3) a{
	padding:15px 12px 0 17px;
}
.si .system_list01 li:nth-child(4) a{
	padding:15px 17px 0 17px;
}
.si .system_list01 li a:before{
	height: 270px;
}
.si .system_list01 li a .more{
	right:10px;
	top:auto;
	bottom:10px;
	width: auto;
}
.si .system_list01 li a:hover .more{
	text-decoration: none!important;
	border:none!important;
}
.si .system_list01 li .ttl01.en{
	font-size:40px;
	margin:10px 0 3px 0;
}
.si .system_list01 li a .ttl01 span{
	font-size:14px;
	display:block;
	margin:0;
}
.si .system_list01 li:nth-child(1) .icon01{
	width: 160px;
}
.si .system_list01 li:nth-child(2) .icon01{
	width: 133px;
	padding:0 0 0 15px;
}
.si .system_list01 li:nth-child(3) .icon01{
	width: 101px;
}
.si .system_list01 li:nth-child(4) .icon01{
	width: 170px;
}
.si_list01 li{
	display: block;
	position: relative;
	border:1px solid #0050AB;
	margin:10px 0 0 0;
}
.si_list01 li:first-child{
	margin:0;
}
.si_list01 li a{
	display: block;
	padding:20px 18px 20px 18px;	
	position: relative;	
	height: auto;
	box-sizing: border-box;
}
.si_list01 li a:before{
	content:'';
	position: absolute;
	left:20px;
	top:0;
	width: 140px;
	height: 5px;
	border-bottom:5px solid #0050AB;	
}
.si_list01 li a:after{
	display: none;
}
.si_list01 li a .ttl01{
	font-size:22px;
	margin:0 0 8px 0;
}
.si_list01 li a .ttl01 span{
	font-size:16px;
}
.si_list01 li a .txt01{
	font-size:16px;
	line-height: 1.625;
}
.si_list01 li a .more{
	position: absolute;
	right:10px;
	bottom:10px;
	line-height: 1;
	color:#0050AB;
	font-size:12px;
	font-weight: 500;
}
}
@media screen and (max-width: 375px) {
.si .second_ttl_wrap{
	margin:0 0 21.333vw 0;
}
.si .second_ttl_wrap .second_ttl{
	margin:-4vw 0 0 0;
}
.si .second_ttl_wrap .second_ttl .en{
	font-size:13.333vw;
	line-height:9.6vw;
	margin:1.333vw 0 0 0;
}
.si .second_ttl_wrap .img01{
	width:53.333vw;
	bottom:-16vw;
}
.si footer{
	margin:10.667vw 0 0 0;
}
.si .system_list01{
	margin:8vw 0 2.667vw 0;
}
.si .si_list01{
	margin:0 0 13.333vw 0;
}
.si .system_list01 li{
	height:72vw;
}
.si .system_list01 li a{
	padding:4vw 4.533vw 0 4.533vw;
	height:72vw;
}
.si .system_list01 li:nth-child(4) a{
	padding:4vw 4.533vw 0 4.533vw;
}
.si .system_list01 li a:before{
	height:72vw;
}
.si .system_list01 li a .more{
	right:2.667vw;
	bottom:2.667vw;
}
.si .system_list01 li .ttl01.en{
	font-size:10.667vw;
	margin:2.667vw 0 0.8vw 0;
}
.si .system_list01 li a .ttl01 span{
	font-size:3.733vw;
}
.si .system_list01 li:nth-child(1) .icon01{
	width:42.667vw;
}
.si .system_list01 li:nth-child(2) .icon01{
	width:35.467vw;
	padding:0 0 0 4vw;
}
.si .system_list01 li:nth-child(3) .icon01{
	width:26.933vw;
}
.si .system_list01 li:nth-child(4) .icon01{
	width:45.333vw;
}
.si_list01 li{
	margin:2.667vw 0 0 0;
}
.si_list01 li a{
	padding:5.333vw 4.8vw 5.333vw 4.8vw;
}
.si_list01 li a:before{
	left:5.333vw;
	width:37.333vw;
	height:1.333vw;
	border-bottom:1.333vw solid #0050AB;
}
.si_list01 li a .ttl01{
	font-size:5.867vw;
	margin:0 0 2.133vw 0;
}
.si_list01 li a .ttl01 span{
	font-size:4.267vw;
}
.si_list01 li a .txt01{
	font-size:4.267vw;
}
.si_list01 li a .more{
	right:2.667vw;
	bottom:2.667vw;
	font-size:3.2vw;
}
}
/*--------------------------------------------------------------
			サプライ
--------------------------------------------------------------*/
.supply .second_ttl_wrap{
	margin:0 0 120px 0;
}
.supply footer{
	margin:170px 0 0 0;
}
.supply .top_txt01{
	line-height: 1;
	font-size:48px;
}
.supply .top_txt01 span{
	line-height: 1;
	font-size:30px;
	font-weight: bold;
}
.supply .login_box{
	margin:145px auto 0;
	background: url(../img/supply/tps/login_line.png) 0 14px no-repeat;
	background-size: 100% auto;
	text-align: center;
	min-height: 328px;
}
.supply .login_box .ttl01{
	text-align: center;
	background: #fff;
	display: inline-block;
	padding:0 40px;
	font-size:32px;
	color:#0050AB;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
}
.supply .login_box .inner{
	overflow: hidden;
	padding:68px 0 0 0;
	max-width: 1120px;
	margin:0 auto;
}
.supply .login_box .inner .login_btn{
	float: left;
	width: 484px;
	height: 140px;
	padding:51px 0 0 0;
	box-sizing: border-box;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01.png);
	background-position:right 50px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:23px auto ,cover;
	transition: 0.2s;
	text-align: center;
	color:#fff;
	font-size:29px;
	line-height: 1;
	font-weight: bold;
	box-shadow: 0 5px 30px rgb(0 0 0 / 0.25);
}
.supply .login_box .inner .login_btn:hover{
	text-decoration: none;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01_on.png);
	background-position:right 50px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:23px auto ,cover;	
}
.supply .login_box .inner .txt_wrap{
	float: right;
	width: 540px;
	text-align: left;
}
.supply .login_box .inner .txt_wrap .ttl02{
	text-align: center;
	border:2px solid #DB0000;
	color:#DB0000;
	line-height: 1;
	font-size:18px;
	font-weight: bold;
	padding:10px 0;
	margin:0 0 10px 0;
}
.supply .login_box .inner .txt_wrap .txt01{
	line-height: 1.66;
}
.supply .login_box .inner .txt_wrap .txt01 span{
	color:#DB0000;
	font-size:18px;
	font-weight: bold;
}
.supply .features_area{
	margin:155px 0 0 0;
	background: #F4FAF6;
	padding:140px 0 160px 0;
	border-top:1px solid #0050AB;
	border-bottom:1px solid #0050AB;
}
.supply .features_area .en_ttl_second .en{
	letter-spacing: 3.5px;
}
.supply .features_area .en_ttl_second .jp{
	font-size:40px;
	font-weight: bold;
	margin:10px 0 0 0;
	display: block;
}
.supply .features_area .features_list{
	margin:80px 0 0 0;
}
.supply .features_area .features_list li{
	display: inline-block;
	width: 400px;
	vertical-align: top;
	margin:0 0 0 65px;
}
.supply .features_area .features_list li:first-child{
	margin:0;
}
.supply .features_area .features_list li .txt01{
	margin:30px 0 0 0;
}
.supply .features_area .txt02{
	color:#0050AB;
	font-size:48px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	letter-spacing: 2px;
	margin:85px 0 45px 0;
}
.supply .features_area .buy_btn01{
	display: block;
	width: 802px;
	height: 178px;
	padding:74px 0 0 0;
	box-sizing: border-box;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01.png);
	background-position:right 200px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:23px auto ,cover;
	transition: 0.2s;
	text-align: center;
	color:#fff;
	font-size:29px;
	line-height: 1;
	font-weight: bold;
	box-shadow: 0 5px 30px rgb(0 0 0 / 0.25);
	margin:0 auto;
}
.supply .features_area .buy_btn01:hover{
	text-decoration: none;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01_on.png);
	background-position:right 200px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:23px auto ,cover;	
}
.supply .features_area .login_wrap{
	max-width: 800px;
	margin:55px auto 0;
	background: #fff;
	padding:15px 20px 0 20px;
	text-align: center;
	font-size:0;
	box-shadow: 0 2px 10px rgb(0 0 0 / 0.05);
}
.supply .features_area .login_wrap .login_txt01{
	text-align: center;
	color:#2A3A4A;
	font-size:20px;
	font-weight: bold;
	border-bottom: 2px solid #E9E9E9;
	padding:0 0 10px 0;
	display: block;
}
.supply .features_area .login_wrap .login_txt02{
	display: inline-block;
	margin:15px 0;
	border-right: 2px solid #E9E9E9;
	padding:0 0 0 0;
	box-sizing: border-box;
	width: 50%;
	vertical-align: top;
	font-size:20px;
	font-weight: bold;
}
.supply .features_area .login_wrap .login_txt03{
	display: inline-block;
	margin:15px 0;	
	padding:0 0 0 20px;
	box-sizing: border-box;
	width: 50%;	
	vertical-align: top;
	font-size:20px;
	font-weight: bold;	
}
.supply .supply_area{
	padding:150px 0 130px 0;
}
.supply .supply_area .en_ttl_second .en{
	letter-spacing: 3.5px;
}
.supply .supply_area .en_ttl_second .jp{
	font-size:40px;
	font-weight: bold;
	margin:10px 0 0 0;
	display: block;	
}
.supply .supply_area .flow_list{
	list-style: none;
	margin:85px 0 0 0;
	padding:185px 0 0 0;
	background: url(../img/supply/tps/flow01.png) center 0 no-repeat;
	background-size: 100% auto;
	font-size:0;
}
.supply .supply_area .flow_list li{
	display: inline-block;
	width: 258px;
	vertical-align: top;
	margin:0 0 0 94px;
}
.supply .supply_area .flow_list li:first-child{
	margin:0;
	width: 270px;
}
.supply .supply_area .flow_list li .ttl01{
	font-size:24px;
	line-height: 1.66;
	font-weight: bold;
	color:#0050AB;
	min-height: 85px;
	margin:0 0 10px 0;
}
.supply .supply_area .flow_list li:first-child .ttl01{
	margin:14px 0 0 0;
}
.supply .supply_area .flow_list li .txt01{
	font-size:18px;
	line-height: 2;
}
.supply .supply_area .flow_list li .txt01 a{
	color:#0050AB;
	font-weight: bold;
	border-bottom: dotted #0050AB 1px;
}
.supply .supply_area .flow_list li .txt01 span{
	font-size:18px;
	color:#DB0000;
	font-weight: bold;
}
.supply .supply_area .ttl02{
	margin:170px 0 50px 0;
	font-size:32px;
	color:#0050AB;
}
.supply .supply_area .buy_btn02{
	display: block;
	width: 1328px;
	height: 230px;
	padding:99px 0 0 0;
	box-sizing: border-box;
	background-image:url(../img/base/link02.svg),url(../img/base/btn_bg02.jpg);	
	background-position:right 360px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;	
	background-size:23px auto ,cover;	
	transition: 0.2s;
	text-align: center;
	color:#0050AB;
	font-size:32px;
	line-height: 1;
	font-weight: bold;
	margin:0 auto;
}
.supply .supply_area .buy_btn02:hover{
	text-decoration: none;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg02_on.jpg);
	background-position:right 360px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:23px auto ,cover;	
	color:#fff;
}
.supply .supply_area .txt_list01{
	margin:180px 0 0 0;
}
.supply .supply_area .txt_list01 li{
	border-top:1px solid #0050AB;
	padding:40px 0;
}	
.supply .supply_area .txt_list01 li:first-child{
	border-top:none;
	padding:0 0 40px 0;
}
.supply .supply_area .txt_list01 li .list_ttl01{
	font-size:24px;
	font-weight: bold;
	color:#0050AB;
}
.supply .supply_area .txt_list01 li .list_txt01{
	padding:2px 0 0 32px;
}
.supply .contact_area{
	background: #002D62;
	padding:60px 0 85px 0;
	margin:0 0 145px 0;
}
.supply .contact_area .ttl01{
	text-align: center;
	color:#fff;
	font-size:28px;
	font-weight: bold;
	letter-spacing: 2px;
}
.supply .contact_area .inner{
	max-width: 1240px;
	margin:20px auto 0;
	text-align: center;
}
.supply .contact_area .inner .txt01{
	display:inline-block;
	color:#fff;
	font-size:28px;
	font-weight: bold;
	letter-spacing: 4px;
	margin:20px 0 0 0;
}
.supply .contact_area .inner .contact_btn{
	border:2px solid #fff;
	color:#fff;
	display: block;
	width: 600px;
	height: 140px;
	box-sizing: border-box;
	text-align: center;
	padding:53px 80px 0 0;
	font-size:29px;
	line-height: 1;
	font-weight: bold;
	background-image:url(../img/base/link01.svg);
	background-position:right 95px center;
	background-repeat: no-repeat;
	background-size:23px auto;		
	transition: 0.2s;
	margin:0 auto;
}
.supply .contact_area .inner .contact_btn:hover{
	text-decoration: none;
	opacity: 0.8;
}
@media (min-width: 768px) and (max-width: 1399px) {
.supply .second_ttl_wrap{
	margin:0 0 8.571vw 0;
}
.supply footer{
	margin:12.142857vw 0 0 0;
}
.supply .top_txt01{
	font-size:3.428571vw;
}
.supply .top_txt01 span{
	font-size:2.142857vw;
}
.supply .login_box{
	margin:10.357143vw auto 0;
	min-height:24.428571vw;
}
.supply .login_box .ttl01{
	padding:0 2.857143vw;
	font-size:2.285714vw;
	letter-spacing:0.071429vw;
}
.supply .login_box .inner{
	padding:4.857143vw 0 0 0;
	max-width:80vw;
}
.supply .login_box .inner .login_btn{
	width:34.571429vw;
	height:10vw;
	padding:3.642857vw 0 0 0;
	background-position:right 3.571429vw center, top 0 left 0;
	background-size:1.642857vw auto,cover;
	font-size:2.071429vw;
}
.supply .login_box .inner .login_btn:hover{
	background-position:right 3.571429vw center, top 0 left 0;
	background-size:1.642857vw auto,cover;
}
.supply .login_box .inner .txt_wrap{
	width:38.571429vw;
}
.supply .login_box .inner .txt_wrap .ttl02{
	border:0.142857vw solid #DB0000;
	font-size:1.285714vw;
	padding:0.714286vw 0;
	margin:0 0 0.714286vw 0;
}
.supply .login_box .inner .txt_wrap .txt01 span{
	font-size:1.285714vw;
}
.supply .features_area{
	margin:11.071429vw 0 0 0;
	padding:10vw 0 11.428571vw 0;
}
.supply .features_area .en_ttl_second .en{
	letter-spacing:0.25vw;
}
.supply .features_area .en_ttl_second .jp{
	font-size:2.857143vw;
	margin:0.714286vw 0 0 0;
}
.supply .features_area .features_list{
	margin:5.714286vw 0 0 0;
}
.supply .features_area .features_list li{
	width:28.371429vw;
	margin:0 0 0 4.642857vw;
}
.supply .features_area .features_list li .txt01{
	margin:2.142857vw 0 0 0;
}
.supply .features_area .txt02{
	font-size:3.428571vw;
	letter-spacing:0.142857vw;
	margin:6.071429vw 0 3.214286vw 0;
}
.supply .features_area .buy_btn01{
	width:57.285714vw;
	height:12.714286vw;
	padding:5.285714vw 0 0 0;
	background-position:right 14.285714vw center, top 0 left 0;
	background-size:1.642857vw auto,cover;
	font-size:2.071429vw;
}
.supply .features_area .buy_btn01:hover{
	background-position:right 14.285714vw center, top 0 left 0;
	background-size:1.642857vw auto,cover;
}
.supply .features_area .login_wrap{
	max-width:57.142857vw;
	margin:3.928571vw auto 0;
	padding:1.071429vw 1.428571vw 0 1.428571vw;
}
.supply .features_area .login_wrap .login_txt01{
	font-size:1.428571vw;
	border-bottom:0.142857vw solid #E9E9E9;
	padding:0 0 0.714286vw 0;
}
.supply .features_area .login_wrap .login_txt02{
	margin:1.071429vw 0;
	border-right:0.142857vw solid #E9E9E9;
	font-size:1.428571vw;
}
.supply .features_area .login_wrap .login_txt03{
	margin:1.071429vw 0;
	padding:0 0 0 1.428571vw;
	font-size:1.428571vw;
}
.supply .supply_area{
	padding:10.714286vw 0 9.285714vw 0;
}
.supply .supply_area .en_ttl_second .en{
	letter-spacing:0.25vw;
}
.supply .supply_area .en_ttl_second .jp{
	font-size:2.857143vw;
	margin:0.714286vw 0 0 0;
}
.supply .supply_area .flow_list{
	margin:6.071429vw 0 0 0;
	padding:13.214286vw 0 0 0;
}
.supply .supply_area .flow_list li{
	width:18.328571vw;
	margin:0 0 0 6.714286vw;
}
.supply .supply_area .flow_list li:first-child{
	width:19.285714vw;
}
.supply .supply_area .flow_list li .ttl01{
	font-size:1.714286vw;
	min-height:6.071429vw;
	margin:0 0 0.714286vw 0;
}
.supply .supply_area .flow_list li:first-child .ttl01{
	margin:1vw 0 0 0;
}
.supply .supply_area .flow_list li .txt01{
	font-size:1.285714vw;
}
.supply .supply_area .flow_list li .txt01 span{
	font-size:1.285714vw;
}
.supply .supply_area .ttl02{
	margin:12.142857vw 0 3.571429vw 0;
	font-size:2.285714vw;
}
.supply .supply_area .buy_btn02{
	width:94.857143vw;
	height:16.428571vw;
	padding:7.071429vw 0 0 0;
	background-position:right 25.714286vw center, top 0 left 0;
	background-size:1.642857vw auto,cover;
	font-size:2.285714vw;
}
.supply .supply_area .buy_btn02:hover{
	background-position:right 25.714286vw center, top 0 left 0;
	background-size:1.642857vw auto,cover;
}
.supply .supply_area .txt_list01{
	margin:12.857143vw 0 0 0;
}
.supply .supply_area .txt_list01 li{
	padding:2.857143vw 0;
}
.supply .supply_area .txt_list01 li:first-child{
	padding:0 0 2.857143vw 0;
}
.supply .supply_area .txt_list01 li .list_ttl01{
	font-size:1.714286vw;
}
.supply .supply_area .txt_list01 li .list_txt01{
	padding:0.142857vw 0 0 2.285714vw;
}
.supply .contact_area{
	padding:4.285714vw 0 6.071429vw 0;
	margin:0 0 10.357143vw 0;
}
.supply .contact_area .ttl01{
	font-size:2vw;
	letter-spacing:0.142857vw;
}
.supply .contact_area .inner{
	max-width:88.571429vw;
	margin:1.42vw auto 0;
}
.supply .contact_area .inner .txt01{
	font-size:2vw;
	margin:1.42vw 0 0 0;
	letter-spacing:0.285714vw;
}
.supply .contact_area .inner .contact_btn{
	border:0.142857vw solid #fff;
	width:42.857143vw;
	height:10vw;
	padding:3.785714vw 5.714286vw 0 0;
	font-size:2.071429vw;
	background-position:right 6.785714vw center;
	background-size:1.642857vw auto;
}
}
@media screen and (max-width: 767px) {
.supply .second_ttl_wrap{
	margin:0 0 83px 0;
}
.supply footer{
	margin:40px 0 0 0;
}
.supply .top_txt01{
	font-size:22px;
}
.supply .top_txt01 span{
	font-size:18px;
}
.supply .login_box{
	margin:25px auto 0;
	background:none;
	text-align: center;
	min-height: 0;
	border:2px solid #0050AB;
	max-width: 323px;
	box-sizing: border-box;
	padding:0 0 20px 0;
}
.supply .login_box .ttl01{
	padding:0 5px;
	font-size:18px;
	line-height: 1.2;
	margin:25px 0 0 0;
}
.supply .login_box .inner{
	padding:20px 0 0 0;
	margin:0 auto;
}
.supply .login_box .inner .login_btn{
	float: none;
	width: 100%;
	max-width: 255px;
	height: 65px;
	display: block;
	padding:24px 0 0 35px;
	box-sizing: border-box;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01.png);
	background-position:right 16px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:16px auto ,cover;
	font-size:18px;
	margin:0 auto;
	text-align: left;
	box-shadow: 0 5px 30px rgb(0 0 0 / 0.1);	
}
.supply .login_box .inner .login_btn:hover{
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01.png);
	background-position:right 16px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:16px auto ,cover;
}
.supply .login_box .inner .txt_wrap{
	float: none;
	width: 100%;
	max-width: 255px;
	margin:20px auto 0;
}
.supply .login_box .inner .txt_wrap .ttl02{
	border:2px solid #DB0000;
	font-size:16px;
	padding:10px 0;
	margin:0 0 8px 0;
}
.supply .login_box .inner .txt_wrap .txt01{
	line-height: 1.66;
	font-size:16px;
}
.supply .login_box .inner .txt_wrap .txt01 span{
	font-size:16px;
}
.supply .features_area{
	margin:35px 0 0 0;
	padding:35px 0 30px 0;
}
.supply .features_area .en_ttl_second .en{
	letter-spacing:0;
	font-size:40px;
}
.supply .features_area .en_ttl_second .jp{
	font-size:22px;
	margin:5px 0 0 0;
}
.supply .features_area .features_list{
	margin:50px 0 0 0;
}
.supply .features_area .features_list li{
	display:block;
	width:100%;
	margin:40px auto 0;
}
.supply .features_area .features_list li:first-child{
	margin:0 auto;
}
.supply .features_area .features_list li img{
	margin:0 auto;
	display: block;
}
.supply .features_area .features_list li .txt01{
	margin:10px 0 0 0;
	font-size:16px;
}
.supply .features_area .txt02{
	font-size:22px;
	letter-spacing: 2px;
	line-height: 1.4;
	margin:35px 0 20px 0;
}
.supply .features_area .buy_btn01{
	display: block;
	width: 324px;
	height: 88px;
	padding:35px 0 0 35px;
	box-sizing: border-box;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01.png);
	background-position:right 23px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:18px auto ,cover;
	font-size:18px;
	margin:0 auto;
	text-align: left;
}
.supply .features_area .buy_btn01:hover{
	text-decoration: none;
	background-image:url(../img/base/link03.svg),url(../img/base/btn_bg01_on.png);
	background-position:right 23px center, top 0 left 0;
	background-repeat: no-repeat,no-repeat;
	background-size:18px auto ,cover;
}
.supply .features_area .login_wrap{
	max-width:324px;
	margin:23px auto 0;
	padding:28px 33px 0 33px;
	box-sizing: border-box;
}
.supply .features_area .login_wrap .login_txt01{
	font-size:16px;
	line-height: 1;
	padding:0 0 18px 0;
	display: block;
}
.supply .features_area .login_wrap .login_txt02{
	display:block;
	margin:0;
	border-right:none;
	padding:10px 0;
	box-sizing: border-box;
	width:100%;
	font-size:16px;
	border-bottom: 2px solid #E9E9E9;
	text-align: left;
}
.supply .features_area .login_wrap .login_txt03{
	display:block;
	margin:0;	
	padding:10px 0 15px 0;
	box-sizing: border-box;
	width:100%;
	font-size:16px;
	text-align: left;	
}
.supply .supply_area{
	padding:40px 0 5px 0;
}
.supply .supply_area .en_ttl_second .en{
	letter-spacing:0;
	font-size:40px;	
}
.supply .supply_area .en_ttl_second .jp{
	font-size:22px;
	font-weight: bold;
	margin:5px 0 0 0;
	display: block;	
}
.supply .supply_area .sc_wrap_wrap{
	overflow-x: auto;
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
	position: relative;
	box-sizing: border-box;
	padding:0 0 0 25px;	
}
.supply .supply_area .sc_wrap{
	width: 1087px;
	margin:55px 0 0 0;
}
.supply .supply_area  .scroll-hint-icon {
  top: calc(50% - 125px);
}
.supply .supply_area .flow_list{
	margin:0;
	padding:135px 0 0 0;
	background: url(../img/supply/tps/flow01_sp.png) 0 0 no-repeat;
	background-size: 1032px auto;
}
.supply .supply_area .flow_list li{
	width: 192px;
	margin:0 0 0 87px;
}
.supply .supply_area .flow_list li:first-child{
	margin:0;
	width: 192px;
}
.supply .supply_area .flow_list li .ttl01{
	font-size:20px;
	min-height: 0;
	line-height: 1.5;
	margin:0 0 10px 0;
}
.supply .supply_area .flow_list li:first-child .ttl01{
	margin:26px 0 17px 0;
}
.supply .supply_area .flow_list li .txt01{
	font-size:16px;
	line-height: 1.625;
}
.supply .supply_area .flow_list li .txt01 span{
	font-size:16px;
}
.supply .supply_area .ttl02{
	margin:30px 0 10px 0;
	font-size:24px;
	text-align: center;
}
.supply .supply_area .buy_btn02{
	display: block;
	width: 324px;
	height: 100px;
	padding:21px 0 0 20px;
	box-sizing: border-box;
	background-image:url(../img/base/link02.svg);	
	background-position:right 25px center;
	background-repeat: no-repeat;	
	background-size:18px auto;	
	font-size:18px;
	line-height: 1.44;
	text-align: left;
	margin:0 auto;
	border:3px solid #0050AB;
}
.supply .supply_area .buy_btn02:hover{
	background-image:url(../img/base/link02.svg);	
	background-position:right 25px center;
	background-repeat: no-repeat;	
	background-size:18px auto;	
	color:#0050AB;
}
.supply .supply_area .txt_list01{
	margin:35px 0 0 0;
}
.supply .supply_area .txt_list01 li{
	padding:25px 0;
}	
.supply .supply_area .txt_list01 li:first-child{
	border-top:none;
	padding:0 0 25px 0;
}
.supply .supply_area .txt_list01 li .list_ttl01{
	font-size:18px;
}
.supply .supply_area .txt_list01 li .list_txt01{
	padding:5px 0 0 0;
	font-size:16px;
	line-height: 1.444;
}
.supply .contact_area{
	padding:40px 0 35px 0;
	margin:0 0 50px 0;
}
.supply .contact_area .ttl01{
	font-size:20px;
	letter-spacing:0;
}
.supply .contact_area .inner{
	margin:8px auto 0;
}
.supply .contact_area .inner .txt01{
	font-size:18px;
	margin:20px 0 0 0;
	letter-spacing: 0;
	text-align: center;
}
.supply .contact_area .inner .contact_btn{
	width: 284px;
	height: 65px;
	padding:22px 0 0 28px;
	text-align: left;
	font-size:18px;
	background-image:url(../img/base/link01.svg);
	background-position:right 25px center;
	background-repeat: no-repeat;
	background-size:18px auto;		
	margin:20px auto 0;
}
}
@media screen and (max-width: 375px) {
.supply .second_ttl_wrap{
	margin:0 0 22.133vw 0;
}
.supply footer{
	margin:10.667vw 0 0 0;
}
.supply .top_txt01{
	font-size:5.867vw;
}
.supply .top_txt01 span{
	font-size:4.8vw;
}
.supply .login_box{
	margin:6.667vw auto 0;
	border:0.533vw solid #0050AB;
	max-width:86.133vw;
	padding:0 0 5.333vw 0;
}
.supply .login_box .ttl01{
	padding:0 1.333vw;
	font-size:4.8vw;
	margin:6.667vw 0 0 0;
}
.supply .login_box .inner{
	padding:5.333vw 0 0 0;
}
.supply .login_box .inner .login_btn{
	max-width:68vw;
	height:17.333vw;
	padding:6.4vw 0 0 9.333vw;
	background-position:right 4.267vw center, top 0 left 0;
	background-size:4.267vw auto ,cover;
	font-size:4.8vw;
	box-shadow:0 1.333vw 8vw rgb(0 0 0 / 0.1);
}
.supply .login_box .inner .login_btn:hover{
	background-position:right 4.267vw center, top 0 left 0;
	background-size:4.267vw auto ,cover;
}
.supply .login_box .inner .txt_wrap{
	max-width:68vw;
	margin:5.333vw auto 0;
}
.supply .login_box .inner .txt_wrap .ttl02{
	border:0.533vw solid #DB0000;
	font-size:4.267vw;
	padding:2.667vw 0;
	margin:0 0 2.133vw 0;
}
.supply .login_box .inner .txt_wrap .txt01,
.supply .login_box .inner .txt_wrap .txt01 span{
	font-size:4.267vw;
}
.supply .features_area{
	margin:9.333vw 0 0 0;
	padding:9.333vw 0 8vw 0;
}
.supply .features_area .en_ttl_second .en{
	font-size:10.667vw;
}
.supply .features_area .en_ttl_second .jp{
	font-size:5.867vw;
	margin:1.333vw 0 0 0;
}
.supply .features_area .features_list{
	margin:13.333vw 0 0 0;
}
.supply .features_area .features_list li{
	margin:10.667vw auto 0;
}
.supply .features_area .features_list li .txt01{
	margin:2.667vw 0 0 0;
	font-size:4.267vw;
}
.supply .features_area .txt02{
	font-size:5.867vw;
	letter-spacing:0.533vw;
	margin:9.333vw 0 5.333vw 0;
}
.supply .features_area .buy_btn01{
	width:86.4vw;
	height:23.467vw;
	padding:9.333vw 0 0 9.333vw;
	background-position:right 6.133vw center, top 0 left 0;
	background-size:4.8vw auto ,cover;
	font-size:4.8vw;
}
.supply .features_area .buy_btn01:hover{
	background-position:right 6.133vw center, top 0 left 0;
	background-size:4.8vw auto ,cover;
}
.supply .features_area .login_wrap{
	max-width:86.4vw;
	margin:6.133vw auto 0;
	padding:7.467vw 8.8vw 0 8.8vw;
}
.supply .features_area .login_wrap .login_txt01{
	font-size:4.267vw;
	padding:0 0 4.8vw 0;
}
.supply .features_area .login_wrap .login_txt02{
	padding:2.666vw 0;
	font-size:4.267vw;
	border-bottom:0.533vw solid #E9E9E9;
}
.supply .features_area .login_wrap .login_txt03{
	padding:2.666vw 0 4vw 0;
	font-size:4.267vw;
}
.supply .supply_area{
	padding:10.667vw 0 1.333vw 0;
}
.supply .supply_area .en_ttl_second .en{
	font-size:10.667vw;
}
.supply .supply_area .en_ttl_second .jp{
	font-size:5.867vw;
	margin:1.333vw 0 0 0;
}
.supply .supply_area .sc_wrap_wrap{
	width:calc(100% + 13.333vw);
	margin:0 0 0 -6.667vw;
	padding:0 0 0 6.667vw;
}
.supply .supply_area .sc_wrap{
	width:289.867vw;
	margin:14.667vw 0 0 0;
}
.supply .supply_area .flow_list{
	padding:36vw 0 0 0;
	background-size:275.2vw auto;
}
.supply .supply_area .flow_list li{
	width:51.2vw;
	margin:0 0 0 23.2vw;
}
.supply .supply_area .flow_list li:first-child{
	width:51.2vw;
}
.supply .supply_area .flow_list li .ttl01{
	font-size:5.333vw;
	margin:0 0 2.667vw 0;
}
.supply .supply_area .flow_list li:first-child .ttl01{
	margin:6.933vw 0 4.533vw 0;
}
.supply .supply_area .flow_list li .txt01,
.supply .supply_area .flow_list li .txt01 span{
	font-size:4.267vw;
}
.supply .supply_area .ttl02{
	margin:8vw 0 2.667vw 0;
	font-size:6.4vw;
}
.supply .supply_area .buy_btn02{
	width:86.4vw;
	height:26.667vw;
	padding:5.6vw 0 0 5.333vw;
	background-position:right 6.667vw center;
	background-size:4.8vw auto;
	font-size:4.8vw;
	border:0.8vw solid #0050AB;
}
.supply .supply_area .buy_btn02:hover{
	background-position:right 6.667vw center;
	background-size:4.8vw auto;
}
.supply .supply_area .txt_list01{
	margin:9.333vw 0 0 0;
}
.supply .supply_area .txt_list01 li{
	padding:6.667vw 0;
}
.supply .supply_area .txt_list01 li:first-child{
	padding:0 0 6.667vw 0;
}
.supply .supply_area .txt_list01 li .list_ttl01{
	font-size:4.8vw;
}
.supply .supply_area .txt_list01 li .list_txt01{
	padding:1.333vw 0 0 0;
	font-size:4.267vw;
}
.supply .contact_area{
	padding:10.667vw 0 9.333vw 0;
	margin:0 0 13.333vw 0;
}
.supply .contact_area .ttl01{
	font-size:4.933vw;
}
.supply .contact_area .inner{
	margin:2.133vw auto 0;
}
.supply .contact_area .inner .txt01{
	font-size:4.8vw;
	margin:5.333vw 0 0 0;
}
.supply .contact_area .inner .contact_btn{
	width:75.733vw;
	height:17.333vw;
	padding:5.867vw 0 0 7.467vw;
	font-size:4.8vw;
	background-position:right 6.667vw center;
	background-size:4.8vw auto;
	margin:5.333vw auto 0;
}
}
/*--------------------------------------------------------------
			個人情報保護方針
--------------------------------------------------------------*/
.pmark .second_ttl_wrap{
	margin:0 0 100px 0;	
}
.pmark footer{
	margin:190px 0 0 0;
}
.pmark .po_ttl01{
	text-align: center;
	font-size:34px;
	font-weight: bold;
	line-height: 1;
	margin:0 0 95px 0;
}
.pmark .po_txt01{
	font-size:18px;
	line-height: 2;
}
.pmark .po_list01 li{
	font-size:18px;	
	line-height: 2;
	text-indent: -10px;
	padding:0 0 0 10px;
	font-weight: 400;
}
.pmark .po_list01 li span{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	display: inline-block;
	margin:0 2px 0 0;
}
.pmark .po_txt02{
	text-align: right;
}
.pmark .po_ttl02{
	border-top:1px solid #0050AB;
	font-size:24px;
	color:#0050AB;
	font-weight: bold;
	padding:60px 0 0 0;
	margin:60px 0 20px 0;
}
.pmark .po_ttl03{
	font-size:18px;
	font-weight: bold;
	margin:40px 0 0 0;
}
.pmark .po_ttl03 span{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	display: inline-block;
	margin:0 2px 0 0;
}
.pmark .pl_txt{
	padding:0 0 0 20px;
}
.pmark .po_ttl04{
	font-weight: 400;
	margin:10px 0 0 0;
	font-size:18px;
}
.pmark .po_ttl04 span{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	display: inline-block;
	margin:0 2px 0 0;
}
.pmark .po_list02 li{
	padding:0 0 0 20px;
	line-height: 2;
	font-size:18px;
}
.pmark .po_list02 li a{
	color:#0050AB;
	border-bottom: dotted 1px #0050AB;
	font-weight: bold;
}
.pmark .po_list02 li a:hover{
	text-decoration: none;
	border-bottom: solid 1px #0050AB;
}
.pmark .po_table01 th{
	text-align: center;
	font-size:18px;
	font-weight: 400;
	line-height: 2;
	padding:0 5px 0 0;
}
.pmark .po_table01 td{
	line-height: 2;
	font-size:18px;	
}
.pmark .po_txt03{
	font-size:18px;
	line-height: 2;
	overflow: hidden;
}
.pmark .img_txt_wrap{
	margin:20px 0 0 0;
}
.pmark .img_txt_wrap p{
	width: calc(100% - 180px);
	display: inline-block;
}
.pmark .img_txt_wrap img{
	display: inline-block;
	margin:0 0 0 40px;
	vertical-align: top;
}
@media (min-width: 768px) and (max-width: 1399px) {
.pmark .second_ttl_wrap{
	margin:0 0 7.142857vw 0;
}
.pmark footer{
	margin:13.571429vw 0 0 0;
}
.pmark .po_ttl01{
	font-size:2.428571vw;
	margin:0 0 6.785714vw 0;
}
.pmark .po_txt01{
	font-size:1.285714vw;
}
.pmark .po_txt02{
	font-size:1.285714vw;
}
.pmark .po_list01 li{
	font-size:1.285714vw;
	text-indent:-0.714286vw;
	padding:0 0 0 0.714286vw;
}
.pmark .po_list01 li span{
	font-size:1.285714vw;
	margin:0 0.142857vw 0 0;
}
.pmark .po_ttl02{
	font-size:1.714286vw;
	padding:4.285714vw 0 0 0;
	margin:4.285714vw 0 1.428571vw 0;
}
.pmark .po_ttl03{
	font-size:1.285714vw;
	margin:2.857143vw 0 0 0;
}
.pmark .po_ttl03 span{
	font-size:1.285714vw;
	margin:0 0.142857vw 0 0;
}
.pmark .pl_txt{
	padding:0 0 0 1.428571vw;
}
.pmark .po_ttl04{
	margin:0.714286vw 0 0 0;
	font-size:1.285714vw;
}
.pmark .po_ttl04 span{
	font-size:1.285714vw;
	margin:0 0.142857vw 0 0;
}
.pmark .po_list02 li{
	padding:0 0 0 1.428571vw;
	font-size:1.285714vw;
}
.pmark .po_table01 th{
	font-size:1.285714vw;
	padding:0 0.357143vw 0 0;
}
.pmark .po_table01 td{
	font-size:1.285714vw;
}
.pmark .po_txt03{
	font-size:1.285714vw;
}
.pmark .img_txt_wrap{
	margin:1.4253vw 0 0 0;
}
.pmark .img_txt_wrap p{
	width:calc(100% - 12.857143vw);
}
.pmark .img_txt_wrap img{
	width: 8.571vw;
	margin:0 0 0 2.857143vw;
}	
}
@media screen and (max-width: 767px) {
.pmark .second_ttl_wrap{
	margin:0 0 55px 0;	
}
.pmark footer{
	margin:55px 0 0 0;
}
.pmark .po_ttl01{
	font-size:22px;
	font-weight: bold;
	line-height: 1.5;
	margin:0 0 35px 0;
}
.pmark .po_txt01{
	font-size:16px;
	line-height: 1.625;
}
.pmark .po_list01 li{
	font-size:16px;	
	line-height: 1.625;
	text-indent: -9px;
	padding:0 0 0 9px;
	margin:15px 0 0 0;
}
.pmark .po_list01 li:first-child{
	margin:0;
}
.pmark .po_list01 li span{
	font-size:16px;
	margin:0 2px 0 0;
}
.pmark .po_txt02{
	text-align: right;
	font-size:16px;
	line-height: 1.625;
	margin:40px 0 0 0;
}
.pmark .po_ttl02{
	font-size:16px;
	padding:30px 0 0 0;
	margin:30px 0 10px 0;
}
.pmark .po_ttl03{
	font-size:16px;
	margin:20px 0 8px 0;
}
.pmark .po_ttl03 span{
	font-size:16px;
	margin:0 2px 0 0;
}
.pmark .pl_txt{
	padding:0;
}
.pmark .pl_txt02{
	padding:0 0 0 18px;
}
.pmark .po_ttl04{
	margin:10px 0 10px 0;
	font-size:16px;
	text-indent: -9px;
	padding-left: 19px;
}
.pmark .po_ttl04 span{
	font-size:16px;
	margin:0 2px 0 0;
}
.pmark .po_list02 li{
	padding:0 0 0 19px;
	line-height: 1.625;
	font-size:16px;
}
.pmark .po_table01 th{
	font-size:16px;
	line-height: 1.625;
	padding:0 5px 10px 0;
	min-width: 120px;
	text-align: left;
}
.pmark .po_table01 td{
	font-size:16px;
	line-height: 1.625;
	padding-left: 16px;
	text-indent: -16px;
}
.pmark .po_txt03{
	font-size:16px;
	line-height: 1.625;
}
.pmark .img_txt_wrap{
	margin:30px 0 0 0;
}
.pmark .img_txt_wrap p{
	width:100%;
	display: inline-block;
}
.pmark .img_txt_wrap img{
	width: 120px;
	display:block;
	margin:0 auto;
}
}
@media screen and (max-width: 375px) {
.pmark .second_ttl_wrap{
	margin:0 0 14.667vw 0;
}
.pmark footer{
	margin:14.667vw 0 0 0;
}
.pmark .po_ttl01{
	font-size:5.867vw;
	margin:0 0 9.333vw 0;
}
.pmark .po_txt01{
	font-size:4.267vw;	
}
.pmark .po_list01 li{
	font-size:4.267vw;
	text-indent:-2.4vw;
	padding:0 0 0 2.4vw;
	margin:4vw 0 0 0;
}
.pmark .po_list01 li span{
	font-size:4.267vw;
	margin:0 0.533vw 0 0;
}
.pmark .po_txt02{
	font-size:4.267vw;
	margin:10.667vw 0 0 0;
}
.pmark .po_ttl02{
	font-size:4.267vw;
	padding:8vw 0 0 0;
	margin:8vw 0 2.667vw 0;
}
.pmark .po_ttl03{
	font-size:4.267vw;
	margin:5.333vw 0 2.133vw 0;
}
.pmark .po_ttl03 span{
	font-size:4.267vw;
	margin:0 0.533vw 0 0;
}
.pmark .pl_txt{
	padding:0;
}
.pmark .pl_txt02{
	padding:0 0 0 4.8vw;
}
.pmark .po_ttl04{
	margin:2.667vw 0;
	font-size:4.267vw;
	text-indent:-2.4vw;
	padding-left:5.067vw;
}
.pmark .po_ttl04 span{
	font-size:4.267vw;
	margin:0 0.533vw 0 0;
}
.pmark .po_list02 li{
	padding:0 0 0 5.067vw;
	font-size:4.267vw;
}
.pmark .po_table01 th{
	font-size:4.267vw;
	padding:0 1.333vw 2.667vw 0;
	min-width:32vw;
}
.pmark .po_table01 td{
	font-size:4.267vw;
	padding-left:4.267vw;
	text-indent:-4.267vw;
}
.pmark .po_txt03{
	font-size:4.267vw;
}
.pmark .img_txt_wrap{
	margin:8vw 0 0 0;
}
}
/*--------------------------------------------------------------
			情報セキュリティ基本方針
--------------------------------------------------------------*/
.policy .second_ttl_wrap{
	margin:0 0 100px 0;	
}
.policy footer{
	margin:200px 0 0 0;	
}
.policy .is_ttl01{
	font-size:34px;
	font-weight: bold;
	text-align: center;	
	margin:0 0 90px 0;
}
.policy .is_txt01{
	font-size:18px;
	line-height: 2;
}
.policy .is_ttl02{
	color:#0050AB;
	font-size: 18px;
	font-weight: bold;
	margin:40px 0 5px 0;
}
.policy .is_txt02{
	font-size:18px;
	line-height: 2;
	text-align: right;
	margin:40px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.policy .second_ttl_wrap{
	margin:0 0 7.143vw;
}
.policy footer{
	margin:14.286vw 0 0;
}
.policy .is_ttl01{
	font-size:2.429vw;
	margin:0 0 6.429vw;
}
.policy .is_txt01{
	font-size:1.286vw;
}
.policy .is_ttl02{
	font-size:1.286vw;
	margin:2.857vw 0 0.357vw;
}
.policy .is_txt02{
	font-size:1.286vw;
	margin:2.857vw 0 0;
}
}
@media screen and (max-width: 767px) {
.policy .second_ttl_wrap{
	margin:0 0 50px 0;	
}
.policy .second_ttl_wrap .second_ttl .en{
	line-height:34px;
}
.policy footer{
	margin:100px 0 0 0;	
}
.policy .is_ttl01{
	font-size:22px;
	margin:0 0 30px 0;
}
.policy .is_txt01{
	font-size:16px;
	line-height: 1.625;
}
.policy .is_ttl02{
	font-size: 16px;
	line-height: 1.625;	
	margin:30px 0 5px 0;
	text-indent: -25px;
	padding-left: 25px;
}
.policy .is_txt02{
	font-size:16px;
	line-height: 1.625;		
	margin:30px 0 0 0;
}	
}
@media screen and (max-width: 375px) {
.policy .second_ttl_wrap{
	margin:0 0 13.333vw 0;
}
.policy .second_ttl_wrap .second_ttl .en{
	line-height:9.067vw;
}
.policy footer{
	margin:26.667vw 0 0 0;
}
.policy .is_ttl01{
	font-size:5.867vw;
	margin:0 0 8vw 0;
}
.policy .is_txt01{
	font-size:4.267vw;
}
.policy .is_ttl02{
	font-size:4.267vw;
	margin:8vw 0 1.333vw 0;
	text-indent:-6.667vw;
	padding-left:6.667vw;
}
.policy .is_txt02{
	font-size:4.267vw;
	margin:8vw 0 0 0;
}
}
/*--------------------------------------------------------------
			品質方針
--------------------------------------------------------------*/
.iso9001 .second_ttl_wrap{
	margin:0 0 110px 0;	
}
.iso9001 footer{
	margin:200px 0 0 0;	
}
.iso9001 .iso_ttl01{
	font-size:34px;
	font-weight: bold;
	text-align: center;	
	margin:0 0 90px 0;
}
.iso9001 .iso_txt01{
	font-size:18px;
	line-height: 2;
	max-width: 740px;
	margin:0 auto 100px;
	box-sizing: border-box;		
	padding:38px 0 0 95px;
	background:url(../img/corporate/iso9001/img01.png) 0 0 no-repeat;
	background-size:77px auto;
}
.iso9001 .iso_table01{
	width: 100%;
	border-top: 1px solid #D9D9D9;
}
.iso9001 .iso_table01 th{
	padding:20px 40px 20px 40px;
	font-size:18px;
	text-align: left;
	font-weight: 500;
	border-bottom: 1px solid #D9D9D9;
	background: #FAFAFA;
}
.iso9001 .iso_table01 td{
	padding:20px 20px 20px 60px;
	font-size:18px;
	border-bottom: 1px solid #D9D9D9;
}
.iso9001 .iso_txt02{
	font-size:16px;
	line-height: 1.5;
	margin:60px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.iso9001 .second_ttl_wrap{
	margin:0 0 7.857vw 0;
}

.iso9001 footer{
	margin:14.286vw 0 0 0;
}

.iso9001 .iso_ttl01{
	font-size:2.429vw;
	margin:0 0 6.429vw 0;
}

.iso9001 .iso_txt01{
	font-size:1.286vw;
	line-height:2;
	max-width:52.857vw;
	margin:0 auto 7.143vw;
	padding:2.714vw 0 0 6.786vw;
	background-size:5.5vw auto;
}

.iso9001 .iso_table01 th{
	padding:1.429vw 2.857vw 1.429vw 2.857vw;
	font-size:1.286vw;
}

.iso9001 .iso_table01 td{
	padding:1.429vw 1.429vw 1.429vw 4.2855vw;
	font-size:1.286vw;
}

.iso9001 .iso_txt02{
	font-size:1.143vw;
	margin:4.286vw 0 0 0;
}	
}
@media screen and (max-width: 767px) {
.iso9001 .second_ttl_wrap{
	margin:0 0 50px 0;	
}
.iso9001 footer{
	margin:35px 0 0 0;	
}
.iso9001 .iso_ttl01{
	font-size:22px;
	margin:0 0 40px 0;
}
.iso9001 .iso_txt01{
	font-size:16px;
	line-height: 1.635;
	max-width: 440px;
	margin:0 auto 35px;
	box-sizing: border-box;		
	padding:0 0 0 95px;
	min-height: 120px;
	background:url(../img/corporate/iso9001/img01.png) 0 10px no-repeat;
	background-size:77px auto;
}
.iso9001 .iso_table01{
	border-top:none;
}
.iso9001 .iso_table01 th{
	padding:15px 15px 14px 15px;
	font-size:16px;
	background: #FAFAFA;
	min-width: 102px;
	vertical-align: middle;
}
.iso9001 .iso_table01 td{
	padding:15px 15px 14px 15px;
	font-size:16px;
}
.iso9001 .iso_txt02{
	font-size:16px;
	line-height: 1.625;
	margin:35px 0 0 0;
}
}
@media screen and (max-width: 375px) {
.iso9001 .second_ttl_wrap{
	margin:0 0 13.333vw 0;
}
.iso9001 footer{
	margin:9.333vw 0 0 0;
}
.iso9001 .iso_ttl01{
	font-size:5.867vw;
	margin:0 0 10.667vw 0;
}
.iso9001 .iso_txt01{
	font-size:4.267vw;
	max-width:117.333vw;
	margin:0 auto 9.333vw;
	padding:0 0 0 25.333vw;
	min-height:32vw;
	background-position:0 2.667vw;
	background-size:20.533vw auto;
}
.iso9001 .iso_table01 th{
	padding:4vw 4vw 3.733vw;
	font-size:4.267vw;
	min-width:27.2vw;
}
.iso9001 .iso_table01 td{
	padding:4vw 4vw 3.733vw;
	font-size:4.267vw;
}
.iso9001 .iso_txt02{
	font-size:4.267vw;
	margin:9.333vw 0 0 0;
}
}
/*--------------------------------------------------------------
			トップメッセージ
--------------------------------------------------------------*/
.content_wrap01 .name_txt01{
	text-align: right;
	margin:40px 0 110px 0;
	font-size:20px;
	font-weight: 500;
	line-height: 1.5;
}
.content_wrap01 .name_txt01 span.txt01{
	display: inline-block;
	font-size:16px;
	margin:0 25px 0 0;
}
.content_wrap01 .name_txt01 span.txt02{
	display: inline-block;
	font-size:24px;
}
.content_wrap01 .be_list01 li{
	font-size:18px;
	font-weight: 500;
	line-height: 2.2;
}
@media (min-width: 768px) and (max-width: 1399px) {
.content_wrap01 .name_txt01{
	margin:calc(40 / 1400 * 100vw) 0 calc(110 / 1400 * 100vw);
	font-size:calc(20 / 1400 * 100vw);
}
.content_wrap01 .name_txt01 span.txt01{
	font-size:calc(16 / 1400 * 100vw);
	margin-right:calc(25 / 1400 * 100vw);
}
.content_wrap01 .name_txt01 span.txt02{
	font-size:calc(24 / 1400 * 100vw);
}
.content_wrap01 .be_list01 li{
	font-size:calc(18 / 1400 * 100vw);
}
}
@media screen and (max-width: 767px) {
.content_wrap01 .name_txt01{
	margin:15px 0 80px 0;
	font-size:16px;
	font-weight: 500;
}
.content_wrap01 .name_txt01 span.txt01{
	font-size:14px;
	margin:0 14px 0 0;
}
.content_wrap01 .name_txt01 span.txt02{
	display: inline-block;
	font-size:16px;
}
.content_wrap01 .name_txt01 span.txt03{
	font-size:18px;
}
.content_wrap01 .be_list01 li{
	font-size:16px;
	font-weight: 500;
	line-height:1.875;
	padding-left: 2em;
	text-indent: -2em;
	letter-spacing: -1px;
}
.content_wrap01 .c_img_wrap01{
	width: calc(100% + 50px);
	margin-left: -25px;
}
}
@media screen and (max-width: 375px) {
.content_wrap01 .name_txt01{
	margin:4vw 0 21.333vw;
	font-size:4.267vw;
}
.content_wrap01 .name_txt01 span.txt01{
	font-size:3.733vw;
	margin:0 3.733vw 0 0;
}
.content_wrap01 .name_txt01 span.txt02{
	font-size:4.267vw;
}
.content_wrap01 .name_txt01 span.txt03{
	font-size:4.8vw;
}
.content_wrap01 .be_list01 li{
	font-size:4.267vw;
	letter-spacing:-0.267vw;
}
.content_wrap01 .c_img_wrap01{
	width:calc(100% + 13.333vw);
	margin-left:-6.667vw;
}
}
/*--------------------------------------------------------------
			企業概要
--------------------------------------------------------------*/
.c_table01{
	width: 100%;
	border-top:1px solid #D9D9D9;
}
.c_table01 th{
	border-bottom:1px solid #D9D9D9;
	font-weight: 500;
	font-size:18px;
	padding:0 24px 0 24px;
	vertical-align: middle;
	background:#F9F9F9;
	text-align: left;
}
.c_table01 td{
	border-bottom:1px solid #D9D9D9;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 
	font-weight: 400;
	font-size:18px;
	line-height: 2;
	padding:24px 24px 24px 24px;
	vertical-align: middle;
	text-align: left;
}
.map_list01{
	font-size:0;
	max-width: 720px;
}
.map_list01 li{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin:0 0 40px 0;
	padding:0 0 35px 0;
	position: relative;
}
.map_list01 li:nth-child(2n){
	margin:0 0 40px 10%;
}
.map_list01 li .ttl01{
	display: block;
	text-align: center;
	background: #0050AB;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	padding:12px 0;
	line-height: 1;
	margin:0 0 20px 0;
}
.map_list01 li .txt01{
	line-height: 1.55;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 
}
.map_list01 li .map_btn{
	display: inline-block;
	position:absolute;
	right:0;
	bottom:0;
	font-size:16px;
	line-height: 1;
	font-weight: 500;
	color:#0050AB;	
	padding:10px 20px 12px 2px;
	background: url(../img/base/link02_on.svg) right 11px no-repeat;
	background-size: 13px auto;
	z-index: 99;
}
.map_list01 li .map_btn:after{
	position: absolute;
	content:'';
	width: 100%;
	height: 1px;
	border-bottom:1px solid #0050AB;
	bottom:0;
	left:0;
	transition: 0.2s;
}
.map_list01 li .map_btn:hover{
	text-decoration: none;
}
.map_list01 li .map_btn:hover:after{
	border-bottom:3px solid #0050AB;
}
.history_wrap{
	max-width: 810px;	
	overflow: hidden;
}
.history_wrap .l_box{
	width: 290px;
	position: fixed;
	top:0;
	left:0;
	text-align: center;
	z-index: 99;
}
.history_wrap .l_box .c_ttl01{
	text-align: left;
}
.history_wrap .l_box .year{
	font-size:14px;
	color:#0050AB;
	font-weight:500;	
	line-height: 1;
	margin:15px 0 0 0;
}
.history_wrap .l_box .year .num{
	font-size:64px;
	font-weight: bold;
	color:#0050AB;
	display: inline-block;
	margin:0 5px 0 0;
}
.history_wrap .r_box{
	width: 475px;
	float: right;
	position: relative;
}
.history_wrap  .r_box:after{
	content:'';
	background: #fff;
	width: 475px;
	height: 200px;
	position: fixed;
	right:0;
	top:0;
	z-index: 9;
}
.sticky_wrap{
    position:relative;
}
.sticky_wrap .sticky{
    position:sticky;
    top:100px;
    height:300px;
    display:flex;
    align-items:center;
}
.sticky_wrap .inner{
    width:100%;
}
.sticky_wrap .sc_content{
    height:80vh;
    overflow:hidden;
}
.history_wrap .history_table{
	margin:200px 0 0 0;
}
.history_wrap .history_table th{
	font-size:32px;
	font-weight: 500;	
	color:#0050AB;	
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 	
	padding:30px 40px 0 0;
	position: relative;
	border-bottom: 1px solid #E9E9E9;	
}
.history_wrap .history_table th:after{
	position: absolute;
	display: block;
	content:'';
	border-bottom: 1px solid #0050AB;
	width: 20px;
	height: 1px;
	box-sizing: border-box;
	right:10px;
	top:51px;
}
.history_wrap .history_table td{
	vertical-align: top;	
	border-bottom: 1px solid #E9E9E9;
	padding:30px 0 30px 0;
}
.history_wrap .history_table td .year{
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 	
	font-size:14px;
	color:#0050AB;
	font-weight: 500;
	display: block;
	padding:13px 0 0 0;
	margin:0 0 10px 0;
}

.history_wrap .history_table td .txt01{	
	font-size:16px;
	line-height: 1.5;
}
@media (min-width: 768px) and (max-width: 1399px) {
.c_table01 th{
	font-size:1.2857vw;
	padding:0 1.7143vw;
}
.c_table01 td{
	font-size:1.2857vw;
	padding:1.7143vw;
}
.map_list01{
	max-width:51.4286vw;
}
.map_list01 li{
	margin:0 0 2.8571vw;
	padding:0 0 2.5vw;
}
.map_list01 li:nth-child(2n){
	margin:0 0 2.8571vw 10%;
}
.map_list01 li .ttl01{
	font-size:1.2857vw;
	padding:0.8571vw 0;
	margin:0 0 1.4286vw;
}
.map_list01 li .map_btn{
	font-size:1.1429vw;
	padding:0.7143vw 1.4286vw 0.8571vw 0.1429vw;
	background-size:0.9286vw auto;
	background-position:right 0.7857vw;
}
.history_wrap{
	max-width:57.857vw;
	overflow:hidden;
}
.history_wrap .l_box{
	width:20.714vw;
	position:fixed;
	top:0;
	left:0;
	text-align:center;
	z-index:99;
}
.history_wrap .l_box .year{
	font-size:1vw;
	line-height:1;
	margin:1.071vw 0 0;
}
.history_wrap .l_box .year .num{
	font-size:4.571vw;
	display:inline-block;
	margin:0 0.357vw 0 0;
}
.history_wrap .r_box{
	width:33.929vw;
	float:right;
	position:relative;
}
.history_wrap .r_box:after{
	content:'';
	width:33.929vw;
	height:14.286vw;
	position:fixed;
	right:0;
	top:0;
	z-index:9;
}
.sticky_wrap{
	position:relative;
}
.sticky_wrap .sticky{
	position:sticky;
	top:7.143vw;
	height:21.429vw;
	display:flex;
	align-items:center;
}
.sticky_wrap .inner{
	width:100%;
}
.sticky_wrap .sc_content{
	height:80vh;
	overflow:hidden;
}
.history_wrap .history_table{
	margin:1.4vw 0 0 0;
}
.history_wrap .history_table th{
	font-size:2.2857vw;
	padding:2.1429vw 2.8571vw 0 0;
}
.history_wrap .history_table th:after{
	width:1.4286vw;
	right:0.7143vw;
	top:3.6429vw;
}
.history_wrap .history_table td{
	padding:2.1429vw 0;
}
.history_wrap .history_table td .year{
	font-size:1vw;
	padding:0.9286vw 0 0;
	margin:0 0 0.7143vw;
}
.history_wrap .history_table td .txt01{
	font-size:1.1429vw;
}
}
@media screen and (max-width: 767px) {
.c_table01 th{
	font-size:14px;
	padding:0 14px 0 14px;
	min-width: 70px;
	box-sizing: border-box;
	text-align: center;
}
.c_table01 th.r2{
	text-align:justify;
	text-align-last:justify;
}
.c_table01 td{
	font-size:16px;
	line-height:1.375;
	padding:14px 0 14px 14px;
}
.map_list01 li{
	display:block;
	width: 100%;
	margin:0 0 30px 0;
	padding:0;
}
.map_list01 li:nth-child(2n){
	margin:0 0 30px 0;
}
.map_list01 li .ttl01{
	font-size:16px;
	padding:10px 6px;
	margin:0 0 10px 0;
	text-align: left;
	box-sizing: border-box;
}
.map_list01 li .txt01{
	line-height: 1.625;
	font-size:16px;
}
.map_list01 li .map_btn{
	font-size:16px;
	padding:10px 20px 12px 2px;
	background: url(../img/base/link02_on.svg) right 11px no-repeat;
	background-size: 13px auto;
}
.history_wrap .l_box{
	width: 100%;
	position: static;
	text-align: right;
}
.history_wrap .l_box .c_ttl01{
	text-align: left;
	margin:55px 0 0 0!important;
}
.history_wrap .l_box .year{
	display: none;
}
.history_wrap .l_box img{
	display: inline-block;
	margin:-42px 0 0 0;
	width: 165px;
}
.history_wrap .r_box{
	width: 100%;
	float: none;
	position: relative;
}
.history_wrap  .r_box:after{
	display: none;
}
.sticky_wrap{
    position:relative;
}
.sticky_wrap .sticky{
    position:static;
    top:100px;
    height:auto;
    display:block;
}
.sticky_wrap .inner{
    width:100%;
}
.sticky_wrap .sc_content{
    height:auto;
    overflow:hidden;
}
.history_wrap .history_table{
	margin:0;
}
.history_wrap .history_table th{
	display: block;
	font-size:28px;
	padding:20px 0 0 0;
	text-align: left;
	border-bottom: none;
}
.history_wrap .history_table th:after{
	border-bottom: 1px solid #0050AB;
	width: 20px;
	height: 1px;
	box-sizing: border-box;
	right:auto;
	left:78px;
	top:38px;
}
.history_wrap .history_table td{
	display: block;
	padding:0 0 20px 0;
}
.history_wrap .history_table td .year{
	padding:0;
	margin:0 0 10px 0;
}
.history_wrap .history_table td .txt01{	
	font-size:16px;
}	
}
@media screen and (max-width: 375px) {
.c_table01 th{
	font-size:3.7333vw;
	padding:0 3.7333vw;
	min-width:18.6667vw;
}
.c_table01 td{
	font-size:4.2667vw;
	padding:3.7333vw 0 3.7333vw 3.7333vw;
}
.map_list01 li{
	margin:0 0 8vw;
}
.map_list01 li:nth-child(2n){
	margin:0 0 8vw;
}
.map_list01 li .ttl01{
	font-size:4.2667vw;
	padding:2.6667vw 1.6vw;
	margin:0 0 2.6667vw;
}
.map_list01 li .txt01{
	font-size:4.2667vw;
}
.map_list01 li .map_btn{
	font-size:4.2667vw;
	padding:2.6667vw 5.3333vw 3.2vw .5333vw;
	background-size:3.4667vw auto;
	background-position:right 2.9333vw;
}
.history_wrap .l_box{
	width:100%;
	position:static;
	text-align:right;
}
.history_wrap .l_box .c_ttl01{
	text-align:left;
	margin:15vw 0 0!important;
}
.history_wrap .l_box .year{
	display:none;
}
.history_wrap .l_box img{
	display:inline-block;
	margin:-11.2vw 0 0;
	width:44vw;
}
.history_wrap .r_box{
	width:100%;
	float:none;
	position:relative;
}
.history_wrap .r_box:after{
	display:none;
}
.sticky_wrap{
	position:relative;
}
.sticky_wrap .sticky{
	position:static;
	height:auto;
	display:block;
}
.sticky_wrap .inner{
	width:100%;
}
.sticky_wrap .sc_content{
	height:auto;
	overflow:hidden;
}
.history_wrap .history_table th{
	font-size:7.4667vw;
	padding:5.3333vw 0 0;
}
.history_wrap .history_table th:after{
	width:5.3333vw;
	left:20.8vw;
	top:10.1333vw;
}
.history_wrap .history_table td{
	padding:0 0 5.3333vw;
}
.history_wrap .history_table td .year{
	margin:0 0 2.6667vw;
}
.history_wrap .history_table td .txt01{
	font-size:4.2667vw;
}
}
/*--------------------------------------------------------------
			当社の特色
--------------------------------------------------------------*/
.about .about_txt01{
	font-size:32px;
	font-weight: bold;
	color:#002D62;
	line-height: 1.4375;
	margin:0 0 35px 0;
}
.about .about_txt02{
	margin:0 0 60px 0;
}
.about .about_box01.first{
	margin:170px 0 0 0;
}
.about .about_box01{
	margin:120px 0 0 0;
	position: relative;
	border-top:1px solid #0050AB;
	padding:40px 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
}
.about .about_box01:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 480px;
	height: 8px;
	border-top:8px solid #0050AB;
	box-sizing: border-box;
}
.about .about_box01 .en_txt{
	position: absolute;
	right:0;
	top:10px;
	text-align: right;
}
.about .about_box01 .en_txt .txt01{
	font-size:80px;
	color:#0050AB;
	opacity: 0.2;
	display: block;
	line-height: 1;
}
.about .about_box01 .en_txt .txt02{
	font-size:40px;
	color:#0050AB;
	opacity: 0.2;
	display: block;
	line-height: 1;
}
.about .about_box01 img{
	margin:25px 0 0 0;
}
.about .about_box01 .txt_box{
	background: #fff;
	width: 488px;
	float: right;
	margin:-65px 0 0 0;
	z-index: 9;
	position: relative;
	padding:2px 4px 2px 4px;
	box-sizing: border-box;
}
.about .about_box01 .txt_box .ttl01{
	color:#0050AB;
	font-size:32px;
	font-weight: bold;
	line-height: 1.28;
	margin:0 0 30px 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.about .about_txt01{
	font-size:2.2857vw;
	margin:0 0 2.5vw 0;
}
.about .about_txt02{
	margin:0 0 4.2857vw 0;
}
.about .about_box01.first{
	margin:12.142vw 0 0 0;
}
.about .about_box01{
	margin:8.5714vw 0 0 0;
	padding:2.8571vw 0 0 0;
}
.about .about_box01:after{
	width:34.2857vw;
	height:0.5714vw;
	border-top:0.5714vw solid #0050AB;
}
.about .about_box01 .en_txt{
	top:0.7143vw;
}
.about .about_box01 .en_txt .txt01{
	font-size:5.7143vw;
}
.about .about_box01 .en_txt .txt02{
	font-size:2.8571vw;
}
.about .about_box01 img{
	margin:1.7857vw 0 0 0;
}
.about .about_box01 .txt_box{
	width:35s.2857vw;
	margin:-4.6429vw 0 0 0;
	padding:0.1429vw 0.2857vw;
}
.about .about_box01 .txt_box .ttl01{
	font-size:2.2857vw;
	margin:0 0 2.1429vw 0;
}	
}
@media screen and (max-width: 767px) {
.about .about_txt01{
	font-size:20px;
	line-height: 1.7;
	margin:0 0 15px 0;
}
.about .about_txt02{
	margin:0 0 40px 0;
	font-size:16px;
}
.about .about_img01{
	max-width: 272px;
	width: 100%;
	display: block;
	margin:0 auto;
}
.about .about_box01.first{
	margin:90px auto 0;
}
.about .about_box01{
	margin:45px auto 0;
	padding:30px 0 0 0;
	max-width: 324px;
}
.about .about_box01:after{
	width: 207px;
	height: 3px;
	border-top:3px solid #0050AB;
}
.about .about_box01 .en_txt{
	position: absolute;
	right:0;
	top:25px;
	text-align: right;
}
.about .about_box01 .en_txt .txt01{
	font-size:35px;
}
.about .about_box01 .en_txt .txt02{
	font-size:22px;
}
.about .about_box01 img{
	margin:0;
	width: 207px;
	height: 187px;
	object-fit: cover;
	object-position: center center;
}
.about .about_box01 .txt_box{
	width:100%;
	max-width: 294px;
	float: right;
	margin:-46px 0 0 0;
	padding:2px 3px 2px 3px;
	box-sizing: border-box;
}
.about .about_box01 .txt_box.box03{
	margin:-25px 0 0 0;
}
.about .about_box01 .txt_box .ttl01{
	font-size:18px;
	line-height: 1.555;
	margin:0 0 15px 0;
}	
.about .about_box01 .txt_box .txt01{
	font-size:16px;
}
}
@media screen and (max-width: 375px) {
.about .about_txt01{
	font-size:5.3333vw;
	margin:0 0 4vw 0;
	letter-spacing:-0.08vw;
}
.about .about_txt02{
	margin:0 0 10.6667vw 0;
	font-size:4.2667vw;
}
.about .about_img01{
	max-width:72.5333vw;
}
.about .about_box01.first{
	margin:24vw auto 0;
}
.about .about_box01{
	margin:12vw auto 0;
	padding:8vw 0 0 0;
	max-width:86.4vw;
}
.about .about_box01:after{
	width:55.2vw;
	height:0.8vw;
	border-top:0.8vw solid #0050AB;
}
.about .about_box01 .en_txt{
	top:6.6667vw;
}
.about .about_box01 .en_txt .txt01{
	font-size:9.3333vw;
}
.about .about_box01 .en_txt .txt02{
	font-size:5.8667vw;
}
.about .about_box01 img{
	width:55.2vw;
	height:49.8667vw;
}
.about .about_box01 .txt_box{
	max-width:78.4vw;
	margin:-12.4667vw 0 0 0;
	padding:0.5333vw 0.8vw;
}
.about .about_box01 .txt_box.box03{
	margin:-7.4vw 0 0 0;
}
.about .about_box01 .txt_box .ttl01{
	font-size:4.8vw;
	margin:0 0 4vw 0;
}
.about .about_box01 .txt_box .txt01{
	font-size:4.2667vw;
}
}
/*--------------------------------------------------------------
			人事・教育
--------------------------------------------------------------*/
.jinji_bg01{
	position: relative;
}
.jinji_bg01:after{
	content:'';
	position: absolute;
	top:645px;
	left:0;
	width:calc(50vw - 16px);
	background: url(../img/corporate/jinji/bg01.png) 0 0 no-repeat;
	background-size: cover;
	height: 2119px;
	z-index: 1;
}
.jinji .content_wrap01{
	overflow: visible;
}
.jinji_area01{
	padding:20px 0 0 0;
}
.jinji_area01 .box{
	padding:95px 0 0 0;
	clear: both;
	position:relative;
	z-index: 2;
}
.jinji_area01 .box .txt_wrap{
	width: 400px;
	display: inline-block;
}
.jinji_area01 .box .ttl01{
	color:#002D62;
	font-size:32px;
	font-weight: bold;
	line-height:1.4375;
	margin:60px 0 25px 0;
}
.jinji_area01 .box .txt01{
	font-size:16px;
}
.jinji_area01 .box .txt01 span{
	color:#0050AB;
	font-weight: bold;
}
.jinji_area01 .box img{
	float: right;
	margin:0 -60px 0 0;
}
.jinji_area01 .box .txt_wrap{
	float: left;
}
.jinji_area01 .box.box02 img{
	float: left;
	margin:0 0 0 -60px;	
	width: 446px;
}	
.jinji_area01 .box.box02 .txt_wrap{
	float: right;
}
.jinji_area02{
	clear: both;
	padding:220px 0 0 0;
}
.jinji_area02 .top_txt{
	padding:0 0 0 360px;
	background: url(../img/corporate/jinji/img05.jpg) 0 0 no-repeat;
	background-size: 280px auto;
	margin:40px 0 40px 0;
	font-size:18px;
	font-weight: 500;
	line-height: 2.1;
}
.jinji_area02 .box{
	border:1px solid #0050AB;
	border-radius: 20px 0 0 0;
	padding:45px 35px 35px 35px;
	margin:0 0 15px 0;
}
.jinji_area02 .box .ttl01{
	color:#0050AB;
	font-size:24px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.jinji_area02 .box .inner{
	overflow: hidden;
}
.jinji_area02 .box .inner .txt01{
	font-size:16px;
	line-height: 2;
	width: 480px;
	float: left;
}
.jinji_area02 .box .inner img{
	float: right;
}
@media (min-width: 768px) and (max-width: 1399px) {
.jinji_bg01:after{
	top:46.0714vw;
	width:calc(50vw - 1.1429vw);
	height:151.3571vw;
}
.jinji_area01{
	padding:1.4286vw 0 0 0;
}
.jinji_area01 .box{
	padding:6.7857vw 0 0 0;
}
.jinji_area01 .box .txt_wrap{
	width:28.5714vw;
}
.jinji_area01 .box .ttl01{
	font-size:2.2857vw;
	margin:4.2857vw 0 1.7857vw 0;
}
.jinji_area01 .box .txt01{
	font-size:1.1429vw;
}
.jinji_area01 .box .txt01 span{
	font-size:1.1429vw;
}
.jinji_area01 .box img{
	margin:0 -4.2857vw 0 0;
	width: 31.8571vw;
}
.jinji_area01 .box.box02 img{
	margin:0 0 0 -4.2857vw;
	width: 31.8571vw;	
}
.jinji_area02{
	padding:15.7143vw 0 0 0;
}
.jinji_area02 .top_txt{
	padding:0 0 0 25.7143vw;
	background-size:20vw auto;
	margin:2.8571vw 0;
	font-size:1.2857vw;
}
.jinji_area02 .box{
	border-radius:1.4286vw 0 0 0;
	padding:3.2143vw 2.5vw 2.5vw 2.5vw;
	margin:0 0 1.0714vw 0;
}
.jinji_area02 .box img{
	width: 17.142vw;
}
.jinji_area02 .box .ttl01{
	font-size:1.7143vw;
	margin:0 0 1.4286vw 0;
}
.jinji_area02 .box .inner .txt01{
	font-size:1.1429vw;
	width:34.2857vw;
}
}
@media screen and (max-width: 767px) {
.jinji_bg01:after{
	display: none;
}
.jinji_area01{
	padding:0;
}
.jinji .c_txt01{
	font-size:16px;
	line-height:1.625;	
}
.jinji_area01 .box{
	padding:20px 0 0 0;
	clear: both;
	position:relative;
	z-index: 2;
}
.jinji_area01 .box .txt_wrap{
	width: 100%;
	display:block;
}
.jinji_area01 .box .ttl01{
	font-size:18px;
	line-height:1.555555;
	margin:0 0 12px 0;
}
.jinji_area01 .box .ttl01.last{
	margin:-10px 0 0 0;
}
.jinji_area01 .box .txt01{
	font-size:16px;
	line-height: 1.625;
}
.jinji_area01 .box .txt01 span{
	font-size:16px;
}
.jinji_area01 .box img{
	float: none;
	margin:0 auto;
	width: 338px;
	display: block;	
	box-sizing: border-box;
	padding:0 0 0 20px;
}
.jinji_area01 .box .txt_wrap{
	float: none;
}
.jinji_area01 .box.box02 img{
	float: none;
	margin:0 auto;
	width: 338px;
	display: block;	
	box-sizing: border-box;
	padding:0 0 0 20px;		
}	
.jinji_area01 .box.box02 .txt_wrap{
	float: none;
}
.jinji_area02{
	padding:80px 0 0 0;
}
.jinji_area02 .c_txt01{
	font-size:16px;
	line-height:1.625;	
}
.jinji_area02 .img01{
	display: block;
	width: 241px;
	margin:0 auto;
}
.jinji_area02 .top_txt{
	padding:150px 0 0 0;
	background: url(../img/corporate/jinji/img05_sp.jpg) center 0 no-repeat;
	background-size: 325px auto;
	margin:25px 0 25px 0;
	font-size:16px;
	line-height:1.625;
}
.jinji_area02 .box{
	border-radius: 20px 0 0 0;
	padding:25px 25px 25px 25px;
	margin:0 0 15px 0;
}
.jinji_area02 .box img{
	float: none;
	display: block;
	margin:0 auto 18px;
}
.jinji_area02 .box .ttl01{
	font-size:18px;
	margin:0 0 10px 0;
}
.jinji_area02 .box .inner .txt01{
	font-size:16px;
	line-height:1.625;
	width: 100%;
	float: none;
}
}
@media screen and (max-width: 375px) {
.jinji .c_txt01{
	font-size:4.2667vw;
}
.jinji_area01 .box{
	padding:5.3333vw 0 0 0;
}
.jinji_area01 .box .ttl01{
	font-size:4.8vw;
	margin:0 0 3.2vw 0;
}
.jinji_area01 .box .ttl01.last{
	margin:-2.6667vw 0 0 0;
}
.jinji_area01 .box .txt01{
	font-size:4.2667vw;
}
.jinji_area01 .box .txt01 span{
	font-size:4.2667vw;
}
.jinji_area01 .box img{
	width:90.1333vw;
	padding:0 0 0 5.3333vw;
}
.jinji_area01 .box.box02 img{
	width:90.1333vw;
	padding:0 0 0 5.3333vw;
}
.jinji_area02{
	padding:21.3333vw 0 0 0;
}
.jinji_area02 .c_txt01{
	font-size:4.2667vw;
}
.jinji_area02 .img01{
	width:64.2667vw;
}
.jinji_area02 .top_txt{
	padding:40vw 0 0 0;
	background-size:86.6667vw auto;
	margin:6.6667vw 0;
	font-size:4.2667vw;
}
.jinji_area02 .box{
	border-radius:5.3333vw 0 0 0;
	padding:6.6667vw;
	margin:0 0 4vw 0;
}
.jinji_area02 .box img{
	margin:0 auto 4.8vw;
}
.jinji_area02 .box .ttl01{
	font-size:4.8vw;
	margin:0 0 2.6667vw 0;
}
.jinji_area02 .box .inner .txt01{
	font-size:4.2667vw;
}
}
/*--------------------------------------------------------------
			サステナビリティ (ESG)
--------------------------------------------------------------*/
.sustainability .sus_top_txt01{
	color:#002D62;
	font-size:24px;
	font-weight: bold;
	margin:40px 0 0 0;
	line-height: 1.66;
	letter-spacing: 1px;
}
.sustainability .area01 .box_wrap{
	background: #EFFBFD;
	margin:40px 0 0 0;
	padding:50px 50px 50px 50px;
}
.sustainability .area01 .box_wrap .box01{
	overflow: hidden;
	margin:65px 0 0 0;
}
.sustainability .area01 .box_wrap .box01 .img_box{
	float: left;
	position: relative;
	width: 326px;
}
.sustainability .area01 .box_wrap .box01 .img_box span{
	position: absolute;
	right:0;
	bottom:0;
	color:#fff;
	background: #0050AB;
	padding:6px 6px;
	line-height:1;
	font-size:14px;	
}
.sustainability .area01 .box_wrap .box01 .txt_box{
	float: right;
	width: 360px;
}
.sustainability .area01 .box_wrap .box01 .txt_box .ttl{
	color:#0050AB;
	font-size:24px;
	font-weight: bold;	
	margin:0 0 20px 0;
}
.sustainability .area01 .box_wrap .box01 .txt_box .list01 li{
	line-height: 1.625;
	padding-left: 1em;
	text-indent: -1em;
	margin:0 0 15px 0;
}
.sustainability .area02{
	margin:120px 0 0 0;
}
.sustainability .sus_ttl01{
	color:#0050AB;
	font-size:24px;
	font-weight: bold;	
	margin:0 0 20px 0;
}
.third .num_ttl{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;	
	margin:0 0 12px 0;
}
.third .num_ttl span{
	color:#fff;
	display: inline-block;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	background: #0050AB;
	line-height: 1;
	padding:4px 9px;
	margin:0 10px 0 0;
}
.sustainability .small{
	font-size:14px;	
}
.sustainability .sus_ttl02{
	font-size:16px;
	font-weight: 400;	
	margin:0 0 6px 0;
}
.sustainability .sus_list01 li{
	padding-left: 8.3em;
	text-indent: -8.3em;
	line-height: 2;
}
.sustainability .area03{
	margin:120px 0 0 0;
}
.sustainability .sus_list02 li{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2;
	font-size:16px;
}
.sustainability .area04{
	margin:120px 0 0 0;
}
.third .name_txt{
	text-align: right;
	font-size:24px;
	font-weight: 500;
}
.third .name_txt span{
	display: inline-block;
	font-size:16px;
	margin:0 17px 4px 0;
	vertical-align: bottom;
}
.sustainability .area04 .table_wrap{
	margin:30px 0 0 0;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:25px 0 35px 0;
	font-size:0;
}
.sustainability .area04 .table_wrap .box{
	display: inline-block;
	width: 28%;
	margin:0 0 0 8%;
	vertical-align: top;
}
.sustainability .area04 .table_wrap .box:first-child{
	margin:0;
}
.sustainability .area04 .table_wrap .box .ttl{
	text-align: center;
	color:#0050AB;
	font-size:18px;
	line-height: 2;
	margin:0 0 10px 0;
}
.sustainability .sus_table01{
	width: 100%;
	box-sizing: border-box;
	border-top:1px solid #D9D9D9;
}
.sustainability .sus_table01 th{
	width: 50%;
	text-align: center;
	font-size:16px;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;	
	font-weight: 500;
	background: #F9F9F9;
	padding:10px 0;
	border-bottom:1px solid #D9D9D9;
}
.sustainability .sus_table01 td{
	width: 50%;
	text-align: center;	
	font-size:20px;	
  font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;	
 	padding:10px 0; 
	border-bottom:1px solid #D9D9D9;
}
.sustainability .area04 .table_wrap .box .txt{
	margin:20px 0 0 0;
	font-size:16px;
	line-height: 1.625;
}
.sustainability .area05{
	margin:120px 0 0 0;
}
.sustainability .area05 .ttl01{
	color:#0050AB;
	font-size:18px;
	margin:30px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.sustainability .sus_top_txt01{
	font-size:clamp(1.125rem, 1.714vw, 1.5rem);
	margin:2.857vw 0 0 0;
}
.sustainability .area01 .box_wrap{
	margin:2.857vw 0 0 0;
	padding:3.571vw;
}
.sustainability .area01 .box_wrap .box01{
	margin:4.643vw 0 0 0;
}
.sustainability .area01 .box_wrap .box01 .img_box{
	width:23.286vw;
}
.sustainability .area01 .box_wrap .box01 .img_box span{
	padding:0.429vw;
	font-size:clamp(0.75rem, 1vw, 0.875rem);
}
.sustainability .area01 .box_wrap .box01 .txt_box{
	width:25.714vw;
}
.sustainability .area01 .box_wrap .box01 .txt_box .ttl{
	font-size:clamp(1.125rem, 1.714vw, 1.5rem);
	margin:0 0 1.429vw 0;
}
.sustainability .area01 .box_wrap .box01 .txt_box .list01 li{
	margin:0 0 1.071vw 0;
}
.sustainability .area02{
	margin:8.571vw 0 0 0;
}
.sustainability .sus_ttl01{
	font-size:clamp(1.125rem, 1.714vw, 1.5rem);
	margin:0 0 1.429vw 0;
}
.third .num_ttl{
	font-size:clamp(1rem, 1.286vw, 1.125rem);
	margin:0 0 0.857vw 0;
}
.third .num_ttl span{
	font-size:clamp(1rem, 1.286vw, 1.125rem);
	padding:0.286vw 0.643vw;
	margin:0 0.714vw 0 0;
}
.sustainability .small{
	font-size:clamp(0.75rem, 1vw, 0.875rem);
}
.sustainability .sus_ttl02{
	font-size:clamp(0.875rem, 1.143vw, 1rem);
	margin:0 0 0.429vw 0;
}
.sustainability .area03{
	margin:8.571vw 0 0 0;
}
.sustainability .area04{
	margin:8.571vw 0 0 0;
}
.third .name_txt{
	font-size:clamp(1.125rem, 1.714vw, 1.5rem);
}
.third .name_txt span{
	font-size:clamp(0.875rem, 1.143vw, 1rem);
	margin:0 1.071vw 0.286vw 0;
}
.sustainability .area04 .table_wrap{
	margin:2.143vw 0 0 0;
	padding:1.786vw 0 2.5vw 0;
}
.sustainability .area04 .table_wrap .box{
	margin:0 0 0 8%;
}
.sustainability .area04 .table_wrap .box .ttl{
	font-size:clamp(1rem, 1.286vw, 1.125rem);
	margin:0 0 0.714vw 0;
}
.sustainability .sus_table01 th{
	font-size:clamp(0.875rem, 1.143vw, 1rem);
	padding:0.714vw 0;
}
.sustainability .sus_table01 td{
	font-size:clamp(1rem, 1.429vw, 1.25rem);
	padding:0.714vw 0;
}
.sustainability .area04 .table_wrap .box .txt{
	margin:1.429vw 0 0 0;
	font-size:clamp(0.875rem, 1.143vw, 1rem);
}
.sustainability .area05{
	margin:8.571vw 0 0 0;
}
.sustainability .area05 .ttl01{
	font-size:clamp(1rem, 1.286vw, 1.125rem);
	margin:2.143vw 0 0 0;
}
.sustainability .sus_list02 li{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2;
	font-size:1.1429vw;
}
}
@media screen and (max-width: 767px) {
.sustainability .sus_top_txt01{
	font-size:18px;
	margin:20px 0 0 0;
	line-height: 1.55;
	letter-spacing: 0;	
}
.sustainability .area01 .box_wrap_wrap{
	width: calc(100% + 20px);
	margin-left: -10px;
}
.sustainability .area01 .box_wrap{
	width: 100%;
	margin:30px auto 0;
	padding:30px 30px;
	box-sizing: border-box;
}
.sustainability .area01 .box_wrap .box01{
	margin:35px 0 0 0;
}
.sustainability .area01 .box_wrap .box01 .img_box{
	float: none;
	width: 100%;
}
.sustainability .area01 .box_wrap .box01 .img_box img{
	width: 100%;
}
.sustainability .area01 .box_wrap .box01 .img_box span{
	padding:6px 6px;
	font-size:14px;	
}
.sustainability .area01 .box_wrap .box01 .txt_box{
	float: none;
	width: 100%;
}
.sustainability .area01 .box_wrap .box01 .txt_box .ttl{
	font-size:18px;
	margin:15px 0 10px 0;
}
.sustainability .area01 .box_wrap .box01 .txt_box .list01 li{
	margin:0 0 5px 0;
	font-size:16px;
}
.sustainability .area02{
	margin:90px 0 0 0;
}
.sustainability .area02 .a_txt01{
	font-size:16px;
	line-height: 1.625;
}
.sustainability .sus_ttl01{
	font-size:18px;
	margin:0 0 15px 0;
}
.third .num_ttl{
	font-size:16px;
	margin:0 0 10px 0;
	display:flex;
	align-items:flex-start;
	gap:.2em;	
}
.third .num_ttl span{
	font-size:18px;
	padding:2px 7px;
	margin:0 10px 0 0;	flex:none;
}
.sustainability .small{
	font-size:14px;
	line-height: 1.7;	
}
.sustainability .sus_ttl02{
	font-size:16px;
	line-height: 1.625;
	margin:0 0 6px 0;
}
.sustainability .sus_list01 li{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.625;
	margin:0 0 5px 0;
}
.sustainability .area03{
	margin:80px 0 0 0;
}
.sustainability .sus_list02 li{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2;
	font-size:16px;
}
.sustainability .area04{
	margin:80px 0 0 0;
}
.third .name_txt{
	font-size:18px;
}
.third .name_txt span{
	font-size:14px;
	margin:0 12px 2px 0;
}
.sustainability .sc_wrap_wrap{
	overflow-x: auto;
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
	position: relative;
	box-sizing: border-box;
	padding:0 0 0 25px;	
}
.sustainability .sc_wrap{
	width: 770px;
}
.supply .supply_area  .scroll-hint-icon {
  top: calc(50% - 125px);
}
.sustainability .area04 .table_wrap{
	margin:30px 0 0 0;
	padding:25px 0 35px 0;
}
.sustainability .area04 .table_wrap .box{
	width: 231px;
	margin:0 0 0 23px;
}
.sustainability .area04 .table_wrap .box:first-child{
	margin:0;
}
.sustainability .area04 .table_wrap .box .ttl{
	font-size:18px;
	margin:0 0 10px 0;
}
.sustainability .sus_table01 th{
	font-size:16px;
	padding:10px 0;
}
.sustainability .sus_table01 td{
	width: 50%;
	font-size:20px;
}
.sustainability .area04 .table_wrap .box .txt{
	margin:20px 0 0 0;
	font-size:16px;
	line-height: 1.625;
}
.sustainability .area05{
	margin:80px 0 0 0;
}
.sustainability .area05 .ttl01{
	font-size:16px;
	margin:10px 0 0 0;
}
}
@media screen and (max-width: 375px) {
.sustainability .sus_top_txt01{
	font-size:calc(18 / 375 * 100vw);
	margin:calc(20 / 375 * 100vw) 0 0 0;
}
.sustainability .area01 .box_wrap_wrap{
	width:calc(100% + calc(20 / 375 * 100vw));
	margin-left:calc(-10 / 375 * 100vw);
}
.sustainability .area01 .box_wrap{
	margin:calc(30 / 375 * 100vw) auto 0;
	padding:calc(30 / 375 * 100vw);
}
.sustainability .area01 .box_wrap .box01{
	margin:calc(35 / 375 * 100vw) 0 0 0;
}
.sustainability .area01 .box_wrap .box01 .img_box span{
	padding:calc(6 / 375 * 100vw);
	font-size:calc(14 / 375 * 100vw);
}
.sustainability .area01 .box_wrap .box01 .txt_box .ttl{
	font-size:calc(18 / 375 * 100vw);
	margin:calc(15 / 375 * 100vw) 0 calc(10 / 375 * 100vw);
}
.sustainability .area01 .box_wrap .box01 .txt_box .list01 li{
	margin:0 0 calc(5 / 375 * 100vw);
	font-size:calc(16 / 375 * 100vw);
}
.sustainability .area02{
	margin:calc(90 / 375 * 100vw) 0 0 0;
}
.sustainability .area02 .a_txt01{
	font-size:calc(16 / 375 * 100vw);
}
.sustainability .sus_ttl01{
	font-size:calc(18 / 375 * 100vw);
	margin:0 0 calc(15 / 375 * 100vw);
}
.third .num_ttl{
	font-size:calc(16 / 375 * 100vw);
	margin:0 0 calc(10 / 375 * 100vw);
}
.third .num_ttl span{
	font-size:calc(18 / 375 * 100vw);
	padding:calc(2 / 375 * 100vw) calc(7 / 375 * 100vw);
	margin:0 calc(10 / 375 * 100vw) 0 0;
}
.sustainability .small{
	font-size:calc(14 / 375 * 100vw);
}
.sustainability .sus_ttl02{
	font-size:calc(16 / 375 * 100vw);
	margin:0 0 calc(6 / 375 * 100vw);
}
.sustainability .sus_list01 li{
	margin:0 0 calc(5 / 375 * 100vw);
}
.sustainability .area03{
	margin:calc(80 / 375 * 100vw) 0 0 0;
}
.sustainability .sus_list02 li{
	font-size:calc(16 / 375 * 100vw);
}
.sustainability .area04{
	margin:calc(80 / 375 * 100vw) 0 0 0;
}
.third .name_txt{
	font-size:calc(18 / 375 * 100vw);
}
.third .name_txt span{
	font-size:calc(14 / 375 * 100vw);
	margin:0 calc(12 / 375 * 100vw) calc(2 / 375 * 100vw) 0;
}
.sustainability .sc_wrap_wrap{
	width:calc(100% + calc(50 / 375 * 100vw));
	margin:0 0 0 calc(-25 / 375 * 100vw);
	padding:0 0 0 calc(25 / 375 * 100vw);
}
.sustainability .sc_wrap{
	width:calc(770 / 375 * 100vw);
}
.supply .supply_area .scroll-hint-icon{
	top:calc(50% - calc(125 / 375 * 100vw));
}
.sustainability .area04 .table_wrap{
	margin:calc(30 / 375 * 100vw) 0 0 0;
	padding:calc(25 / 375 * 100vw) 0 calc(35 / 375 * 100vw);
}
.sustainability .area04 .table_wrap .box{
	width:calc(231 / 375 * 100vw);
	margin:0 0 0 calc(23 / 375 * 100vw);
}
.sustainability .area04 .table_wrap .box .ttl{
	font-size:calc(18 / 375 * 100vw);
	margin:0 0 calc(10 / 375 * 100vw);
}
.sustainability .sus_table01 th{
	font-size:calc(16 / 375 * 100vw);
	padding:calc(10 / 375 * 100vw) 0;
}
.sustainability .sus_table01 td{
	font-size:calc(20 / 375 * 100vw);
}
.sustainability .area04 .table_wrap .box .txt{
	margin:calc(20 / 375 * 100vw) 0 0 0;
	font-size:calc(16 / 375 * 100vw);
}
.sustainability .area05{
	margin:calc(80 / 375 * 100vw) 0 0 0;
}
.sustainability .area05 .ttl01{
	font-size:calc(16 / 375 * 100vw);
	margin:calc(10 / 375 * 100vw) 0 0 0;
}
}
/*--------------------------------------------------------------
			コンプライアンス・各種制度
--------------------------------------------------------------*/
.third .tel_box01{
	border:1px solid #0050AB;
	width: 422px;
	height: 171px;
	box-sizing: border-box;
	padding:0 46px;
	position: relative;
	margin:60px 0 0 0;
	text-align: center;
}
.third .tel_box01 .ttl{
	display:block;
	width: 260px;
	margin:-15px auto 15px;
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	background: #fff;
	padding:0 8px;
	box-sizing: border-box;
	letter-spacing: 2px;
}
.third .tel_box01 .tel{
	display: block;
}
.third .tel_box01 .tel .en{
	color:#0050AB;
	font-size:25px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 1px;
}
.third .tel_box01 .tel .num{
	font-size:40px;
	font-weight: bold;
	display: inline-block;	
	color:#0050AB;
	margin:0 0 0 15px;	
}
.third .tel_box01 .txt01{
	font-size:18px;
	font-weight: bold;
	color:#0050AB;	
	text-align: left;
	letter-spacing: 1px;
}
.third .tel_box01 .txt02{
	font-size:16px;
	color:#0050AB;	
	text-align: left;
	line-height: 1;
	margin:4px 0 0 0;
}
.compliance .area02{
	margin:120px 0 0 0;
}
.com_table01{
	width: 100%;
	border-top:1px solid #D9D9D9;
}
.com_table01 th{
	padding:25px 10px;
	font-size:16px;
	background: #F9F9F9;
	font-weight: 500;
	vertical-align: middle;
	line-height: 1.625;
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
}
.com_table01 th:first-child{
	border-left: none;
}
.com_table01 td{
	padding:15px 10px;
	font-size:16px;
	vertical-align: middle;
	line-height: 1.625;
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	text-align: center;
}
.com_table01 td:first-child{
	border-left: none;
}
.compliance .area03{
	margin:120px 0 0 0;
}
.third .tel_box02{
	border:1px solid #0050AB;
	width: 422px;
	height: 148px;
	padding:38px 46px 0 46px;
	box-sizing: border-box;
	margin:30px 0 0 0;
}
.third .tel_box02 .tel{
	display: block;
}
.third .tel_box02 .tel .en{
	color:#0050AB;
	font-size:25px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 1px;
}
.third .tel_box02 .tel .num{
	font-size:40px;
	font-weight: bold;
	display: inline-block;	
	color:#0050AB;
	margin:0 0 0 15px;
	line-height: 1;
}
.third .tel_box02 .txt01{
	font-size:18px;
	font-weight: bold;
	color:#0050AB;	
	text-align: left;
	letter-spacing: 2px;
}
@media (min-width: 768px) and (max-width: 1399px) {
.third .tel_box01{
	width:30.142857vw;
	height:12.214286vw;
	padding:0 3.285714vw;
	margin:4.285714vw 0 0 0;
}

.third .tel_box01 .ttl{
	width:80.611374%;
	margin:-1.071429vw auto 1.071429vw;
	font-size:1.185714vw;
	padding:0 0.571429vw;
	letter-spacing:0.142857vw;
}
.third .tel_box01 .tel .en{
	font-size:1.785714vw;
}
.third .tel_box01 .tel .num{
	font-size:2.857143vw;
	margin:0 0 0 0.771429vw;
}
.third .tel_box01 .txt01{
	font-size:1.285714vw;
}

.third .tel_box01 .txt02{
	font-size:1.142857vw;
	margin:0.285714vw 0 0 0;
}
.compliance .area02{
	margin:8.571429vw 0 0 0;
}
.com_table01 th{
	padding:1.785714vw 0.714286%;
	font-size:1.142857vw;
}
.com_table01 td{
	padding:1.071429vw 0.714286%;
	font-size:1.142857vw;
}
.compliance .area03{
	margin:8.571429vw 0 0 0;
}
.third .tel_box02{
	width:30.142857vw;
	height:10.571429vw;
	padding:2.714286vw 3.285714% 0;
	margin:2.142857vw 0 0 0;
}
.third .tel_box02 .tel .en{
	font-size:1.785714vw;
}
.third .tel_box02 .tel .num{
	font-size:2.857143vw;
	margin:0 0 0 0.771429vw;
}
.third .tel_box02 .txt01{
	font-size:1.285714vw;
}
}
@media screen and (max-width: 767px) {
.third .tel_box01{
	width: 324px;
	height: 127px;
	padding:0;
	margin:40px auto 0;
	box-sizing: border-box;
}
.third .tel_box01 .ttl{
	width: 240px;
	margin:-12px auto 10px;
	font-size:16px;
	padding:0 8px;
}
.third .tel_box01 .tel{
	max-width: 250px;
	margin:0 auto 0;
}
.third .tel_box01 .tel .en{
	font-size:16px;
}
.third .tel_box01 .tel .num{
	font-size:30px;
	margin:0 0 0 5px;	
}
.third .tel_box01 .txt01{
	font-size:14px;
	max-width: 250px;
	margin:4px auto 0;	
	padding:0 0 0 10px;
	box-sizing: border-box;
}
.third .tel_box01 .txt02{
	font-size:14px;
	max-width: 250px;
	padding:0 0 0 10px;	
	margin:5px auto 0;	
}
.compliance .area02{
	margin:80px 0 0 0;
}
.compliance .sc_wrap_wrap{
	overflow-x: auto;
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
	position: relative;
	box-sizing: border-box;
	padding:0 0 0 25px;	
}
.compliance .sc_wrap{
	width: 770px;
	padding:0 25px 0 0;
}
.compliance .area03{
	margin:80px 0 0 0;
}
.third .tel_box02{
	width: 324px;
	height: 115px;
	padding:27px 0 0 35px;
	margin:30px auto 0;
}
.third .tel_box02 .tel .en{
	font-size:16px;
}
.third .tel_box02 .tel .num{
	font-size:30px;
	margin:0 0 10px 5px;
}
.third .tel_box02 .txt01{
	font-size:14px;
}
}
@media screen and (max-width: 375px) {
.third .tel_box01{
	width:86.4vw;
	height:33.8667vw;
	margin:10.6667vw auto 0;
}
.third .tel_box01 .ttl{
	width:64vw;
	margin:-3.2vw auto 2.6667vw;
	font-size:4.2667vw;
	padding:0 2.1333vw;
}
.third .tel_box01 .tel{
	max-width:66.6667vw;
}
.third .tel_box01 .tel .en{
	font-size:4.2667vw;
}
.third .tel_box01 .tel .num{
	font-size:8vw;
	margin:0 0 0 1.3333vw;
}
.third .tel_box01 .txt01{
	font-size:3.7333vw;
	max-width:66.6667vw;
	margin:1.0667vw auto 0;
	padding:0 0 0 2.6667vw;
}
.third .tel_box01 .txt02{
	font-size:3.7333vw;
	max-width:66.6667vw;
	padding:0 0 0 2.6667vw;
	margin:1.3333vw auto 0;
}
.compliance .area02{
	margin:21.3333vw 0 0 0;
}
.compliance .sc_wrap_wrap{
	width:calc(100% + 13.3333vw);
	margin:0 0 0 -6.6667vw;
	padding:0 0 0 6.6667vw;
}
.compliance .sc_wrap{
	width:205.3333vw;
	padding:0 6.6667vw 0 0;
}
.compliance .area03{
	margin:21.3333vw 0 0 0;
}
.third .tel_box02{
	width:86.4vw;
	height:30.6667vw;
	padding:7.2vw 0 0 9.3333vw;
	margin:8vw auto 0;
}
.third .tel_box02 .tel .en{
	font-size:4.2667vw;
}
.third .tel_box02 .tel .num{
	font-size:8vw;
	margin:0 0 2.6667vw 1.3333vw;
}
.third .tel_box02 .txt01{
	font-size:3.7333vw;
}
}
/*--------------------------------------------------------------
			システム受託開発
--------------------------------------------------------------*/
.jutaku .area02{
    min-height:1850px;
}
.jutaku .sticky_wrap{
    position:relative;
}
.jutaku .sticky_wrap .sticky{
    position:sticky;
    top:100px;
    height:880px;
    display:flex;
    align-items:center;
}
.jutaku .sticky_wrap .inner{
	max-width: 830px;
	overflow: hidden;
}
.jutaku .sticky_wrap .sc_content{
    height:779px;
    overflow:hidden;
}
.jutaku .sticky_wrap .l_box{
	position: fixed;
	top:0;
	left:0;
	z-index: 99;
}
.jutaku .sticky_wrap .l_box .img_wrap{
	opacity: 0;
	animation-name: fadeIn;
	animation-duration: 0.1s;
	animation-delay: 0.1s;
	animation-fill-mode: forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1; /* 最終的に表示する */
  }
}
.jutaku .sticky_wrap .l_box img{
	width: 423px;
}
.jutaku .sticky_wrap .l_box .c_ttl01{
	text-align: left;
}
.jutaku .sticky_wrap .r_box{
	width: 365px;
	float: right;
	position: relative;
	padding:125px 0 0 0;
}
.jutaku .sticky_wrap .r_box:after{
	content:'';
	background: #fff;
	width: 475px;
	height: 170px;
	position: fixed;
	right:0;
	top:0;
	z-index: 9;
}
.jutaku .step_wrap{	
	border-left: 1px solid #0050AB;
}
.jutaku .step_wrap .step_box{
	padding:0 0 0 42px;
	margin:0 0 75px 0;
	position: relative;
}
.jutaku .step_wrap .step_box:after{
	position: absolute;
	background: url(../img/system/jutaku/icon01.png) 0 0 no-repeat;
	background-size: 10px auto;
	content:'';
	width: 10px;
	height: 10px;
	left:-6px;
	top:40px;
}
.jutaku .step_wrap .step_box .ttl{
	margin:0 0 20px 0;
	font-size:0;
}
.jutaku .step_wrap .step_box .ttl .num_wrap{
	display: inline-block;
	width: 80px;
	vertical-align: top;	
}
.jutaku .step_wrap .step_box .ttl .num_wrap .en{
	color:#0050AB;
	font-size:18px;
	font-weight: 600;
	letter-spacing: 2px;
	display: block;
	line-height: 1;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .num{
	display: block;
	font-size:46px;
	font-weight: 600;
	color:#0050AB;	
	line-height: 1;
	margin:3px 0 0 0;	
}
.jutaku .step_wrap .step_box .ttl .jp{
	width: calc(100% - 80px);
	display: inline-block;
	padding:10px 0 0 30px;
	background: url(../img/system/jutaku/bg01.jpg) 0 0 no-repeat;
	background-size: 5px auto;	
	box-sizing: border-box;
	height: 57px;
	vertical-align: top;
	color:#0050AB;	
	font-size:24px;
	font-weight: bold;
	margin:5px 0 0 0;
}
.jutaku .step_wrap .step_box .ttl .jp span{
	color:#0050AB;	
	font-size:16px;	
	font-weight: bold;	
}
.jutaku .area03{
	margin:120px 0 0 0;
}
.jutaku .area03 .table01{
	width: 100%;
}
.jutaku .area03 .table01 th{
	padding:0 40px 0 0;	
	text-align: left;
}
.jutaku .area03 .table01 span{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #E9E9E9;
	padding:0 0 20px 0;
}
.jutaku .area03 .table01 td{
	padding:0 0 60px 0;
}
.jutaku .area03 .table01 .list li{
	font-size:16px;
	line-height: 2;
	text-indent: -1em;
	padding-left: 1em;
}
.jutaku .area04{
	margin:60px 0 0 0;
}
.jutaku .area04 .list01{
	width: 100%;
	font-size:0;
	border-top:1px solid #0050AB;
	border-left:1px solid #0050AB;
	box-sizing: border-box;
}
.jutaku .area04 .list01 li{
	width: 50%;
	height: 92px;
	display: inline-block;
	border-right:1px solid #0050AB;
	border-bottom:1px solid #0050AB;
	box-sizing: border-box;
	vertical-align: top;
	padding:24px 0 0 20px;
}
.jutaku .area04 .list01 li .ttl{
	color:#0050AB;
	font-size:20px;
	line-height: 1;
}
.jutaku .area04 .list01 li .ttl.single{
	margin:14px 0 0 0;
}
.jutaku .area04 .list01 li .txt{
	font-size:16px;	
}
.jutaku .area04 .txt01{
	color:#0050AB;
	font-size:20px;
	font-weight: bold;
	margin:10px 0 0 0;
}
.system_contact_box{
	margin:120px auto 0;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	background: url(../img/system/contact_bg.jpg) 0 0 no-repeat;
	background-size:100% auto;
	padding:42px 0 0 0;
	box-sizing: border-box;
}
.system_contact_box .inner{
	max-width: 600px;
	margin:0 auto;	
	text-align: center;
}
.system_contact_box .inner .ttl{
	font-size:20px;
	font-weight: bold;
	letter-spacing: 3px;
	margin:0 0 32px 0;
}
.system_contact_box.box02 .inner .ttl{
	width:calc(100% + 200px);
	margin-left:-100px;
}
.system_contact_box .inner .btn{
	width: 600px;
	height: 105px;
	box-sizing: border-box;
	background:#002D62;
	display: block;
	padding:37px 0 0 0;
	line-height: 1;
	text-align: left;
}
.system_contact_box .inner .btn span{
	color:#fff;
	font-size:29px;
	font-weight: bold;
	line-height: 1;
	max-width: 398px;
	margin:0 auto;
	display: block;
	background: url(../img/base/link01.svg) right center no-repeat;
	background-size: 24px auto;
	transition: 0.2s;
}
.system_contact_box .inner .btn:hover{
	text-decoration: none;
	opacity: 0.8;
}
.system_contact_box .inner .txt{
	text-align: left;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	letter-spacing: 3px;
	margin:18px 0 0 0;
}
.system_contact_box.box02 .inner .txt{
	line-height: 1.4;
}
@media (min-width: 768px) and (max-width: 1399px) {
.jutaku .area02{
    min-height:0!important;
	height: 130vw;
}
.jutaku .sticky_wrap .sticky{
	top:7.1429vw;
	height:62.8571vw;
}
.jutaku .sticky_wrap .inner{
	max-width:59.2857vw;
}
.jutaku .sticky_wrap .sc_content{
	height:55.6429vw;
}
.jutaku .sticky_wrap .l_box img{
	width:30.2143vw;
}
.jutaku .sticky_wrap .r_box{
	width:26.0714vw;
	padding:8.9286vw 0 0 0;
}
.jutaku .sticky_wrap .r_box:after{
	width:33.9286vw;
	height:12.1429vw;
}
.jutaku .step_wrap .step_box{
	padding:0 0 0 3vw;
	margin:0 0 5.3571vw 0;
}
.jutaku .step_wrap .step_box:after{
	background-size:0.7143vw auto;
	width:0.7143vw;
	height:0.7143vw;
	left:-0.4286vw;
	top:2.8571vw;
}
.jutaku .step_wrap .step_box .ttl{
	margin:0 0 1.4286vw 0;
}
.jutaku .step_wrap .step_box .ttl .num_wrap{
	width:5.7143vw;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .en{
	font-size:1.2857vw;
	letter-spacing:0.1429vw;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .num{
	font-size:3.2857vw;
	margin:0.2143vw 0 0 0;
}
.jutaku .step_wrap .step_box .ttl .jp{
	width:calc(100% - 5.7143vw);
	padding:0.7143vw 0 0 2.1429vw;
	background-size:0.3571vw auto;
	height:4.0714vw;
	font-size:1.7143vw;
	margin:0.3571vw 0 0 0;
}
.jutaku .step_wrap .step_box .ttl .jp span{
	font-size:1.1429vw;
}
.jutaku .area03{
	margin:8.5714vw 0 0 0;
}
.jutaku .area03 .table01 th{
	padding:0 2.8571vw 0 0;
}
.jutaku .area03 .table01 span{
	font-size:1.2857vw;
	padding:0 0 1.4286vw 0;
}
.jutaku .area03 .table01 td{
	padding:0 0 4.2857vw 0;
}
.jutaku .area03 .table01 .list li{
	font-size:1.1429vw;
}
.jutaku .area04{
	margin:4.2857vw 0 0 0;
}
.jutaku .area04 .list01 li{
	height:6.5714vw;
	padding:1.7143vw 0 0 1.4286vw;
}
.jutaku .area04 .list01 li .ttl{
	font-size:1.4286vw;
}
.jutaku .area04 .list01 li .ttl.single{
	margin:1vw 0 0 0;
}
.jutaku .area04 .list01 li .txt{
	font-size:1.1429vw;
}
.jutaku .area04 .txt01{
	font-size:1.4286vw;
	margin:0.7143vw 0 0 0;
}
.system_contact_box{
	margin:8.5714vw auto 0;
	height:21.4286vw;
	padding:3vw 0 0 0;
}
.system_contact_box .inner{
	max-width:42.8571vw;
}
.system_contact_box .inner .ttl{
	font-size:1.4286vw;
	letter-spacing:0.2143vw;
	margin:0 0 2.2857vw 0;
}
.system_contact_box .inner .btn{
	width:42.8571vw;
	height:7.5vw;
	padding:2.6429vw 0 0 0;
}
.system_contact_box .inner .btn span{
	font-size:2.0714vw;
	max-width:28.4286vw;
	background-size:1.7143vw auto;
}
.system_contact_box .inner .txt{
	font-size:1.4286vw;
	letter-spacing:0.2143vw;
	margin:1.2857vw 0 0 0;
}
}
@media screen and (max-width: 767px) {
.jutaku .area02{
	margin:70px 0 0 0;
	min-height: 0;
}
.jutaku .sticky_wrap .sticky{
    position:static;
    top:100px;
    height:auto;
    display:block;
}
.jutaku .sticky_wrap .inner{
	max-width: 830px;
}
.jutaku .sticky_wrap .sc_content{
    height:auto;
}
.jutaku .sticky_wrap .l_box{
	position: static;
}
.jutaku .sticky_wrap .r_box{
	width: 100%;
	float: none;
	position: relative;
	padding:0 5px 0 5px;
}
.jutaku .sticky_wrap .r_box img{
	width: 192px;
}
.jutaku .sticky_wrap .r_box:after{
	display: none;
}
.jutaku .step_wrap{	
	padding:0;
	margin-top:0;
}
.jutaku .step_wrap .step_box{
	padding:0 0 0 25px;
	margin:0 0 30px 0;
}
.jutaku .step_wrap .step_box.box01:after{
	top:163px;
}
.jutaku .step_wrap .step_box.box02:after{
	top:173px;
}
.jutaku .step_wrap .step_box.box03:after{
	top:23px;
}
.jutaku .step_wrap .step_box.box04:after{
	top:23px;
}
.jutaku .step_wrap .step_box.box05:after{
	top:23px;
}
.jutaku .step_wrap .step_box .ttl{
	margin:0 0 20px 0;
	font-size:0;
}
.jutaku .step_wrap .step_box .ttl .num_wrap{
	width: 45px;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .en{
	font-size:14px;
	letter-spacing: 1px;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .num{
	font-size:30px;
	margin:2px 0 0 0;	
}
.jutaku .step_wrap .step_box .ttl .jp{
	width: calc(100% - 60px);
	padding:9px 0 0 20px;
	background: url(../img/system/jutaku/bg01_sp.jpg) 0 0 no-repeat;
	background-size: 5px auto;	
	height: 40px;
	font-size:18px;
	margin:5px 0 0 0;
}
.jutaku .step_wrap .step_box .txt01{
	font-size:16px;
}
.jutaku .step_wrap .step_box .ttl .jp span{
	font-size:16px;	
}
.jutaku .area03{
	margin:60px 0 0 0;
}
.jutaku .area03 .table01{
	width: 100%;
}
.jutaku .area03 .table01 th{
	padding:0;	
	display: block;	
}
.jutaku .area03 .table01 span{
	font-size:16px;
	width: 204px;
	border-bottom: 1px solid #E9E9E9;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.jutaku .area03 .table01 td{
	padding:0 0 30px 0;
	display: block;
}
.jutaku .area03 .table01 .list li{
	font-size:16px;
}
.jutaku .area04{
	margin:50px 0 0 0;
}
.jutaku .area04 .list01{
	width: 100%;
}
.jutaku .area04 .list01 li{
	width: 100%;
	height: auto;
	display: block;
	padding:15px 15px 15px 15px;
}
.jutaku .area04 .list01 li .ttl{
	font-size:18px;
	margin:0 0 5px 0;
}
.jutaku .area04 .list01 li .ttl.single{
	margin:0 0 5px 0;
}
.jutaku .area04 .list01 li .txt{
	font-size:16px;	
}
.jutaku .area04 .txt01{
	font-size:18px;
	margin:25px 0 0 0;
}
.system_contact_box{
	margin:80px 0 0 -25px;
	width: calc(100% + 50px);
	height: 170px;
	box-sizing: border-box;
	background: url(../img/system/contact_bg_sp.jpg) 0 0 repeat-x;
	background-size:auto 170px;
	padding:25px 0 0 0;
}
.system_contact_box.box02{
	padding:16px 0 0 0;
}
.system_contact_box .inner{
	margin:0 auto;	
}
.system_contact_box .inner .ttl{
	font-size:16px;
	letter-spacing:0;
	margin:0 0 10px 0;
}
.system_contact_box .inner .btn{
	width: 280px;
	height: 55px;
	padding:18px 0 0 0;
	margin:0 auto;
}
.system_contact_box .inner .btn span{
	font-size:18px;
	margin:0 auto;
	display: block;
	background: url(../img/base/link01b.svg) right 20px top 5px no-repeat;
	background-size: 12px auto;
	text-align: center;
}
.system_contact_box .inner .txt{
	font-size:14px;
	letter-spacing: 2px;
	margin:8px auto 0;
	max-width: 280px;
}
}
@media screen and (max-width:375px){
.jutaku .area02{
	margin:18.6667vw 0 0;
}
.jutaku .sticky_wrap .inner{
	max-width:221.3333vw;
}
.jutaku .sticky_wrap .r_box{
	padding:0 1.3333vw;
}
.jutaku .sticky_wrap .r_box img{
	width:51.2vw;
}
.jutaku .step_wrap .step_box{
	padding:0 0 0 6.6667vw;
	margin:0 0 8vw;
}
.jutaku .step_wrap .step_box.box01:after{
	top:43.4667vw;
}
.jutaku .step_wrap .step_box.box02:after{
	top:46.1333vw;
}
.jutaku .step_wrap .step_box.box03:after{
	top:6.1333vw;
}
.jutaku .step_wrap .step_box.box04:after{
	top:6.1333vw;
}
.jutaku .step_wrap .step_box.box05:after{
	top:6.1333vw;
}
.jutaku .step_wrap .step_box .ttl{
	margin:0 0 5.3333vw;
}
.jutaku .step_wrap .step_box .ttl .num_wrap{
	width:12vw;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .en{
	font-size:3.7333vw;
	letter-spacing:0.2667vw;
}
.jutaku .step_wrap .step_box .ttl .num_wrap .num{
	font-size:8vw;
	margin:0.5333vw 0 0;
}
.jutaku .step_wrap .step_box .ttl .jp{
	width:calc(100% - 16vw);
	padding:2.4vw 0 0 5.3333vw;
	background-size:1.3333vw auto;
	height:10.6667vw;
	font-size:4.8vw;
	margin:1.3333vw 0 0;
}
.jutaku .step_wrap .step_box .txt01{
	font-size:4.2667vw;
}
.jutaku .step_wrap .step_box .ttl .jp span{
	font-size:4.2667vw;
}
.jutaku .area03{
	margin:16vw 0 0;
}
.jutaku .area03 .table01 span{
	font-size:4.2667vw;
	width:54.4vw;
	padding:0 0 2.6667vw;
	margin:0 0 2.6667vw;
}
.jutaku .area03 .table01 td{
	padding:0 0 8vw;
}
.jutaku .area03 .table01 .list li{
	font-size:4.2667vw;
}
.jutaku .area04{
	margin:13.3333vw 0 0;
}
.jutaku .area04 .list01 li{
	padding:4vw;
}
.jutaku .area04 .list01 li .ttl{
	font-size:4.8vw;
	margin:0 0 1.3333vw;
}
.jutaku .area04 .list01 li .ttl.single{
	margin:0 0 1.3333vw;
}
.jutaku .area04 .list01 li .txt{
	font-size:4.2667vw;
}
.jutaku .area04 .txt01{
	font-size:4.8vw;
	margin:6.6667vw 0 0;
}
.system_contact_box{
	margin:21.3333vw 0 0 -6.6667vw;
	width:calc(100% + 13.3333vw);
	height:45.3333vw;
	background-size:auto 45.3333vw;
	padding:6.6667vw 0 0;
}
.system_contact_box.box02{
	padding:4.2666vw 0 0 0;
}
.system_contact_box .inner .ttl{
	font-size:4.2667vw;
	margin:0 0 2.6667vw;
}
.system_contact_box .inner .btn{
	width:74.6667vw;
	height:14.6667vw;
	padding:4.8vw 0 0;
}
.system_contact_box .inner .btn span{
	font-size:4.8vw;
	background-position:right 5.3333vw top 1.3333vw;
	background-size:3.2vw auto;
}
.system_contact_box .inner .txt{
	font-size:3.7333vw;
	letter-spacing:0.5333vw;
	margin:2.1333vw auto 0;
	max-width:74.6667vw;
}
}
/*--------------------------------------------------------------
			システム受託開発
--------------------------------------------------------------*/
.cloud-computing .area01 .txt01{
	color:#002D62;
	font-weight: bold;
	font-size:24px;
	line-height: 1.66;
	margin:0 0 25px 0;
}
.cloud-computing .area02{
	margin:120px 0 0 0;
}
.cloud-computing .area03{
	margin:120px 0 0 0;
}
.cloud-computing .area03 .txt01 span{
	color:#0050AB;
	font-weight: bold;
	border-bottom: 1px dotted #0050AB;
}
.cloud-computing .area04{
	margin:160px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.cloud-computing .area01 .txt01{
	font-size:clamp(18px,1.714vw,24px);
	margin:0 0 clamp(20px,1.786vw,25px) 0;
}
.cloud-computing .area01 .img01{
	width: 33.92vw;
}
.cloud-computing .area02{
	margin:clamp(80px,8.571vw,120px) 0 0 0;
}
.cloud-computing .area03{
	margin:clamp(80px,8.571vw,120px) 0 0 0;
}
.cloud-computing .area04{
	margin:clamp(120px,11.429vw,160px) 0 0 0;
}
}
@media screen and (max-width:767px){
.cloud-computing .area01 .txt01{
	font-size:18px;
	line-height: 1.55;
	margin:0 0 20px 0;
}
.cloud-computing .area02{
	margin:70px 0 0 0;
}
.cloud-computing .area03{
	margin:70px 0 0 0;
}
.cloud-computing .area04{
	margin:70px 0 0 0;
}
.cloud-computing .sc_wrap_wrap{
	overflow-x: auto;
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
	position: relative;
	box-sizing: border-box;
	padding:0 0 0 25px;	
}
.cloud-computing .sc_wrap{
	width:824px;
	margin:20px 0 0 0;
	padding:0 25px 0 0;
}
.cloud-computing  .scroll-hint-icon {
  top: calc(50% - 20px);
}
}
@media screen and (max-width:375px){
.cloud-computing .area01 .txt01{
	font-size:4.8vw;
	margin:0 0 5.333vw 0;
}
.cloud-computing .area02{
	margin:18.667vw 0 0 0;
}
.cloud-computing .area03{
	margin:18.667vw 0 0 0;
}
.cloud-computing .area04{
	margin:18.667vw 0 0 0;
}
.cloud-computing .sc_wrap_wrap{
	width:calc(100% + 13.333vw);
	margin:0 0 0 -6.667vw;
	padding:0 0 0 6.667vw;
}
.cloud-computing .sc_wrap{
	width:219.733vw;
	margin:5.333vw 0 0 0;
	padding:0 6.667vw 0 0;
}
.cloud-computing .scroll-hint-icon{
	top:calc(50% - 5.333vw);
}
}
/*--------------------------------------------------------------
			Salesforce
--------------------------------------------------------------*/
.salesforce-crm .area02 .txt01{
	font-size:24px;
	font-weight: bold;
	color:#002D62;
	line-height: 1.625;
}
.salesforce-crm .area02 .table01{
	width: 100%;
	border-top:1px solid #E9E9E9;
}
.salesforce-crm .area02 .table01 th{
	font-size:18px;
	font-weight: bold;
	color:#0050AB;
	text-align: left;
	border-bottom:1px solid #E9E9E9;
	padding:20px 40px 20px 0;
}
.salesforce-crm .area02 .table01 td{
	font-size:18px;
	font-weight: 500;
	border-bottom:1px solid #E9E9E9;
	padding:20px 0;
}
.salesforce-crm .area02 .txt02{
	max-width: 600px;
	font-size:16px;
}
.salesforce-crm .more_btn{
	display: block;
	margin:35px auto 0;
	border:1px solid #0050AB;
	width: 438px;
	height: 100px;
	box-sizing: border-box;
	padding:35px 0 0 35px;
	position: relative;
}
.salesforce-crm .more_btn span{
	display: inline-block;
	font-size:20px;
	font-weight: 500;
	color:#0050AB;	
}
.salesforce-crm .more_btn:after{
	content:'';
	position: absolute;
	width: 60px;
	height: 1px;
	border-bottom:1px solid #0050AB;
	box-sizing: border-box;
	top:50px;
	right:25px;
}
.salesforce-crm .area04 .txt02{
	color:#2A3A4A;
	font-size:24px;
	font-weight: bold;
	text-align: center;
	margin:30px 0 10px 0;
}
.salesforce-crm .area04 .txt03{
	text-align: center;
}
@media (min-width: 768px) and (max-width: 1399px) {
.salesforce-crm .area02 .txt01{
	font-size:clamp(18px,1.714vw,24px);
}
.salesforce-crm .area02 .table01 th{
	font-size:1.125rem;
	padding:20px clamp(20px,2.857vw,40px) 20px 0;
}
.salesforce-crm .area02 .table01 td{
	font-size:1.125rem;
}
.salesforce-crm .area02 img{
	max-width:42.857vw;
}
.salesforce-crm .area02 .txt02{
	max-width:42.857vw;
	font-size:clamp(14px,1.143vw,16px);
}
.salesforce-crm .more_btn{
	margin:35px auto 0;
	width:31.286vw;
	height:7.143vw;
	padding:2.5vw 0 0 2.5vw;
}
.salesforce-crm .more_btn span{
	font-size:clamp(16px,1.429vw,20px);
}
.salesforce-crm .more_btn:after{
	width:4.286vw;
	top:3.571vw;
	right:1.786vw;
}
.salesforce-crm .area03 .c_list01 li:nth-child(4){
	margin-top:0;
}
.salesforce-crm .area03 .c_list01 li:nth-child(5){
	margin-top:-4.5vw!important;
}kintone
.salesforce-crm .area04 .txt02{
	font-size:clamp(18px,1.714vw,24px);
}
}
@media screen and (max-width:767px){
.salesforce-crm .area02 .txt01{
	font-size:18px;
	line-height: 1.555;
}
.salesforce-crm .area02 .table01 th{
	font-size:16px;
	padding:15px 20px 15px 0;
}
.salesforce-crm .area02 .table01 td{
	font-size:16px;
	padding:15px 0;
	vertical-align: middle;
}
.salesforce-crm .area02 .txt02{
	font-size:16px;
}
.salesforce-crm .more_btn{
	margin:35px auto 0;
	width: 275px;
	height: 72px;
	padding:24px 0 0 22px;
}
.salesforce-crm .more_btn span{
	font-size:18px;
}
.salesforce-crm .more_btn:after{
	width: 30px;
	top:36px;
	right:20px;
}
.salesforce-crm .area04 .txt02{
	font-size:18px;
	margin:30px 0 10px 0;
}
}
@media screen and (max-width:375px){
.salesforce-crm .area02 .txt01{
	font-size:4.8vw;
}
.salesforce-crm .area02 .table01 th{
	font-size:4.267vw;
	padding:4vw 5.333vw 4vw 0;
}
.salesforce-crm .area02 .table01 td{
	font-size:4.267vw;
	padding:4vw 0;
}
.salesforce-crm .area02 .txt02{
	font-size:4.267vw;
}
.salesforce-crm .more_btn{
	margin:9.333vw auto 0;
	width:73.333vw;
	height:19.2vw;
	padding:6.4vw 0 0 5.867vw;
}
.salesforce-crm .more_btn span{
	font-size:4.8vw;
}
.salesforce-crm .more_btn:after{
	width:8vw;
	top:9.6vw;
	right:5.333vw;
}
.salesforce-crm .area04 .txt02{
	font-size:4.8vw;
	margin:8vw 0 2.667vw 0;
}
}
/*--------------------------------------------------------------
			QlikView
--------------------------------------------------------------*/
.qlikview .area02 .inner{
	overflow: hidden;
}
.qlikview .area02 .inner .l_box{
	float: left;
	width: 488px;
}
.qlikview .area02 .inner .r_box{
	float: right;
	width: 307px;
}
.qlikview .area03 .inner{
	font-size:0;
}
.qlikview .area03 .inner .l_box{
	width: 488px;
	display: inline-block;
	vertical-align: top;
}
.qlikview .area03 .inner .r_box{
	width: 307px;
	display: inline-block;
	margin:-115px 0 0 28px;
}
.qlikview .area04 .num_ttl01{
	font-size:20px;
	font-weight: bold;
	color:#2A3A4A;
	margin:0 0 20px 0;
}
.qlikview .area04 .inner{
	padding:0 0 0 40px;
}
.qlikview .area04 .flow_wrap01{
	background: #EFFBFD;
	margin:20px 0 0 0;
	padding:13px 14px;
}
.qlikview .area04 .flow_wrap01 .txt01{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
}
.qlikview .area04 .flow_wrap01 .list01{
	background: #fff;
	border:1px dashed #0050AB;
	padding:11px 0 10px 10px;	
	margin:6px 0 0 0;
}
.qlikview .area04 .flow_wrap01 .list01 li{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	line-height: 1.44;
}
@media (min-width: 768px) and (max-width: 1399px) {
.qlikview .area02 .inner .l_box{
	width:34.857vw;
}
.qlikview .area02 .inner .r_box{
	width:21.929vw;
}
.qlikview .area03 .inner .l_box{
	width:34.857vw;
}
.qlikview .area03 .inner .r_box{
	width:21.929vw;
	margin:clamp(-7.188rem,-8.214vw,-5rem) 0 0 2%;
}
.qlikview .area04 .num_ttl01{
	font-size:clamp(1rem,1.429vw,1.25rem);
	margin:0 0 clamp(0.938rem,1.429vw,1.25rem) 0;
}
.qlikview .area04 .inner{
	padding:0 0 0 clamp(1.25rem,2.857vw,2.5rem);
}
.qlikview .area04 .flow_wrap01{
	margin:clamp(0.938rem,1.429vw,1.25rem) 0 0 0;
	padding:clamp(0.625rem,0.929vw,0.813rem) clamp(0.625rem,1vw,0.875rem);
}
.qlikview .area04 .flow_wrap01 .txt01{
	font-size:clamp(1rem,1.286vw,1.125rem);
}
.qlikview .area04 .flow_wrap01 .list01{
	padding:clamp(0.625rem,0.786vw,0.688rem) 0 clamp(0.625rem,0.714vw,0.625rem) clamp(0.625rem,0.714vw,0.625rem);
	margin:clamp(0.313rem,0.429vw,0.375rem) 0 0 0;
}
.qlikview .area04 .flow_wrap01 .list01 li{
	font-size:clamp(1rem,1.286vw,1.125rem);
}
}
@media screen and (max-width:767px){
.qlikview .area02 .inner{
	overflow: hidden;
}
.qlikview .area02 .inner .l_box{
	float: none;
	width: 100%;
}
.qlikview .area02 .inner .r_box{
	float: none;
	width: 100%;
}
.qlikview .area03 .inner{
	font-size:0;
}
.qlikview .area03 .inner .l_box{
	width: 100%;
	display:block;
}
.qlikview .area03 .inner .r_box{
	width: 100%;
	display:block;
	margin:0;
}
.qlikview .area04 .num_ttl01{
	font-size:18px;
	margin:0 0 10px 0;
	text-indent: -2em;
	padding-left: 2em;
}
.qlikview .area04 .inner{
	padding:0;
}
.qlikview .area04 .flow_wrap01{
	margin:10px 0 0 0;
	padding:13px 15px;
}
.qlikview .area04 .flow_wrap01 .txt01{
	font-size:16px;
	line-height: 1.625;
}
.qlikview .area04 .flow_wrap01 .list01{
	padding:11px 11px 9px 11px;	
	margin:9px 0 0 0;
}
.qlikview .area04 .flow_wrap01 .list01 li{
	font-size:16px;
	line-height: 1.375;
	text-indent: -1em;
	padding-left: 1em;
	margin:0 0 3px 0;
}
}
@media screen and (max-width:375px){
.qlikview .area04 .num_ttl01{
	font-size:clamp(1rem,4.8vw,1.125rem);
	margin:0 0 clamp(0.5rem,2.667vw,0.625rem) 0;
}
.qlikview .area04 .flow_wrap01{
	margin:clamp(0.5rem,2.667vw,0.625rem) 0 0 0;
	padding:clamp(0.75rem,3.467vw,0.813rem) clamp(0.875rem,4vw,0.938rem);
}
.qlikview .area04 .flow_wrap01 .txt01{
	font-size:clamp(0.875rem,4.267vw,1rem);
}
.qlikview .area04 .flow_wrap01 .list01{
	padding:clamp(0.563rem,2.933vw,0.688rem) clamp(0.563rem,2.933vw,0.688rem) clamp(0.5rem,2.4vw,0.563rem) clamp(0.563rem,2.933vw,0.688rem);
	margin:clamp(0.5rem,2.4vw,0.563rem) 0 0 0;
}
.qlikview .area04 .flow_wrap01 .list01 li{
	font-size:clamp(0.875rem,4.267vw,1rem);
	margin:0 0 clamp(0.125rem,0.8vw,0.188rem) 0;
}
}
/*--------------------------------------------------------------
			B.M.Manager(メンテナンス業向け販売管理システム) 
--------------------------------------------------------------*/
.bmmanager .area01 .ttl01 .en{
	text-align: center;
	display: block;
	color:#0050AB;
	font-size:40px;
	font-weight: 400;
}
.bmmanager .area01 .ttl01 .jp{
	text-align: center;
	display: block;
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	margin:3px 0 0 0;
}
.bmmanager .area01 .ttl02{
	text-align: center;
	background: #0050AB;
	color:#fff;
	font-size:22px;
	font-weight: bold;
	max-width: 640px;
	margin:20px auto 15px;
	padding:4px 0 6px 0;
}
.bmmanager .area01 .video_wrap{
	max-width: 640px;
	margin:0 auto 0;
	overflow: hidden;
}
.bmmanager .area01 video{
	max-width: 100%;
}
.bmmanager .area01 .txt01{
	max-width: 640px;
	margin:10px auto 0;
	text-align: right;
}
.bmmanager .area02 .num_ttl01 .en{
	font-size:48px;
	font-weight: 400;
	display: inline-block;
	margin:0 20px 0 0;
	color:#002D62;
	vertical-align: middle;	
}
.bmmanager .area02 .num_ttl01 .jp{
	color:#002D62;
	font-size:24px;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.bmmanager .area02 .box_wrap01{
	background: #EFFBFD;
	margin:20px 0 0 0;
	padding:25px 40px 40px 40px;
}
.bmmanager .area02 .box_wrap01 .ttl01{
	font-size:18px;
	font-weight: bold;
	text-align: center;
	margin:0 0 25px 0;
}
.bmmanager .area02 .box_wrap01 .inner{
	font-size:0;
	text-align: center;
}
.bmmanager .area02 .box_wrap01 .inner .box01{
	display: inline-block;
	width: 227px;
	height: 347px;
	vertical-align: top;
	background: #fff;
	box-sizing: border-box;
	margin:0 0 0 30px;
	padding:30px 0 0 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01:first-child{
	margin:0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .img_wrap{
	height: 100px;
	margin:0 0 10px 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .ttl{
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	margin:0 0 13px 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .txt{
	text-align: left;
	font-size:16px;
	line-height: 1.75;
	padding:0 18px;
}
.bmmanager .area02 .list01{
	background: url(../img/si/bmmanager/icon04.jpg) right 0 no-repeat;
	background-size: 116px auto;
}
.bmmanager .area02 .list01 li{
	position: relative;
	padding:0 0 0 20px;
	line-height: 2;
	font-size:18px;
}
.bmmanager .area02 .list01 li:after{
	content:'■';
	position: absolute;
	top:0;
	left:0;
	font-size:18px;
	font-weight: bold;
	color:#0050AB;
}
.bmmanager .area02 .icon_wrap02{
	background: url(../img/si/bmmanager/icon05.jpg) right 0 no-repeat;
	background-size: 125px auto;
	padding:0 150px 0 0;
}
.bm_img_wrap01{
	border:1px solid #E9E9E9;
	text-align: center;
	padding:40px 0 35px 0;
}
.zoom_link01{
	display: inline-block;
}
.zoom_link01 img{
	display: block;
	max-width: 600px;
}
.zoom_link01 span{
	display: inline-block;
	text-align: center;
	margin:28px 0 0 0;
	font-size:16px;
	font-weight: bold;
	color:#0050AB;
	text-decoration: underline dotted;
	text-underline-offset: 4px;
	padding:0 30px 0 0;
	background: url(../img/si/bmmanager/s_icon01.svg) right 2px no-repeat;
	background-size:25px auto;
}
.zoom_link01:hover span{
	text-decoration: none;
}
.bmmanager .area03 .flow_list01{
	font-size:0;
	margin:25px 0 0 0;
}
.bmmanager .area03 .flow_list01 li{
	display: inline-block;
	border:2px solid #0050AB;
	text-align: center;
	width: 200px;
	height: 105px;
	box-sizing: border-box;
	padding:10px 0;
	vertical-align: top;
	margin:0 0 0 8px;
}
.bmmanager .area03 .flow_list01 li:first-child{
	margin:0;
}
.bmmanager .area03 .flow_list01 li .ttl{
	color:#0050AB;
	font-size:16px;
	font-weight: bold;	
	background: linear-gradient(transparent 60%, #CCDCEE 60%);
	display: inline-block;
	margin:0 0 4px 0;
}
.bmmanager .area03 .flow_list01 li .ttl span{
	color:#0050AB;
}
.bmmanager .area03 .flow_list01 li .txt{
	font-size:14px;
	line-height: 1.3;
}
.bmmanager .area04{
	margin:180px 0 0 0;
}
.bmmanager .area05 .box01{
	border:1px solid #0050AB;
	border-radius: 20px 0 0 0;
	padding:30px 45px 30px 45px;
	box-sizing: border-box;
	max-width: 660px;
}
.bmmanager .area05 .box01 .ttl{
	color:#0050AB;
	font-size:24px;
	font-weight: bold;
	line-height: 1.5;
	margin:0 0 20px 0;
}
.bmmanager .area05 .box01 .txt01{
	font-size:16px;
	border-bottom: 1px solid #E9E9E9;
	padding:0 0 20px 0;
}
.bmmanager .area05 .box01 .txt02{
	padding:20px 0 0 0;
	font-size:16px;
}
.bmmanager .area05 .num_ttl01{
	background: #EFFBFD;
	padding:10px 0 10px 20px;
	margin:0 0 20px 0;
}
.bmmanager .area05 .num_ttl01 .jp{
	font-size:16px;
	line-height: 2;
	color:#0050AB;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;	
}
.bmmanager .area05 .num_ttl01 .num{
	font-size:24px;
	font-weight: 600;
	color:#0050AB;	
	border-right: 1px solid #0050AB;
	vertical-align: middle;
	display: inline-block;
	padding:0 20px 0 13px;
}
.bmmanager .area05 .num_ttl01 .ttl{
	font-size:24px;
	font-weight: bold;
	color:#0050AB;
	vertical-align: middle;	
	padding:0 0 0 20px;
	line-height: 1.5;
}
.bmmanager .area05 .img_list01 li{
	display: inline-block;
	vertical-align: top;
	width: 402px;
}
.bmmanager .area05 .img_list01 li:nth-child(2){
	margin:0 0 0 15px;
}
.bmmanager .img_wrap01{
	border: 1px solid #E9E9E9;
	padding:60px 0 40px 0;
	text-align: center;
	position: relative;
}
.bmmanager .img_wrap01 .ttl{
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	display: inline-block;
	font-size:16px;
	line-height: 1.5;
	padding:5px 20px;
	min-width: 200px;
	box-sizing: border-box;
	position: absolute;
	left:0;
	top:0;
}
.bmmanager .img_wrap01 .txt{
	line-height: 1.5;
}
.bmmanager .img_wrap01 .txt.txt02{
	margin:0 0 22px 0;
}
.bmmanager .img_wrap01 img{
	margin:10px auto 0;
	display:block;
}
.bmmanager .link_wrap01{
	margin:130px auto 0;
	border: 1px solid #0050AB;
	width: 660px;
	height: 160px;
	box-sizing: border-box;
	text-align: center;	
	position: relative;	
	padding:50px 0 0 0;
	display: block;
}
.bmmanager .link_wrap01 .ttl{
	position: absolute;
	background: #ffF;
	top:-15px;
	left:0;
	right:0;
	margin:0 auto;
	font-size:18px;
	letter-spacing: 1.5px;
	color:#0050AB;
	padding:0 10px;
	box-sizing: border-box;
	width: 490px;
	display: inline-block;
}
#img_popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#0050AB;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
	transition:.3s;
	z-index:9999;
	cursor: pointer;
}
#img_popup.active{
	opacity:1;
	visibility:visible;
}
#img_popup img{
	max-width:73%;
	max-height:73%;
	display:block;
	cursor:default;
}
#img_popup .close{
	position:absolute;
	bottom:6.77%;
	left:0;
	right:0;
	border:none;
	background:none;
	color:#fff;
	font-size:26px;
	letter-spacing: 3px;
	width:88px;
	font-weight: bold;
	cursor:pointer;
	border-bottom: 2px dotted #fff;
	display:block;
	margin:0 auto;
	box-sizing: border-box;
	padding:0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.bmmanager .area01 .ttl01 .en{
	font-size:2.857vw;
}
.bmmanager .area01 .ttl01 .jp{
	font-size:1.286vw;
	margin:0.214vw 0 0 0;
}
.bmmanager .area01 .ttl02{
	font-size:1.571vw;
	max-width:45.714vw;
	margin:1.429vw auto 1.071vw;
	padding:0.286vw 0 0.429vw;
}
.bmmanager .area01 .video_wrap{
	max-width:45.714vw;
}
.bmmanager .area01 .txt01{
	max-width:45.714vw;
	margin:0.714vw auto 0;
}
.bmmanager .area02 .num_ttl01 .en{
	font-size:3.429vw;
	margin:0 1.429vw 0 0;
}
.bmmanager .area02 .num_ttl01 .jp{
	font-size:1.714vw;
}
.bmmanager .area02 .box_wrap01{
	margin:1.429vw 0 0 0;
	padding:1.786vw 2.857vw 2.857vw;
}
.bmmanager .area02 .box_wrap01 .ttl01{
	font-size:1.286vw;
	margin:0 0 1.786vw 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01{
	width:16.214vw;
	height:24.786vw;
	margin:0 0 0 2.143vw;
	padding:2.143vw 0 0 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .img_wrap{
	height:7.143vw;
	margin:0 0 0.714vw 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .ttl{
	font-size:1.286vw;
	margin:0 0 0.929vw 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .txt{
	font-size:1.143vw;
	padding:0 1.286vw;
}
.bmmanager .area02 .list01{
	background-size:8.286vw auto;
}
.bmmanager .area02 .list01 li{
	padding:0 0 0 1.429vw;
	font-size:1.286vw;
}
.bmmanager .area02 .list01 li:after{
	font-size:1.286vw;
}
.bmmanager .area02 .icon_wrap02{
	background-size:8.929vw auto;
	padding:0 10.714vw 0 0;
}
.bm_img_wrap01{
	padding:2.857vw 0 2.5vw;
}
.zoom_link01 span{
	margin:2vw 0 0 0;
	font-size:1.143vw;
	text-underline-offset:0.286vw;
	padding:0 2.143vw 0 0;
	background-size:1.786vw auto;
	background-position:right 0.143vw;
}
.bmmanager .area03 .flow_list01{
	margin:1.786vw 0 0 0;
}
.bmmanager .area03 .flow_list01 li{
	width:14.286vw;
	height:7.5vw;
	margin:0 0 0 0.571vw;
	padding:0;
}
.bmmanager .area03 .flow_list01 li .ttl{
	font-size:1.143vw;
	margin:0 0 0.286vw 0;
}
.bmmanager .area03 .flow_list01 li .ttl span{
	font-size:1.143vw;
}
.bmmanager .area03 .flow_list01 li .txt{
	font-size:1vw;
}
.bmmanager .area04{
	margin:12.857vw 0 0 0;
}
.bmmanager .area05 .box01{
	border-radius:1.429vw 0 0 0;
	padding:2.143vw 3.214vw;
	max-width:47.143vw;
}
.bmmanager .area05 .box01 .ttl{
	font-size:1.714vw;
	margin:0 0 1.429vw 0;
}
.bmmanager .area05 .box01 .txt01{
	font-size:1.143vw;
	padding:0 0 1.429vw 0;
}
.bmmanager .area05 .box01 .txt02{
	padding:1.429vw 0 0 0;
	font-size:1.143vw;
}
.bmmanager .area05 .num_ttl01{
	padding:0.714vw 0 0.714vw 1.429vw;
	margin:0 0 1.429vw 0;
}
.bmmanager .area05 .num_ttl01 .jp{
	font-size:1.143vw;
}
.bmmanager .area05 .num_ttl01 .num{
	font-size:1.714vw;
	padding:0 1.429vw 0 0.929vw;
}
.bmmanager .area05 .num_ttl01 .ttl{
	font-size:1.714vw;
	padding:0 0 0 1.429vw;
}
.bmmanager .area05 .img_list01 li{
	width:28.414vw;
}
.bmmanager .area05 .img_list01 li:nth-child(2){
	margin:0 0 0 1.071vw;
}
.bmmanager .img_wrap01{
	padding:4.286vw 0 2.857vw 0;
}
.bmmanager .img_wrap01 .ttl{
	font-size:1.143vw;
	padding:0.357vw 1.429vw;
	min-width:14.286vw;
}
.bmmanager .img_wrap01 .txt.txt02{
	margin:0 0 1.571vw 0;
}
.bmmanager .img_wrap01 img{
	margin:0.714vw auto 0;
}
.zoom_link01{
	padding:0 10px;
}
.zoom_link01 img{
	max-width: 100%;
	margin:0 auto;
}
.bmmanager .link_wrap01{
	margin:9.285vw auto 0;
	width:47.143vw;
	height:11.429vw;
	padding:3.571vw 0 0 0;
}
.bmmanager .link_wrap01 .ttl{
	top:-1.071vw;
	font-size:1.286vw;
	letter-spacing:0.107vw;
	padding:0 0.714vw;
	width:35vw;
}
.bmmanager .link_wrap01 img{
	width: 27.428vw;
}
#img_popup .close{
	font-size:1.857vw;
	letter-spacing:0.214vw;
	width:6.286vw;
}
}
@media screen and (max-width:767px){
.bmmanager .area01 .video_wrap{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}
.bmmanager .area01 .video_wrap video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.bmmanager .area01 .ttl01 .en{
	font-size:26px;
	line-height: 1;
}
.bmmanager .area01 .ttl01 .jp{
	font-size:18px;
	margin:0;
}
.bmmanager .area01 .ttl02{
	font-size:16px;
	margin:10px auto 10px;
	padding:4px 0 5px 0;
}
.bmmanager .area01 .txt01{
	margin:5px auto 0;
	font-size:14px;
}
.bmmanager .area02 .num_ttl01 .en{
	font-size:40px;
	margin:0 10px 0 0;
}
.bmmanager .area02 .num_ttl01 .jp{
	font-size:18px;
	line-height: 1.44;
}
.bmmanager .area02 .sc_wrap_wrap{
	background: #EFFBFD;	
}
.bmmanager .area02 .box_wrap01{
	margin:30px 0 0 -25px;
	padding:20px 0 25px 0;
	width: calc(100% + 50px);	
}
.bmmanager .area02 .box_wrap01 .ttl01{
	font-size:18px;
	margin:0 0 20px 0;
}
.bmmanager .area02 .box_wrap01 .inner{
	width: 740px;
	padding:0 50px;
}
.bmmanager .area02 .box_wrap01 .inner .box01{
	width: 226px;
	height: 347px;
	margin:0 0 0 30px;
	padding:30px 0 0 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01:first-child{
	margin:0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .img_wrap{
	height: 100px;
	margin:0 0 10px 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .ttl{
	color:#0050AB;
	font-size:18px;
	margin:0 0 13px 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .txt{
	text-align: left;
	font-size:16px;
	line-height: 1.75;
	padding:0 15px;
}
.bmmanager .area02 .list01{
	background: url(../img/si/bmmanager/icon04.jpg) center bottom no-repeat;
	background-size: 116px auto;
	padding:0 0 120px 0;
}
.bmmanager .area02 .list01 li{
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	line-height: 1.75;	
	font-size:16px;
}
.bmmanager .area02 .list01 li:after{
	content:'■';
	position: absolute;
	top:0;
	left:0;
	font-size:16px;
}
.bmmanager .area02 .icon_wrap02{
	background: url(../img/si/bmmanager/icon05.jpg) center bottom no-repeat;
	background-size: 125px auto;
	padding:0 0 140px 0;
}
.bm_img_wrap01{
	padding:30px 10px 20px 10px;
	width: calc(100% + 20px);
	margin-left: -10px;
	box-sizing: border-box;
}
.zoom_link01{
	display: inline-block;
	padding:0;
}
.zoom_link01 img{
	width: 100%;
}
.zoom_link01 span{
	margin:15px 0 0 0;
	font-size:14px;
	text-underline-offset: 4px;
	padding:0 21px 0 0;
	background: url(../img/si/bmmanager/s_icon01_sp.svg) right 5px no-repeat;
	background-size:15px auto;
}
.bmmanager .zoom_link01 img.img02{
	max-width: 245px;
}
.bmmanager .area03 .flow_list01{
	margin:30px auto 0;
	font-size:0;
	max-width: 324px;
}
.bmmanager .area03 .flow_list01 li{
	width: 158px;
	height: 112px;
	padding:9px 13px;
	margin:0 0 8px 0;
	display: inline-block;
	box-sizing: border-box;
}
.bmmanager .area03 .flow_list01 li:first-child{
	margin:0 0 8px 0;
}
.bmmanager .area03 .flow_list01 li:nth-child(2n){
	margin:0 0 8px 8px;
}
.bmmanager .area03 .flow_list01 li:nth-child(3){
	height: 128px;
}
.bmmanager .area03 .flow_list01 li:nth-child(4){
	height: 128px; 	
}
.bmmanager .area03 .flow_list01 li .ttl{
	font-size:16px;
	background: linear-gradient(transparent 60%, #CCDCEE 60%);
	margin:0 0 6px 0;
	white-space: nowrap;
}
.bmmanager .area03 .flow_list01 li .ttl.ttl02{
	background: none;
}
.bmmanager .area03 .flow_list01 li .ttl span{
	background: linear-gradient(transparent 60%, #CCDCEE 60%);
}
.bmmanager .area03 .flow_list01 li .txt{
	font-size:14px;
	text-align: left;
}
.bmmanager .area03 .sc_wrap_wrap .sc_wrap .inner{
	width: 824px;
	display: block;
}
.bmmanager .area03 .scroll-hint-icon {
  top: calc(50% - 40px);
}
.bmmanager .area04{
	margin:80px 0 0 0;
}
.bmmanager .area04 .sc_wrap_wrap{
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
}
.bmmanager .area04 .sc_wrap_wrap .sc_wrap .inner{
	width: 585px;
	display: block;
}
.bmmanager .area04 .scroll-hint-icon {
  top: calc(50% - 55px);
}
.bmmanager .area05 .box01{
	border-radius: 15px 0 0 0;
	padding:25px 25px 30px 25px;
}
.bmmanager .area05 .box01 .ttl{
	font-size:18px;
	line-height: 1.77;
	margin:0 0 12px 0;
}
.bmmanager .area05 .box01 .txt01{
	font-size:16px;
	line-height: 1.375;
	padding:0 0 15px 0;
}
.bmmanager .area05 .box01 .txt02{
	padding:14px 0 0 0;
	font-size:14px;
}
.bmmanager .area05 .num_ttl01{
	padding:10px 0 10px 12px;
	margin:0 0 20px 0;
}
.bmmanager .area05 .num_ttl01 .jp{
	font-size:16px;
}
.bmmanager .area05 .num_ttl01 .num{
	font-size:20px;
	padding:0 15px 0 6px;
	line-height: 1;
}
.bmmanager .area05 .num_ttl01 .ttl{
	font-size:16px;
	padding:0 0 0 15px;
	line-height: 2;
}
.bmmanager .area05 .sc_wrap_wrap{
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
}
.bmmanager .area05 .sc_wrap_wrap .sc_wrap .inner{
	width: 763px;
	display: block;
	padding:0 25px;
}
.bmmanager .area05 .scroll-hint-icon {
  top: calc(50% - 55px);
}
.bmmanager .area05 .img_list01 li{
	display:block;
	width:298px;
	margin:0 auto;
}
.bmmanager .area05 .img_list01 li:nth-child(2){
	margin:25px auto 0;
}
.bmmanager .area05 .img_list01 li img{
	width: 166px;
}
.bmmanager .img_wrap01{
	padding:40px 10px 25px 10px;
}
.bmmanager .img_wrap01 .ttl{
	font-size:16px;
	font-weight: 500;
	padding:5px 10px;
	min-width: 121px;
}
.bmmanager .img_wrap01 .txt{
	line-height: 1.5;
	font-size:16px;
}
.bmmanager .img_wrap01 .txt.txt02{
	margin:0 0 5px 0;
}
.bmmanager .img_wrap01 img{
	margin:20px auto 0;
	display:block;
}
.bmmanager .link_wrap01{
	margin:65px auto 0;
	width: 296px;
	height: 114px;
	padding:45px 0 0 0;
}
.bmmanager .link_wrap01 .ttl{
	position: absolute;
	top:-15px;
	left:0;
	right:0;
	margin:0 auto;
	font-size:16px;
	letter-spacing: 1px;
	padding:0 5px;
	width:253px;
	display: inline-block;
}
.bmmanager .link_wrap01 img{
	width: 254px;
	padding:0 0 0 10px;
}
#img_popup img{
	max-width:90%;
	max-height:calc(100vh - 180px);
	max-height:calc(100dvh - 180px);
	display:block;
	cursor:default;
}
#img_popup .close{
	bottom:6.77%;
	font-size:20px;
	letter-spacing: 2px;
	width:70px;
}	
}
@media screen and (max-width:375px){
.bmmanager .area01 .ttl01 .en{
	font-size:6.9333vw;
}
.bmmanager .area01 .ttl01 .jp{
	font-size:4.8vw;
}
.bmmanager .area01 .ttl02{
	font-size:4.2667vw;
	margin:2.6667vw auto;
	padding:1.0667vw 0 1.3333vw;
}
.bmmanager .area01 .txt01{
	margin:1.3333vw auto 0;
	font-size:3.7333vw;
}
.bmmanager .area02 .num_ttl01 .en{
	font-size:10.6667vw;
	margin:0 2.6667vw 0 0;
}
.bmmanager .area02 .num_ttl01 .jp{
	font-size:4.8vw;
}
.bmmanager .area02 .box_wrap01{
	margin:8vw 0 0 -6.6667vw;
	padding:5.3333vw 0 6.6667vw;
	width:calc(100% + 13.3333vw);
}
.bmmanager .area02 .box_wrap01 .ttl01{
	font-size:4.8vw;
	margin:0 0 5.3333vw;
}
.bmmanager .area02 .box_wrap01 .inner{
	width:197.3333vw;
	padding:0 13.3333vw;
}
.bmmanager .area02 .box_wrap01 .inner .box01{
	width:60.2667vw;
	height:92.5333vw;
	margin:0 0 0 8vw;
	padding:8vw 0 0;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .img_wrap{
	height:26.6667vw;
	margin:0 0 2.6667vw;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .ttl{
	font-size:4.8vw;
	margin:0 0 3.4667vw;
}
.bmmanager .area02 .box_wrap01 .inner .box01 .txt{
	font-size:4.2667vw;
	padding:0 4vw;
}
.bmmanager .area02 .list01{
	background-size:30.9333vw auto;
	padding:0 0 32vw;
}
.bmmanager .area02 .list01 li{
	padding:0 0 0 5.3333vw;
	margin:0 0 1.3333vw;
	font-size:4.2667vw;
}
.bmmanager .area02 .list01 li:after{
	font-size:4.2667vw;
}
.bmmanager .area02 .icon_wrap02{
	background-size:33.3333vw auto;
	padding:0 0 37.333vw;
}
.bm_img_wrap01{
	padding:8vw 2.6667vw 5.3333vw;
	width:calc(100% + 5.3333vw);
	margin-left:-2.6667vw;
}
.zoom_link01 span{
	margin:4vw 0 0;
	font-size:3.7333vw;
	font-size:3.7333vw;
	text-underline-offset:1.0667vw;
	padding:0 5.6vw 0 0;
	background-size:4vw auto;
	background-position:right 1.3333vw;
}
.bmmanager .zoom_link01 img.img02{
	max-width:65.33vw;
}
.bmmanager .area03 .flow_list01{
	margin:8vw 0 0;
	max-width: 100%;
	overflow: hidden;
}
.bmmanager .area03 .flow_list01 li{
	width:42.1333vw;
	height:29.8667vw;
	padding:2.4vw 3.4667vw;
	margin:0 0 2.1333vw;
	float: left;
}
.bmmanager .area03 .flow_list01 li:first-child{
	margin:0 0 2.1333vw 0;
}
.bmmanager .area03 .flow_list01 li:nth-child(2n){
	margin:0 0 2.1333vw 2.1333vw;
}
.bmmanager .area03 .flow_list01 li:nth-child(3),
.bmmanager .area03 .flow_list01 li:nth-child(4){
	height:34.1333vw;
}
.bmmanager .area03 .flow_list01 li .ttl{
	font-size:4.2667vw;
	margin:0 0 1.6vw;
}
.bmmanager .area03 .flow_list01 li .txt{
	font-size:3.7333vw;
}
.bmmanager .area03 .sc_wrap_wrap .sc_wrap .inner{
	width:219.7333vw;
}
.bmmanager .area03 .scroll-hint-icon {
  top: calc(50% - 10.666vw);
}
.bmmanager .area04{
	margin:21.3333vw 0 0;
}
.bmmanager .area04 .sc_wrap_wrap{
	width:calc(100% + 13.3333vw);
	margin:0 0 0 -6.6667vw;
}
.bmmanager .area04 .sc_wrap_wrap .sc_wrap .inner{
	width:156vw;
}
.bmmanager .area05 .box01{
	border-radius:4vw 0 0 0;
	padding:6.6667vw 6.6667vw 8vw;
}
.bmmanager .area05 .box01 .ttl{
	font-size:4.8vw;
	margin:0 0 3.2vw;
}
.bmmanager .area05 .box01 .txt01{
	font-size:4.2667vw;
	padding:0 0 4vw;
}
.bmmanager .area05 .box01 .txt02{
	padding:3.7333vw 0 0;
	font-size:3.7333vw;
}
.bmmanager .area05 .num_ttl01{
	padding:2.6667vw 0 2.6667vw 3.2vw;
	margin:0 0 5.3333vw;
}
.bmmanager .area05 .num_ttl01 .jp{
	font-size:4.2667vw;
}
.bmmanager .area05 .num_ttl01 .num{
	font-size:5.3333vw;
	padding:0 4vw 0 1.6vw;
}
.bmmanager .area05 .num_ttl01 .ttl{
	font-size:4.2667vw;
	padding:0 0 0 4vw;
}
.bmmanager .area05 .sc_wrap_wrap{
	width:calc(100% + 13.3333vw);
	margin:0 0 0 -6.6667vw;
}
.bmmanager .area05 .sc_wrap_wrap .sc_wrap .inner{
	width:203.4667vw;
	padding:0 6.6667vw;
}
.bmmanager .area05 .img_list01 li{
	width:79.4667vw;
}
.bmmanager .area05 .img_list01 li:nth-child(2){
	margin:6.6667vw auto 0;
}
.bmmanager .area05 .img_list01 li img{
	width:44.2667vw;
}
.bmmanager .img_wrap01{
	padding:10.6667vw 2.6667vw 6.6667vw;
}
.bmmanager .img_wrap01 .ttl{
	font-size:4.2667vw;
	padding:1.3333vw 2.6667vw;
	min-width:32.2667vw;
}
.bmmanager .img_wrap01 .txt{
	font-size:4.2667vw;
}
.bmmanager .img_wrap01 .txt.txt02{
	margin:0 0 1.3333vw;
}
.bmmanager .img_wrap01 img{
	margin:5.3333vw auto 0;
}
.bmmanager .link_wrap01{
	margin:17.3333vw auto 0;
	width:78.9333vw;
	height:30.4vw;
	padding:12vw 0 0;
}
.bmmanager .link_wrap01 .ttl{
	top:-4vw;
	font-size:4.2667vw;
	letter-spacing:0.2667vw;
	padding:0 1.3333vw;
	width:67.4667vw;
}
.bmmanager .link_wrap01 img{
	width:67.7333vw;
	padding:0 0 0 2.6667vw;
}
#img_popup .close{
	bottom:6.77%;
	font-size:5.3333vw;
	letter-spacing:0.5333vw;
	width:18.6667vw;
}
}
/*--------------------------------------------------------------
			kintone
--------------------------------------------------------------*/
.kintone .area01 .txt01{
	margin:20px 0 0 0;
	padding:0 0 0 240px;
	background: url(../img/si/kintone/img02.jpg) 0 0 no-repeat;
	background-size: 218px auto;
}
.kintone .area02{
	margin:180px 0 0 0;
}
.kintone .num_ttl01{
	background: #EFFBFD;
	padding:10px 0 10px 20px;
	margin:0 0 35px 0;
}
.kintone .num_ttl01 .en{
	font-size:24px;
	font-weight: 400;
	color:#0050AB;	
	vertical-align: middle;
	display: inline-block;
}
.kintone .num_ttl01 .num{
	font-size:24px;
	font-weight: 600;
	color:#0050AB;	
	border-right: 1px solid #0050AB;
	vertical-align: middle;
	display: inline-block;
	padding:10px 20px 10px 13px;
}
.kintone .num_ttl01 .jp{
	font-size:16px;
	line-height: 1.444;
	color:#0050AB;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	padding:0 0 0 20px;
}
.kintone .content_wrap01{
	overflow: visible!important;
}
.kintone footer{
	clear: both;
}
.kintone .area02 .box01{
	margin:85px 0 0 0;
	position: relative;
}
/*.kintone .area02 .box01:before{
	content:'';
	position: absolute;
	left:calc(50% - 50vw);
	top:160px;
	width:calc(100vw - (50vw - 418px));
	height: 241px;
	background: url(../img/si/kintone/bg01.jpg) 0 0 no-repeat;
	background-size:cover;
	display: block;
}*/
.kintone .area02 .box01 .inner{
	max-width: 700px;
	margin:0 auto;
	position: relative;	
}
.kintone .area02 .box01 .subti{
	font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #2A3A4A;
    margin: 0 0 5px;
}
.kintone .area02 .box01 .ttl{
	margin:0 0 20px 0;
}
.kintone .area02 .box01 .ttl .jp{
	color:#002D62;
	font-size:28px;
	font-weight: bold;
	display: inline-block;
	margin:0 140px 0 0;
}
.kintone .area02 .box01 .ttl .en{
	font-size:50px;
	font-weight: 400;
	text-align: right;
	display: inline-block;
	color:#CCDCEE;
}
.kintone .area02 .box01 .list01{
	font-size:0;
}
.kintone .area02 .box01 .list01 li{
	display: inline-block;
	background: #fff;
	width: 216px;
	vertical-align: top;
	margin:0 0 0 25px;
}
.kintone .area02 .box01 .list01 li:first-child{
	margin:0;
}
.kintone .area02 .box01 .list01 li .ttl{
	text-align: center;
	color:#0050AB;
	font-size:18px;
	font-weight: bold;
	margin:11px 0 6px 0;
}
.kintone .area02 .box01 .list01 li .txt{
	line-height: 1.5;
	color:#0050AB;
	font-size:16px;
	padding:0 15px 15px 15px;
	font-weight: 500;
}
.kintone .area03{
	margin:140px 0 0 0;
}
.kintone .area03 .box01{
	background: #EFFBFD;
	padding:35px 35px;
	position: relative;
}
.kintone .area03 .box01.ttl_box{
	padding-top:75px;
	border-top:1px solid #0050AB;
}
.kintone .area03 .box01 .box_ttl01{
	background: #0050AB;
	text-align: center;
	width: 206px;
	height: 52px;
	box-sizing: border-box;
	color:#fff;
	position: absolute;
	left:0;
	top:0;
	font-size:18px;
	font-weight: bold;
	padding:13px 0 0 0;
}
.kintone .area03 .box01 .txt01{
	color:#0050AB;
}
.kintone .area03 .box01 .inner01{
	background: #fff;
	padding:0 20px 25px 20px;
	position: relative;
}
.kintone .area03 .box01 .inner01 .ttl01{
	font-size:20px;
	color:#0050AB;
	font-weight: bold;
	line-height: 1.8;
	padding:16px 0 0 45px;
	margin:0 0 10px 0;
	background: url(../img/si/kintone/bg02.jpg) 0 0 no-repeat;
	background-size: 28px auto;
}
.kintone .area03 .box01 .inner01 .list01 li{
	font-size:18px;
	line-height: 2;
	position: relative;
	padding:0 0 0 18px;

}
.kintone .area03 .box01 .inner01 .list01 li:before{
	content:'■';
	position: absolute;
	color:#0050AB;
	font-size:12px;
	top:7px;
	left:0;
}
.kintone .area03 .box01 .inner01.img_inner01 .img01{
	position: absolute;
	top:85px;
	right:35px;
	width: 206px;
}
.kintone .area03 .box01 .ttl02{
	text-align: center;
	color:#0050AB;
	background: #fff;
	border:1px solid #0050AB;
	font-size:18px;
	line-height: 1;
	font-weight: 500;
	display: inline-block;
	padding:10px 15px;
	margin:35px 0 35px 0;
}
.kintone .area03 .box01 .list_box01{
	margin:35px 0 0 0;
	display: inline-block;
	border-left: 7px solid #0050AB;
	padding:0 50px 5px 15px;
}
.kintone .area03 .box01 .list_box01 .ttl{
	color:#0050AB;
	font-size:16px;
	font-weight: bold;
	margin:0 0 5px 0;
}
.kintone .area03 .box01 .list_box01 .list li{
	line-height: 1.625;
}
.kintone .area03 .box01 .inner01.img_inner02 .img01{
	position: absolute;
	top:30px;
	right:35px;
	width: 206px;
}
.kintone .area03 .box01 .list02{
	font-size:0;
}
.kintone .area03 .box01 .list02 li{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #0050AB;
	border-radius: 20px 0 0 0;
	padding:12px 10px;
	width: 166px;
	height: 181px;
	box-sizing: border-box;
	margin:0 0 15px 15px;
}
.kintone .area03 .box01 .list02 li:nth-child(1){
	margin:0 0 15px 0;
}
.kintone .area03 .box01 .list02 li .ttl{
	color:#0050AB;
	font-size:16px;
	line-height: 1.375;
	font-weight: bold;
	padding:0 0 10px 0;	
	margin:0 0 10px 0;
	border-bottom: 1px solid #0050AB;
}
.kintone .area03 .box01 .list02 li .ttl.r2{
	padding:13px 0 17px 0;
}
.kintone .area03 .box01 .list02 li .txt{
	color:#0050AB;
	font-size:16px;
	line-height: 1.375;
}
.kintone .area03 .box01 .list02 li.r2{
	margin:0 0 0 15px;
	width: 227px;
	height: 162px;
}
.kintone .area03 .box01 .list02 li:nth-child(5){
	margin:0;
}
.kintone .area04{
	margin:140px 0 0 0;
}
.content_wrap01 .c_list02b .ttl01{
	font-size:18px!important;
}
.content_wrap01 .c_list02b .ttl01.r2{
	padding:13px 0;
}
.content_wrap01 .c_list02b li .ttl02.r2{
	padding:22px 0;
}
.content_wrap01 .c_list02b .txt01{
	font-size:16px;
}
.kintone .more_btn{
	display: block;
	margin:50px auto 0;
	border:1px solid #0050AB;
	width: 438px;
	height: 100px;
	box-sizing: border-box;
	padding:35px 0 0 35px;
	position: relative;
}
.kintone .more_btn span{
	display: inline-block;
	font-size:20px;
	font-weight: 500;
	color:#0050AB;	
}
.kintone .more_btn:after{
	content:'';
	position: absolute;
	width: 60px;
	height: 1px;
	border-bottom:1px solid #0050AB;
	box-sizing: border-box;
	top:50px;
	right:25px;
}
.kintone .area04 .box01{
	margin:110px auto 0;
	border: 1px solid #0050AB;
	width: 660px;
	height: 160px;
	box-sizing: border-box;
	text-align: center;	
	position: relative;	
	padding:46px 0 0 0;
	display: block;
}
.kintone .area04 .box01 .ttl{
	position: absolute;
	background: #ffF;
	top:-12px;
	left:0;
	right:0;
	margin:0 auto;
	font-size:16px;
	letter-spacing: 1.5px;
	color:#0050AB;
	padding:0 10px;
	box-sizing: border-box;
	width: 490px;
	display: inline-block;
}
.kintone .area04 .box01 .txt{
	text-align: left;
	padding:0 0 5px 240px;
	box-sizing: border-box;
	max-width: 580px;
	font-size:16px;
	line-height: 1.625;
	background: url(../img/si/kintone/img12.jpg) 0 0 no-repeat;
	background-size: 219px auto;
	margin:0 auto;
}
@media (min-width: 768px) and (max-width: 1399px) {
.kintone .area01 .txt01{
	margin:1.4286vw 0 0 0;
	padding:0 0 0 17.1429vw;
	background-size:15.5714vw auto;
}
.kintone .area02{
	margin:12.8571vw 0 0 0;
}
.kintone .num_ttl01{
	padding:0.7143vw 0 0.7143vw 1.4286vw;
	margin:0 0 2.5vw 0;
}
.kintone .num_ttl01 .en{
	font-size:1.7143vw;
}
.kintone .num_ttl01 .num{
	font-size:1.7143vw;
	padding:0.7143vw 1.4286vw 0.7143vw 0.9286vw;
}
.kintone .num_ttl01 .jp{
	font-size:1.1429vw;
	padding:0 0 0 1.4286vw;
}
.kintone .area02 .box01{
	margin:6.0714vw 0 0 0;
}
.kintone .area02 .box01:before{
	top:11.4286vw;
	width:calc(100vw - (50vw - 29.8571vw));
	height:17.2143vw;
}
.kintone .area02 .box01 .subti{
	font-size:1rem;
}
.kintone .area02 .box01 .inner{
	max-width:50vw;
}
.kintone .area02 .box01 .ttl{
	margin:0 0 1.4286vw 0;
}
.kintone .area02 .box01 .ttl .jp{
	font-size:2vw;
	margin:0 10vw 0 0;
}
.kintone .area02 .box01 .ttl .en{
	font-size:3.5714vw;
}
.kintone .area02 .box01 .list01 li{
	width:15.4286vw;
	margin:0 0 0 1.7857vw;
}
.kintone .area02 .box01 .list01 li .ttl{
	font-size:1.2857vw;
	margin:0.7857vw 0 0.4286vw 0;
}
.kintone .area02 .box01 .list01 li .txt{
	font-size:1.1429vw;
	padding:0 1.0714vw 1.0714vw 1.0714vw;
}
.kintone .area03{
	margin:10vw 0 0 0;
}
.kintone .area03 .box01{
	padding:2.5vw;
}
.kintone .area03 .box01.ttl_box{
	padding-top:5.3571vw;
}
.kintone .area03 .box01 .box_ttl01{
	width:14.7143vw;
	height:3.7143vw;
	font-size:1.2857vw;
	padding:0.9286vw 0 0 0;
}
.kintone .area03 .box01 .inner01{
	padding:0 1.4286vw 1.7857vw 1.4286vw;
}
.kintone .area03 .box01 .inner01 .ttl01{
	font-size:1.4286vw;
	padding:1.1429vw 0 0 3.2143vw;
	margin:0 0 0.7143vw 0;
	background-size:2vw auto;
}
.kintone .area03 .box01 .inner01 .list01 li{
	font-size:1.2857vw;
	padding:0 0 0 1.2857vw;
}
.kintone .area03 .box01 .inner01 .list01 li:before{
	font-size:0.8571vw;
	top:0.5vw;
}
.kintone .area03 .box01 .inner01.img_inner01 .img01{
	top:6.0714vw;
	right:2.5vw;
	width:14.7143vw;
}
.kintone .area03 .box01 .ttl02{
	font-size:1.2857vw;
	padding:0.7143vw 1.0714vw;
	margin:2.5vw 0;
}
.kintone .area03 .box01 .list_box01{
	margin:2.5vw 0 0 0;
	border-left:0.5vw solid #0050AB;
	padding:0 3.5714vw 0.3571vw 1.0714vw;
}
.kintone .area03 .box01 .list_box01 .ttl{
	font-size:1.1429vw;
	margin:0 0 0.3571vw 0;
}
.kintone .area03 .box01 .inner01.img_inner02 .img01{
	top:2.1428vw;
	right:2.5vw;
	width:14.7143vw;
}
.kintone .area03 .box01 .list02 li{
	border-radius:1.4286vw 0 0 0;
	padding:0.8571vw 0.7143vw;
	width:11.8571vw;
	height:12.9286vw;
	margin:0 0 1.0714vw 1.0714vw;
}
.kintone .area03 .box01 .list02 li.r2{
	height: 11.571vw;
}
.kintone .area03 .box01 .list02 li:nth-child(1){
	margin:0 0 1.0714vw 0;
}
.kintone .area03 .box01 .list02 li .ttl{
	font-size:1.1429vw;
	padding:0 0 0.7143vw 0;
	margin:0 0 0.7143vw 0;
}
.kintone .area03 .box01 .list02 li .ttl.r2{
	padding:0.9286vw 0 1.2143vw 0;
}
.kintone .area03 .box01 .list02 li .txt{
	font-size:1.1429vw;
}
.kintone .area03 .box01 .list02 li.r2{
	margin:0 0 0 1.0714vw;
	width:16.2143vw;
}
.kintone .area03 .box01 .list02 li:nth-child(5){
	margin:0 0 1.0714vw 0;
}
.kintone .area04{
	margin:10vw 0 0 0;
}
.content_wrap01 .c_list02b .ttl01{
	font-size:1.2857vw!important;
}
.content_wrap01 .c_list02b .ttl01.r2{
	padding:0.9286vw 0;
}
.content_wrap01 .c_list02b li .ttl02{
	font-size:1.2557vw!important;
}
.content_wrap01 .c_list02b li .ttl02.r2{
	padding:1.9714vw 0;
}
.content_wrap01 .c_list02b .ttl03{
	font-size:1.2857vw!important;
}
.content_wrap01 .c_list02b .ttl04{
	font-size:1.2857vw!important;
}
.content_wrap01 .c_list02b .txt01{
	font-size:1.2857vw!important;
}
.kintone .more_btn{
	margin:3.5714vw auto 0;
	width:31.2857vw;
	height:7.1429vw;
	padding:2.4vw 0 0 2.5vw;
}
.kintone .more_btn span{
	font-size:1.4286vw;
}
.kintone .more_btn:after{
	width:4.2857vw;
	top:3.5714vw;
	right:1.7857vw;
}
.kintone .area04 .box01{
	margin:7.8571vw auto 0;
	width:47.1429vw;
	height:11.4286vw;
	padding:3.2857vw 0 0 0;
}
.kintone .area04 .box01 .ttl{
	top:-0.8571vw;
	font-size:1.1429vw;
	padding:0 0.7143vw;
	width:36vw;
}
.kintone .area04 .box01 .txt{
	padding:0 0 0.3571vw 17.1429vw;
	max-width:41.4286vw;
	font-size:1.1429vw;
	background-size:15.6429vw auto;
}
}
@media screen and (max-width:767px){
.kintone main{
	overflow-x: hidden;
}
.kintone .content_wrap01{
	overflow-x: hidden;
}
.kintone .area01 .c_txt02{
	background: url(../img/si/kintone/img02.jpg) right 30px top 0 no-repeat;
	background-size: 88px auto;
	padding:10px 0 0 0;
}
.kintone .area01 .txt01{
	margin:20px 0 0 0;
	padding:0;
	background:none;
}
.kintone .area02{
	margin:80px 0 0 0;
}
.kintone .num_ttl01{
	padding:15px 13px 20px 13px;
	margin:0 0 15px 0;
	text-align: center;
}
.kintone .num_ttl01 .en{
	font-size:24px;
	line-height: 1;
	display: inline-block;
	border-left: 1px solid #0050AB;
	padding:0 0 0 15px;
}
.kintone .num_ttl01 .num{
	font-size:20px;
	line-height: 1;	
	border-right: 1px solid #0050AB;
	padding:0 15px 0 10px;
}
.kintone .num_ttl01 .jp{
	display: block;
	font-size:18px;
	line-height:1.44444;
	padding:0;
	text-align: left;
	margin:5px 0 0 0;
}
.kintone .area02 .img01{
	padding:0 15px 0 0;
	display: block;
	max-width: 303px;
	margin:0 auto;
}
.kintone .area02 .img02{
	max-width: 274px;
	display: block;
	margin:0 auto;
}
.kintone .area02 .img03{
	max-width: 324px;
	display: block;
	margin:0 auto;
}
.kintone .area02 .img04{
	max-width: 340px;
	display: block;
	margin:0 auto;
}
.kintone .area02 .box01{
	margin:60px 0 0 0;
}
/*.kintone .area02 .box01:before{
	content:'';
	position: absolute;
	left:-25px;
	top:140px;
	width: calc(100vw + 50px);
	height: 241px;
	background: url(../img/si/kintone/bg01.jpg) 0 0 no-repeat;
	background-size:cover;
	box-sizing: border-box;
}*/
.kintone .area02 .box01 .inner{
	width: 750px;
	max-width: 100%;
	margin:0 auto;
	position: relative;	
}
.kintone .area02 .box01 .ttl{
	margin:0 0 20px 0;
}
.kintone .area02 .box01 .ttl .jp{
	font-size:18px;
	display:block;
	margin:0;
}
.kintone .area02 .box01 .ttl .en{
	font-size:30px;
	text-align: left;
	line-height: 1;
}
.kintone .area02 .box01 .list01{
	font-size:0;
	width: 800px;
	/*padding:0 0 0 50px;*/
	box-sizing: border-box;
}
.kintone .area02 .sc_wrap_wrap{
	margin-right: -25px;
	width: calc(100% + 50px);	
}
.kintone .area02 .scroll-hint-icon {
  top: calc(50% - 40px);
  left:calc(50% - 75px);
}
.kintone .area02 .box01 .list01 li{
	width: 216px;
	margin:0 0 0 25px;
}
.kintone .area02 .box01 .list01 li:first-child{
	margin:0;
}
.kintone .area02 .box01 .list01 li .ttl{
	font-size:18px;
	margin:11px 0 6px 0;
}
.kintone .area02 .box01 .list01 li .txt{
	line-height: 1.5;
	font-size:16px;
	padding:0 15px 15px 15px;
}
.kintone .area03{
	margin:125px 0 0 0;
}
.kintone .area03 .sc_wrap_wrap.sc01{
	margin:0 0 0 -25px;
	width: calc(100% + 50px);
}
.kintone .area03 .sc_wrap_wrap.sc01 .sc_wrap .inner{
	width: 583px;
}
.kintone .area03 .sc_wrap_wrap.sc01 .scroll-hint-icon {
  top: calc(50% - 40px);
}
.kintone .area03 .box01{
	padding:20px 40px 35px 40px;
	margin:0 0 0 -25px;
	box-sizing: border-box;
	width: calc(100% + 50px);
}
.kintone .area03 .box01.ttl_box{
	padding-top:55px;
}
.kintone .area03 .box01 .box_ttl01{
	width: 103px;
	height: 39px;
	left:25px;
	top:0;
	font-size:16px;
	padding:8px 0 0 0;
	margin:0 0 15px 0;
}
.kintone .area03 .box01 .txt01{
	font-size:16px;
	padding:0 5px;
}
.kintone .area03 .box01 .inner01{
	padding:0 18px 23px 18px;
}
.kintone .area03 .box01 .inner01 .ttl01{
	font-size:18px;
	line-height:2;
	padding:6px 0 0 30px;
	margin:0 0 5px 0;
	background: url(../img/si/kintone/bg02_sp.jpg) 0 0 no-repeat;
	background-size: 17px auto;
}
.kintone .area03 .box01 .inner01 .list01 li{
	font-size:16px;
	line-height:1.625;
	padding:0 0 0 18px;
	margin:0 0 0 3px;
}
.kintone .area03 .box01 .inner01 .list01 li:before{
	content:'■';
	position: absolute;
	color:#0050AB;
	font-size:12px;
	top:4px;
	left:0;
}
.kintone .area03 .box01 .inner01.img_inner01 .img01{
	position: static;
	width: 228px;
}
.kintone .area03 .box01 .inner01.img_inner01 .img01 img{
	width: 100%;
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	box-sizing: border-box;
}
.kintone .area03 .box01 .ttl02{
	font-size:16px;
	padding:10px 15px;
	margin:15px 0 15px 0;
}
.kintone .area03 .box01 .list_box01{
	margin:30px 0 0 10px!important;
	border-left: 7px solid #0050AB;
	padding:0 0 5px 15px;
}
.kintone .area03 .box01 .list_box01 .ttl{
	font-size:16px;
	margin:0 0 5px 0;
}
.kintone .area03 .box01 .list_box01 .list li{
	font-size:16px;	
	line-height: 1.625;
}
.kintone .area03 .box01 .inner01.img_inner02 .img01{
	position:static;
	width: 228px;
	margin:20px auto 0;
	padding:0 0 0 15px;
}
.kintone .area03 .box01 .list02{
	max-width: 251px;
	margin:0 auto;
}
.kintone .area03 .box01 .list02 li{
	border-radius: 15px 0 0 0;
	padding:10px 12px 18px 12px;
	width: 251px;
	height: auto;
	margin:15px 0 0 0;
}
.kintone .area03 .box01 .list02 li.r2{
	height: auto;
}
.kintone .area03 .box01 .list02 li:nth-child(1){
	margin:0;
}
.kintone .area03 .box01 .list02 li .ttl{
	font-size:16px;
	line-height: 1.375;
	padding:0 0 8px 0;	
	margin:0 0 10px 0;
}
.kintone .area03 .box01 .list02 li .ttl.r2{
	padding:0 0 8px 0;	
}
.kintone .area03 .box01 .list02 li .txt{
	color:#0050AB;
	font-size:16px;
	line-height: 1.375;
}
.kintone .area03 .box01 .list02 li.r2{
	margin:15px 0 0 0;
	width: 251px;
}
.kintone .area03 .box01 .list02 li:nth-child(5){
	margin:15px 0 0 0;
}
.kintone .area03 .sc_wrap_wrap.sc02{
	margin:0 0 0 -25px;
	width: calc(100% + 50px);
}
.kintone .area03 .sc_wrap_wrap.sc02 .sc_wrap .inner{
	width: 589px;
	padding:0 25px 0 25px;
}
.kintone .area04{
	margin:65px 0 0 0;
}
.content_wrap01 .c_list02b .ttl01{
	font-size:18px!important;
}
.content_wrap01 .c_list02b .ttl01.r2{
	padding:8px 0;
}
.content_wrap01 .c_list02b li .ttl02.r2{
	padding:8px 0;
}
.content_wrap01 .c_list02b .txt01{
	font-size:16px;
}
.kintone .more_btn{
	margin:40px auto 0;
	width:100%;
	max-width: 275px;
	height: 72px;
	padding:24px 0 0 22px;
}
.kintone .more_btn span{
	font-size:18px;
}
.kintone .more_btn:after{
	width: 30px;
	top:36px;
	right:20px;
}
.kintone .area04 .box01{
	margin:70px auto 0;
	width:100%;
	height: auto;
	padding:55px 0 0 0;
}
.kintone .area04 .box01 .ttl{
	top:-26px;
	left:0;
	right:0;
	font-size:16px;
	padding:0 10px;
	box-sizing: border-box;
	width:100%;
	max-width: 218px;
	display: inline-block;
}
.kintone .area04 .box01 .txt{
	text-align: left;
	padding:95px 0 20px 0;
	font-size:16px;
	background: url(../img/si/kintone/img12.jpg) 0 0 no-repeat;
	background-size: 219px auto;
	margin:0 auto;
	display: block;
	max-width: 233px;
}
.kintone .system_contact_box .txt{
	font-size:14px;
	letter-spacing: -0.3px;
}
}
@media screen and (max-width:375px){
.kintone .area01 .c_txt02{
	background: url(../img/si/kintone/img02.jpg) right 8.0000vw top 0 no-repeat;
	background-size: 23.4667vw auto;
	padding:2.6667vw 0 0 0;
}
.kintone .area01 .txt01{
	margin:5.3333vw 0 0 0;
}
.kintone .area02{
	margin:21.3333vw 0 0 0;
}
.kintone .num_ttl01{
	padding:4.0000vw 3.4667vw 5.3333vw 3.4667vw;
	margin:0 0 4.0000vw 0;
}
.kintone .num_ttl01 .en{
	font-size:6.4000vw;
	padding:0 0 0 4.0000vw;
}
.kintone .num_ttl01 .num{
	font-size:5.3333vw;
	padding:0 4.0000vw 0 2.6667vw;
}
.kintone .num_ttl01 .jp{
	font-size:4.8000vw;
	margin:1.3333vw 0 0 0;
}
.kintone .area02 .img01{
	padding:0 4.0000vw 0 0;
}
.kintone .area02 .img02{
	max-width:72.5333vw;
}
.kintone .area02 .box01{
	margin:16.0000vw 0 0 0;
}
.kintone .area02 .box01:before{
	left:-6.6667vw;
	top:37.3333vw;
	width:calc(100vw + 13.3333vw);
	height:64.2667vw;
}
.kintone .area02 .box01 .subti{
	font-size:calc(16 / 375 * 100vw)
}
.kintone .area02 .box01 .inner{
	width:100%;
}
.kintone .area02 .box01 .ttl{
	margin:0 0 5.3333vw 0;
}
.kintone .area02 .box01 .ttl .jp{
	font-size:4.8000vw;
}
.kintone .area02 .box01 .ttl .en{
	font-size:8.0000vw;
}
.kintone .area02 .box01 .list01{
	width:213.3333vw;
	/*padding:0 0 0 13.3333vw;*/
}
.kintone .area02 .sc_wrap_wrap{
	margin-right:-6.6667vw;
	width:calc(100% + 13.3333vw);
}
.kintone .area02 .scroll-hint-icon {
  left:calc(50% - 20vw);
}
.kintone .area02 .box01 .list01 li{
	width:57.6000vw;
	margin:0 0 0 6.6667vw;
}
.kintone .area02 .box01 .list01 li .ttl{
	font-size:4.8000vw;
	margin:2.9333vw 0 1.6000vw 0;
}
.kintone .area02 .box01 .list01 li .txt{
	font-size:4.2667vw;
	padding:0 4.0000vw 4.0000vw 4.0000vw;
}
.kintone .area03{
	margin:17.3333vw 0 0 0;
}
.kintone .area03 .sc_wrap_wrap.sc01{
	margin:0 0 0 -6.6667vw;
	width:calc(100% + 13.3333vw);
}
.kintone .area03 .sc_wrap_wrap.sc01 .sc_wrap .inner{
	width:155.4667vw;
}
.kintone .area03 .box01{
	padding:5.3333vw 10.6667vw 9.3333vw 10.6667vw;
	margin:0 0 0 -6.6667vw;
	width:calc(100% + 13.3333vw);
}
.kintone .area03 .box01.ttl_box{
	padding-top:14.6667vw;
}
.kintone .area03 .box01 .box_ttl01{
	width:27.4667vw;
	height:10.4000vw;
	left:6.6667vw;
	font-size:4.2667vw;
	padding:2.1333vw 0 0 0;
	margin:0 0 4vw 0;
}
.kintone .area03 .box01 .txt01{
	font-size:4.2667vw;
	padding:0 1.3333vw;
}
.kintone .area03 .box01 .inner01{
	padding:0 4.8vw 6.1333vw 4.8vw;
}
.kintone .area03 .box01 .inner01 .ttl01{
	font-size:4.8000vw;
	padding:1.6000vw 0 0 8.0000vw;
	margin:0 0 1.3333vw 0;
	background-size:4.5333vw auto;
}
.kintone .area03 .box01 .inner01 .list01 li{
	font-size:4.2667vw;
	padding:0 0 0 4.8000vw;
	margin:0 0 0 0.8000vw;
}
.kintone .area03 .box01 .inner01 .list01 li:before{
	font-size:3.2000vw;
	top:1.0667vw;
}
.kintone .area03 .box01 .inner01.img_inner01 .img01{
	width:60.8000vw;
}
.kintone .area03 .box01 .inner01.img_inner01 .img01 img{
	margin:4.0000vw 0 0 0;
	padding:0 0 0 4.0000vw;
}
.kintone .area03 .box01 .ttl02{
	font-size:4.2667vw;
	padding:2.6667vw 4.0000vw;
	margin:4.0000vw 0;
}
.kintone .area03 .box01 .list_box01{
	margin:8.0000vw 0 0 2.66vw!important;
	border-left-width:1.8667vw;
	padding:0 0 1.3333vw 4.0000vw;
}
.kintone .area03 .box01 .list_box01 .ttl{
	font-size:4.2667vw;
	margin:0 0 1.3333vw 0;
}
.kintone .area03 .box01 .list_box01 .list li{
	font-size:4.2667vw;
}
.kintone .area03 .box01 .inner01.img_inner02 .img01{
	width:60.8000vw;
	margin:5.3333vw auto 0;
	padding:0 0 0 4.0000vw;
}
.kintone .area03 .box01 .list02 li{
	border-radius:4.0000vw 0 0 0;
	padding:2.6667vw 3.2000vw 4.8000vw 3.2000vw;
	width:66.9333vw;
	margin:4.0000vw 0 0 0;
}
.kintone .area03 .box01 .list02 li .ttl{
	font-size:4.2667vw;
	padding:0 0 2.1333vw 0;
	margin:0 0 2.6667vw 0;
}
.kintone .area03 .box01 .list02 li .txt{
	font-size:4.2667vw;
}
.kintone .area03 .box01 .list02 li.r2{
	width:66.9333vw;
	margin:4.0000vw 0 0 0;
}
.kintone .area03 .box01 .list02 li:nth-child(5){
	margin:4.0000vw 0 0 0;
}
.kintone .area03 .sc_wrap_wrap.sc02{
	margin:0 0 0 -6.6667vw;
	width:calc(100% + 13.3333vw);
}
.kintone .area03 .sc_wrap_wrap.sc02 .sc_wrap .inner{
	width:157.0667vw;
	padding:0 6.6667vw;
}
.kintone .area04{
	margin:17.3333vw 0 0 0;
}
.content_wrap01 .c_list02b .ttl01{
	font-size:4.8000vw!important;
}
.content_wrap01 .c_list02b .ttl01.r2{
	padding:2.1333vw 0;
}
.content_wrap01 .c_list02b li .ttl02.r2{
	padding:2.1333vw 0;
}
.content_wrap01 .c_list02b .txt01{
	font-size:4.2667vw;
}
.kintone .more_btn{
	margin:10.6667vw auto 0;
	max-width:73.3333vw;
	height:19.2000vw;
	padding:6.4000vw 0 0 5.8667vw;
}
.kintone .more_btn span{
	font-size:4.8000vw;
}
.kintone .more_btn:after{
	width:8.0000vw;
	top:9.6000vw;
	right:5.3333vw;
}
.kintone .area04 .box01{
	margin:18.6667vw auto 0;
	padding:14.6667vw 0 0 0;
}
.kintone .area04 .box01 .ttl{
	top:-6.9333vw;
	font-size:4.2667vw;
	padding:0 2.6667vw;
	max-width:59.1333vw;
}
.kintone .area04 .box01 .txt{
	padding:25.3333vw 0 5.3333vw 0;
	font-size:4.2667vw;
	background-size:58.4000vw auto;
	max-width:62.1333vw;
}
.kintone .system_contact_box .txt{
	font-size:3.7333vw;
	letter-spacing:-0.0800vw;
}
}
/*--------------------------------------------------------------
			SFA(営業支援システム)
--------------------------------------------------------------*/
.sfa .area02{
	padding:120px 0 0 0;
}
.sfa .area02 .sf_list01{
	margin:40px 0 0 0;
}
.sfa .area02 .sf_list01 li{
	display: inline-block;
	vertical-align: top;
	width: 358px;
	margin:0 0 20px 0;
	font-size:0;
}
.sfa .area02 .sf_list01 li:nth-child(2n){
	margin:0 0 20px 20px;	
}
.sfa .area02 .sf_list01 li .icon{
	display: inline-block;
	vertical-align: top;
	width: 50px;
}
.sfa .area02 .sf_list01 li .ttl{
	border-top:1px solid #0050AB;	
	border-right:1px solid #0050AB;	
	border-bottom:1px solid #0050AB;	
	box-sizing: border-box;
	height: 49px;
	width: calc(100% - 50px);
	padding:14px 0 0 15px;
	display: inline-block;
	vertical-align: top;
	font-size:18px;
	line-height: 1;
	color:#0050AB;
	font-weight: bold;
}
.sfa .area02 .box01{
	background: #EFFBFD;
	margin:30px 0 0 0;
	padding:65px 38px 40px 38px;
	position: relative;
}
.sfa .area02 .box01 .ttl{
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width: 549px;
	display: inline-block;
	letter-spacing: 0.5px;
	font-weight: bold;
	padding:7px 0 0 0;
	text-align: center;
	height: 39px;
	background: #0050AB;
	box-sizing: border-box;
}
.sfa .area02 .box01 .ttl span{
	display: inline-block;
	color:#fff;
	font-size:18px;	
}
.sfa .area02 .box01 .list li{
	font-size:16px;
	font-weight: bold;
	line-height: 1.75;
	margin:8px 0 0 0	
}
.sfa .area02 .box01 .list li:first-child{
	margin:0;
}
.sfa .area02 .box01 .txt{
	border-top:1px solid #0050AB;
	padding:15px 0 0 0;
	margin:17px 0 0 0;
	color:#0050AB;
	font-size:16px;
	font-weight: bold;
}
.sfa .area03{
	padding:120px 0 0 0;
}
.sfa .area03 .txt01{
	font-size:16px;
	line-height: 1.75;
}
.sfa .area04{
	padding:120px 0 0 0;
}
.sfa .area04 .list01{
	font-size:0;
	column-count: 2;
	column-gap: 15px;	
}
.sfa .area04 .list01 li{
	display: inline-block;
	border:1px solid #0050AB;
	border-radius: 20px 0 0 0;
	width: 400px;
	margin:0 0 15px 0;
	vertical-align: top;
	box-sizing: border-box;
	padding:30px 32px;
}
.sfa .area04 .list01 li .ttl{
	color:#0050AB;
	font-size:24px;
	font-weight: bold;
	margin:0 0 10px 0;
}
.sfa .area04 .list01 li .txt{
	font-size:16px;
	line-height: 2;
}
@media (min-width: 768px) and (max-width: 1399px) {
.sfa .area02{
	padding:8.571vw 0 0;
}
.sfa .area02 .sf_list01{
	margin:2.857vw 0 0;
}
.sfa .area02 .sf_list01 li{
	width:25.571vw;
	margin:0 0 1.429vw;
}
.sfa .area02 .sf_list01 li:nth-child(2n){
	margin:0 0 1.429vw 1.429vw;
}
.sfa .area02 .sf_list01 li .icon{
	width: 3.571vw;	
}
.sfa .area02 .sf_list01 li .ttl{
	height:3.5vw;
	width:calc(100% - 3.571vw);
	padding:1.2vw 0 0 1.07175vw;
	font-size:1rem;
}
.sfa .area02 .box01{
	margin:2.143vw 0 0;
	padding:4.643vw 2.714vw 2.857vw;
}
.sfa .area02 .box01 .ttl{
	width:39.214vw;
	height:2.786vw;
	padding:0.5vw 0 0;
}
.sfa .area02 .box01 .ttl span{
	font-size:1.125rem;
}
.sfa .area02 .box01 .list li{
	margin:0.571vw 0 0;
	font-size:1rem;
}
.sfa .area02 .box01 .txt{
	padding:1.071vw 0 0;
	margin:1.214vw 0 0;
	font-size:1rem;	
}
.sfa .area03 .txt01{
	font-size:1rem;
}
.sfa .area04{
	padding:8.571vw 0 0;
}
.sfa .area04 .list01{
	column-gap:1.071vw;
}
.sfa .area04 .list01 li{
	width:28.571vw;
	border-radius:1.429vw 0 0 0;
	margin:0 0 1.071vw;
	padding:2.143vw 2.286vw;
}
.sfa .area04 .list01 li .ttl{
	margin:0 0 0.714vw;
	font-size:1.5rem;
}
.sfa .area04 .list01 li .txt{
	font-size:1rem;
}
}
@media screen and (max-width:767px){
.sfa .area02{
	padding:70px 0 0 0;
}
.sfa .area02 .sf_list01{
	margin:20px 0 0 0;
}
.sfa .area02 .sf_list01 li{
	display:block;
	width:280px;
	margin:0 auto 8px;
	border:1px solid #0050AB;
}
.sfa .area02 .sf_list01 li:nth-child(2n){
	margin:0 auto 8px;
}
.sfa .area02 .sf_list01 li .icon{
	width: 39px;
}
.sfa .area02 .sf_list01 li .ttl{
	height: 38px;
	width: calc(100% - 39px);
	padding:13px 0 0 10px;
	font-size:14px;
	font-weight: bold;
	border:none;
}
.sfa .area02 .box01{
	margin:45px 0 0 -25px;
	padding:75px 27px 30px 27px;
	width: calc(100% + 50px);
	box-sizing: border-box;
}
.sfa .area02 .box01 .ttl{
	position: absolute;
	top:-16px;
	left:0;
	right:0;
	margin:0 auto;
	display: inline-block;
	font-size:18px;
	letter-spacing: 0.5px;
	font-weight: bold;
	padding:7px 0 0 0;
	text-align: center;
	height: auto;	
	box-sizing: border-box;
	width: 100%;	
	background: none;
}
.sfa .area02 .box01 .ttl span{
	display: inline-block;
	height: 33px;
	background: #0050AB;
	margin:0 0 5px 0;
	padding:7px 10px 0 10px;
	font-size:16px;
	line-height: 1;
	box-sizing: border-box;
}
.sfa .area02 .box01 .list{
	padding:0 3px;
}
.sfa .area02 .box01 .list li{
	font-size:16px;
	font-weight: 500;
	line-height: 1.625;
	margin:13px 0 0 0;
	text-indent: -1em;
	padding:0 0 0 1em;
}
.sfa .area02 .box01 .list li:first-child{
	margin:0;
}
.sfa .area02 .box01 .txt{
	padding:17px 0 0 0;
	margin:17px 0 0 0;
	font-size:16px;
	font-weight: 500;
}
.sfa .area03{
	padding:80px 0 0 0;
}
.sfa .area03 .txt01{
	font-size:14px;
	line-height:1.571;
}
.sfa .area04{
	padding:80px 0 0 0;
}
.sfa .area04 .list01{
	column-count: 1;
	column-gap: 0;
	display: block;	
}
.sfa .area04 .list01 li{
	border-radius: 15px 0 0 0;
	width: 100%;
	max-width: 324px;
	margin:0 auto 15px;
	vertical-align: top;
	box-sizing: border-box;
	padding:20px 25px;
}
.sfa .area04.list01 li .ttl{
	font-size:18px;
	margin:0 0 8px 0;
}
.sfa .area04 .list01 li .txt{
	font-size:16px;
	line-height:1.625;
}
}
@media screen and (max-width:375px){
.sfa .area02{
	padding:18.667vw 0 0;
}
.sfa .area02 .sf_list01{
	margin:5.333vw 0 0;
}
.sfa .area02 .sf_list01 li{
	width:74.667vw;
	margin:0 auto 2.133vw;
}
.sfa .area02 .sf_list01 li:nth-child(2n){
	margin:0 auto 2.133vw;
}
.sfa .area02 .sf_list01 li .icon{
	width:10.4vw;
}
.sfa .area02 .sf_list01 li .ttl{
	height:10.133vw;
	width:calc(100% - 10.4vw);
	padding:3.467vw 0 0 2.667vw;
	font-size:calc(14 / 375 * 100vw)!important;
}
.sfa .area02 .box01{
	margin:12vw 0 0 -6.667vw;
	padding:20vw 7.2vw 8vw;
	width:calc(100% + 13.333vw);
}
.sfa .area02 .box01 .ttl{
	top:-4.267vw;
	padding:1.867vw 0 0;
}
.sfa .area02 .box01 .ttl span{
	height:8.8vw;
	margin:0 0 1.333vw;
	padding:1.867vw 2.667vw 0;
	font-size:calc(18 / 375 * 100vw)
}
.sfa .area02 .box01 .list{
	padding:0 0.8vw;
}
.sfa .area02 .box01 .list li{
	margin:3.467vw 0 0;
	padding:0 0 0 1em;
	font-size:calc(16 / 375 * 100vw)
}
.sfa .area02 .box01 .txt{
	padding:4.533vw 0 0;
	margin:4.533vw 0 0;
	font-size:calc(16 / 375 * 100vw)
}
.sfa .area03{
	padding:21.333vw 0 0;
}
.sfa .area04{
	padding:21.333vw 0 0;
}
.sfa .area04 .list01{
	column-gap:0;
}
.sfa .area04 .list01 li{
	border-radius:4vw 0 0 0;
	max-width:86.4vw;
	margin:0 auto 4vw;
	padding:5.333vw 6.667vw;
}
.sfa .area04 .list01 li .ttl{
	margin:0 0 2.133vw;
	font-size:calc(18 / 375 * 100vw);
}
.sfa .area04 .list01 li .txt{
	font-size:calc(16 / 375 * 100vw);
}
}
/*--------------------------------------------------------------
			医療・窓口会計支援システム
--------------------------------------------------------------*/
.medical4 .area02{
	padding:160px 0 0 0;
}
.medical4 .area02 .num_box{
	overflow: hidden;
	margin:40px 0 0 0;
}
.medical4 .area02 .num_box .l_box{
	float: left;
	width: 234px;
}
.medical4 .area02 .num_box .r_box{
	float: right;
	width: calc(100% - 264px);
}
.medical4 .area02 .num_box .num_ttl01{
	margin:-10px 0 15px 0;	
}
.medical4 .area02 .num_box .num_ttl01 .num{
	font-size:48px;
	font-weight: 400;
	color:#002D62;
	line-height: 1;
	vertical-align: middle;
}
.medical4 .area02 .num_box .num_ttl01 .jp{
	font-size:24px;
	font-weight: bold;
	color:#002D62;
	line-height: 1;	
	display: inline-block;
	vertical-align: middle;
	margin:0 0 0 20px;
}
.medical4 .area02 .num_box .list li{
	font-size:18px;
	text-indent: -1em;
	padding:0 5px 0 1em;
	line-height: 1.555;
	margin:10px 0 0 0;
}
.medical4 .area02 .num_box .list li:first-child{
	margin:0;
}
.medical4 .area03{
	padding:160px 0 0 0;
}
.medical4 .area03 .ttl01{
	background-color: #EFFBFD;	
	background-image: url(../img/si/medical4/icon01.svg);
	background-size: 22px auto;
	background-position: 24px center;
	background-repeat: no-repeat;
	font-size:20px;
	font-weight: bold;
	color:#002D62;
	padding:20px 20px 19px 70px;
	box-sizing: border-box;
	margin:0 0 25px 0;
}
.medical4 .area03 .list01{
	display: inline-grid;
	grid-template-columns: repeat(3, auto);
	width: 100%;
}
.medical4 .area03 .list01 li{
	font-size:18px;
	font-weight:bold;
	line-height: 2;
}
@media (min-width: 768px) and (max-width: 1399px) {
.medical4 .area02{
	padding:11.4286vw 0 0 0;
}
.medical4 .area02 .num_box{
	margin:2.8571vw 0 0 0;
}
.medical4 .area02 .num_box .l_box{
	width:16.7143vw;
}
.medical4 .area02 .num_box .r_box{
	width:calc(100% - 18.8571vw);
}
.medical4 .area02 .num_box .num_ttl01{
	margin:-0.7143vw 0 1.0714vw 0;
}
.medical4 .area02 .num_box .num_ttl01 .num{
	font-size:3.4286vw;
}
.medical4 .area02 .num_box .num_ttl01 .jp{
	font-size:1.7143vw;
	margin:0 0 0 1.4286vw;
}
.medical4 .area02 .num_box .list li{
	font-size:1.2857vw;
	margin:0.7143vw 0 0 0;
}
.medical4 .area03{
	padding:11.4286vw 0 0 0;
}
.medical4 .area03 .ttl01{
	background-size:1.5714vw auto;
	background-position:1.7143vw center;
	font-size:1.4286vw;
	padding:1.4286vw 1.4286vw 1.3571vw 5vw;
	margin:0 0 1.7857vw 0;
}
.medical4 .area03 .list01 li{
	font-size:1.2857vw;
}
}
@media screen and (max-width:767px){
.medical4 .area01 .img01{
	max-width: 280px;	
}
.medical4 .area02{
	padding:40px 0 0 0;
}
.medical4 .area02 .num_box{
	margin:30px 0 0 0;
}
.medical4 .area02 .num_box .l_box{
	float: none;
	width: 100%;
}
.medical4 .area02 .num_box .l_box img{
	max-width: 192px;
}
.medical4 .area02 .num_box .r_box{
	float: none;
	width: 100%;
}
.medical4 .area02 .num_box .num_ttl01{
	margin:20px 0 8px 0;	
}
.medical4 .area02 .num_box .num_ttl01 .num{
	font-size:40px;
}
.medical4 .area02 .num_box .num_ttl01 .jp{
	font-size:18px;
	line-height: 1.5;
	margin:0 0 0 5px;
}
.medical4 .area02 .num_box .list{
	padding:0 5px;
}
.medical4 .area02 .num_box .list li{
	font-size:16px;
	line-height: 1.625;
	margin:10px 0 0 0;
}
.medical4 .area02 .num_box .list li:first-child{
	margin:0;
}
.medical4 .area03{
	padding:60px 0 0 0;
}
.medical4 .area03 .ttl01{
	background-image: url(../img/si/medical4/icon01.svg);
	background-size: 15px auto;
	background-position: 10px center;
	background-repeat: no-repeat;
	font-size:16px;
	padding:8px 10px 8px 35px;
	margin:0 0 20px 0;
}
.medical4 .area03 .inner{
	font-size:0;
}
.medical4 .area03 .list01.pc{
	display: none!important;
}
.medical4 .area03 .list01{
	display:inline-block!important;
	vertical-align: top;
}
.medical4 .area03 .list01.list_a{
	width: 55%;
}
.medical4 .area03 .list01.list_b{
	width: 45%;
}
.medical4 .area03 .list01 li{
	font-size:16px;
	line-height: 1.625;
	text-indent: -1em;
	padding-left: 1em;
	font-weight: 500;
}
.medical4 .area03 img{
	max-width: 280px;	
}
}
@media screen and (max-width:375px){
.medical4 .area01 .img01{
	max-width:74.6667vw;
}
.medical4 .area02{
	padding:10.6667vw 0 0 0;
}
.medical4 .area02 .num_box{
	margin:8vw 0 0 0;
}
.medical4 .area02 .num_box .l_box img{
	max-width:51.2vw;
}
.medical4 .area02 .num_box .num_ttl01{
	margin:5.3333vw 0 2.1333vw 0;
}
.medical4 .area02 .num_box .num_ttl01 .num{
	font-size:10.6667vw;
}
.medical4 .area02 .num_box .num_ttl01 .jp{
	font-size:4.8vw;
	margin:0 0 0 1.3333vw;
}
.medical4 .area02 .num_box .list{
	padding:0 1.3333vw;
}
.medical4 .area02 .num_box .list li{
	font-size:4.2667vw;
	margin:2.6667vw 0 0 0;
}
.medical4 .area03{
	padding:16vw 0 0 0;
}
.medical4 .area03 .ttl01{
	background-size:4vw auto;
	background-position:2.6667vw center;
	font-size:4.2667vw;
	padding:2.1333vw 2.6667vw 2.1333vw 9.3333vw;
	margin:0 0 5.3333vw 0;
}
.medical4 .area03 .list01.list_a{
	width:55%;
}
.medical4 .area03 .list01.list_b{
	width:45%;
}
.medical4 .area03 .list01 li{
	font-size:4.2667vw;
}
.medical4 .area03 img{
	max-width:74.6667vw;
}
}
/*--------------------------------------------------------------
			Active Directory管理の効率化ソリューション(FIM)
--------------------------------------------------------------*/
.fim .area02{
	padding:120px 0 0 0;
}
.fim .area03{
	padding:80px 0 0 0;
}
.fim .area03 .num_ttl01{
	margin:-10px 0 15px 0;	
}
.fim .area03 .num_ttl01 .num{
	font-size:48px;
	font-weight: 400;
	color:#002D62;
	line-height: 1;
	vertical-align: middle;
}
.fim .area03 .num_ttl01 .jp{
	font-size:24px;
	font-weight: bold;
	color:#002D62;
	line-height: 1;	
	display: inline-block;
	vertical-align: middle;
	margin:0 0 0 20px;
}
.fim .area04{
	padding:110px 0 0 0;
}
.fim .area04 .ttl01{
	border-top:1px solid #D9D9D9;	
	border-bottom:1px solid #D9D9D9;	
	background:#F4F4F4;
	padding:10px 15px 10px 30px;
	color:#002D62;
	font-size:18px;
	line-height: 2;
	font-weight: bold;
	margin:0 0 20px 0;
}
.fim .area04 .list01{
	border-bottom:1px solid #D9D9D9;
	padding:0 0 20px 30px;
}
.fim .area04 .list01 li{
	line-height: 1.75;
	font-size:16px;
}
.fim .area05{
	padding:120px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1399px) {
.fim .area02{
	padding:8.5714vw 0 0 0;
}
.fim .area03{
	padding:5.7143vw 0 0 0;
}
.fim .area03 .num_ttl01{
	margin:-0.7143vw 0 1.0714vw 0;
}
.fim .area03 .num_ttl01 .num{
	font-size:3.4286vw;
}
.fim .area03 .num_ttl01 .jp{
	font-size:1.7143vw;
	margin:0 0 0 1.4286vw;
}
.fim .area04{
	padding:7.8571vw 0 0 0;
}
.fim .area04 .ttl01{
	padding:0.7143vw 1.0714vw 0.7143vw 2.1429vw;
	font-size:1.2857vw;
	margin:0 0 1.4286vw 0;
}
.fim .area04 .list01{
	padding:0 0 1.4286vw 2.1429vw;
}
.fim .area04 .list01 li{
	font-size:1.1429vw;
}
.fim .area05{
	padding:8.5714vw 0 0 0;
}
}
@media screen and (max-width:767px){
.fim .area02{
	padding:65px 0 0 0;
}
.fim .area02 .sc_wrap_wrap{
	margin:0 0 0 -25px;
	width: calc(100% + 50px);
	box-sizing: border-box;
	padding:0 0 0 25px;
}
.fim .area02 .sc_wrap_wrap .sc_wrap .inner{
	width: 825px;
	padding:0 25px 0 0;
}
.fim .area02 .sc_wrap_wrap .scroll-hint-icon {
  top: calc(50% - 42px);
  padding:0 0 0 190px;
}
.fim .area03{
	padding:80px 0 0 0;
}
.fim .area03 .num_ttl01{
	margin:20px 0 8px 0;	
}
.fim .area03 .num_ttl01 .num{
	font-size:40px;
}
.fim .area03 .num_ttl01 .jp{
	font-size:18px;
	line-height: 1.5;
	margin:0 0 0 5px;
}
.fim .area04{
	padding:70px 0 0 0;
}
.fim .area04 .ttl01{
	padding:10px 10px 10px 10px;
	font-size:16px;
	line-height: 1.625;
	margin:0 0 20px 0;
}
.fim .area04 .list01{
	padding:0 15px 20px 15px;
}
.fim .area04 .list01 li{
	line-height: 1.625;
	font-size:16px;
	padding-left: 1em;
	text-indent: -1em;
}
.fim .area05{
	padding:70px 0 0 0;
}
.fim .area05 .sc_wrap_wrap{
	margin:0 0 0 -25px;
	width: calc(100% + 50px);
	box-sizing: border-box;
	padding:0 0 0 25px;
}
.fim .area05 .sc_wrap_wrap .sc_wrap .inner{
	width: 824px;
	padding:0 25px 0 0;
}
.fim .area05 .sc_wrap_wrap .scroll-hint-icon {
  top: calc(50% - 98px);
}
}
@media screen and (max-width:375px){
.fim .area02{
	padding:17.3333vw 0 0 0;
}
.fim .area02 .sc_wrap_wrap{
	margin:0 0 0 -6.6667vw;
	width:calc(100% + 13.3333vw);
	padding:0 0 0 6.6667vw;
}
.fim .area02 .sc_wrap_wrap .sc_wrap .inner{
	width:220vw;
	padding:0 6.6667vw 0 0;
}
.fim .area02 .sc_wrap_wrap .scroll-hint-icon{
	padding:0 0 0 50.6667vw;
}
.fim .area03{
	padding:21.3333vw 0 0 0;
}
.fim .area03 .num_ttl01{
	margin:5.3333vw 0 2.1333vw 0;
}
.fim .area03 .num_ttl01 .num{
	font-size:10.6667vw;
}
.fim .area03 .num_ttl01 .jp{
	font-size:4.8vw;
	margin:0 0 0 1.3333vw;
}
.fim .area04{
	padding:18.6667vw 0 0 0;
}
.fim .area04 .ttl01{
	padding:2.6667vw;
	font-size:4.2667vw;
	margin:0 0 5.3333vw 0;
}
.fim .area04 .list01{
	padding:0 4vw 5.3333vw 4vw;
}
.fim .area04 .list01 li{
	font-size:4.2667vw;
}
.fim .area05{
	padding:18.6667vw 0 0 0;
}
.fim .area05 .sc_wrap_wrap{
	margin:0 0 0 -6.6667vw;
	width:calc(100% + 13.3333vw);
	padding:0 0 0 6.6667vw;
}
.fim .area05 .sc_wrap_wrap .sc_wrap .inner{
	width:219.7333vw;
	padding:0 6.6667vw 0 0;
}
}
/*--------------------------------------------------------------
		VB6.0, Access2003マイグレーションサービス
--------------------------------------------------------------*/
.mg .area02{
	padding:120px 0 0 0;
}
.mg .area02 .list01{
	font-size:0;
}
.mg .area02 .list01 li{
	background: #EFFBFD;
	width: 400px;
	height: 300px;
	box-sizing: border-box;
	margin:0 0 25px 0;
	display: inline-block;
	vertical-align: top;
	padding:35px 40px 0 40px;
}
.mg .area02 .list01 li:nth-child(2n){
	margin:0 0 25px 24px;
}
.mg .area02 .list01 li .ttl{
	background: #fff;
	text-align: center;
	color:#002D62;
	font-size:24px;
	font-weight: bold;
	line-height: 1;
	padding:20px 0;
	margin:0 0 20px 0;
}
.mg .area02 .list01 li .txt{
	font-size:18px;
	line-height: 2;
}
.mg .area03{
	padding:100px 0 0 0;
}
.mg .area03 .box01{
	border:2px solid #0050AB;
	width: 609px;
	box-sizing: border-box;
	padding:48px 35px;
	position: relative;
}
.mg .area03 .box01 .ttl01{
	font-size:22px;
	font-weight: bold;
	color:#0050AB;
	background: #fff;
	display: inline-block;
	padding:0 10px;
	position: absolute;
	left:30px;
	top:-20px;
}
.mg .area03 .box01 .ttl02{
	font-size:18px;
	font-weight: 500;
	line-height: 1;
	margin:0 0 5px 0;
}
.mg .area03 .box01 .ttl02.line_top{
	padding:45px 0 0 0;
	margin:45px 0 0 0;
	border-top:1px solid #0050AB;
}
.mg .area03 .box01 .txt01{
	font-size:16px;
	margin:5px 0 35px 0;
	padding:0 0 0 9px;
}
.mg .area03 .box01 img{
	display: block;
	margin:0 auto;
	padding:0 30px 0 0;
}
.mg .area03 strong{
	font-size:18px;
	line-height: 2;
}
.mg .area04{
	padding:180px 0 0 0;
}
.mg .area04 .ttl01{
	font-size:18px;
	font-weight: bold;
	margin:0 0 20px 0;
}
.mg .area04 .table01{
	width: 100%;
	border-top:1px solid #D9D9D9;
	border-right:1px solid #002D62;
}
.mg .area04 .table01 th{
	border-bottom:1px solid #D9D9D9;
	font-size:18px;
	font-weight: 500;
	padding:13px 0;
}
.mg .area04 .table01 th.th01{
	border-left:1px solid #D9D9D9;
	background: #F4F4F4;
}
.mg .area04 .table01 th.th02{
	border-left:1px solid #002D62;
	background: #002D62;
	color:#fff;
}
.mg .area04 .table01 td{
	border-bottom:1px solid #D9D9D9;
	font-size:18px;
	padding:13px 0 13px 20px;	
	box-sizing: border-box;
}
.mg .area04 .table01 td:first-child{
	width: 185px;
}
.mg .area04 .table01 td.td01{
	border-left:1px solid #D9D9D9;
	padding:13px 0 13px 15px;	
	width: 320px;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 
	font-weight: 400;	
}
.mg .area04 .table01 td.td02{
	border-left:1px solid #002D62;
	background: #EFFBFD;
	padding:13px 0 13px 15px;
	width: 320px;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 
	font-weight: 400;		
}
.mg .area04 .table01 tr:last-child td.td02{
	border-bottom:1px solid #002D62;
}
@media (min-width: 768px) and (max-width: 1399px) {
.mg .area02{
	padding:8.5714vw 0 0 0;
}
.mg .area02 .list01 li{
	width:28.5714vw;
	height:21.4286vw;
	margin:0 0 1.7857vw 0;
	padding:2.5vw 2.8571vw 0 2.8571vw;
}
.mg .area02 .list01 li:nth-child(2n){
	margin:0 0 1.7857vw 1.7143vw;
}
.mg .area02 .list01 li .ttl{
	font-size:1.7143vw;
	padding:1.4286vw 0;
	margin:0 0 1.4286vw 0;
}
.mg .area02 .list01 li .txt{
	font-size:1.2857vw;
}
.mg .area03{
	padding:7.1429vw 0 0 0;
}
.mg .area03 .box01{
	width:43.5vw;
	padding:3.4286vw 2.5vw;
}
.mg .area03 .box01 .ttl01{
	font-size:1.5714vw;
	padding:0 0.7143vw;
	left:2.1429vw;
	top:-1.4286vw;
}
.mg .area03 .box01 .ttl02{
	font-size:1.2857vw;
	margin:0 0 0.3571vw 0;
}
.mg .area03 .box01 .ttl02.line_top{
	padding:3.2143vw 0 0 0;
	margin:3.2143vw 0 0 0;
}
.mg .area03 .box01 .txt01{
	font-size:1.1429vw;
	margin:0.3571vw 0 2.5vw 0;
	padding:0 0 0 0.6429vw;
}
.mg .area03 .box01 img{
	padding:0 2.1428vw 0 0;
}
.mg .area03 .box01 img.img01{
	width: 29.071vw;
}
.mg .area03 .box01 img.img02{
	width:27.714vw;
}
.mg .area03 .box01 img.img03{
	width: 29.071vw;
}
.mg .area03 strong{
	font-size:1.2857vw;
}
.mg .area04{
	padding:12.8571vw 0 0 0;
}
.mg .area04 .ttl01{
	font-size:1.2857vw;
	margin:0 0 1.4286vw 0;
}
.mg .area04 .table01 th{
	font-size:1.2857vw;
	padding:0.9286vw 0;
}
.mg .area04 .table01 td{
	font-size:1.2857vw;
	padding:0.9286vw 0 0.9286vw 1.4286vw;
}
.mg .area04 .table01 td:first-child{
	width:13.2143vw;
}
.mg .area04 .table01 td.td01{
	padding:0.9286vw 0 0.9286vw 1.0714vw;
	width:22.8571vw;
}
.mg .area04 .table01 td.td02{
	padding:0.9286vw 0 0.9286vw 1.0714vw;
	width:22.8571vw;
}
}
@media screen and (max-width:767px){
.mg .area02{
	padding:60px 0 0 0;
}
.mg .area02 .list01 li{
	width:100%;
	max-width: 323px;
	height:auto;
	margin:0 auto 15px;
	display:block;
	padding:23px 25px 20px 25px;
}
.mg .area02 .list01 li:nth-child(2n){
	margin:0 auto 15px;
}
.mg .area02 .list01 li .ttl{
	font-size:18px;
	padding:13px 0;
	margin:0 0 8px 0;
}
.mg .area02 .list01 li .txt{
	font-size:16px;
	line-height: 1.625;
}
.mg .area03{
	padding:70px 0 0 0;
}
.mg .area03 .box01{
	width:100%;
	max-width: 323px;
	padding:33px 15px 25px 15px;
	margin:0 auto;
}
.mg .area03 .box01 .ttl01{
	font-size:18px;
	display:inline-block;
	padding:0 12px;
	position: absolute;
	top:-16px;
	left:33px;
}
.mg .area03 .box01 .ttl02{
	font-size:16px;
	margin:0 0 5px 0;
}
.mg .area03 .box01 .ttl02.line_top{
	padding:20px 0 0 0;
	margin:15px 0 0 0;
}
.mg .area03 .box01 .txt01{
	font-size:16px;
	margin:5px 0 23px 0;
	padding:0 3px 0 9px;
}
.mg .area03 .box01 img{
	max-width: 263px;
	display: block;
	margin:0 0 0 15px;
}
.mg .area03 .box01 img.img01{
	width:100%;
}
.mg .area03 .box01 img.img02{
	width:100%;
}
.mg .area03 .box01 img.img03{
	width:100%;
}
.mg .area03 strong{
	font-size:16px;
	line-height: 1.625;
}
.mg .area04{
	padding:60px 0 0 0;
}
.mg .area04 .ttl01{
	font-size:18px;
	margin:0 0 20px 0;
}
.mg .area04 .sc_wrap_wrap{
	overflow-x: auto;
	width: calc(100% + 50px);
	margin:0 0 0 -25px;
	box-sizing: border-box;
	padding:0 0 0 25px;	
}
.mg .area04 .sc_wrap_wrap .sc_wrap{
	padding:0 850px 0 0;
	box-sizing: border-box;
}
.mg .area04 .sc_wrap_wrap  .scroll-hint-icon {
  top: calc(50% - 70px);
}
.mg .area04 .table01{
	width: 825px;
}
.mg .area04 .table01 th{
	font-size:16px;
	padding:13px 0;
	width: 185px;
}
.mg .area04 .table01 td{
	font-size:16px;
	padding:13px 20px 13px 20px;
}
.mg .area04 .table01 td:first-child{
	width: 185px;
}
.mg .area04 .table01 td.td01{
	padding:13px 0 13px 20px;	
	width: 320px;
	font-size:18px;
}
.mg .area04 .table01 td.td02{
	padding:13px 0 13px 20px;
	width: 320px;
	font-size:18px;	
}
}
@media screen and (max-width:375px){
.mg .area02{
	padding:16vw 0 0 0;
}
.mg .area02 .list01 li{
	max-width:86.1333vw;
	margin:0 auto 4vw;
	padding:6.1333vw 6.6667vw 5.3333vw 6.6667vw;
}
.mg .area02 .list01 li:nth-child(2n){
	margin:0 auto 4vw;
}
.mg .area02 .list01 li .ttl{
	font-size:4.8vw;
	padding:3.4667vw 0;
	margin:0 0 2.1333vw 0;
}
.mg .area02 .list01 li .txt{
	font-size:4.2667vw;
}
.mg .area03{
	padding:18.6667vw 0 0 0;
}
.mg .area03 .box01{
	max-width:86.1333vw;
	padding:8.8vw 4vw 6.6667vw 4vw;
}
.mg .area03 .box01 .ttl01{
	font-size:4.8vw;
	padding:0 3.2vw;
	top:-4.2667vw;
	left:8.8vw;
}
.mg .area03 .box01 .ttl02{
	font-size:4.2667vw;
	margin:0 0 1.3333vw 0;
}
.mg .area03 .box01 .ttl02.line_top{
	padding:5.3333vw 0 0 0;
	margin:4vw 0 0 0;
}
.mg .area03 .box01 .txt01{
	font-size:4.2667vw;
	margin:1.3333vw 0 6.1333vw 0;
	padding:0 0.8vw 0 2.4vw;
}
.mg .area03 .box01 img{
	max-width:70.1333vw;
	margin:0 0 0 4vw;
}
.mg .area03 strong{
	font-size:4.2667vw;
}
.mg .area04{
	padding:16vw 0 0 0;
}
.mg .area04 .ttl01{
	font-size:4.8vw;
	margin:0 0 5.3333vw 0;
}
.mg .area04 .sc_wrap_wrap{
	width:calc(100% + 13.3333vw);
	margin:0 0 0 -6.6667vw;
	padding:0 0 0 6.6667vw;
}
.mg .area04 .sc_wrap_wrap .sc_wrap{
	padding:0 226.6667vw 0 0;
}
.mg .area04 .table01{
	width:220vw;
}
.mg .area04 .table01 th{
	font-size:4.2667vw;
	padding:3.4667vw 0;
	width:49.3333vw;
}
.mg .area04 .table01 td{
	font-size:4.2667vw;
	padding:3.4667vw 5.3333vw;
}
.mg .area04 .table01 td:first-child{
	width:49.3333vw;
}
.mg .area04 .table01 td.td01{
	padding:3.4667vw 0 3.4667vw 5.3333vw;
	width:85.3333vw;
	font-size:4.8vw;
}
.mg .area04 .table01 td.td02{
	padding:3.4667vw 0 3.4667vw 5.3333vw;
	width:85.3333vw;
	font-size:4.8vw;
}
}
/*--------------------------------------------------------------
		認定資格制度
--------------------------------------------------------------*/
.cs_ttl01{
	font-size:28px;
	font-weight: bold;
	color:#002D62;
	margin:0 0 40px 0;
}
.cs_list01{
	font-size:0;
}
.cs_list01 li{
	display: inline-block;
	width: 381px;
	vertical-align: top;
	margin:0 0 35px 0;
}
.cs_list01 li:nth-child(2n){
	margin:0 0 35px 60px;	
}
.cs_list01 li .ttl01{
	text-align: center;
	font-size:20px;
	font-weight: bold;
	color:#0050AB;
	line-height: 1.4;
	background: url(../img/si/salesforce-crm/cs/ttl_bg01.jpg) center 0 no-repeat;
	background-size: 100% auto;
	padding:55px 0 23px 0;
}
.cs_list01 li .ttl01.r3{
	padding:42px 0 10px 0;
}
.cs_list01 li .num01{
	text-align: center;
	display: block;
	background: #EFFBFD;
	font-size:20px;
	line-height: 1.8;
	font-weight: bold;
	color:#0050AB;
	padding:4px 0 0 0;
	margin:0 0 10px 0;
}
.cs_list01 li .txt01{
	font-size:18px;
	line-height: 2;	
}
.cs_txt01{
	color:#002D62;	
	font-size:24px;
	font-weight: 500;
	line-height: 1.666;
}
@media (min-width: 768px) and (max-width: 1399px) {
.cs_ttl01{
	font-size:2vw;
	margin:0 0 2.8571vw 0;
}
.cs_list01 li{
	width:27.2143vw;
	margin:0 0 2.5vw 0;
}
.cs_list01 li:nth-child(2n){
	margin:0 0 2.5vw 4.2857vw;
}
.cs_list01 li .ttl01{
	font-size:1.4286vw;
	background-size:100% auto;
	padding:3.9286vw 0 1.6429vw 0;
}
.cs_list01 li .ttl01.r3{
	padding:3vw 0 0.7143vw 0;
}
.cs_list01 li .num01{
	font-size:1.4286vw;
	padding:0.2857vw 0 0 0;
	margin:0 0 0.7143vw 0;
}
.cs_list01 li .txt01{
	font-size:1.2857vw;
}
.cs_txt01{
	font-size:1.7143vw;
}
}
@media screen and (max-width:767px){
.cs_ttl01{
	font-size:18px;
	margin:0 0 30px 0;
}
.cs_list01 li{
	display:block;
	max-width: 341px;
	width: 100%;
	margin:0 auto 30px;
}
.cs_list01 li:nth-child(2n){
	margin:0 auto 30px;
}
.cs_list01 li .ttl01{
	font-size:18px;
	line-height:1.555;
	background: url(../img/si/salesforce-crm/cs/ttl_bg01_sp.jpg) center 0 no-repeat;
	background-size: 100% auto;
	padding:48px 0 25px 0;
}
.cs_list01 li .ttl01.r3{
	padding:38px 0 10px 0;
}
.cs_list01 li .num01{
	font-size:18px;
	padding:4px 0 0 0;
	margin:0 0 10px 0;
}
.cs_list01 li .txt01{
	font-size:16px;
	line-height:1.625;	
}
.cs_txt01{
	font-size:18px;
	line-height: 1.555;
}
}
/*--------------------------------------------------------------
		AppExchangeを利用した開発
--------------------------------------------------------------*/
.appexchange .area01 .txt01{
	font-size:24px;
	font-weight: bold;
	color:#0050AB;
	line-height: 1.6666;
	display: block;
	background: url(../img/si/salesforce-crm/appexchange/img02.jpg) right 0 no-repeat;
	background-size: 260px auto;
	padding:10px 0 55px 0;
}
.appexchange .area02{
	padding:120px 0 0 0;	
}
.appexchange .area02 .ttl01{
	text-align: center;
	background: #EFFBFD;
	font-size:24px;
	font-weight: bold;
	color:#0050AB;
	line-height: 1.6666;	
	padding:15px 0;
	margin:0 0 40px 0;
}
.appexchange .area02 .ttl02{
	font-size:24px;	
	font-weight: bold;
	color:#0050AB;	
	line-height: 1.6666;		
	margin:0 0 10px 0;
}
.appexchange .area02 .ttl03{
	font-size:18px;
	font-weight: bold;
	margin:0 0 20px 0;
}
.appexchange .area02 .table01{
	width: 100%;
	border-top:1px solid #D9D9D9;
}
.appexchange .area02 .table01 th{
	width: 185px;
	box-sizing: border-box;
	padding:12px 0 12px 15px;
	font-size:16px;
	font-weight: 400;
	text-align: left;
	background: #F4F4F4;
	border-bottom:1px solid #D9D9D9;
	vertical-align: middle;
}
.appexchange .area02 .table01 td{
	border-bottom:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	padding:12px 0 12px 15px;
	font-size:16px;
	font-family:"Asta Sans","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; 
	font-weight: 400;	
}
@media (min-width: 768px) and (max-width: 1399px) {
.appexchange .area01 .txt01{
	font-size:1.7143vw;
	background-size:18.5714vw auto;
	padding:0.7143vw 0 3.9286vw 0;
}
.appexchange .area02{
	padding:8.5714vw 0 0 0;
}
.appexchange .area02 .ttl01{
	font-size:1.7143vw;
	padding:1.0714vw 0;
	margin:0 0 2.8571vw 0;
}
.appexchange .area02 .ttl02{
	font-size:1.7143vw;
	margin:0 0 0.7143vw 0;
}
.appexchange .area02 .ttl03{
	font-size:1.2857vw;
	margin:0 0 1.4286vw 0;
}
.appexchange .area02 .table01 th{
	width:13.2143vw;
	padding:0.8571vw 0 0.8571vw 1.0714vw;
	font-size:1.1429vw;
	vertical-align: middle;
}
.appexchange .area02 .table01 td{
	padding:0.8571vw 0 0.8571vw 1.0714vw;
	font-size:1.1429vw;
}
}
@media screen and (max-width:767px){
.appexchange .area01 .txt01{
	font-size:18px;
	line-height: 1.555;
	background: url(../img/si/salesforce-crm/appexchange/img02.jpg) 0 bottom no-repeat;
	background-size: 238px auto;
	padding:0 0 190px 0;
}
.appexchange .area02{
	padding:70px 0 0 0;	
}
.appexchange .area02 .ttl01{
	font-size:18px;	
	padding:6px 0 5px 0;
	margin:0 0 20px 0;
}
.appexchange .area02 .ttl02{
	font-size:18px;		
	margin:0 0 10px 0;
}
.appexchange .area02 .ttl03{
	font-size:18px;
	margin:0 0 10px 0;
}
.appexchange .area02 .table01 th{
	width: 86px;
	padding:10px 0 10px 10px;
	font-size:16px;
	line-height: 1.2;
	height: 50px;
	vertical-align: middle;
}
.appexchange .area02 .table01 td{
	padding:10px 10px 10px 10px;
	font-size:16px;
	vertical-align: middle;
}
}
@media screen and (max-width:375px){
.appexchange .area01 .txt01{
	font-size:4.8vw;
	background-size:63.4667vw auto;
	padding:0 0 50.6667vw 0;
}
.appexchange .area02{
	padding:18.6667vw 0 0 0;
}
.appexchange .area02 .ttl01{
	font-size:4.8vw;
	padding:1.6vw 0 1.3333vw 0;
	margin:0 0 5.3333vw 0;
}
.appexchange .area02 .ttl02{
	font-size:4.8vw;
	margin:0 0 2.6667vw 0;
}
.appexchange .area02 .ttl03{
	font-size:4.8vw;
	margin:0 0 2.6667vw 0;
}
.appexchange .area02 .table01 th{
	width:22.9333vw;
	padding:2.6667vw 0 2.6667vw 2.6667vw;
	font-size:4.2667vw;
	height:13.3333vw;
}
.appexchange .area02 .table01 td{
	padding:2.6667vw;
	font-size:4.2667vw;
}
}
/*--------------------------------------------------------------
		事例一覧
--------------------------------------------------------------*/
.case_list01{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.case_list01 li{
	box-sizing: border-box;
	width: 49%;
	border:1px solid #0050AB;
	margin:0 0 2% 0;
	padding:25px 25px;
}
.case_list01 li:nth-child(2n){
	margin:0 0 2% 2%;
}
.case_list01 li a{
	transition: 0.2s;
}
.case_list01 li a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.case_list01 li .ttl01{
	font-size:18px;
	line-height: 1.5;
	font-weight: bold;
	color:#0050AB;
	border-bottom: 1px solid #E9E9E9;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.case_list01 li .txt01{
	font-weight: bold;
	font-size:16px;
	line-height: 1.5;
	border-bottom: 1px solid #E9E9E9;
	padding:0 0 10px 0;
	margin:0 0 5px 0;	
}
.case_list01 li .ttl02{
	font-size:16px;
	font-weight: bold;
	line-height: 2;
	margin:5px 0 0 0;
}
.case_list01 li .txt02{
	font-size:16px;
	line-height: 1.5;
}
@media (min-width: 768px) and (max-width: 1399px) {
.case_list01{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.case_list01 li{
	box-sizing:border-box;
	width:49%;
	margin:0 0 2% 0;
	padding:1.7857vw;
}
.case_list01 li:nth-child(2n){
	margin-left:2%;
}
.case_list01 li .ttl01{
	font-size:1.2857vw;
	line-height:1.5;
	padding:0 0 0.7143vw 0;
	margin:0 0 0.7143vw 0;
}
.case_list01 li .txt01{
	font-size:1.1429vw;
	line-height:1.5;
	padding:0 0 0.7143vw 0;
	margin:0 0 0.3571vw 0;
}
.case_list01 li .ttl02{
	font-size:1.1429vw;
	line-height:2;
	margin:0.3571vw 0 0 0;
}
.case_list01 li .txt02{
	font-size:1.1429vw;
	line-height:1.5;
}
}
@media screen and (max-width:767px){
.case_list01{
	display: block;
}
.case_list01 li{
	box-sizing: border-box;
	width: 100%;
	margin:0 0 20px 0;
	padding:25px 25px;
}
.case_list01 li:nth-child(2n){
	margin:0 0 20px 0;
}
.case_list01 li .ttl01{
	font-size:18px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.case_list01 li .txt01{
	font-size:16px;
	padding:0 0 10px 0;
	margin:0 0 5px 0;	
}
.case_list01 li .ttl02{
	font-size:16px;
	margin:5px 0 0 0;
}
.case_list01 li .txt02{
	font-size:16px;
}
}
@media screen and (max-width:375px){
.case_list01{
	display:block;
}
.case_list01 li{
	width:100%;
	margin:0 0 5.3333vw 0;
	padding:6.6667vw;
}
.case_list01 li:nth-child(2n){
	margin:0 0 5.3333vw 0;
}
.case_list01 li .ttl01{
	font-size:4.8vw;
	padding:0 0 2.6667vw 0;
	margin:0 0 2.6667vw 0;
}
.case_list01 li .txt01{
	font-size:4.2667vw;
	padding:0 0 2.6667vw 0;
	margin:0 0 1.3333vw 0;
}
.case_list01 li .ttl02{
	font-size:4.2667vw;
	margin:1.3333vw 0 0 0;
}
.case_list01 li .txt02{
	font-size:4.2667vw;
}
}
/*--------------------------------------------------------------
		事例詳細
--------------------------------------------------------------*/
.single_ttl01{
	font-size:24px;
	line-height: 1.5;
	font-weight: bold;
	color:#0050AB;
	border-left:7px solid #0050AB;
	padding:0 0 0 15px;
	margin:0 0 40px 0;
}
.single_ttl02{
	font-size:22px;
	line-height: 1.6;
	font-weight: bold;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	padding:32px 0 31px 0;
}
.single_table01{
	width: 100%;
}
.single_table01 th{
	border-bottom: 1px solid #E9E9E9;
	font-size:18px;
	line-height: 2;
	font-weight: bold;
	text-align: left;
	padding:32px 0 31px 0;	
	width: 180px;
}
.single_table01 td{
	border-bottom: 1px solid #E9E9E9;
	font-size:18px;
	line-height: 2;	
	padding:32px 0 31px 0;	
}
@media (min-width: 768px) and (max-width: 1399px) {
.single_ttl01{
	font-size:clamp(20px,1.714vw,24px);
}
.single_ttl02{
	font-size:clamp(18px,1.571vw,22px);
	padding:clamp(24px,2.286vw,32px) 0 clamp(23px,2.214vw,31px);
}
.single_table01 th{
	font-size:clamp(16px,1.286vw,18px);
	width:clamp(140px,12.857vw,180px);
	padding:clamp(24px,2.286vw,32px) 0 clamp(23px,2.214vw,31px);
}
.single_table01 td{
	font-size:clamp(16px,1.286vw,18px);
	padding:clamp(24px,2.286vw,32px) 0 clamp(23px,2.214vw,31px);
}
}
@media screen and (max-width:767px){
.single_ttl01{
	font-size:20px;
	line-height: 1.4;
	padding:0 0 0 10px;
	margin:0 0 25px 0;
}
.single_ttl02{
	font-size:18px;
	line-height:1.555;
	padding:12px 0 15px 0;
}
.single_table01 th{
	display: block;
	border-bottom:none;
	font-size:18px;
	line-height: 2;
	padding:12px 0 0 0;	
	width: 100%;
}
.single_table01 td{
	display: block;	
	font-size:16px;
	line-height: 1.5;	
	padding:0 0 15px 0;	
}
}
@media screen and (max-width:375px){
.single_ttl01{
	font-size:clamp(18px,5.333vw,20px);
}
.single_ttl02{
	font-size:clamp(16px,4.8vw,18px);
}
.single_table01 th{
	font-size:clamp(16px,4.8vw,18px);
}
.single_table01 td{
	font-size:clamp(14px,4.267vw,16px);
}
}