@charset "UTF-8";

img {
	display: inline;
	vertical-align: bottom;
}

a {
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

	a:hover {
		opacity: .8;
	}




#main.mainWide {
	width: 100%;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	float: none;
	margin: 0;
}

#main #home_contents {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

	#main #home_contents li.card h2 {
		text-align:start;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

@supports not (-webkit-line-clamp: 3) {
	#main #home_contents li.card h2 {
		position: relative;
		height: 39px;
		overflow: hidden;
	}

		#main #home_contents li.card h2:before, #main #home_contents li.card h2:after {
			position: absolute;
			background: #fff;
		}

		#main #home_contents li.card h2:before {
			content: "･･･";
			bottom: 0;
			right: 0;
		}

		#main #home_contents li.card h2:after {
			content: "";
			width: 100%;
			height: 100%;
		}
}

@media screen and (max-width: 768px) {
	#main #home_contents #home_contents_inner {
		width: 90.6%;
		margin: 0 auto;
	}

	#main #home_contents ul.grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

		#main #home_contents ul.grid li.card {
			width: 31%;
			margin: 10px 3.5% 10px 0;
		}

			#main #home_contents ul.grid li.card:nth-child(3n) {
				margin-right: 0;
			}

	#main .business_sec_2_sentence br{
		display:none;
	}
}

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


	#main #home_contents ul.grid {
		display: block;
	}

		#main #home_contents ul.grid li.card {
			width: 100%;
			margin: 10px auto 0 auto;
		}

			#main #home_contents ul.grid li.card:nth-child(3n) {
				margin-right: auto;
			}
}



#header {
	height: auto;
}

#wrapper {
	min-width: auto;
	font-size: initial;
}

#container {
	width: 100%;
}


#home_contents li.card dl dt img {
	height: 25px;
}

#home_contents {
	background-color: rgba(15, 101, 177, 0.1);
}


@media screen and (min-width: 768px) {
	.grid {
		max-width: 960px;
	}

	.card {
		display: inline-block;
		height: 330px;
	}

		.card h2 {
			margin-top: 5px;
			line-height: 1.5;
		}

	.home_content_article_title {
		margin: 50px auto 40px;
		text-align: center;
	}

	#home_contents_inner > span {
		display: block;
		text-align: center;
	}

	.card_button img {
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
}

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


	#home_contents ul {

	}

	#home_contents li.card dl dt {
		margin-bottom: 1px;
	}

	.home_content_article_title {
		margin: 9vw auto 5vw;
		width: 70%;
	}

	#home_contents {
		padding: 0;
	}

	#main.mainWide {
		margin-bottom: 0;
	}

	#home_contents li.card h2 {
		margin-top: 2vw;
		line-height: 1.55;
	}

	#home_contents_inner {
		padding: 0;
	}

		#home_contents_inner > span {
			display: block;
			text-align: center;
		}

	.home_content_article_title {
		width: 76%;
	}

	#home_contents li.card {
		margin: 10px auto 0;
	}

	.card_button img {
		margin: 6vw auto 0;
		padding-bottom: 6.4vw;
	}
}