@charset "utf-8";

/* ---------------------------------------

agency.html

--------------------------------------- */

#main .section.mainImg h3, #main .section.mainImg p, #main .section.mainImg ul {

	text-align: center;

	margin: 0 0 20px;

}

#main .section.mainImg ul li {

	display: inline-block;

	width: 30%;

	margin: 0 1%;

}

#main .section.mainImg ul li img {

	max-width: 174px;

	width: 100%;

	height: auto;

}

#main .section .ttl_melit {

	background: #004F79;

	text-align: center;

	padding: 8px;

}

#main .section .melitPoint {

	background: #E7E7E7;

	padding: 10px 3% 20px;

	margin: 0 0 20px;

}

#main .section .melitPoint dl {

	display: table;

	width: 100%;

	border-bottom: 1px dotted #999;

}

#main .section .melitPoint dl:last-child {

	border: none;

}

#main .section .melitPoint dl dt, #main .section .melitPoint dl dd {

	display: table-cell;

	vertical-align: middle;

	padding: 10px 2%;

	box-sizing: border-box;

}

#main .section .melitPoint dl dt {

	width: 55%;

}

#main .section .melitPoint dl dt img {

	max-width: 296px;

	width: 100%;

	height: auto;

}

#main .section .melitPoint dl dd {

	width: 45%;

}

#main .section .melitPoint {

	background: #E7E7E7;

	padding: 10px 3% 0;

	margin: 0;

}

#main .section .melitPoint dl {

	margin-bottom: 10px;

	padding-bottom: 10px;

}

#main .section .melitPoint dl dt, #main .section .melitPoint dl dd {

	display: block;

	padding: 0;

	width: auto;

}

#main .section .caseStudy {

	margin: 0px 0px 10px;

	overflow: hidden;

}

#main .section .caseStudy .img {

	float: right;

	width: 44.885%;

}

#main .section .caseStudy .txtBox {

	width: 55.115%;

	float: left;

}

#main .section .caseStudy .txtBox h4 {

	margin: 0px 0px 14px;

	padding: 0px 0px 5px;

	border-bottom: 1px solid #CCCCCC;

}

#main .section .caseStudy .txtBox .lead {

	margin: 0px 0px 2em;

}

#main .section .caseStudy .txtBox p {

	width: 90%;

}

 @media screen and (min-width: 481px) {

}

/* ▼表示領域が480px未満の場合 */

@media screen and (max-width: 480px) {

#main .section .melitPoint dl dt {

	margin: 0 0 10px;

}

#main .section .caseStudy .img {

	width: auto;

	text-align: center;

	padding: 0;

	float: none;

}

#main .section .caseStudy .txtBox {

	width: auto;

	padding: 0;

	float: none;

}

#main .section .caseStudy .txtBox .lead {

	margin: 0px;

}

#main .section .caseStudy .txtBox p {

	width: auto;

}

}