@charset "UTF-8";


/* -------------------------------------
index
------------------------------------- */
header {
	margin-bottom:0;
}
#mainimg {
	position:relative;
}
#mainimg .page {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:1;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
#mainimg p {
	width:39.5%;
	margin:0 auto 3% auto;
}
#mainimg p img {
	width:100%;
	height:auto;
}
#mainimg #ytstart {
    width:6.6%;
    display:block;
    margin:0 auto;
}
#mainimg #ytstart img {
    width:100%;
    height:auto;
}
#mainimg img.bg {
	width:100%;
	height:auto;
	display:block;
}



#point h2 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:35px 20px;
	background-color:#004E9D;
	box-sizing:border-box;
	position:relative;
}
#point h2:after {
	content:"";
	width:18px;
	height:14px;
	display:block;
	margin:0 auto;
	background:url(../imgs/index/arrow_btm.png) no-repeat center center;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	z-index:1;
}
#point ul {
	padding:40px 0;
}
#point ul li {
	width:24.3%;
	float:left;
	margin-right:0.9%;
	border:6px solid #DD5446;
	box-sizing:border-box;
	position:relative;
}
#point ul li:last-child {
	margin-right:0;
}
#point ul li:after {
	content:"";
	width:18px;
	height:18px;
	display:block;
	background:url(../imgs/index/icon_plus.png) no-repeat center center;
	background-size:100% 100%;
	position:absolute;
	right:-6px;
	bottom:-6px;
	z-index:1;
}
#point ul li a {
	display:block;
	padding:15px;
	box-sizing:border-box;
}
#point ul li h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#DD5446;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #999;
}
#point ul li h3 span {
	font-size:27px;
	text-align:center;
	line-height:1.0;
	color:#fff;
	width:44px;
	height:44px;
	display:block;
	padding:10px 5px 7px 5px;
	margin:0 auto 10px auto;
	background-color:#DD5446;
	border-radius:50%;
	box-sizing:border-box;
}
#point ul li dt {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#004E9D;
	margin-bottom:10px;
}
#point ul li dd {
	font-size:12px;
	line-height:1.8;
}


#service {
	padding:25px 0 55px 0;
	background-color:#00A99D;
}
#service h2 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-bottom:25px;
}
#service ul li {
	width:32.1%;
	float:left;
	margin-right:1.8%;
}
#service ul li:last-child {
	margin-right:0;
}
#service ul li a {
	display:block;
}
#service ul li a img {
	width:100%;
	height:auto;
}


#index_btm .left {
	width:72.2%;
	float:left;
}
#index_btm .left h2 {
	font-size:18px;
	font-weight:bold;
	color:#004E9D;
	margin-bottom:10px;
}
#index_btm .left h2 img {
	height:auto;
	display:inline-block;
	margin-right:10px;
}
#news {
	margin-bottom:30px;
}
#news dl {
	margin-bottom:25px;
	border-bottom:1px solid #ccc;
}
#news dt, #news dd {
	float:left;
	padding:20px 0;
	border-top:1px solid #ccc;
}
#news dt {
	font-size:0;
	font-weight:bold;
	width:215px;
	clear:left;
	padding:15px 0;
}
#news dt span {
	font-size:14px;
	display:inline-block;
}
#news dt span.date {
	margin-right:20px;
}
#news dt span.category {
	color:#fff;
	padding:5px 10px;
	background-color:#00A99D;
	box-sizing:border-box;
}
#news dd {
	width:-webkit-calc(100% - 215px);
	width:calc(100% - 215px);
	font-weight:bold;
}

#news dd p {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
	line-height: 1.6;
}

#news dd a {
	text-decoration: underline;
}

#news a#news_listlink {
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:140px;
	display:block;
	padding:10px;
	margin:0 auto;
	box-sizing:border-box;
	background-color:#DD5446;
}
#gmap {
	width:100%;
	height:400px;
	margin-bottom:25px;
	background-color:#e4e4e4;
}
#gmap iframe {
	width:100%;
	height:100%;
}
#map a#gmap_listlink {
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:140px;
	display:block;
	padding:10px;
	margin:0 auto;
	box-sizing:border-box;
	background-color:#004E9D;
}

#index_btm .right {
	width:23%;
	float:right;
}
#banner li {
	margin-bottom:20px;
}
#banner li a {
	display:block;
}
#banner li img {
	width:100%;
	height:auto;
}


@media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1120px) {
	#point h2 {
		font-size:17px;
		padding:32px 18px;
	}
	#point ul li h3 {
		font-size:17px;
	}
	#point ul li h3 span {
		font-size:24px;
		width:40px;
		height:40px;
		padding:9px 3px 5px 3px;
	}
	#point ul li dt {
		font-size:18px;
	}
	
	#service {
		padding:23px 0 50px 0;
	}
	#service h2 {
		font-size:17px;
		margin-bottom:23px;
	}
	
	#index_btm .left h2 {
		font-size:17px;
	}
	#index_btm .left h2 img {
		width:30px;
	}
	#news dt, #news dd {
		padding:18px 0;
	}
	#gmap {
		height:350px;
	}
}
@media screen and (max-width:980px) {
	#point ul li h3 br {
		display:none;
	}
}
@media screen and (max-width:768px) {
	#mainimg {
		overflow:hidden;
	}
	#mainimg img.bg {
		width:768px;
		position:relative;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	#mainimg p {
		width:80%;
		max-width:373px;
	}
    #mainimg #ytstart {
        width:10%;
        max-width:60px;
    }
	
	#point h2 {
		font-size:16px;
		padding:29px 16px;
	}
	#point ul li {
		width:49%;
		margin-right:0;
	}
	#point ul li:nth-child(even) {
		float:right;
	}
	#point ul li:nth-child(1), #point ul li:nth-child(2) {
		margin-bottom:2%;
	}
	#point ul li h3 {
		font-size:16px;
	}
	#point ul li h3 span {
		font-size:22px;
		width:38px;
		height:38px;
		padding:9px 2px 4px 2px;
	}
	#point ul li dt {
		font-size:17px;
	}
	
	#service {
		padding:21px 0 45px 0;
	}
	#service h2 {
		font-size:16px;
		margin-bottom:21px;
	}
	
	#index_btm .left h2 {
		font-size:16px;
	}
	#index_btm .left h2 img {
		width:28px;
	}
	#news dt, #news dd {
		padding:16px 0;
	}
	#gmap {
		height:300px;
	}
}
@media screen and (max-width:640px) {
	#point h2 {
		font-size:15px;
		padding:25px 15px;
	}
	
	#index_btm .left {
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	#index_btm .right {
		width:100%;
		float:none;
	}
	#banner {
		margin-bottom:20px;
	}
	#banner li {
		width:32%;
		float:left;
		margin-right:2%;
		margin-bottom:2%;
	}
	#banner li:nth-child(3n) {
		margin-right:0;
	}
	#idx_fb {
		text-align:center
	}
}
@media screen and (max-width:480px) {
	#point h2 {
		padding:20px 13px;
	}
	#point ul li {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	#point ul li:nth-child(even) {
		float:none;
	}
	#point ul li:nth-child(1), #point ul li:nth-child(2) {
		margin-bottom:20px;
	}
	#point ul li:last-child {
		margin-bottom:0;
	}
	#point ul li h3 {
		font-size:15px;
	}
	#point ul li h3 span {
		font-size:20px;
		width:35px;
		height:35px;
	}
	#point ul li dt {
		font-size:16px;
	}
	
	#service {
		padding:25px 0 25px 0;
	}
	#service h2 {
		font-size:15px;
		margin-bottom:19px;
	}
	#service ul li {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	#service ul li:last-child {
		margin-bottom:0;
	}
	
	#index_btm .left h2 {
		font-size:15px;
	}
	#index_btm .left h2 img {
		width:26px;
	}
	#news dt, #news dd {
		width:100%;
		float:none;
	}
	#news dt {
		padding-bottom:5px;
	}
	#news dd {
		padding-top:5px;
		border-top:none;
	}
	#news dt span.category {
		padding:3px 6px;
	}
	#gmap {
		height:250px;
	}
	#banner li {
		width:48.5%;
		margin-right:3%;
		margin-bottom:3%;
	}
	#banner li:nth-child(3n) {
		margin-right:3%;
	}
	#banner li:nth-child(even) {
		margin-right:0;
	}
}
@media screen and (max-width:320px) {
	#point h2 {
		padding:18px 10px;
	}
	#point ul li {
		margin-bottom:15px;
	}
	#point ul li:nth-child(1), #point ul li:nth-child(2) {
		margin-bottom:15px;
	}
	#point ul li h3 {
		font-size:14px;
	}
	#point ul li h3 span {
		font-size:18px;
		width:30px;
		height:30px;
		padding:7px 2px 4px 2px;
	}
	#point ul li dt {
		font-size:15px;
	}
	
	#gmap {
		height:220px;
	}
}
@media screen and (min-width:769px) {
	
}