@charset "UTF-8";

@media screen and (min-width:751px) {
	
	header .innerbox nav .box.business:after{
		transform: scaleX(1);
	}
	
	.movetx{
		width:100%;
		overflow: hidden;
		height:27vw;
		background:url("/images/business/bg01.png") no-repeat;
		background-size:cover;
		background-position: center center;
		display: flex;
		align-items: center;
	}
	
	.movetx .tx{
		height:10vw;
		padding:0 0 0 10vw;
	}
	
	.movetx .tx img{
		max-width:inherit !important;
		height:100%;
		width:auto;
	}
	
	.contbox{
		padding:0 0 0 0;
		border-bottom:1px solid #ccc;
		display: flex;
		justify-content: space-between;
	}
	
	.contbox .main_cont{
		border-right:1px solid #ccc;
		width:calc(100% - 200px - min(5vw,calc((100vw - 1166px / 2))));
	}
	
	.contbox .main_cont .incont{
		padding:110px 0 0 0;
	}
	
	.contbox .main_cont .incont .bgflex_tl{
		display: flex;
		width:100%;
	}
	
	.contbox .main_cont .incont .bgflex_tl .bgtl{
		display: flex;
		align-items: center;
		background:url("/images/business/bg02.png") no-repeat;
		background-size: cover;
		width:calc(200px + max(5vw,calc((100vw - 1166px) / 2))) ;
		padding:0 10px 0 max(5vw,calc((100vw - 1166px) / 2));
	}
	
	.contbox .main_cont .incont .bgflex_tl .bgtl.box2{
		display: flex;
		align-items: center;
		background:url("/images/business/bg03.png") no-repeat;
		background-size: cover;
		width:calc(200px + max(5vw,calc((100vw - 1166px) / 2))) ;
		padding:0 10px 0 max(5vw,calc((100vw - 1166px) / 2));
	}
	
	.contbox .main_cont .incont .bgflex_tl .bgtl span{
		color:#fff;
		font-size: 2rem;
		line-height: 1.5em;
		border-left:1px solid #fff;
		padding:0 0 0 20px;
		display: inline-block;
	}
	
	.contbox .main_cont .incont .bgflex_tl .subtl{
		width:calc(100% - calc(200px + max(5vw,calc((100vw - 1166px) / 2))));
		font-size: 1.5rem;
		line-height: 2.2em;
		padding:50px;
		background:#ebf6f8;
		letter-spacing: 0.07em;
	}
	
	.contbox .flexcont{
		padding:100px 6vw 0 max(5vw,calc((100vw - 1166px) / 2));
		display: flex;
		justify-content: space-between;
	}
	
	.contbox .flexcont.box3{
		margin:0 0 150px 0;
	}
	
	.contbox .flexcont .txcont{
		width:calc(100% - 50px - 306px);
	}
	
	.contbox .flexcont.box3 .txcont{
		width:100%;
	}
	
	.contbox .flexcont .txcont .tlcont{
		width:100%;
		position: relative;
	}
	
	.contbox .flexcont .txcont .tlcont span{
		line-height: 1.5em;
		font-size: 2.4rem;
		letter-spacing: 0.14em;
		margin:0 0 30px 0;
		position: relative;
		z-index: 2;
		display: block;
	}
	
	.contbox .flexcont .txcont .tlcont num{
		position: absolute;
		height:90px;
		top:-45px;
		left:-20px;
	}
	
	.contbox .flexcont .txcont .tlcont num img{
		height:100%;
		width:auto;
	}
	
	.contbox .flexcont .txcont .listtl{
		font-size: 1.5rem;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	.contbox .flexcont .txcont .listtl.box2{
		margin:20px 0 10px 0;
	}
	
	.contbox .flexcont .txcont ul{
		border-top:1px dashed #26343c;
	}
	
	.contbox .flexcont.box3 .txcont ul{
		display: flex;
		justify-content: space-between;
		width:100%;
		border:none;
	}
	
	.contbox .flexcont.box3 .txcont ul li{
		border-top:1px dashed #26343c;
		width:calc((100% - 40px) / 2);
	}
	
	.contbox .flexcont .txcont ul li{
		border-bottom:1px dashed #26343c;
		padding:25px 0;
		display: flex;
		align-items: center;
	}
	
	.contbox .flexcont .txcont ul li span{
		width:30px;
	}
	
	.contbox .flexcont .txcont ul li span::before{
		content: "";
		width:10px;
		height:10px;
		background:#26343c;
		display: block;
	}
	
	.contbox .flexcont .txcont ul li p{
		width:calc(100% - 30px);
		font-size: 1.5rem;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
	
	.contbox .flexcont .phbox{
		width:306px;
	}
	
	.contbox .flexcont.box2 .phbox{
		order:-1;
	}
	
	.contbox .flexcont.box2 .phbox span{
		font-size: 1.2rem;
		margin:10px 0 0 0;
		display: block;
	}
	
	.contbox .fixedmenu{
		position: relative;
		width:calc(200px + max(5vw,calc((100vw - 1166px) / 2)));
		padding:110px max(5vw,calc((100vw - 1166px) / 2)) 0 30px;
		box-sizing: border-box;
	}
	
	.contbox .fixedmenu .tl{
		margin:0 0 20px 0;
		background:#26343c;
		color:#fff;
		text-align: center;
		font-size: 1.3rem;
		width:170px;
		padding:5px 0;
	}
	
	.contbox .fixedmenu .navin{
		position: relative;
		width:100%;
		box-sizing: border-box;
	}
	
	.contbox .fixedmenu .navin.fixed{
		position: fixed;
		top:220px;
		width:auto;
	}
	
	.contbox .fixedmenu .navin.fixed.none{
		position: absolute;
		top:auto;
		bottom:110px;
	}
	
	.contbox .fixedmenu .navin .box{
		font-size:15px;
		line-height: 1;
		padding:15px 0;
	}
	
	.contbox .fixedmenu .navin .box span{
		font-size:12px;
	}
	
	.contbox .fixedmenu .navin .box a{
		color:#999;
		display: flex;
		align-items: center;
		position: relative;
		font-size: 1.3rem;
	}
	
	.contbox .fixedmenu .navin .inbox{
		position: relative;
	}
	
	.contbox .fixedmenu .navin .inbox::after{
		height:100%; 
		border-right:1px dashed #26343c;
		top:0;
		position: absolute;
		left:14px;
		content: "";
		z-index:1;
	}
	
	.contbox .fixedmenu .navin .box:last-child a::after{
		display: none;
	}
	
	.contbox .fixedmenu .navin .box a::before{
		content: "";
		width:10px;
		height:10px;
		border-radius: 50%;
		background:#999;
		display: inline-block;
		margin:0 10px;
		z-index:2;
		position: relative;
	}
	
	.contbox .fixedmenu .navin .box a.active{
		color:#26343c;
	}
	
	.contbox .fixedmenu .navin .box a.active::before{
		content: "";
		width:10px;
		height:10px;
		border-radius: 50%;
		background:#26343c;
		display: inline-block;
		margin:0 10px;
	}
	
}

@media screen and (max-width:750px) {
	header .innerbox nav .box.business a{
		color:#1e6edc !important;
	}
	
	.movetx{
		width:100%;
		overflow: hidden;
		height:30vw;
		background:url("/images/business/bg01.png") no-repeat;
		background-size:cover;
		background-position: center center;
		display: flex;
		align-items: center;
	}
	
	.movetx .tx{
		height:8.5vw;
		padding:0 0 0 10vw;
	}
	
	.movetx .tx img{
		max-width:inherit !important;
		height:100%;
		width:auto;
	}
	
	.contbox{
		padding:0 5%;
		border-bottom:1px solid #ccc;
		display: flex;
		justify-content: space-between;
	}
	
	.contbox .main_cont{
		width:100%;
	}
	
	.contbox .main_cont .incont{
		padding:80px 0 0 0;
	}
	
	.contbox .main_cont .incont .bgflex_tl{
		display: flex;
		width:100%;
		flex-direction: column;
	}
	
	.contbox .main_cont .incont .bgflex_tl .bgtl{
		display: flex;
		align-items: center;
		background:url("/images/business/bg02.png") no-repeat;
		background-size: cover;
		width:100%;
		padding:20px;
	}
	
	.contbox .main_cont .incont .bgflex_tl .bgtl.box2{
		display: flex;
		align-items: center;
		background:url("/images/business/bg03.png") no-repeat;
		background-size: cover;
		width:100%;
		padding:20px;
	}
	
	.contbox .main_cont .incont .bgflex_tl .bgtl span{
		color:#fff;
		font-size: 2rem;
		line-height: 1.5em;
		border-left:1px solid #fff;
		padding:0 0 0 20px;
		display: inline-block;
	}
	
	.contbox .main_cont .incont .bgflex_tl .subtl{
		width:100%;
		font-size: 1.5rem;
		line-height: 2.2em;
		padding:20px;
		background:#ebf6f8;
		letter-spacing: 0.07em;
	}
	
	.contbox .flexcont{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin:50px 0 0 0;
	}
	
	.contbox .flexcont.box3{
		margin:50px 0 80px 0;
	}
	
	.contbox .flexcont .txcont{
		width:100%;
	}
	
	.contbox .flexcont.box3 .txcont{
		width:100%;
	}
	
	.contbox .flexcont .txcont .tlcont{
		width:100%;
		position: relative;
	}
	
	.contbox .flexcont .txcont .tlcont span{
		line-height: 1.5em;
		font-size: 2.2rem;
		letter-spacing: 0.14em;
		margin:0 0 20px 0;
		position: relative;
		z-index: 2;
		display: block;
	}
	
	.contbox .flexcont .txcont .tlcont num{
		position: absolute;
		height:45px;
		top:-10px;
		left:-10px;
	}
	
	.contbox .flexcont .txcont .tlcont num img{
		height:100%;
		width:auto;
	}
	
	.contbox .flexcont .txcont .listtl{
		font-size: 1.5rem;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	.contbox .flexcont .txcont .listtl.box2{
		margin:20px 0 10px 0;
	}
	
	.contbox .flexcont .txcont ul{
		border-top:1px dashed #26343c;
	}
	
	.contbox .flexcont.box3 .txcont ul{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		border-top:1px dashed #26343c;
		width:100%;
	}
	
	.contbox .flexcont.box3 .txcont ul li{
		width:100%;
	}
	
	.contbox .flexcont .txcont ul li{
		border-bottom:1px dashed #26343c;
		padding:15px 0;
		display: flex;
		align-items: flex-start;
	}
	
	.contbox .flexcont .txcont ul li span{
		width:20px;
		padding:0.75em 0 0 0;
	}
	
	.contbox .flexcont .txcont ul li span::before{
		content: "";
		width:10px;
		height:10px;
		background:#26343c;
		display: block;
	}
	
	.contbox .flexcont .txcont ul li p{
		width:calc(100% - 30px);
		font-size: 1.5rem;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
	
	.contbox .flexcont .phbox{
		max-width:306px;
		width:80%;
		margin:0 auto;
		padding:50px 0 0 0;
	}
	
	.contbox .flexcont.box2 .phbox span{
		font-size: 1.2rem;
		margin:10px 0 0 0;
		display: block;
	}
	
	.contbox .fixedmenu{
		position: relative;
		width:calc(200px + max(5vw,calc((100vw - 1166px) / 2)));
		padding:110px max(5vw,calc((100vw - 1166px) / 2)) 0 30px;
		box-sizing: border-box;
		display: none;
	}
	
	.contbox .fixedmenu .tl{
		margin:0 0 20px 0;
		background:#26343c;
		color:#fff;
		text-align: center;
		font-size: 1.3rem;
		width:170px;
		padding:5px 0;
	}
	
	.contbox .fixedmenu .navin{
		position: relative;
		width:100%;
		box-sizing: border-box;
	}
	
	.contbox .fixedmenu .navin.fixed{
		position: fixed;
		top:220px;
		width:auto;
	}
	
	.contbox .fixedmenu .navin.fixed.none{
		position: absolute;
		top:auto;
		bottom:110px;
	}
	
	.contbox .fixedmenu .navin .box{
		font-size:15px;
		line-height: 1;
		padding:15px 0;
	}
	
	.contbox .fixedmenu .navin .box span{
		font-size:12px;
	}
	
	.contbox .fixedmenu .navin .box a{
		color:#999;
		display: flex;
		align-items: center;
		position: relative;
		font-size: 1.3rem;
	}
	
	.contbox .fixedmenu .navin .inbox{
		position: relative;
	}
	
	.contbox .fixedmenu .navin .inbox::after{
		height:100%; 
		border-right:1px dashed #26343c;
		top:0;
		position: absolute;
		left:14px;
		content: "";
		z-index:1;
	}
	
	.contbox .fixedmenu .navin .box:last-child a::after{
		display: none;
	}
	
	.contbox .fixedmenu .navin .box a::before{
		content: "";
		width:10px;
		height:10px;
		border-radius: 50%;
		background:#999;
		display: inline-block;
		margin:0 10px;
		z-index:2;
		position: relative;
	}
	
	.contbox .fixedmenu .navin .box a.active{
		color:#26343c;
	}
	
	.contbox .fixedmenu .navin .box a.active::before{
		content: "";
		width:10px;
		height:10px;
		border-radius: 50%;
		background:#26343c;
		display: inline-block;
		margin:0 10px;
	}
}