@charset "UTF-8";
/* CSS Document */

#contents_image {
background: url(../images/main.jpg) no-repeat center center;
background-size: cover;
height: 360px;
position: relative;
}
#contents_image #page_title {
width: 100%;
position: absolute;
top: 50%;
}
#contents_image #page_title p {
text-align: center;
font-size: 54px;
line-height: 64px;
letter-spacing: 5px;
font-weight: 700;
color: #FFFFFF;
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
}
.business-contents {
width: 960px;
margin: 0 auto;
}
.business-contents dl {
margin: 0 0 20px;
}
.business-contents dl.end {
margin: 0;
}
.business-contents dl.left {
text-align: left;
}
.business-contents dl.right {
text-align: right;
}
.business-contents dl dt {
}
.business-contents dl dd {
position: relative;
}
.business-contents dl dd p {
font-size: 24px;
line-height: 34px;
color: #FFFFFF;
background: #29a53e;
padding: 6px 12px;
}
.business-contents dl dd p.left {
	position: absolute;
	right: 69px;
	top: -360px;
	width: 419px;
}
.business-contents dl dd p.left .sp_only{
	display: none;
}
.business-contents dl dd p.right {
	position: absolute;
	left: 80px;
	top: -360px;
	width: 477px;
}

.body_copy {
	margin:0 0 40px;}
.body_copy p {
	font-size:24px;
	line-height:42px;
	letter-spacing: 5px;
	margin:0 0 20px;
	font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

@media screen and (max-width:767px) {
#contents_image {
background: url(../images/main.jpg) no-repeat center center;
background-size: cover;
height: 180px;
position: relative;
}
#contents_image #page_title {
width: 100%;
position: absolute;
top: 50%;
}
#contents_image #page_title p {
text-align: center;
font-size: 18px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0;
color: #FFFFFF;
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
}
.business-contents {
width: 96%;
margin: 0 auto;
}
.business-contents dl {
margin: 0 0 20px;
}
.business-contents dl.end {
margin: 0;
}
.business-contents dl.left {
text-align: left;
}
.business-contents dl.right {
text-align: left;
}
.business-contents dl dt {
vertical-align: top;
font-size: 1px;
margin: 0;
padding: 0;
}
.business-contents dl dt img {
width: 100%;
}
.business-contents dl dd {
font-size: 10px;
position: relative;
}
.business-contents dl dd p {
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
background: #29a53e;
padding: 4px 8px;
margin: 0;
border: none;
}
.business-contents dl dd p.left {
position: inherit;
right: inherit;
top: inherit;
}
.business-contents dl dd p.left .pc_only{
	display: none;
}
.business-contents dl dd p.left .sp_only{
	display: block;
}
.business-contents dl dd p.right {
position: inherit;
left: inherit;
top: inherit;
}


.body_copy {margin:0 0 20px;}
.body_copy p {
	text-align:left;
	font-size:14px;
	line-height:24px;
	letter-spacing:0;
	margin:0 0 10px;
	font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

}
