@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 0 0 6.25vw 0;
	}

	.inner_wrap {
		position: relative;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
		padding: 0 0 10vw 0;
	}

	.inner_wrap {
		position: relative;
	}
}




/* ================================================================================

	メイン画像

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		background:#262626;
		width: 100%;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		background:#262626;
		width: 100%;
	}
}








/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ================================================================================

	NEWS

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		position: relative;
		padding: 4.16vw 5.52vw;
	}

	/* 見出し */
	.row01 .title {
		text-align: center;
		padding: 0 0 2vw 0;
	}
	.row01 .title h2 {
		font-size: 3.125vw;
		/* font-family: 'Fjalla One', sans-serif; */
		font-weight: 300;
		line-height: 1.4;
	}

	/* 投稿記事 */
	.post_wrap {
		position: relative;
		max-height: 25vw;
		height: 100%;
		overflow: auto;
	}
	.post_wrap ul {
	}
	.post_wrap ul li {
		padding: 0 0 1vw 0;
		margin: 0 0 1vw 0;
		border-bottom: 1px solid #c6bdb1;
	}

	.post_in {
		display: table;
		width: 100%;
	}
	.post_in01 {
		display: table-cell;
		vertical-align: top;
		width: 16%;
	}
	.post_in02 {
		display: table-cell;
		vertical-align: top;
		width: 84%;
		padding: 0.5vw 0 0 1vw;
	}


	.post_thumb img {
		width: 100%;
		height: 6.5vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.post_date {
		color: #96908a;
		font-size: 0.781vw;
		font-family: 'Fjalla One', sans-serif;
		font-weight: 300;
	}
	.post_title {
		margin: 0 0 0.2vw 0;
	}
	.post_title span {
		display: inline-block;
		background-color: #282c2b;
		padding: 0.05em 0.3em 0.10em;
		color: #dbd2c4;
		font-size: 0.85vw;
		font-weight: 500;
	}
	.post_excerpt {
		color: #242424;
		font-size: 0.85vw;
	}

	/* INFORMATION */
	.row01 .p {
		font-size: 0.99vw
	}
	.row01 .daihyo {
		text-align: right;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		position: relative;
		padding: 12vw 4vw;
	}

	/* 見出し */
	.row01 .title {
		padding: 0 0 4vw 0;
	}
	.row01 .title h2 {
		font-size: 8vw;
		/* font-family: 'Fjalla One', sans-serif; */
		font-weight: 300;
		line-height: 1.4;
	}

	/* 投稿記事 */
	.post_wrap {
		position: relative;
		max-height: 105vw;
		height: 100%;
		overflow: auto;
	}
	.post_wrap ul {
	}
	.post_wrap ul li {
		padding: 0 0 3vw 0;
		margin: 0 0 3vw 0;
		border-bottom: 1px solid #c6bdb1;
	}


	.post_in {
		display: table;
		width: 100%;
	}
	.post_in01 {
		display: table-cell;
		vertical-align: top;
		width: 20%;
	}
	.post_in02 {
		display: table-cell;
		vertical-align: top;
		width: 80%;
		padding: 0 0 0 3vw;
	}


	.post_thumb img {
		width: 100%;
		height: 15vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.post_date {
		color: #96908a;
		font-size: 3.2vw;
		font-family: 'Fjalla One', sans-serif;
		font-weight: 300;
	}
	.post_title {
		margin: 0 0 0.2vw 0;
	}
	.post_title span {
		display: inline-block;
		background-color: #282c2b;
		padding: 0.05em 0.3em 0.10em;
		color: #dbd2c4;
		font-size: 3.5vw;
		font-weight: 500;
	}
	.post_excerpt {
		color: #242424;
		font-size: 3.5vw;
	}

	/* INFORMATION */
	.row01 .p {
	}
	.row01 .daihyo {
		text-align: right;
		padding: 3vw 0 0 0;
	}
}




/* ================================================================================

	周波数加工Ⓡ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02 {
		background-color: #242424;
		color: #ffffff;
	}
	.row02 img {
		width: 100%;
	}
	.row02_in {
		text-align: center;
	}
	.row02_in .title {
		font-size: 1.37vw;
		letter-spacing: 0.1em;
		line-height: 1;
		margin: 0 0 0.8em 0;
	}
	.row02_in h2 {
		font-size: 2vw;
		font-weight: 300;
		letter-spacing: 0.1em;
		line-height: 1;
		margin: 0 0 0.7em 0;
	}
	.row02_in h2.title2 {
		font-size: 3.2vw;
		letter-spacing: 0;
	}
	.row02_in p {
		font-size: 0.99vw;
		letter-spacing: 0.05em;
	}
	.row02_in .link_top a {
		display: inline-block;
		font-size: 1.1vw;
		letter-spacing: 0.1em;
		color: #ffffff;
		border: 1px solid #ffffff;
		padding: 0.4em 2em;
		margin: 2em 0 0 0;
		text-indent: 0.1em;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02 {
		background-color: #242424;
		color: #ffffff;
	}
	.row02 img {
		width: 100%;
	}
	.row02_in {
		text-align: center;
		padding: 7vw 0 5vw;
	}
	.row02_in .title {
		font-size: 3.5vw;
		letter-spacing: 0.1em;
		line-height: 1;
		margin: 0 0 0.8em 0;
	}
	.row02_in h2 {
		font-size: 5vw;
		font-weight: 300;
		letter-spacing: 0.1em;
		line-height: 1;
		margin: 0 0 0.7em 0;
	}
	.row02_in h2.title2 {
		font-size: 7vw;
		letter-spacing: 0;
	}
	.row02_in p {
		font-size: 3.5vw;
		letter-spacing: 0.05em;
	}
	.row02_in .link_top a {
		display: inline-block;
		font-size: 4vw;
		letter-spacing: 0.1em;
		color: #ffffff;
		border: 1px solid #ffffff;
		padding: 0.4em 2em;
		margin: 0.5em 0 0 0;
		text-indent: 0.1em;
	}
}




/* ================================================================================

	MESSAGE

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_message {
		position: relative;
		padding: 4.16vw 16vw 0;
	}


	.row_message ul {
		display: table;
	}
	.row_message ul li {
		display: table-cell;
		vertical-align: top;
		font-size: 0.833vw;
	}
	.row_message ul li:nth-of-type(1) {
		width: 20%;
	}
	.row_message ul li:nth-of-type(2) {
		width: 60%;
	}
	.row_message ul li:nth-of-type(3) {
		width: 20%;
		padding: 0 0 0 5%;
	}

	/* 見出し */
	.row_message ul li h2 {
		font-size: 3.125vw;
		font-family: 'Fjalla One', sans-serif;
		font-weight: 300;
		line-height: 1.4;
	}

	/* テキスト */
	.row_message ul li p {
	}
	.row_message ul li .daihyo {
		text-align: right;
		padding: 0.5vw 0 0 0;
	}

	.ruiji {
		background-color: #ffffff;
		padding: 1.5em;
		margin: 2em 0 0 0;
	}
	.ruiji h3 {
		font-size: 1.1em;
		margin: 0 0 0.5em 0;
	}

	/* リンク */
	.bn_hanbai {
		text-align: center;
		margin: 3em 0 0 0;
	}
	.bn_hanbai img {
		width: 15vw;
		height: auto;
	}

	/* オーナー */
	.top_owner {
	}
	.top_owner img {
		width: 100%;
		height: auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_message {
		position: relative;
		padding: 12vw 4vw 0;
	}

	.row_message ul {
	}
	.row_message ul li {
		margin: 0 0 6vw 0;
	}
	.row_message ul li:last-of-type {
		margin: 0;
	}

	/* 見出し */
	.row_message ul li h2 {
		font-size: 8vw;
		font-family: 'Fjalla One', sans-serif;
		font-weight: 300;
		line-height: 1.4;
		text-align: center;
	}

	/* テキスト */
	.row_message p {
	}
	.row_message .daihyo {
		text-align: right;
		padding: 3vw 0 0 0;
	}
	.ruiji {
		background-color: #ffffff;
		padding: 1.5em;
		margin: 3em 0 0 0;
	}
	.ruiji h3 {
		font-size: 1.1em;
		margin: 0 0 0.5em 0;
	}

	/* リンク */
	.bn_hanbai {
		text-align: center;
		margin: 3em 0 0 0;
	}
	.bn_hanbai img {
		width: 70%;
		height: auto;
	}

	/* オーナー */
	.top_owner {
		text-align: center;
		margin-top: 3vw;
	}
	.top_owner img {
		width: 50%;
		height: auto;
	}
}




/* ================================================================================

	MESSAGE

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/*
	.logo_heartz {
		display: inline-block;
		background: url(../img/logo_heartz.png) center bottom / contain no-repeat;
		width: 5vw;
		height: 1.1vw;
		text-indent: -9999px;
	}
	.logo_kikagaku {
		display: inline-block;
		background: url(../img/logo_kikagaku.png) center top / contain no-repeat;
		width: 1.8vw;
		height: 1.1vw;
		text-indent: -9999px;
	}
	.logo_hitz {
		display: inline-block;
		background: url(../img/logo_hitz.png) center top / contain no-repeat;
		width: 2.2vw;
		height: 1.1vw;
		text-indent: -9999px;
	}
	*/

	.logo_heartz img {
		width: 5vw;
		height: auto;
		vertical-align: baseline;
	}
	.logo_kikagaku img {
		width: 1.6vw;
		height: auto;
		vertical-align: baseline;
	}
	.logo_hitz img {
		width: 2.2vw;
		height: auto;
		vertical-align: baseline;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/*
	.logo_heartz {
		display: inline-block;
		background: url(../img/logo_heartz.png) center bottom / contain no-repeat;
		width: 20vw;
		height: 4.6vw;
		text-indent: -9999px;
	}
	.logo_kikagaku {
		display: inline-block;
		background: url(../img/logo_kikagaku.png) center top / contain no-repeat;
		width: 7.2vw;
		height: 4.6vw;
		text-indent: -9999px;
	}
	.logo_hitz {
		display: inline-block;
		background: url(../img/logo_hitz.png) center top / contain no-repeat;
		width: 8.8vw;
		height: 4.6vw;
		text-indent: -9999px;
	}
	*/

	.logo_heartz img {
		width: 20vw;
		height: auto;
		vertical-align: baseline;
	}
	.logo_kikagaku img {
		width: 4.8vw;
		height: auto;
		vertical-align: baseline;
	}
	.logo_hitz img {
		width: 6.6vw;
		height: auto;
		vertical-align: baseline;
	}
}