@charset "utf-8";




@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (max-width: 768px) {
    .sp_only {
        display: none !important;
    }
	/*------------------------------------------------------------
	    main
	------------------------------------------------------------*/

	main{
	margin-top:57px;

	}


	/*------------------------------------------------------------
	    ヘッダー
	------------------------------------------------------------*/
	#header{
		position:fixed;
		top:0;
		height:57px;
		width:100%;
		background: rgba(255,255,255,0.8);
		z-index:100;
		
	}
	#header.topheader{
		background:#254055;
		
	}
	#header .headerInner{
		position:relative;

	}
	#header .logo{
		position:absolute;
		top:0;
		left:15px;;
		width:110px;
		padding-top:10px;
	}
	#header.topheader .logo{
		display:block;
	}
	#header .logo img{
		width:100%;
	}
	#header .logo img:hover{
		opacity:0.6;
	}
	#header .PagePrint{
		display:none;
	}
	#header .PagePrint:hover{
		opacity:0.6;
	}
	#header .overlay-menu{
		display:none;
	}
	#header .sp_btn {
    z-index: 202;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
}
#header .sp_btn p {
    width: 70px;
    height: 57px;
    font-size: 12px;
    padding: 38px 0 0 0;
    line-height: 12px;
    text-align: center;
    -webkit-transition: .3s ease-out;
}
#header .sp_btn .menu__line {
    position: absolute;
    left: 23px;
    display: block;
    width: 24px;
    height: 2px;
    background: #000;
}
#header.topheader .sp_btn .menu__line {
    background: #fff;
}
#header .menu-state:checked ~ .sp_btn .menu__line {
    left: 24px;
    width: 20px;
    height: 1px;
}
#header .menu-state:checked ~ .sp_btn p {
    color: #fff;
    color: #000;
}
#header.topheader .sp_btn p {
    color: #fff;
}
#header .sp_btn p::before {
    content: "メニュー";
}
#header .menu-state:checked ~ .sp_btn p::before {
    content: "閉じる";
}
#header .sp_btn .menu__line:nth-child(1) {
    top: 13px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
#header .sp_btn .menu__line:nth-child(2) {
    top: 20px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
#header .sp_btn .menu__line:nth-child(3) {
    top: 27px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
#header .menu-state:checked ~ .sp_btn .menu__line:nth-child(1) {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0, 7px) rotate(45deg) scaleX(1.4);
    transform: translate(0, 7px) rotate(45deg) scaleX(1.4);
    background: #fff;
}
#header .menu-state:checked ~ .sp_btn .menu__line:nth-child(2) {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    background: #fff;
    opacity: 0;
}
#header .menu-state:checked ~ .sp_btn .menu__line:nth-child(3) {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0, -7px) rotate(-45deg) scaleX(1.4);
    transform: translate(0, -7px) rotate(-45deg) scaleX(1.4);
    background: #fff;
}
#header .menu-state:checked ~ .sp_btn p{
    color: #fff;
}
.spnavigation {
    position: fixed;
    top: -100vh;
    left: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease-out 0s, -webkit-transform 0s .3s;
    transition: opacity .3s ease-out 0s, -webkit-transform 0s .3s;
    transition: transform 0s .3s, opacity .3s ease-out 0s;
    transition: transform 0s .3s, opacity .3s ease-out 0s, -webkit-transform 0s .3s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
    background: #254055;
    /* background:#142dde;*/
    color: #fff;
    -webkit-overflow-scrolling: touch;
}
#header .menu-state:checked ~ .spnavigation {
    -webkit-transition: opacity .3s ease-out, -webkit-transform 0s;
    transition: opacity .3s ease-out, -webkit-transform 0s;
    transition: transform 0s, opacity .3s ease-out;
    transition: transform 0s, opacity .3s ease-out, -webkit-transform 0s;
    -webkit-transform: translate(0, 100vh);
    transform: translate(0, 100vh);
    opacity: 1;
}
#header .spnavigation ul {
    padding: 57px 0 0 0;
    width: 100%;
}
#header .spnavigation ul li {
    font-size: 18px;
    padding: 0 0 0 0;
    border-bottom:1px solid #fff;
}
#header .spnavigation ul li:first-child{
    border-top:1px solid #fff;
}
#header .spnavigation ul dt {
    font-size: 18px;
    padding: 10px 15px 10px 15px;
}
#header .spnavigation ul dd {
    display: inline-block;
    width: 55%;
    line-height: 24px;
    padding: 13px 0 13px 40px;
    font-size: 20px;
}
#header .spnavigation ul dd:nth-child(odd) {
    width: 40%;
    padding: 13px 0 13px 0;
}
#header .spnavigation ul dt,  header .spnavigation ul dd {
    -webkit-transition: opacity .3s ease-out 0s, -webkit-transform 0s .3s;
    transition: opacity .3s ease-out 0s, -webkit-transform 0s .3s;
    transition: opacity .3s ease-out 0s, transform 0s .3s;
    transition: opacity .3s ease-out 0s, transform 0s .3s, -webkit-transform 0s .3s;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    opacity: 0;
}
#header .menu-state:checked ~ .spnavigation ul dt,  header .menu-state:checked ~ .spnavigation ul dd {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
#header .menu-state:checked ~ .spnavigation ul li:nth-child(1) dt {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
#header .menu-state:checked ~ .spnavigation ul li:nth-child(2) dt {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
#header .menu-state:checked ~ .spnavigation ul li:nth-child(3) dt {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
#header .menu-state:checked ~ .spnavigation ul li:nth-child(4) dt {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#header .menu-state:checked ~ .spnavigation ul li:nth-child(5) dt {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
#header .menu-state:checked ~ .spnavigation ul li:nth-child(6) dt {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
#header .spnavigation ul a {
    /*	color:#fff;*/
    color: #fff;
    text-decoration: none;
}
#header .spnavigation .logo {
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
	width:110px;
    cursor: pointer;
}
#header .spnavigation .logo img{
	width:100%
}


	/*------------------------------------------------------------
	    TitleBorder
	------------------------------------------------------------*/
	#TitleBorder{
		max-width:1080px;
		margin:0 auto;
		padding:15px 15px 20px 15px;
		font-size:14px;
		line-height:1.5em;


	}


	/*------------------------------------------------------------
	    PageImage
	------------------------------------------------------------*/
	#PageImage{
		height:280px;
		width:100%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;

	}

	#PageImage .PageContents{
		height:100%;
	    width: 100%;
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    
	flex-wrap:wrap;
	}
	#PageImage .PageContents div{
	    width: 100%;
		font-size:40px;
		color:#fff;
		font-family:"mv_boliregular";
		text-align:center;
	}
	#PageImage .PageContents h3{
		padding-top:15px;
		font-size:16px;
		color:#fff;
		font-family:"mv_boliregular";
	}


	/*------------------------------------------------------------
	    PageTitle
	------------------------------------------------------------*/
	.PageTitle{
		width:100%;
		background:#fff;
	}
	.PageTitle .PageTitleInner{
		max-width:850px;
		margin:0 auto;
		padding:20px 15px 30px 15px;
	}



	.PageTitle .PageTitleInner .PIcon{
		display:block;
		width:70px;
		height:77px;
		background: url(../images/svg/page_icon_01.svg) no-repeat center center;
		background-size:70px auto;
		margin:0 auto 40px auto;
	}

	.PageTitle .PageTitleInner .PIcon2{
		width:100%;
		display:block;
		height:auto;
		background: url(../images/svg/page_icon_02.svg) no-repeat center top;
		background-size:70px auto;
		margin:0 auto 20px auto;
		padding:70px 0 0 0;
		font-size:40px;
		line-height:77px;
		font-family:"mv_boliregular";
		text-align:center;
	}
	.PageTitle .PageTitleInner .PTitle{
		font-size:30px;
		line-height:40px;
		padding:0 15px 30px 15px;
		font-weight:bold;
		text-align:center;
	}
	.PageTitle .PageTitleInner .PSubtitle{
		font-size:16px;
		line-height:24px;
		padding:0 15px 30px 15px;
		text-align:center;
	}
	.PageTitle .PageTitleInner .PText{
		font-size:16px;
		line-height:28px;
		padding:0 0 30px 0;
	}




	/*------------------------------------------------------------
	    Pagetop
	------------------------------------------------------------*/
	.Pagetop{
		display:none;
		position:fixed;
		bottom: 0;
		right: 0;
		transform: rotate(90deg);
	}
	.Pagetop p{
		position: absolute;
		bottom: -40px;
		right: 60px;
		color: #000;
		padding: 10px 0;
		font-family: "mv_boliregular";
		font-size: 20px;
		width: 150px;
		height: 40px;
		text-align:right;
		cursor:pointer;
		text-shadow: 1px 1px 1px #ffffff;
	}
	.Pagetop p:hover{
		color:#004988
	}
	.Pagetop p::after{
	    content: "";
	    display: block;
	    position: absolute;
	    top: calc(50% - 5px);
	    left: 20px;
	    width: 35px;
	    height: 7px;
	    border: none;
	    border-left: 2px solid #000;
	    border-bottom: 1px solid #000;
	    transform: skew(-45deg);
	    transition: .3s;
	}
	.Pagetop p:hover::after{
	    left: 30px;
	}
	.Pagetop p::before{
	    content: "";
	    display: block;
	    position: absolute;
	    top: calc(50% - 6px);
	    left: 21px;
	    width: 35px;
	    height: 7px;
	    border: none;
	    border-left: 2px solid #fff;
	    border-bottom: 1px solid #fff;
	    transform: skew(-45deg);
	    transition: .3s;
	}
	.Pagetop p:hover::before{
	    left: 31px;
	}


	/*------------------------------------------------------------
	    Topsec
	------------------------------------------------------------*/

	#Topsec{
		position:relative;
		background:#254055;
		width:100%;
		width:100%;
		height:calc(100vh - 50px);
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	}
	#Topsec .TopInner{
		width:75vw;
		max-width:800px;
		text-align:center:

	}
	#Topsec .TOPLogo svg{
		width:75vw;
		max-width:800px;
		height:16vw;
		max-height:250px;
	}
	#Topsec .TopText{
	text-align:center;
	padding:20px 0 80px 0;
	color:#fff;
	font-size:5vw;
	}

	#Topsec .Anc{
		position:absolute;
		left:50%;
		bottom:40px;
		margin-left:-20px;
		width:40px;
		height:40px;
	}
	#Topsec .Anc p{
		display:block;
		position:relative;
		background: url(../images/svg/anc_flm.svg) no-repeat center center;
		background-size:40px auto;
		width:40px;
		height:40px;
		animation: rotate-anime 5s linear infinite;
	}
	#Topsec .Anc a{
		display:block;
		position:absolute;
		left:0 ;
		top:0;
		background: url(../images/svg/anc_inn.svg) no-repeat center center;
		background-size:40px auto;
		width:40px;
		height:40px;
		animation: rotate-anime_r 5s linear infinite;
	}
	#Topsec .Anc a:hover{
		opacity:0.8;
	}




	/*------------------------------------------------------------
	    ServiceContents
	------------------------------------------------------------*/

	.ServiceContents{
		width:100%;
		background:#3A578A;
		padding:0 15px 0 15px;
	}
	.ServiceContents .ContentsInner{
		max-width:1020px;
		margin:0 auto;
		padding:50px 0 10px 0;
		position:relative;
	}
	.ServiceContents .ContentsInner .Title{
		color:#fff;
		font-size:35px;
		line-height:35px;
		font-weight:bold;
		padding:0 0 10px 0;
		text-align:center;
		font-family:"mv_boliregular";
	}
	.ServiceContents .ContentsInner .Subtitle{
		color:#fff;
		font-size:18px;
		line-height:28px;
		padding:0 0 15px 0;
		text-align:center;
	}
	.ServiceContents .ContentsInner .TitleLine{
		position:relative;
		border:5px solid #fff;
		width:40px;
		margin:0 auto 70px auto;
		transition: 1s ! important;
		transform: scale(3,1);
	}
	.ServiceContents .ContentsInner .TitleLine.show{
		transform: scale(1,1);
		
	}

	.ServiceContents .ContentsInner .ServiceTab{
	}
	.ServiceContents .ContentsInner .ServiceTab li{
		margin-bottom:70px;
		background-repeat:repeat-x;
		background-position:right center;
		background-size:50%;
		padding-left:0;
		box-shadow: 5px 6px 0px 5px rgba(255,255,255,0.2);
	}
	.ServiceContents .ContentsInner .ServiceTab li:nth-child(odd){
		background-position:left center;
		padding-right:0;
		padding-left:0;
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft{
		width:100%;
		padding:15px;
		background:#fff;
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft .SNumber{
		background: url(../images/svg/k_hex.svg) no-repeat 3px center;
		background-size:50px auto;
		width:53px;
		height:44px;
		font-size:24px;
		line-height:44px;
		text-align:center;
		margin:0 0 10px 0;
		font-family:"mv_boliregular";
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft .STitle{
		font-size:20px;
		line-height:24px;
		padding:0 0 20px 0;
		font-family:"mv_boliregular";
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft .SSubtitle{
		font-size:16px;
		line-height:1.6em;
		padding:0 0 10px 0;
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText{
		font-size:16px;
		line-height:1.6em;
		padding:0 0 30px 0;
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText dl{
		display:block;
		width:100%;
/*		padding-bottom:5px*/
	}

	.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText dt{
		display:block;
		width:100%;
	}

	.ServiceContents .ContentsInner .ServiceTab li .StLeft .SText dd{
		display:block;
/*		padding-left:2em;
		width:100%;
		font-size:14px;*/
	}
	.ServiceContents .ContentsInner .ServiceTab li .StLeft img{
		display:block;
		width:100%;
	}



	/*------------------------------------------------------------
	    WorkflowContents
	------------------------------------------------------------*/

	.WorkflowContents{
		width:100%;
		background: url(../images/workflow_img.jpg) no-repeat center center;
		background-size:cover;
		 background-attachment: none;
		padding:0 15px 0 15px;
	}
	.WorkflowContents .ContentsInner{
		max-width:1020px;
		margin:0 auto;
		padding:50px 0 60px 0;
		position:relative;
	}
	.WorkflowContents .ContentsInner .Title{
		font-size:35px;
		line-height:35px;
		padding:0 0 10px 0;
	}
	.WorkflowContents .ContentsInner .Subtitle{
		font-size:18px;
		line-height:28px;
		padding:0 0 15px 0;
	}
	.WorkflowContents .ContentsInner .TitleLine{
		position:relative;
		border:5px solid #004988;
		width:40px;
		margin:0 auto 50px auto;
		transition: 1s ! important;
		transform: scale(3,1);
	}
	.ServiceContents .ContentsInner .TitleLine.show{
		transform: scale(1,1);
		
	}
	.WorkflowContents .ContentsInner .Text{
		color:#000;
		font-size:18px;
		line-height:1.6empx;
		padding:0 0 30px 0;
		text-align:center;
	}

	.WorkflowContents .ContentsInner .FlowStep{
		display:none;
	}

	.WorkflowContents .ContentsInner .FlowText{
		display:none;
	}
	.WorkflowContents .ContentsInner .FlowStepSp{
		display:block;
	}

	.WorkflowContents .ContentsInner .FlowBox{
		position:relative;
		width:100%;
		margin:0 auto;
		background:#33689D;
		padding:25px 25px 45px 25px;
	}

	.WorkflowContents .ContentsInner .FlowBox .FbText{
		color:#fff;
		font-size:18px;
		line-height:26px;
		padding:0 0 30px 0;
	}

	.WorkflowContents .ContentsInner .FlowBox .FbEtc{
		color:#fff;
		font-size:12px;
		line-height:1.6em;
	}
	.WorkflowContents .ContentsInner .FlowBox .FbAnc{
		position:absolute;
		right:10px ;
		bottom:10px;
		background: url(../images/svg/anc_flm.svg) no-repeat center center;
		background-size:40px auto;
		width:40px;
		height:40px;
		animation: rotate-anime 5s linear infinite;
	}
	.WorkflowContents .ContentsInner .FlowBox .FbAnc a{
		display:block;
		position:absolute;
		left:0 ;
		top:0;
		background: url(../images/svg/anc_inn.svg) no-repeat center center;
		background-size:40px auto;
		width:40px;
		height:40px;
		animation: rotate-anime_r 5s linear infinite;
	}
	.WorkflowContents .ContentsInner .FlowBox .FbAnc a:hover{
		opacity:0.8;
	}






	/*------------------------------------------------------------
	    FlowContents
	------------------------------------------------------------*/
	.FlowContents{
		width:100%;
		padding:0 15px 0 15px;
	}
	.FlowContents .ContentsInner{
		max-width:950px;
		margin:0 auto;
		padding:50px 0 60px 0;
		position:relative;
	}

	.FlowContents .ContentsInner .Title{
		color:#000;
		font-size:16px;
		line-height:24px;
		padding:0 0 20px 0;
		text-align:center;
	}
	.FlowContents .ContentsInner .SubTitle{
		color:#000;
		font-size:30px;
		line-height:30px;
		padding:0 0 10px 0;
		font-weight:bold;
		font-family:"mv_boliregular";
		text-align:center;
	}
	.FlowContents .ContentsInner .TitleLine{
		width:300px;
		height:10px;
		margin:0 auto 40px auto;
		background: url(../images/svg/flow_line.svg) no-repeat center center;
		background-size:cover;
	}

	.FlowContents .ContentsInner .orderFlows{
	}

	.FlowContents .ContentsInner .orderFlows .FlowStart .FlowInner{
		padding:10px 20px;
		box-shadow: 0px 3px 10px 0px #777777;
		text-align:center;
		background: url(../images/svg/f_s_right.svg) no-repeat right bottom;
		background-size:200px auto;
		
	}
	.FlowContents .ContentsInner .orderFlows .FlowStart .FlowTitle{
		color:#004988;
		font-size:30px;
		line-height:30px;
		padding:0 0 10px 0;
		font-weight:bold;
		font-family:"mv_boliregular";
	}
	.FlowContents .ContentsInner .orderFlows .FlowStart .FlowSubtitle{
		font-size:16px;
		line-height:24px;
		padding:0 0 0 0;
	}

	.FlowContents .ContentsInner .orderFlows .FlowEnd .FlowInner{
		padding:10px 20px;
		box-shadow: 0px 3px 10px 0px #777777;
		text-align:center;
		background: url(../images/svg/f_e_right.svg) no-repeat right bottom;
		background-size:200px auto;
	}
	.FlowContents .ContentsInner .orderFlows .FlowEnd .FlowTitle{
		color:#004988;
		font-size:30px;
		line-height:30px;
		padding:0 0 10px 0;
		font-weight:bold;
		font-family:"mv_boliregular";
	}
	.FlowContents .ContentsInner .orderFlows .FlowEnd .FlowSubtitle{
		font-size:16px;
		line-height:24px;
		padding:0 0 0 0;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox{
		background: url(../images/flow_leftline.png) repeat-y left center;
		padding:50px 0 10px 0;
		margin:0 auto;
		width:100%;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep{
		display:block;
		width:100%;
	}

	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowIcons{
		display:block;
		width:100%;
		background:none;
		display:none;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowIcons{
		background:none;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowIcons{
		background:none;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowIcons{
		background:none;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowIcons .IconImg{
		background: url(../images/stei01_icon.png) no-repeat left top;
		background-size:150px auto;
		width:150px;
		height:150px;
		text-align:center;
		color:#fff;
		font-family:"mv_boliregular";
		padding:80px 0 0 0;
	}

	.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowIcons .IconImg{
		background: url(../images/stei02_icon.png) no-repeat left top;
		background-size:150px auto;
	}


	.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowIcons .IconImg{
		background: url(../images/stei03_icon.png) no-repeat left top;
		background-size:150px auto;
		line-height:16px;
		padding:75px 0 0 0;
	}


	.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowIcons .IconImg{
		background: url(../images/stei04_icon.png) no-repeat left top;
		background-size:150px auto;
	}





	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail{
		display:block;
		vertical-align:top;
		padding-bottom:50px;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner{
		background:#fff url(../images/svg/f_c_back.svg) no-repeat left top;
		background-size:320px auto;
		width:100%;
		padding:15px 20px 20px 20px;
		box-shadow: 0px 3px 10px 0px #777777;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowIBlock{
		display:block;
		padding:0 0 0 0;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep:nth-child(1) .FlowDetail .FlowDInner .FlowIBlock,
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep:nth-child(2) .FlowDetail .FlowDInner .FlowIBlock,
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep:nth-child(4) .FlowDetail .FlowDInner .FlowIBlock{
		display:block;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowIBlock:nth-child(2){
		padding:0 0 0 0;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .bFlowIcons{
		display:block;
		width:150px;
		height:150px;
		margin:0 auto;
	}
	
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .bFlowIcons .IconImg{
		background: url(../images/stei01_icon.png) no-repeat left top;
		background-size:150px auto;
		width:150px;
		height:150px;
		text-align:center;
		color:#fff;
		font-family:"mv_boliregular";
		padding:80px 0 0 0;
		margin:0 auto;
	}

	.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowDetail .FlowDInner .bFlowIcons .IconImg{
		background: url(../images/stei02_icon.png) no-repeat left top;
		background-size:150px auto;
	}


	.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowDetail .FlowDInner .bFlowIcons .IconImg{
		background: url(../images/stei03_icon.png) no-repeat left top;
		background-size:150px auto;
		line-height:16px;
		padding:75px 0 0 0;
	}


	.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowDetail .FlowDInner .bFlowIcons .IconImg{
		background: url(../images/stei04_icon.png) no-repeat left top;
		background-size:150px auto;
	}

	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTitle{
		display:inline-block;
		font-size:30px;
		line-height:30px;
		padding:0 15px 10px 0;
		font-weight:bold;
		font-family:"mv_boliregular";
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step02.flowStep .FlowDetail .FlowDInner .FlowTitle span{
		color:#F3582B;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step03.flowStep .FlowDetail .FlowDInner .FlowTitle span{
		color:#F4A702;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step04.flowStep .FlowDetail .FlowDInner .FlowTitle span{
		color:#04ABB5;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox #step05.flowStep .FlowDetail .FlowDInner .FlowTitle span{
		color:#A0CB07;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowSubtitle{
		display:inline-block;
		font-size:18px;
		line-height:30px;
		padding:0 0 10px 0;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox{
		display:block;
		width:100%;
		font-size:16px;
		line-height:24px;
		padding:0 0 20px 0;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal{
		display:block;
		width:100%;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal .Cal01{
		display:block;
		vertical-align:middle;
		padding:0 0 40px 0;
		font-size:14px;
		line-height:30px;
		background: url(../images/svg/plus.svg) no-repeat center bottom 10px;
		background-size:25px auto;
		text-align:center;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal .Cal02{
		display:block;
		vertical-align:middle;
		padding:0 0 40px 0;
		font-size:14px;
		line-height:30px;
		background: url(../images/svg/equals2.svg) no-repeat center bottom 10px;
		background-size:25px auto;
		text-align:center;
		
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .FlowCal .Cal03{
		display:block;
		vertical-align:middle;
		font-size:14px;
		line-height:30px;
		text-align:center;
	}


	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .stepImg{
		max-width:590px;
		margin:0 auto;
	}
	.FlowContents .ContentsInner .orderFlows .FlowBox .flowStep .FlowDetail .FlowDInner .FlowTextBox .stepImg img{
		width:100%;
	}








	/*------------------------------------------------------------
	    CaseContents
	------------------------------------------------------------*/
	.CaseContents{
		width:100%;
		padding:0 15px 0 15px;
	}
	.CaseContents .ContentsInner{
		max-width:1020px;
		margin:0 auto;
		padding:50px 0 60px 0;
		position:relative;
	}

	.CaseContents .ContentsInner .CaseArea{
		position:relative;
		width:370px;
		height:1200px;
		margin:0 auto;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg{
		position:absolute;
		top:0;
		left:0;
		width:190px;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:hover{
		opacity:0.8;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg img{
		width:100%;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(1){
		top:0;
		left:0;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(2){
		top:82px;
		left:149px;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(3){
		top:164px;
		left:0;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(4){
		top:246px;
		left:149px;
	}

	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(5){
		top:328px;
		left:0;
	}

	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(6){
		top:410px;
		left:149px;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(7){
		top:492px;
		left:0;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(8){
		top:574px;
		left:149px;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(9){
		top:656px;
		left:0;
	}

	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(10){
		top:738px;
		left:149px;
	}

	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(11){
		top:820px;
		left:0;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(12){
		top:902px;
		left:149px;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(13){
		top:984px;
		left:0;
	}
	.CaseContents .ContentsInner .CaseArea .caseImg:nth-child(14){
		top:1066px;
		left:149px;
	}

	/*------------------------------------------------------------
	    MessageContents
	------------------------------------------------------------*/
	.MessageContents{
		width:100%;
	}
	.MessageContents .ContentsInner{
	}
	.MessageContents .MessageTop{
		width:100%;
		background: url(../images/message_img.jpg) no-repeat center top;
		background-size:cover;
		 background-attachment: none;
		padding:0 15px 0 15px;
	}
	.MessageContents .MessageTop .MessageTopInner{
		margin:0 auto;
		padding:40px 0 20px 0;
		position:relative;
	}
	.MessageContents .ContentsInner .Title{
		color:#fff;
		font-size:35px;
		line-height:35px;
		padding:0 0 20px 0;
		font-family:"mv_boliregular";
	}
	.MessageContents .ContentsInner .Subtitle{
		color:#fff;
		font-size:18px;
		line-height:28px;
		padding:0 0 15px 0;
		font-family:"mv_boliregular";
	}
	.MessageContents .ContentsInner .TitleLine{
		position:relative;
		border:1px solid #fff;
		margin:0 0 20px 0;
	}

	.MessageContents .ContentsInner .TitleLine:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 140px;
		height: 5px;
		background: #fff;
		transform: scale(0.3,1);
	    transform-origin: left bottom;/*左上基点*/
		transition: 1s ! important;
		
	}
	.MessageContents .ContentsInner .TitleLine.show:before{
		transform: scale(1,1);
		
	}
	.MessageContents .ContentsInner .Copy{
		color:#fff;
		font-size:24px;
		line-height:30px;
		padding:0 0 30px 0;
		font-weight:bold;
	}
	.MessageContents .ContentsInner .Logo{
		width:200px;
		padding:10px 0 0 0;
	}
	.MessageContents .ContentsInner .Logo img{
		width:100%;
	}

	.MessageContents .MessageBottom{
		width:100%;
		padding:0 15px 0 15px;
	}
	.MessageContents .MessageBottom .MessageBottomInner{
		max-width:1020px;
		margin:0 auto;
		padding:20px 0 50px 0;
		position:relative;
		text-align:right;
	}
	.MessageContents .MessageBottom .MessageBottomInner .Fleft{
		position:relative;
		top:0;
		left:0;
		font-size:18px;
		line-height:1.8em;
		text-align:left;
		padding:20px 0 0 0;
	}
	.MessageContents .MessageBottom .MessageBottomInner .Fleft img{
		width:220px;
		margin:20px 0 0 70px;
	}
	.MessageContents .MessageBottom .MessageBottomInner .FRight{
		display:block;
		width:100%;
		margin-top:0;
		background:#fff;
		text-align:left;
		font-size:18px;
		line-height:1.8em;
		padding:30px 15px;
		box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	}

	/*------------------------------------------------------------
	    InnovationContents
	------------------------------------------------------------*/
	.InnovationContents{
		width:100%;
		padding:0 15px 0 15px;
	}
	.InnovationContents .ContentsInner{
		margin:0 auto;
		padding:40px 0 40px 0;
		position:relative;
	}
	.InnovationContents .ContentsInner .Title{
		background: url(../images/svg/page_icon_03.svg) no-repeat left center;
		background-size:60px auto;
		padding:0 0 0 75px;
		color:#fff;
		font-size:24px;
		line-height:60px;
		font-weight:bold;
		margin:0 0 10px 0;
	}
	.InnovationContents .ContentsInner .Subtitle{
		color:#fff;
		font-size:35px;
		line-height:35px;
		padding:0 0 10px 0;
		margin:0 0 0 0;
	}
	.InnovationContents .ContentsInner .TitleLine{
		position:relative;
		margin:0 0 50px 0;
	}
	.InnovationContents .ContentsInner .Fbg{
		position:absolute;
		right:0;
		top:0;
		color:rgba(255,255,255,0.1);
		font-size:120px;
		line-height:120px;
		padding:0 0 10px 0;
		font-family:"mv_boliregular";
	}

	.InnovationContents .ContentsInner .TitleLine:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 340px;
		height: 5px;
		background: #fff;
		transform: scale(0.3,1);
	    transform-origin: left bottom;/*左上基点*/
		transition: 1s ! important;
		
	}
	.InnovationContents .ContentsInner .TitleLine.show:before{
		transform: scale(1,1);
		
	}

	.InnovationContents .ContentsInner .TFlex{
	    align-items: center;
	    display: block;
	    justify-content: center;

	}
	.InnovationContents .ContentsInner .TFlex .FlexBox{
		width:100%;
		padding:0 20px 0 20px;
		margin:0 0 30px 0;

	}

	.InnovationContents .ContentsInner .TFlex .FlexBox .FlexBoxOuter{
		width:100%;
		background:rgba(144,174,45,0.4);
		color:#fff;
		transform:rotate(-5deg);
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FlexBoxInner{
		position:relative;
		background: #72ae2d;
		padding:20px 35px;
		transform:rotate(5deg);
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox.b_f .FlexBoxOuter{
		background:rgba(233,77,144,0.4);
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox.b_f .FlexBoxInner{
		background: #E94D90;
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox.b_l .FlexBoxOuter{
		background:rgba(244,178,27,0.4);
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox.b_l .FlexBoxInner{
		background: #f4b21b;
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FTitle{
		font-size:30px;
		line-height:30px;
		padding:0 0 30px 0;
		font-family:"mv_boliregular";
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FTitle span{
		display:inline;
		font-size:20px;
		line-height:20px;
		padding:0 0 30px 0;
		font-family:"mv_boliregular";
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FNumber{
		display:none;
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FText{
		font-size:30px;
		font-size:clamp(24px, 2.3vw, 30px);
		line-height:40px;
		font-weight:bold;
		text-align:center;
		padding:0 0 10px 0;
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FText{
		font-size:30px;
		font-size:clamp(24px, 2.3vw, 30px);
		line-height:40px;
		font-weight:bold;
		text-align:center;
		padding:0 0 10px 0;
		
	}
	.InnovationContents .ContentsInner .TFlex .FlexBox .FIcon{
	  animation: FIconflash 2s linear infinite;
		position:absolute;
		top:25px;
		right:35px;
		width:46px;
		height:65px;
		background: url(../images/svg/w_ino_icon.svg) no-repeat left center;
		background-size:45px auto;
		
	}

	@keyframes FIconflash {
	  0%,100% {
	    opacity: 1;
	  }

	  50% {
	    opacity: 0.5;
	  }
	}
	/*------------------------------------------------------------
	    PlusBanner
	------------------------------------------------------------*/
	.PlusBanner{
		width:100%;
		background: url(../images/plus_bnr.jpg) no-repeat center center;
		background-size:cover;
		padding:30px 15px 30px 15px;
		margin:50px 0 10px 0
	}
	.PlusBanner .ContentsInner{
		max-width:980px;
		margin:0 auto;
		padding:0 0 0 0;
		position:relative;
	}
	.PlusBanner .ContentsInner .PbTitle{
		font-size:30px;
		line-height:34px;
		padding:0 0 5px 0;
		font-family:"mv_boliregular";
		color:#fff;
	}
	.PlusBanner .ContentsInner .PbLine{
		position:relative;
		border:2px solid #fff;
		margin:0 0 5px 0;
		width:100px;
	}
	.PlusBanner .ContentsInner .PbsubTitle{
		font-size:20px;
		line-height:1.8em;
		padding:0 0 10px 0;
		color:#fff;
	}
	.PlusBanner .ContentsInner .PbText{
		font-size:14px;
		line-height:1.8em;
		padding:0 0 10px 0;
		color:#fff;
	}


	.PlusBanner .ContentsInner .fPlusBtn{
		background: url(../images/svg/fw_btn_bg.svg) no-repeat center center;
		background-size:170px auto;
		width:170px;
		height:40px;
		position:relative;
		bottom:0;
		right:0;
	}
	.PlusBanner .ContentsInner .fPlusBtn:hover{
		opacity:0.9;
	}
	.PlusBanner .ContentsInner .fPlusBtn a{
		color:#fff;
		font-size:16px;
		line-height:40px;
		font-family:"mv_boliregular";
		text-align:center;
		
		
		display:inline-block;
	    width: 150px;
	    padding:0 30px 0 20px;
	    text-align:center;
	    color:#FFF;
	    cursor:pointer;
	    position: relative;
	    text-decoration: none;
		
		
	}
	.PlusBanner .ContentsInner .fPlusBtn a::after{
	    content: "";
	    display: block;
	    position: absolute;
	    top: calc(50% - 5px);
	    right: 20px;
	    width: 15px;
	    height: 5px;
	    border: none;
	    border-right: 2px solid #FFF;
	    border-bottom: 1px solid #FFF;
	    transform: skew(45deg);
	    transition: .3s;
	}
	.PlusBanner .ContentsInner .fPlusBtn a:hover::after{
	    right: 10px;
	    width: 25px;
	}

	/*------------------------------------------------------------
	    CompanyContents
	------------------------------------------------------------*/
	.CompanyContents{
		width:100%;
		background:#fff;
		padding:70px 15px 70px 15px;
	}
	.CompanyContents .ContentsInner{
		max-width:980px;
		margin:0 auto;
		padding:0 0 0 0;
	}
	.CompanyContents .ContentsInner .Title{
		font-size:35px;
		line-height:35px;
		padding:0 0 10px 0;
		font-family:"mv_boliregular";
	}
	.CompanyContents .ContentsInner .Subtitle{
		font-size:18px;
		line-height:1.8em;
		padding:0 0 10px 0;
	}
	.CompanyContents .ContentsInner .TitleLine{
		position:relative;
		border:1px solid #D9D9D9;
		margin:0 0 35px 0;
	}

	.CompanyContents .ContentsInner .TitleLine:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 140px;
		height: 5px;
		background: #2177F9;
		transform: scale(0.3,1);
	    transform-origin: left bottom;/*左上基点*/
		transition: 1s ! important;
		
	}
	.CompanyContents .ContentsInner .TitleLine.show:before{
		transform: scale(1,1);
		
	}

	.CompanyContents .ContentsInner dl{
		display:block;
		width:100%;
	}

	.CompanyContents .ContentsInner dt{
		display:block;
		border-bottom:none;
		vertical-align:top;
		width:100%;
		font-weight:block;
		font-size:16px;
		line-height:1.6em;
		font-weight:bold;
		padding:25px 0 0 0;
	}
	.CompanyContents .ContentsInner dt:nth-child(2){
		display:none;
	}
	.CompanyContents .ContentsInner dd{
		display:block;
		border-bottom:1px solid #D9D9D9;
		vertical-align:top;
		padding:15px 10px 15px 0;
		font-size:16px;
		line-height:1.6em;

	}


	/*------------------------------------------------------------
	    PlusContents
	------------------------------------------------------------*/
	.PlusContents{
		padding:20px 15px 40px 15px;
	}
	.PlusContents .ContentsInner{
		margin:0 auto;
		padding:0 0 0 0;
	}
	.PlusContents .ContentsInner .PlusBlock{
		padding:0 0 35px 0;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusImg{
		padding:0 0 15px 0;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle{
		height:75px;
		margin:0 0 20px 0;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle{
		height:75px;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle .Lline{
		width:8px;
		height:75px;
		background:#D4D4D4;
		margin:0 20px 0 0 ;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle .LNumber{
		font-size:60px;
		line-height:60px;
		margin:0 20px 0 0 ;
		padding:10px 0 0 0;
		height:75px;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle .LTitle{
		padding:10px 0 0 0;
		height:75px;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle .LTitle .LKtitle{
		font-size:25px;
		line-height:30px;
	}
	.PlusContents .ContentsInner .PlusBlock .PlusTitle .LTitle .LStitle{
		font-size:25px;
		line-height:30px;
	}





	/*------------------------------------------------------------
	    PrivacyContents
	------------------------------------------------------------*/
	.PrivacyContents{
		width:100%;
		padding:30px 15px 30px 15px;
	}
	.PrivacyContents .ContentsInner{
		max-width:920px;
		margin:0 auto;
		padding:50px 15px 50px 15px;
		background:#fff;
		box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.2);
	}



	.PrivacyContents .ContentsInner dt{
		font-size:16px;
		line-height:28px;
		padding:0 0 15px 0;
	}
	.PrivacyContents .ContentsInner dd{
		font-size:14px;
		line-height:28px;
		padding:0 0 30px 15px;
	}
	.PrivacyContents .ContentsInner .dlLine{
		position:relative;
		border:1px solid #D9D9D9;
		margin:0 0 35px 0;
	}

	.PrivacyContents .ContentsInner .dlLine:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 189px;
		height: 2px;
		background: #00B1B9;
		transform: scale(0.2,1);
	    transform-origin: left bottom;/*左上基点*/
		transition: 1s ! important;
		
	}
	.PrivacyContents .ContentsInner .dlLine.show:before{
		transform: scale(1,1);
		
	}
	/*------------------------------------------------------------
	    PrivacyContents
	------------------------------------------------------------*/
	.PrintContents{
		width:100%;
		height:210px;
	}
	.PrintContents .PrintInner .PagePrint{
		display:none;
		
	}



	/*------------------------------------------------------------
	    パンクズリスト
	------------------------------------------------------------*/
	/*------------------------------------------------------------
	    conts
	------------------------------------------------------------*/

	/*------------------------------------------------------------
	    sideBar
	------------------------------------------------------------*/
	/*------------------------------------------------------------
	    フッター
	------------------------------------------------------------*/
	.footer{
		background:#F1F1F1;
	}
	.footer .fOuter{
		max-width:1080px;
		margin:0 auto;
		padding:30px 0 20px 0;
	}
	.footer .fInner{
	min-height:auto;
		
	}
	.footer .fInner .fAccess{
		float:none;
		width:100%;
	}
	.footer .fInner .fAccess .fLogo{
		padding:0 0 20px 0;
		width:150px;
		margin:0 auto;
	}

	.footer .fInner .fAccess .fLogo img{
		width:150px;
	}
	.footer .fInner .fAccess .fLine{
		background:#254055;
		width:60px;
		height:3px;
		margin:0 auto 28px auto;
	}
	.footer .fInner .fAccess .fMapBtn{
		background: url(../images/svg/f_btn_bg.svg) no-repeat center center;
		background-size:170px auto;
		width:170px;
		height:40px;
		margin:0 auto 28px auto;
	}
	.footer .fInner .fAccess .fMapBtn:hover{
		opacity:0.9;
	}
	.footer .fInner .fAccess .fMapBtn a{
		color:#fff;
		font-size:16px;
		line-height:35px;
		font-family:"mv_boliregular";
		text-align:center;
		
		
		display:inline-block;
	    width: 150px;
	    padding:0 30px 5px 20px;
	    text-align:center;
	    color:#FFF;
	    cursor:pointer;
	    position: relative;
	    text-decoration: none;
		
		
	}
	.footer .fInner .fAccess .fMapBtn a::after{
	    content: "";
	    display: block;
	    position: absolute;
	    top: calc(50% - 5px);
	    right: 20px;
	    width: 15px;
	    height: 5px;
	    border: none;
	    border-right: 2px solid #FFF;
	    border-bottom: 1px solid #FFF;
	    transform: skew(45deg);
	    transition: .3s;
	}
	.footer .fInner .fAccess .fMapBtn a:hover::after{
	    right: 10px;
	    width: 25px;
	}






	.footer .fInner .fNavi{
		float:none;
		width:100%;
	}
	.footer .fInner .fLocation{
		float:none;
		width:100%;
		position:relative;
	}


	.footer .fInner dt{
		color:#fff;
		font-size:18px;
		line-height:1.8em;
		font-family:"mv_boliregular";
		padding:10px 15px;
		border-bottom:1px solid #929292;
		background:#254055;
		transition: all 0.2s ! important;
	}
	.footer .fInner dd{
		color:#000;
		font-size:16px;
		line-height:1.6em;
		padding:10px 15px;
		border-bottom:1px solid #929292;
		transition: all 0.2s ! important;
	}

	.footer .fInner .fLocation .fdbl{
		padding:0 0 0 0;
	}

	.footer .fInner .fLocation .fdbl:nth-child(2){
		position:absolute;
		bottom:0;
		right:40px;
	}


	.footer .fCopy{
		height:50px;
		line-height:50px;
		font-size:12px;
		width:100%;
		background:#254055;
		color:#fff;
		text-align:center;
		font-family:"mv_boliregular";
	}

}