@charset "utf-8";

/* =======================================
	Aoimori
======================================= */


@media (min-width: 0px) {
	section {
		width:100%;
		margin: 30px auto 50px;
	}
}
@media (min-width: 960px) {
	section {
		width:80%;
		margin: 180px auto 50px;
	}
}

#transafer article {
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
#transafer .main_copy{
	position:relative;
	padding:20px;
	background:#008fd2;
	color:#FFF;
	font-weight:bold;
	box-shadow:
		10px 0 0 0 #008fd2,
		-10px 0 0 0 #008fd2,
		0 3px 3px 0 rgba(0,0,0,0.1);
	margin-bottom:30px;
}
@media (min-width: 0px) {
	#transafer .main_copy {
		font-size:13pt;
		line-height:18pt;
	}
}
@media (min-width: 960px) {
	#transafer .main_copy {
		font-size:15pt;
	}
}

#transafer .main_copy:before{
	content:" ";
	position:absolute;
	top:100%;
	left:-10px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#0072a8;
}

#transafer .visual{
    width:100%;
}
#transafer .visual img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#transafer .out{
    margin-top:30px;
	text-align:center;
}
#transafer .sec{
    margin-bottom: 50px;
}
#transafer p {
    margin-bottom: 5px;
    font-size:11pt;

}

#transafer h3.heading {
    padding: .25em 0 0.5em .75em;
    border-left: 6px solid #008fd2;
    border-bottom: 1px solid #ccc;
    font-size: 14pt;
    font-weight: 800;
    margin-bottom:30px;
}


#transafer h4.concept1 {
    margin: 30px 10px 10px;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 4px solid #008fd2;
    padding: .8em .9em .3em;
}
#transafer img.fullimg {
    max-width: 100%;
}

#transafer img.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#transafer .concept1.outline_head{
    letter-spacing:-0.05em;
}

#transafer .move{
    text-align:center;
    margin-bottom: 20px;
}

#transafer h3,#transafer h4{
    clear: both;
}

#transafer .lyoutunit {
    clear: both;
    display: block;
    position: relative;
}
#transafer .fullimg{
    margin-bottom: 20px;
}
@media (min-width: 0px) {
	#transafer .fullimg{
	    width: initial;
	    margin: 0 auto;
	    text-align:center;
	}
}
@media (min-width: 960px) {
	#transafer .fullimg{
	    width: 717px;
	    margin: 20px auto;
	    text-align:center;
	}
}
#transafer .lyoutunit.risk .caption_top{
    font-size:10pt;
    margin-bottom: 10px;
}

#transafer .lyoutunit.risk .unit {
    width: 217px;
    margin-top: 0;
    margin-right: 8px;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
    float: left;
    position: relative;
    display: inline;
    text-align:center;
}


#transafer .lyoutunit.clim .unit {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
    float: left;
    position: relative;
    display: inline;
}
@media (min-width: 0px) {
	#transafer .lyoutunit.clim .unit {
	    width: 270px;
	}
}
@media (min-width: 960px) {
	#transafer .lyoutunit.clim .unit {
	    width: 320px;
	}
}
#transafer .lyoutunit.clim .unit:first-child {
    margin-right: 35px;
}

#transafer .listunit{
    list-style-type: disc;
    padding-left: 2em;
}
#transafer .listunit li{
    line-height: 2.0;
}

#transafer .listunit.sv{
	margin-bottom:20px;
}

#transafer .listunit.sv .sublist{
    list-style-type: none;
    padding-left: 2em;
}

#transafer .service h5{
    font-size:15px;
    font-weight: bold;
}
#transafer .caption{
    clear: both;
    display: block;
    margin-top: 10px;
    width:100%;
    font-size:0.9em;
}

#transafer .img_l{
    margin-bottom: 20px;
}

#transafer .img_s{
    float:left;
    margin-right: 20px;
}

#transafer .btn{
	width:100%;	
}
@media (min-width: 0px) {
	#transafer img{
		width:100%;
	}
	#transafer .req_r img{
		width:190px;
	}
	#transafer .copyng img{
		width:243px;
	}
}

@media (min-width: 640px) {
	#transafer .visual img{
		width:400px;
	}
	#transafer .req_r img{
		width:190px;
	}
	#transafer .kaiketsu img{
		width:529px;
	}
	#transafer .copyng img{
		width:243px;
	}
	#transafer .captureng img{
		width:509px;
	}
	#transafer .dragdrop img{
		width:549px;
	}
	#transafer .usercontrol img{
		width:552px;
	}
	#transafer .global img{
		width:425px;
	}
	#transafer .usercontrol img{
		width:552px;
	}
}
#transafer .button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
#transafer .button::before,
#transafer .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#transafer .button,
#transafer .button::before,
#transafer .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#transafer .button {
	background-color: #0072a8;
	color: #fff;
}
#transafer .button:hover {
	background-color: #008fd2;
	color: #fff;
}

#transafer .caption {
    clear: both;
    display: block;
    margin-top: 10px;
    width: 100%;
    font-size: 0.9em;
}
#transafer .control{
    margin-top: 50px;
}
#transafer .b {
    font-weight: bold;
}
#transafer .request .req {
    float: left;
}
@media (min-width: 0px) {
	#transafer .request .req_r {
		float:initial;
	    text-align: center;
	}
}
@media (min-width: 960px) {
	#transafer .request .req_r {
		float:right;
	    text-align: center;
	}
}