/**
 * お客様の声CSS
 *
 * @author Tsue Shogo
 * @version
 *	1.0.0	2018/11/09(金) 13:25	お役立ち情報からコピー
 *	1.1.0	2018/12/11(火) 02:59	WEBフォントの適用追加
 *	1.2.0	2018/12/11(火) 03:02	フォント色修正
 *	1.2.1	2019/01/10(木) 12:29	IE11表示崩れ対策
 */
@charset "utf-8";
@import "voice-list.css";
@import "breadcrumbs-ellipsis.css";
/**
 * 外部CSS競合解決
 */
@media screen and (max-width: 767px) {
	#header + .main {
		max-width: 100vw;
		width: 100vw;
	}
}
#contents {
	background-color: #ffffff;
}
@media screen and (max-width: 767px) {
	#contents {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	#footer-contact {
		display: none;
	}
}
span.SPblock {
	display: inline;
}
.pc-only {
}
.sp-only {
}
@media screen and (min-width: 1200px) {
	span.SPblock {
	}
	.pc-only {
	}
	.sp-only {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	span.SPblock {
	}
	.pc-only {
	}
	.sp-only {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	span.SPblock {
		display: block;
	}
	.pc-only {
		display: none;
	}
	.sp-only {
	}
}
/**
 * パンくず
 */
#breadcrumbs {
}
@media screen and (min-width: 1200px) {
	#breadcrumbs {
		margin: 4px auto 0;
		padding: 0;
		height: 35px;
		line-height: 35px;
		font-size: 1.7rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#breadcrumbs {
		margin: 4px auto 0;
		padding: 0;
		min-height: 35px;
		line-height: 35px;
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 767px) {
	#breadcrumbs {
	}
}
/**
 * 最上部タイトル
 */
.voiceTitle {
	display: block;
	/*display: none;*/
	background-image: url('../images/voice/mainvisual_1200x300.png');
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0;
}
.voiceTitle .title_main {
	display: block;
	text-align: center;
	font-family: "リュウミン M-KL";
	font-weight: bold;
}
.voiceTitle span.title_sub {
	display: block;
	text-align: left;
	color: #424242;
}
@media screen and (min-width: 1200px) {
	.voiceTitle {
		height: 300px;
		margin: 0 0 0px;
		padding: 50px 30px 0 670px;
	}
	.voiceTitle .title_main {
		font-size: 48px;
	}
	.voiceTitle span.title_sub {
		font-size: 16px;
		margin-top: 10px;
		line-height: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.voiceTitle {
		height: calc(100vw / 1200 * 300);
		margin: 0;
		padding: calc(100vw / 1200 * 50) calc(100vw / 1200 * 30) 0 calc(100vw / 1200 * 670);
	}
	.voiceTitle .title_main {
		font-size: calc(100vw / 1200 * 48);
	}
	.voiceTitle span.title_sub {
		font-size: calc(100vw / 1200 * 16);
		margin-top: calc(100vw / 1200 * 10);
		line-height: calc(100vw / 1200 * 30);
	}
}
@media screen and (max-width: 767px) {
	.voiceTitle {
		background-image: url('../images/voice/mainvisual_1280x600.png');
		height: calc(100vw / 1280 * 600);
		margin: 0 0 calc(100vw / 1280 * 334);
		padding: calc(100vw / 1280 * 315) calc(100vw / 1280 * 30) 0 calc(100vw / 1280 * 670);
		position: relative;
	}
	.voiceTitle .title_main {
		font-size: calc(100vw / 1280 * 95);
	}
	.voiceTitle span.title_sub {
		position: absolute;
		left: 0;
		top: calc(100vw / 1280 * 600);
		font-size: calc(100vw / 1280 * 44);
		line-height: calc(100vw / 1280 * 80);
		margin: calc(100vw / 1280 * 60) calc(100vw / 1280 * 70);
		width: calc(100vw / 1280 * 1140);
	}
	.voiceTitle span.title_sub .pc-only {
		display: none;
	}
	.is-voice.is-detail .voiceTitle {
		display: none;
	}
}
/**
 * コンテンツ内部
 */
.contents-inner.has-side {
	
}
@media screen and (min-width: 1200px) {
	.contents-inner.has-side {
		padding: 28px calc((100% - 240px - 840px) / 3) 30px; /* 240px:サイド幅, 840px:メイン幅, 3:間隔数 */
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.contents-inner.has-side {
		padding: calc((100vw / 1200 * (1200 - 240 - 840)) / 3); /* 240px:サイド幅, 840px:メイン幅, 3:間隔数 */
	}
}
@media screen and (max-width: 767px) {
	.contents-inner.has-side {
		margin: calc(100vw / 1280 * (-334)) 0 0 0;
		padding-top: calc(100vw / 1280 * 334);
		background-image: url('../images/voice/back_sp_640x300.png');
		background-color: #e8edf2;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#contents.is-detail .contents-inner.has-side {
		margin: 0;
		padding: 0;
		background: none;
	}
}
/**
 * サイド
 */
.contents-inner.has-side #side {
}
@media screen and (min-width: 1200px) {
	.contents-inner.has-side #side {
		width: 230px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.contents-inner.has-side #side {
		width: calc(100vw / 1200 * 230);
	}
}
@media screen and (max-width: 767px) {
	.contents-inner.has-side #side {
		margin-top: 0;
		padding-top: 20px;
		background-color: #ffffff;
	}
}
/**
 * サイド タイトル
 */
.contents-inner.has-side #side .nav-title{
	font-weight: bold;
}
@media screen and (min-width: 1200px) {
	.contents-inner.has-side #side .nav-title {
		font-size: 1.8rem;
		padding-bottom: 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.contents-inner.has-side #side .nav-title {
		font-size: 1.8rem;
		padding-bottom: calc(16 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.contents-inner.has-side #side .nav-title {
		font-size: 1.8rem;
		padding-left: 15px;
		padding-bottom: 15px;
	}
}
/**
 * サイド リストボックス
 */
#side .list.is-side {
}
@media screen and (min-width: 1200px) {
	#side .list.is-side {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#side .list.is-side {
	}
}
@media screen and (max-width: 767px) {
	#side .list.is-side {
		margin: 0;
	}
}
/**
 * サイド リストボックス カテゴリーメニューエリア
 */
#side .list.is-side .cate-nav {
}
@media screen and (min-width: 1200px) {
	#side .list.is-side .cate-nav {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#side .list.is-side .cate-nav {
	}
}
@media screen and (max-width: 767px) {
	#side .list.is-side .cate-nav {
	}
}
/**
 * サイド リストボックス カテゴリーメニューエリア リストエリア
 */
#side .list.is-side .cate-nav ul {
	padding: 0;
	border-top: 2px solid #423e39;
	border-bottom: 2px solid #423e39;
}
@media screen and (min-width: 1200px) {
	#side .list.is-side .cate-nav ul {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#side .list.is-side .cate-nav ul {
	}
}
@media screen and (max-width: 767px) {
	#side .list.is-side .cate-nav ul {
	}
}
/**
 * サイド リストボックス カテゴリーメニューエリア リスト
 */
#side .list.is-side .cate-nav ul li {
	border-bottom: 1px dashed #828181;
	margin: 0;
}
#side .list.is-side .cate-nav ul li:last-child {
	border-bottom: none;
}
@media screen and (min-width: 1200px) {
	#side .list.is-side .cate-nav ul li {
		height: 61px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#side .list.is-side .cate-nav ul li {
		height: calc(100vw / 1200 * 60 + 1px);
	}
}
@media screen and (max-width: 767px) {
	#side .list.is-side .cate-nav ul li {
	}
	#side .list.is-side .cate-nav ul li:first-child {
		/*border-top: 1px dashed #828181;*/
	}
}
/**
 * サイド リストボックス カテゴリーメニューエリア リスト リンク
 */
#side .list.is-side .cate-nav ul li a {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: bold;
	text-align: left;
	position: relative;
	color: #696868;
}
#side .list.is-side .cate-nav ul li a:before {
	content: "";
	display: block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}
#side .list.is-side .cate-nav ul li a.cat-toilet:before {
	background-image: url('../images/common/icon_category_toilet.png');
}
#side .list.is-side .cate-nav ul li a.cat-bathroom:before {
	background-image: url('../images/common/icon_category_bathroom.png');
}
#side .list.is-side .cate-nav ul li a.cat-kitchen:before {
	background-image: url('../images/common/icon_category_kitchen.png');
}
#side .list.is-side .cate-nav ul li a.cat-washroom:before {
	background-image: url('../images/common/icon_category_washroom.png');
}
#side .list.is-side .cate-nav ul li a.cat-interior:before {
	background-image: url('../images/common/icon_category_interior.png');
}
#side .list.is-side .cate-nav ul li a.cat-exterior:before {
	background-image: url('../images/common/icon_category_exterior.png');
}
#side .list.is-side .cate-nav ul li a.cat-waterworks:before {
	background-image: url('../images/common/icon_category_waterworks.png');
}
.isbody-toilet a.cat-toilet,
.isbody-bathroom a.cat-bathroom,
.isbody-kitchen a.cat-kitchen,
.isbody-washroom a.cat-washroom,
.isbody-interior a.cat-interior,
.isbody-exterior a.cat-exterior,
.isbody-waterworks a.cat-waterworks {
	background-color: #e6e6e6;
}
@media screen and (min-width: 1200px) {
	#side .list.is-side .cate-nav ul li a:before {
		width: 50px;
		height: 50px;
		left: 3px;
		top: 5px;
	}
	#side .list.is-side .cate-nav ul li a {
		height: 60px;
		line-height: 60px;
		font-size: 1.8rem;
		padding-left: 59px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#side .list.is-side .cate-nav ul li a:before {
		width: calc(100vw / 1200 * 50);
		height: calc(100vw / 1200 * 50);
		left: calc(100vw / 1200 * 3);
		top: calc(100vw / 1200 * 5);
	}
	#side .list.is-side .cate-nav ul li a {
		height: calc(100vw / 1200 * 60);
		line-height: calc(100vw / 1200 * 60);
		font-size: 1.8rem;
		padding-left: calc(100vw / 1200 * 59);
	}
}
@media screen and (max-width: 767px) {
	#side .list.is-side .cate-nav ul li a:before {
		width: 50px;
		height: 50px;
		left: 3px;
		top: 5px;
	}
	#side .list.is-side .cate-nav ul li a {
		height: 60px;
		line-height: 60px;
		font-size: 1.8rem;
		padding-left: 59px;
	}
}
/**
 * コンテンツヘッダ
 */
#contents-header {
	width: 100%;
	letter-spacing: -.4em;
}
@media screen and (min-width: 1200px) {
	#contents-header {
		padding: 40px 150px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header {
		padding: calc(40 * 100vw / 1200) calc(150 * 100vw / 1200) 0;
	}
}
@media screen and (max-width: 767px) {
	#contents-header {
	}
}
/**
 * コンテンツヘッダ 画像
 */
#contents-header figure {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#contents-header figure .imgtrimwrap{
	width: 100%;
}
#contents-header figure img {
}
@media screen and (min-width: 1200px) {
	#contents-header figure {
		width: 240px;
		margin-right: 30px;
	}
	#contents-header figure img {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header figure {
		width: calc(240 * 100vw / 1200);
		margin-right: calc(30 * 100vw / 1200);
	}
	#contents-header figure img {
	}
}
@media screen and (max-width: 767px) {
	#contents-header figure {
	}
	#contents-header figure img {
	}
	#contents.is-detail #contents-header figure {
		margin: 0;
	}
	#contents.is-detail #contents-header figure img {
	}
}
/**
 * コンテンツヘッダ 内部
 */
#contents-header .contents-header-inner {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
@media screen and (min-width: 1200px) {
	#contents-header .contents-header-inner {
		width: calc(100% - 240px - 30px);
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header .contents-header-inner {
		width: calc(100% - 240px - 30px);
	}
}
@media screen and (max-width: 767px) {
	#contents-header .contents-header-inner {
		margin: 0 15px;
	}
	#contents.is-detail #contents-header .contents-header-inner {
		/*margin: 0 5px;*/
	}
}
/**
 * コンテンツヘッダ 内部 タイトル(h1)
 */
#contents-header .contents-header-inner h1 {
	font-weight: bold;
}
#contents.is-detail #contents-header .contents-header-inner h1 {
	color: #9c7e62;
	font-family: "リュウミン M-KL";
}
@media screen and (min-width: 1200px) {
	#contents-header .contents-header-inner h1 {
		font-size: 3.0rem;
		margin-bottom: 12px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header .contents-header-inner h1 {
		font-size: 3.0rem;
		margin-bottom: 1.2rem;
	}
}
@media screen and (max-width: 767px) {
	#contents-header .contents-header-inner h1 {
		font-size: 2.0rem;
	}
	#contents.is-detail #contents-header .contents-header-inner h1 {
		font-size: 2.0rem;
		line-height: 3.0rem;
		margin: 20px 0 27px;
		text-align: center;
	}
}
/**
 * コンテンツヘッダ 内部 ディスクリプション
 */
#contents-header .contents-header-inner .description {
}
@media screen and (min-width: 1200px) {
	#contents-header .contents-header-inner .description {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header .contents-header-inner .description {
	}
}
@media screen and (max-width: 767px) {
	#contents-header .contents-header-inner .description {
	}
}
/**
 * コンテンツヘッダ 内部 タグエリア
 */
#contents-header .contents-header-inner .tag_area {
	/*
	border-top: 1px dashed #828181;
	border-bottom: 1px dashed #828181;
	*/
}
#contents-header .contents-header-inner .tag_area ul {
}
#contents-header .contents-header-inner .tag_area ul li {
	display: inline-block;
}
#contents-header .contents-header-inner .tag_area ul li a,
#contents-header .contents-header-inner .tag_area ul li span {
	border: 2px solid #ccc;
	color: #686868;
	display: inline-block;
}
#contents-header .contents-header-inner .tag_area ul li a:hover {
	opacity: 0.8;
	text-decoration: none;
}
#contents-header .contents-header-inner .tag_area ul li .cat-toilet {
	border: 2px solid #0c88ed;
	background-color: #0c88ed;
	color: #ffffff;
}
#contents-header .contents-header-inner .tag_area ul li .cat-bathroom {
	border: 2px solid #f56133;
	background-color: #f56133;
	color: #ffffff;
}
#contents-header .contents-header-inner .tag_area ul li .cat-kitchen {
	border: 2px solid #fa9519;
	background-color: #fa9519;
	color: #ffffff;
}
#contents-header .contents-header-inner .tag_area ul li .cat-washroom {
	border: 2px solid #0cbced;
	background-color: #0cbced;
	color: #ffffff;
}
#contents-header .contents-header-inner .tag_area ul li .cat-interior {
	border: 2px solid #a67232;
	background-color: #a67232;
	color: #ffffff;
}
#contents-header .contents-header-inner .tag_area ul li .cat-exterior {
	border: 2px solid #27d9b5;
	background-color: #27d9b5;
	color: #ffffff;
}
#contents-header .contents-header-inner .tag_area ul li .cat-waterworks {
	border: 2px solid #0c88ed;
	background-color: #0c88ed;
	color: #ffffff;
}
@media screen and (min-width: 1200px) {
	#contents-header .contents-header-inner .tag_area {
		margin: 0;
	}
	#contents-header .contents-header-inner .tag_area ul {
		margin: 0;
	}
	#contents-header .contents-header-inner .tag_area ul li {
	}
	#contents-header .contents-header-inner .tag_area ul li a,
	#contents-header .contents-header-inner .tag_area ul li span {
		height: 24px;
		line-height: calc(24px - 2px);
		border-radius: 12px;
		font-size: 1.6rem;
		padding: 0 2.3rem;
		margin: 0 12px 12px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header .contents-header-inner .tag_area {
		margin: 0;
	}
	#contents-header .contents-header-inner .tag_area ul {
		margin: 0;
	}
	#contents-header .contents-header-inner .tag_area ul li {
	}
	#contents-header .contents-header-inner .tag_area ul li a,
	#contents-header .contents-header-inner .tag_area ul li span{
		height: calc(100vw / 1200 * 24);
		line-height: calc(100vw / 1200 * 24 - 2px);
		border-radius: calc(100vw / 1200 * 12);
		font-size: 1.6rem;
		padding: 0 2.3rem;
		margin: 0 calc(100vw / 1200 * 12) calc(100vw / 1200 * 12) 0;
	}
}
@media screen and (max-width: 767px) {
	#contents-header .contents-header-inner .tag_area {
		margin: 0;
		padding: 0 0 15px;
	}
	#contents-header .contents-header-inner .tag_area ul {
	}
	#contents-header .contents-header-inner .tag_area ul li {
	}
	#contents-header .contents-header-inner .tag_area ul li a,
	#contents-header .contents-header-inner .tag_area ul li span {
		height: 24px;
		line-height: calc(24px - 2px);
		border-radius: 12px;
		font-size: 1.2rem;
		padding: 0 1.0rem;
		margin: 0 10px 10px 0;
	}
}
/**
 * コンテンツヘッダ 内部
 */
#contents-header .address_area {
	letter-spacing: normal;
	color: #423e39;
}
@media screen and (min-width: 1200px) {
	#contents-header .address_area {
		margin: 15px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#contents-header .address_area {
		margin: calc(100vw / 1200 * 15) 0;
	}
}
@media screen and (max-width: 767px) {
	#contents-header .address_area {
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		text-align: right;
		height: calc(100vw / 640 * 80);
		line-height: calc(100vw / 640 * 80);
		font-size: 1.8rem;
		padding: 0 10px;
	}
}
/**
 * メイン
 */
.contents-inner.has-side main#main {
	flex: none;
	padding: 0;
}
@media screen and (min-width: 1200px) {
	.contents-inner.has-side main#main {
		width: 850px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.contents-inner.has-side main#main {
		width: calc(100vw / 1200 * 850);
	}
}
@media screen and (max-width: 767px) {
	#contents:not(.is-detail) main#main {
		background-color: transparent;
	}
	.contents-inner.has-side main#main {
		
	}
}
/**
 * 記事詳細
 */
#main h1 {
	font-weight: bold;
	color: #323232;
}
#voice-content h2 {
	font-weight: bold;
	border-bottom: 2px solid #cabdaf;
	color: #9c7e62;
	font-family: serif;
}
#voice-content h3 {
	color: #423e39;
}
#voice-content h3.number {
	position: relative;
}
#voice-content h3.number span {
	position: absolute;
	display: block;
	background-color: #0c88ed;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	left: 0;
	top: 0;
}
#voice-content p {
	color: #423e39;
}
#voice-content figure {
}
#voice-content figure img {
}
#voice-content figure.letter {
	text-align: center;
}
#voice-content figure.letter img {
	border: 2px solid #423e39;
	max-width: 100%;
}
#voice-content ul {
	list-style-type: disc;
	list-style-position: inside;
}
#voice-content ul li {
}
#voice-content ul li:last-child {
}
#voice-content dl.result {
	color: #423e39;
}
#voice-content dl.result dt:before {
	display: inline;
	content: "ー";
}
#voice-content dl.result dt {
	font-weight: normal;
}
#voice-content dl.result dd {
}
@media screen and (min-width: 1200px) {
	#main h1 {
		font-size: 3.0rem;
		margin: 0 0 33px;
	}
	#voice-content h2 {
		font-size: 2.5rem;
		padding: 0 0 11px;
		margin: 57px 0 32px;
	}
	#voice-content h3 {
		font-size: 2.7rem;
		margin: 34px 0 16px;
	}
	#voice-content h3.number {
		font-size: 2.4rem;
		margin: 37px 0 22px;
		line-height: 30px;
		padding-left: calc(30px + 10px);
	}
	#voice-content h3.number span {
		font-size: 1.7rem;
		border-radius: 15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	#voice-content p {
		font-size: 2.0rem;
	}
	#voice-content figure {
	}
	#voice-content figure img {
	}
	#voice-content figure.letter {
		margin: 0 0 32px;
		max-height: 420px;
	}
	#voice-content figure.letter img {
	}
	#voice-content ul {
		margin-top: 1em;
	}
	#voice-content ul li {
		padding-bottom: 0.2em;
		font-size: 18px;
	}
	#voice-content ul li:last-child {
		padding-bottom: 0;
	}
	#voice-content dl.result {
	}
	#voice-content dl.result dt {
		font-size: 1.8rem;
	}
	#voice-content dl.result dd {
		margin: 15px 0;
		font-size: 1.8rem;
		text-align: right;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#main h1 {
		font-size: 3.0rem;
		margin: 0 0 calc(100vw / 1200 * 33);
	}
	#voice-content h2 {
		font-size: 2.5rem;
		padding: 0 0 calc(100vw / 1200 * 10);
		margin: calc(100vw / 1200 * 57) 0 calc(100vw / 1200 * 32);
	}
	#voice-content h3 {
		font-size: 2.7rem;
		margin: calc(100vw / 1200 * 34) 0 calc(100vw / 1200 * 16);
	}
	#voice-content h3.number {
		font-size: 2.4rem;
		margin: calc(100vw / 1200 * 37) 0 calc(100vw / 1200 * 22);
		line-height: calc(100vw / 1200 * 35);
		padding-left: calc((30 + 10) * 100vw / 1200);
	}
	#voice-content h3.number span {
		font-size: 1.7rem;
		border-radius: calc(100vw / 1200 * 15);
		width: calc(100vw / 1200 * 30);
		height: calc(100vw / 1200 * 30);
		line-height: calc(100vw / 1200 * 30);
	}
	#voice-content p {
		font-size: 2.0rem;
	}
	#voice-content figure {
	}
	#voice-content figure img {
	}
	#voice-content figure.letter {
		margin: 0 0 calc(100vw / 1200 * 32);
		max-height: calc(100vw / 1200 * 420);
	}
	#voice-content figure.letter img {
	}
	#voice-content ul {
		margin-top: 1em;
	}
	#voice-content ul li {
		padding-bottom: 0.2em;
		font-size: 18px;
	}
	#voice-content ul li:last-child {
		padding-bottom: 0;
	}
	#voice-content dl.result {
	}
	#voice-content dl.result dt {
		font-size: 1.8rem;
	}
	#voice-content dl.result dd {
		margin: 15px 0;
		font-size: 1.8rem;
		text-align: right;
	}
}
@media screen and (max-width: 767px) {
	#main h1 {
		margin: 0 15px 15px;
	}
	#voice-content {
		margin: 30px 15px;
	}
	#voice-content h2 {
		margin: 30px 0 15px;
		font-size: 1.8rem;
		text-align: center;
		border: none;
	}
	#voice-content h2:after {
		content: "";
		display: block;
		margin: 20px auto 0;
		width: calc((100vw - 30px) / (1200 - 30) * 230);
		border-bottom: 2px solid #cabdaf;
	}
	#voice-content h3 {
		margin: 30px 0 15px;
	}
	#voice-content h3.number {
		line-height: 30px;
		padding-left: calc(30px + 10px);
	}
	#voice-content h3.number span {
		border-radius: 15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	#voice-content p {
		margin-top: 15px;
		font-size: 1.4rem;
		line-height: 3.0rem;
	}
	#voice-content figure {
	}
	#voice-content figure img{
	}
	#voice-content figure.letter {
		max-height: calc((100vw - 30px) / 850 * 420);
	}
	#voice-content figure.letter img {
	}
	#voice-content ul {
		margin-top: 1em;
	}
	#voice-content ul li {
		padding-bottom: 0.2em;
	}
	#voice-content ul li:last-child {
		padding-bottom: 0;
	}
	#voice-content dl.result {
	}
	#voice-content dl.result dt {
		font-size: 1.6rem;
	}
	#voice-content dl.result dd {
		text-align: right;
		margin: 15px 0;
		font-size: 1.6rem;
	}
}
#voice-content > *:first-child {
	margin-top: 0;
}
/**
 * 記事詳細 SNSエリア
 */
#main .sns_area {
}
#main .sns_area ul {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
}
#main .sns_area ul li {
}
#main .sns_area ul li a {
	display: inline-block;
	border: none;
	cursor: pointer;
	outline: none;
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -300vw;
	overflow: hidden;
}
#main .sns_area ul li a:hover {
	opacity: 0.8;
}
#main .sns_area ul li a.twitter {
	background-image: url('../images/common/icon_sns_twitter.png');
}
#main .sns_area ul li a.facebook {
	background-image: url('../images/common/icon_sns_facebook.png');
}
#main .sns_area ul li a.hatena {
	background-image: url('../images/common/icon_sns_hatena.png');
}
@media screen and (min-width: 1200px) {
	#main .sns_area {
		margin: 25px 0;
	}
	#main .sns_area ul {
		width: 400px;
		margin: 75px auto 54px;
	}
	#main .sns_area ul li {
	}
	#main .sns_area ul li.line_li {
		display: none;
	}
	#main .sns_area ul li a {
		width: 120px;
		height: 40px;
	}
	#main .sns_area ul li a.twitter {
	}
	#main .sns_area ul li a.facebook {
	}
	#main .sns_area ul li a.hatena {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#main .sns_area {
		margin: calc(100vw / 1200 * 25) 0;
	}
	#main .sns_area ul {
		width: 400px;
		margin: calc(100vw / 1200 * 75) auto calc(100vw / 1200 * 54);
	}
	#main .sns_area ul li {
	}
	#main .sns_area ul li.line_li {
		display: none;
	}
	#main .sns_area ul li a {
		width: 120px;
		height: 40px;
	}
	#main .sns_area ul li a.twitter {
	}
	#main .sns_area ul li a.facebook {
	}
	#main .sns_area ul li a.hatena {
	}
}
@media screen and (max-width: 767px) {
	#main .sns_area {
		margin: 25px 15px;
	}
	#main .sns_area ul {
		width: calc(100vw - 30px);
		max-width: 260px;
		margin: 0 auto;
	}
	#main .sns_area ul li {
	}
	#main .sns_area ul li a {
		width: calc((100vw - 30px) / 260 * 40); /* 30px=15px*2=両サイドマージン, 260=ul, 40=アイコン1 */
		height: calc((100vw - 30px) / 260 * 40);
		max-width: 40px;
		max-height: 40px;
	}
	#main .sns_area ul li a.twitter {
		background-image: url('../images/common/icon_sns_twitter_sp.png');
	}
	#main .sns_area ul li a.facebook {
		background-image: url('../images/common/icon_sns_facebook_sp.png');
	}
	#main .sns_area ul li a.line {
		background-image: url('../images/common/icon_sns_line_sp.png');
	}
	#main .sns_area ul li a.hatena {
		background-image: url('../images/common/icon_sns_hatena_sp.png');
	}
	#main .sns_area ul li .hatena-bookmark-button-frame {
		width: calc((100vw - 30px) / 260 * 40); /* 30px=15px*2=両サイドマージン, 260=ul, 40=アイコン1 */
		height: calc((100vw - 30px) / 260 * 40);
		max-width: 40px;
		max-height: 40px;
	}
}
/**
 * 記事詳細 CVエリア
 */
.cv_area {
	background-color: #f2f7fa;
}
@media screen and (min-width: 1200px) {
	.cv_area {
		margin-bottom: 57px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area {
		margin-bottom: calc(57 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.cv_area {
		margin-bottom: 30px;
	}
}
/**
 * 記事詳細 CVエリア section
 */
.cv_area section.cv02 {
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 {
		padding: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 {
		padding: calc(30 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 {
		padding: 15px;
	}
}
/**
 * 記事詳細 CVエリア section タイトル(h2)
 */
.cv_area section.cv02 h2 {
	font-weight: bold;
	color: #0c88ed;
	text-align: center;
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 h2 {
		font-size: 3.0rem;
		margin: 3px 0 8px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 h2 {
		font-size: calc(30 * 100vw / 1200);
		margin: calc(3 * 100vw / 1200) 0 calc(8 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 h2 {
		font-size: 2.5rem;
		margin: 0 0 15px 0;
	}
}
/**
 * 記事詳細 CVエリア section サブタイトル
 */
.cv_area section.cv02 .sub_title {
	background-color: #0c88ed;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .sub_title {
		height: 35px;
		line-height: 35px;
		font-size: 20px;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .sub_title {
		height: calc(35 * 100vw / 1200);
		line-height: calc(35 * 100vw / 1200);
		font-size: calc(20 * 100vw / 1200);
		margin-bottom: calc(20 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .sub_title {
		font-size: 2.0rem;
		padding: 10px;
		margin-bottom: 15px;
		border-radius: 0;
		width: 100vw;
		margin-left: -15px;
	}
}
/**
 * 記事詳細 CVエリア section ボタンエリア
 */
.cv_area section.cv02 .buttons_area {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .buttons_area {
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .buttons_area {
		margin-bottom: calc(20 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .buttons_area {
		flex-wrap: wrap;
	}
}
/**
 * 記事詳細 CVエリア section ボタンエリア li
 */
.cv_area section.cv02 .buttons_area li {
	display: inline-block;
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .buttons_area li {
		width: calc((790px - 30px)/2);
		height: calc((790px - 30px)/2 * 106 / 380);
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .buttons_area li {
		width: calc(((790 - 30) * 100vw / 1200)/2);
		height: calc(((790 - 30) * 100vw / 1200)/2 * 106 / 380);
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .buttons_area li {
		width: calc(100vw - 30px);
		height: calc((100vw - 30px) * 106 / 380);
		margin-bottom: 15px;
	}
}
/**
 * 記事詳細 CVエリア section ボタンエリア li a
 */
.cv_area section.cv02 .buttons_area li a {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1px;
	overflow: hidden;
	outline: none;
	text-indent: -300vw;
	cursor: pointer;
}
.cv_area section.cv02 .buttons_area li a:hover {
	opacity: 0.8;
}
.cv_area section.cv02 .buttons_area li a.tel {
	background-image: url('../images/common/cv02_tel_380x106.png');
}
.cv_area section.cv02 .buttons_area li a.contact {
	background-image: url('../images/common/cv02_contact_380x106.png');
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .buttons_area li a {
		width: calc((790px - 30px)/2);
		height: calc((790px - 30px)/2 * 106 / 380);
	}
	.cv_area section.cv02 .buttons_area li a.tel {
	}
	.cv_area section.cv02 .buttons_area li a.contact {
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .buttons_area li a {
		width: calc(((790 - 30) * 100vw / 1200)/2);
		height: calc(((790 - 30) * 100vw / 1200)/2 * 106 / 380);
	}
	.cv_area section.cv02 .buttons_area li a.tel {
	}
	.cv_area section.cv02 .buttons_area li a.contact {
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .buttons_area li a {
		width: calc(100vw - 30px);
		height: calc((100vw - 30px) * 106 / 380);
	}
	.cv_area section.cv02 .buttons_area li a.tel {
	}
	.cv_area section.cv02 .buttons_area li a.contact {
	}
}
/**
 * 記事詳細 CVエリア section 説明文エリア
 */
.cv_area section.cv02 .description_area {
	background-color: #ffffff;
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .description_area {
		padding: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .description_area {
		padding: calc(20 * 100vw / 1200);
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .description_area {
		padding: 15px;
	}
}
/**
 * 記事詳細 CVエリア section 説明文エリア 説明文
 */
.cv_area section.cv02 .description_area .description {
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .description_area .description {
		margin-bottom: 15px;
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .description_area .description {
		margin-bottom: calc(15 * 100vw / 1200);
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .description_area .description {
		margin-bottom: 15px;
		font-size: 1.3rem;
	}
}
/**
 * 記事詳細 CVエリア section 説明文エリア ボタン
 */
.cv_area section.cv02 .description_area a {
	display: block;
	font-weight: bold;
	color: #ffffff;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../images/common/btn_02_cyangreen_300x66.png');
	text-align: center;
	cursor: pointer;
}
.cv_area section.cv02 .description_area a:hover {
	opacity: 0.8;
	text-decoration: none;
}
@media screen and (min-width: 1200px) {
	.cv_area section.cv02 .description_area a {
		width: 300px;
		height: 66px;
		line-height: 60px;
		font-size: 2.0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.cv_area section.cv02 .description_area a {
		width: calc(300 / 1200 * 100vw);
		height: calc(66 / 1200 * 100vw);
		line-height: calc(60 / 1200 * 100vw);
		font-size: 2.0rem;
	}
}
@media screen and (max-width: 767px) {
	.cv_area section.cv02 .description_area a {
		width: 300px;
		height: 66px;
		line-height: 60px;
		font-size: 2.0rem;
	}
}
/**
 * 記事詳細 関連記事
 */
#main .relative_voices {
}
#main .relative_voices h2 {
	font-weight: normal;
	border-bottom: 1px solid #423e39;
	color: #423e39;
}
@media screen and (min-width: 1200px) {
	#main .relative_voices {
	}
	#main .relative_voices h2 {
		font-size: 1.8rem;
		padding-bottom: 8px;
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#main .relative_voices {
	}
	#main .relative_voices h2 {
		font-size: 1.8rem;
		padding-bottom: calc(100vw / 1200 * 8);
		margin-bottom: calc(100vw / 1200 * 30);
	}
}
@media screen and (max-width: 767px) {
	#main .relative_voices {
	}
	#main .relative_voices h2 {
		margin: 15px 0;
		padding: 10px;
	}
}