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

#topImage .inner {
    padding: 0px;
    height: 200px;
    width: 1080px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(images/main.png);
}
#topImage .inner h1 {
    text-align: left;
    font-size: 36px;
    font-weight: normal;
    line-height: 200px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #fff;
	letter-spacing: 0.1em;
}

#contents .contents_inner #cnt_01,
#contents .contents_inner #cnt_02,
#contents .contents_inner #cnt_03,
#contents .contents_inner #cnt_04 {
	clear:both;
	width:1080px;
	margin:0 auto 125px;
}
/*共通*/
#contents .contents_inner ul {
	overflow: hidden;
}
#contents .contents_inner ul li dl dd {
	float:left;
}
#contents .contents_inner ul li dl dd.pic {
	width:400px;
}
#contents .contents_inner ul li dl dd.pic img{
	margin-bottom: 4%;
}
#contents .contents_inner ul li dl dd.description p{
	font-size:18px;
	line-height:2.0em;
	text-align:left;
	margin-bottom: 24%;
}
/*共通（終）*/
#contents .contents_inner #cnt_01 ul li dl dd.description {
	width: 500px;
	padding: 164px 90px;
}
#contents .contents_inner #cnt_02 ul li dl dd.description {
	width: 500px;
	padding: 23px 90px;
}
#contents .contents_inner #cnt_03 ul li dl dd.description {
	width: 500px;
	padding: 5px 90px;
}
#contents .contents_inner #cnt_04 ul li dl dd.description {
	width: 500px;
	padding: 23px 90px;
}

/******************************************************** スマホ用設定 */

@media screen and (min-width: 0px) and (max-width: 640px) {
#topImage .inner {
    padding: 0px;
    height: 200px;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(/images/main_sp.jpg);
	background-size: cover;
	background-position-x: right;
}
#topImage .inner h1 {
    font-size: 34px;
    margin-left: 40px;
	letter-spacing: 0em;
}

#contents .contents_inner #cnt_01,
#contents .contents_inner #cnt_02,
#contents .contents_inner #cnt_03,
#contents .contents_inner #cnt_04 {
	width:100%;
	margin:0 auto 100px;
}
/*共通*/
#contents .contents_inner ul {
	overflow: hidden;
}
#contents .contents_inner ul li dl dd {
	float:left;
}
#contents .contents_inner ul li dl dd.pic {
	width: 90%;
	float: none;
	margin: 0 auto;
}
/*共通（終）*/
#contents .contents_inner #cnt_01 ul li dl dd.description,
#contents .contents_inner #cnt_02 ul li dl dd.description,
#contents .contents_inner #cnt_03 ul li dl dd.description,
#contents .contents_inner #cnt_04 ul li dl dd.description {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	float: none;
}
}
@media screen and (min-width: 0px) and (max-width: 360px) {
#topImage .inner h1 {
    font-size: 30px;
    margin-left: 15px;
	text-shadow:0px 0px 10px #0069c2;
}
#contents .contents_inner ul li dl dd.pic img{
	margin-bottom: 4%;
	width: 100%;
	height: auto;
}
#contents .contents_inner ul li dl dd.description p{
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 12%;
	letter-spacing: 0;
}
}