@charset "utf8";


h3 {
	padding: 0 0 13px 8px;
	margin-bottom: 20px;
	border-bottom: 2px #80c2e8 solid;
}

h4 {
	padding: 0 0 13px 8px;
	margin-bottom: 20px;
	border-bottom: 2px #80c2e8 solid;
}

.topArea {
	margin-top: 10px;
}

.networkArea dl {
	padding-left: 15px;
	zoom: 100%;
}

.networkArea dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.networkArea dl dt {
	width: 80px;
	padding: 4px 0 4px 0;
	float: left;
}

.networkArea dl dd {
	width: 580px;
	padding: 4px 10px 4px 10px;
	float: left;
}

.networkArea dl dd ul li.middleLi {
	margin: 1em 0;
}

#innerArea {
	width: 500px;
	float: left;
}

#btnArea {
	float: left;	
}

.bg_green {
	padding-bottom: 150px;
	background: url(../image/network/bg_green.jpg) right bottom no-repeat;
}

.hatching {
	width: 500px;
}

.mailto {
	margin: 0 0 5px;
}
	.sp {
		display: none;
	}
@media screen and (max-width: 480px) {
    #wrapper,
    #wrapperIn,
    #main,
    #innerArea,
    .networkArea dl dd,
    .networkArea dl dt{
        width: 100%;
        word-break: break-all;
        }
    .networkArea dl dt {
        margin-top: .5rem;
    }
    #main {
        padding: 1rem;
    }
    #innerArea .mailto + span {
        display: block;
    }
    .networkArea a {
        display: block;
        margin-top: .5rem;
    }
    .networkArea a img {
        display: block;
        width: 53px;
        margin: .5rem 0 0 auto;
        float: none;
    }
	.sp {
		display: block;
	}
	.networkArea dl {
		padding-left: 0;
	}
	.networkArea dl dd {
		padding: 4px 0 4px 0;
		font-size: 14px;
	}
	.networkArea dl dt {
		font-weight: 800;
	}
	.networkArea a[href*="tel:"] { 
		display: inline-block;
	
	}
	.networkArea dl dd{
		font-size: 13px;
	}
}