﻿@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;
	}
}

#aoimori article {
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
#aoimori .visual{
    width:100%;
    background:url(../images/img_aoimori_bg.png) repeat-x;
}
#aoimori .visual img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#aoimori .sec{
    margin-bottom: 50px;
}
#aoimori p {
    margin-bottom: 5px;
    font-size:11pt;

}

#aoimori 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;
}


#aoimori h4.concept1 {
    margin: 30px 10px 10px;
    font-size: 11pt;
    font-weight: bold;
    border-bottom: 4px solid #008fd2;
    padding: .8em .9em .3em;
}
#aoimori h4.concept1:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}
#aoimori img.fullimg {
    max-width: 100%;
}

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


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

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

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

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

#aoimori .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;
}


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

#aoimori .listunit{
    list-style-type: disc;
    padding-left: 2em;
}

#aoimori .listunit li{
    line-height: 2.0;
}

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

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

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

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

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

#aoimori .btn{
	width:100%;	
}
@media (min-width: 0px) {
	#aoimori img{
		width:100%;
	}
	#aoimori .move iframe{
		width:300px;
		height:168px;
	}
}
@media (min-width: 640px) {
	#aoimori .move iframe{
		width:460px;
		height:260px;
	}
}
@media (min-width: 960px) {
	#aoimori .visual img{
		width:760px;
	}
	#aoimori .centerimg{
		width:520px;
	}
	#aoimori .move iframe{
		width:560px;
		height:315px;
	}
	#aoimori .risk .unit img{
		width:215px;
	}
	#aoimori .clim .unit img{
		width:320px;
	}
	#aoimori .img_l img{
		width:720px;
	}
	#aoimori .img_s img{
		width:210px;
	}
}
@media (min-width: 1460px) {
	#aoimori .visual img{
		width:1020px;
	}
}
#aoimori .button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
#aoimori .button::before,
#aoimori .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#aoimori .button,
#aoimori .button::before,
#aoimori .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#aoimori .button {
	background-color: #0072a8;
	color: #fff;
}
#aoimori .button:hover {
	background-color: #008fd2;
	color: #fff;
}