@charset "UTF-8";
 
body section.template {
	font-family: "MS UI Gothic";
	font-size: 1.0em;/* =10px */
	line-height: 100%;
	color: #333;
}
.template .boxInner div,
.template span,
.template h1,
.template h2,
.template h3,
.template h4,
.template h5,
.template h6,
.template p,
.template em,
.template img,
.template b,
.template i,
.template dl,
.template dt,
.template dd,
.template ol,
.template ul,
.template li,
.template table,
.template caption,
.template tbody,
.template tfoot,
.template thead,
.template tr,
.template th,
.template td {
    margin: 0;
    padding: 0;
}
.template table {
	line-height: 0;
}
.template table td table {
	border-collapse: collapse;
	line-height: 130%;
}
font {
	line-height: 160%;
}
.template p {
	padding: 10px 0 5px;
}
#midashi h2 em {
	display: inline-block;
	vertical-align: middle;
	padding-right: 30px;
	font-size: 2.5rem;
	font-style: normal;	
}
#midashi .titleLeft h2 {
	text-align: left;
	padding-left: 40px;
}
.template .boxInner {
	padding: 60px 0;
}
/* ----------------------------------------------
スマホ用CSS
----------------------------------------------*/
@media screen and (max-width:767px) {
h1 img.logo {
	width: 69%;
	height: auto;
	margin-top: -20px;
	position: absolute;
	z-index: 60;
	right: 0;
	top: 45px;
}
#midashi h2 em {
	display: block;
	vertical-align: middle;
	padding: 30px 0 0;
	font-size: 1.6rem;
	font-style: normal;	
}
#midashi .titleLeft h2 {
	text-align: left;
	padding-left: 0;
	padding-right: 80px;
	line-height: 1.2;
}
}

/*----------------------------------------------
 :hover用（パソコンのみ適用）
----------------------------------------------*/

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

}