﻿.comTtl{
	background:url(../img/dock/flow/bg-mainv.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover
}
.dpInBlock{
	display:inline-block
}
#result .comContent .mb{
	margin-bottom:60px
}
@media (max-width: 991px){
	#result .comContent .mb{
		margin-bottom:20px
	}
}
#result .comContent .mb2{
	margin-bottom:30px
}
#result .comContent .nonPhoto{
	height:165px
}
@media (max-width: 767px){
	#result .comContent .nonPhoto{
		height:auto
	}
}
#result .comContent .blueBox{
	overflow:hidden;*zoom:1;
	background-color:#c8d3f7;
	padding:10px 30px;
	position:relative;
	padding-left: 4em;
	text-indent: -2em
}
@media (max-width: 767px){
	#result .comContent .blueBox{
		padding:15px 10px;
		padding-left: 2.5em;
		text-indent: -2em
	}
}
#result .comContent .whiteBox{
	overflow:hidden;*zoom:1;
	padding:10px 30px;
	position:relative;
	padding-left: 4em;
	padding-bottom: 30px;
	text-indent: -2em
}
@media (max-width: 767px){
	#result .comContent .whiteBox{
		padding:15px 10px;
		padding-left: 2.5em;
		text-indent: -2em
	}
}
#result .comContent .blueBox img{float:right}
@media (max-width: 767px){
	#result .comContent .blueBox .img-flow1{
		background-image:url(../img/dock/flow/img-flow1.png)
	}
	#result .comContent .blueBox .img-flow2{
		background-image:url(../img/dock/flow/img-flow2.png)
	}
	#result .comContent .blueBox .img-flow3{
		background-image:url(../img/dock/flow/img-flow3.png)
	}
	#result .comContent .blueBox .img-flow4{
		background-image:url(../img/dock/flow/img-flow4.png)
	}
	#result .comContent .blueBox .img-flow5{
		background-image:url(../img/dock/flow/img-flow5.png)
	}
	#result .comContent .blueBox .img-flow6{
		background-image:url(../img/dock/flow/img-flow6.png)
	}
	#result .comContent .blueBox .img-flow7{
		background-image:url(../img/dock/flow/img-flow7.png)
	}
	#result .comContent .blueBox .img-flow8{
		background-image:url(../img/dock/flow/img-flow8.png)
	}
	#result .comContent .blueBox .img-flow1,
	#result .comContent .blueBox .img-flow2,
	#result .comContent .blueBox .img-flow3,
	#result .comContent .blueBox .img-flow4,
	#result .comContent .blueBox .img-flow5,
	#result .comContent .blueBox .img-flow6,
	#result .comContent .blueBox .img-flow7,
	#result .comContent .blueBox .img-flow8{
		height:300px;
		background-repeat:no-repeat;
		background-position:center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-ms-background-size:cover;
		background-size:cover;
		margin-top:10px
	}
}
@media (max-width: 767px) and (max-width: 480px){
	#result .comContent .blueBox .img-flow1,
	#result .comContent .blueBox .img-flow2,
	#result .comContent .blueBox .img-flow3,
	#result .comContent .blueBox .img-flow4,
	#result .comContent .blueBox .img-flow5,
	#result .comContent .blueBox .img-flow6,
	#result .comContent .blueBox .img-flow7,
	#result .comContent .blueBox .img-flow8{
		height:200px
	}
}
#result .comContent .blueBox .BoxInTxt{
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media (max-width: 767px){
	#result .comContent .blueBox .BoxInTxt{
		position:static;
		top:0;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}
#result .comContent .blueBox .BoxInTxt .boxIn{
	font-size:1.5em;
	font-weight:bold;
	color:#141f40;
	position:relative;
	padding-left:0.7em
}
@media (max-width: 991px){
	#result .comContent .blueBox .BoxInTxt .boxIn{
		font-size:1.2em}
}
#result .comContent .blueBox .BoxInTxt .boxIn span{
	font-size:0.7em
}
#result .comContent .blueBox .BoxInTxt .boxIn::before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:100%;
	background-color:#141f40;
	position:absolute;
	top:40%;
	top:-webkit-calc(50% - 5px);
	top:-moz-calc(50% - 5px);
	top:-ms-calc(50% - 5px);
	top:calc(50% - 5px);
	left:0
}
#result .comContent .blueBox .BoxInTxt p{
	margin-top:4px;
	line-height:1.7;
	-webkit-text-shadow:1px 1px 1px #c8d3f7,-1px 1px 1px #c8d3f7,1px -1px 1px #c8d3f7,-1px -1px 1px #c8d3f7;
	-moz-text-shadow:1px 1px 1px #c8d3f7,-1px 1px 1px #c8d3f7,1px -1px 1px #c8d3f7,-1px -1px 1px #c8d3f7;
	-ms-shadow:1px 1px 1px #c8d3f7,-1px 1px 1px #c8d3f7,1px -1px 1px #c8d3f7,-1px -1px 1px #c8d3f7;
	text-shadow:1px 1px 1px #c8d3f7,-1px 1px 1px #c8d3f7,1px -1px 1px #c8d3f7,-1px -1px 1px #c8d3f7
}
#result .comContent .arrow{
	position:relative;
	height:58px
}
#result .comContent .arrow::before{
	content:"";
	position:absolute;
	width:14px;
	height:20px;
	background-color:#141f40;
	top:12px;
	left:70px
}
@media (max-width: 767px){
	#result .comContent .arrow::before{
		left:-webkit-calc(50% - 10px);
		left:-moz-calc(50% - 10px);
		left:-ms-calc(50% - 10px);
		left:calc(50% - 10px)
	}
}
#result .comContent .arrow::after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border:16px solid #141f40;
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	top:31px;
	left:61px
}
@media (max-width: 767px){
	#result .comContent .arrow::after{
		left:-webkit-calc(50% - 19.5px);
		left:-moz-calc(50% - 19.5px);
		left:-ms-calc(50% - 19.5px);
		left:calc(50% - 19.5px)
	}
}
#result .comContent .darkBBox{
	overflow:hidden;*zoom:1;
	border:3px solid #141f40
}
#result .comContent .darkBBox h4{
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	background-color:#141f40;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","平成明朝","HeiseiMincho",sans-serif;
	float:left;
	padding:25px 40px;
	height:100%
}
@media (max-width: 991px){
	#result .comContent .darkBBox h4{
		float:none;
		padding:15px 25px;
		font-size:1.2em
	}
}
#result .comContent .darkBBox ul{
	overflow:hidden;*zoom:1;
	padding:25px 40px 25px 80px
}
@media (max-width: 991px){
	#result .comContent .darkBBox ul{
		padding:15px 40px 15px 45px
	}
}
#result .comContent .darkBBox ul li{
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","平成明朝","HeiseiMincho",sans-serif;
	list-style:disc;
	font-size:1.05em;
	line-height:1.8;
	color:#141f40
}
#result .comContent .comdisc ul{
	overflow:hidden;*zoom:1;
	padding:10px 40px 10px 80px
}
@media (max-width: 991px){
	#result .comContent .comdisc ul{
		padding:15px 40px 15px 45px
	}
}
#result .comContent .comdisc ul li{
	list-style:disc;
}
#result .comContent .lastBox{
	overflow:hidden;*zoom:1
}
#result .comContent .lastBox .lastBoxIn{
	margin-right:12px;
	float:left;
	width:24%;
	width:-webkit-calc(25% - 9px);
	width:-moz-calc(25% - 9px);
	width:-ms-calc(25% - 9px);
	width:calc(25% - 9px)
}
#result .comContent .lastBox .lastBoxIn:last-child{
	margin-right:0
}
@media (max-width: 991px){
	#result .comContent .lastBox .lastBoxIn{
		width:48%;width:calc(50% - 6px);
		margin-bottom:30px
	}
}
@media (max-width: 480px){
	#result .comContent .lastBox .lastBoxIn{
		width:100%
	}
}
#result .comContent .lastBox .lastBoxIn img{
	margin-bottom:8px;
	width:100%
}
#result .comContent .lastBox .lastBoxIn h4{
	color:#141f40;
	font-size:1.125em;
	margin-bottom:8px
}
#result .comContent .lastBox .lastBoxIn p{
	color:#141f40;
	font-size:0.9em;
	line-height:1.6
}
@media (max-width: 991px){
	#result .comContent .lastBox .sec{
		margin-right:0
	}
}
