@charset "UTF-8";


/*****************************************************
　共通 
*****************************************************/
/* inner
------------------------------------------------- */
.inner{
	max-width:1400px;
	width:90.62vw;
	margin:0 auto;
}
.inner-1000{
	max-width:1000px;
	width:90.62vw;
	margin:0 auto;
}
/* font-family
------------------------------------------------- */
.f-oswald{
	font-family: 'Oswald', sans-serif;
}
/* 文字色
------------------------------------------------- */
.c-285c37{
	color:#285c37;
}
.c-b12022{
	color:#b12022;
}
/* 各セクションタイトル
------------------------------------------------- */
/* ----- section-ttl ----- */
.section-ttl{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	color:#b02022;
	text-align:center;
}
.section-ttl span{
	font-size:32px;
	font-size:3.2rem;
	margin:0 0 10px;
	display:block;
}
/* ----- section-ttl2 ----- */
.section-ttl2{
	font-size:50px;
	font-size:5.0rem;
	font-weight:bold;
	color:#b12022;
	text-align:center;
	margin:0 0 40px;
}
.section-ttl2 span{
	font-size:32px;
	font-size:3.2rem;
	display:block;
	margin:0 0 7px;
}


/*****************************************************
　ヘッダー 
*****************************************************/
#header{
	padding:16px 20px 0;
}
/* セミナー申し込みボタン
------------------------------------------------- */
.fixbtn{
	display:flex;
	position:fixed;
	top:0;
	right:0;
	z-index:5;
}
.fixbtn .sp{
	display:none;
}


/*****************************************************
　フッター 
*****************************************************/
#footer{
	border-top:1px solid #930d0f;
	background:#b02022;
	color:#fff;
	padding:40px 40px 15px;
}
/* foot-inner
------------------------------------------------- */
#foot-inner{
	display:flex;
	justify-content:space-between;
}
/* ----- 住所側 ----- */
#foot-name{
	display:flex;
	align-items:center;
}
#foot-name #foot-logo{
	margin:0 15px 0 0;
}
#foot-name .name{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.3;
}
#foot-name address{
	font-style:normal;
	line-height:1.4;
}
/* ----- 電話番号側 ----- */
#foot-contact .tel{
	font-size:49px;
	font-size:4.9rem;
	font-style:normal;
}
#foot-contact .tel a{
	color:#fff;
	pointer-events:none;
}
#foot-contact .reception-time{
	font-size:11px;
	font-size:1.1rem;
	font-weight:bold;
	margin:5px 0 0;
}
/* foot-bottom
------------------------------------------------- */
.foot-bottom{
	align-items:flex-end;
	display:flex;
	justify-content:space-between;
	margin:10px 0 0;
}
/* ----- プライバシーポリシー ----- */
.foot-bottom .privacy-policy-link{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.3;
}
.foot-bottom .privacy-policy-link a{
	color:#fff;
}
/* ----- コピーライト ----- */
#copyright{
	font-size:12px;
	font-size:1.2rem;
	text-align:right;
	line-height:1.3;
}


/*****************************************************
　 詳細ページ
*****************************************************/
/* single-contents
------------------------------------------------- */
#single-contents{
	padding:50px 0 100px;
}
#single-contents .main-visual{
	margin:0 0 10px;
}
#single-contents .main-visual img{
	width:100%;
}
#single-contents .details-ttl{
	font-size:32px;
	font-size:3.2rem;
	color:#b02022;
	margin:0 0 45px;
}
#single-contents .date{
	font-size:40px;
	font-size:4.0rem;
	color:#b02022;
	margin:0 0 30px;
	display:block;
}
#single-contents .ttl{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	color:#b02022;
	line-height:1.3;
	margin:0 0 10px;
}
#single-contents .important-message{
	border:2px solid #b02022;
	color:#b02022;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	margin:30px 0;
	padding:15px;
	text-align:center;
}
#single-contents .contents p,
#single-contents .contents dl dt,
#single-contents .contents dl dd{
	line-height:1.5;
}
#single-contents .contents p + p,
#single-contents .contents dl + dl,
#single-contents .contents p + dl,
#single-contents .contents dl + p{
	margin:1.4em 0 0;
}
#single-contents.single-column p + p.mt0{
	margin-top:0;
}
/* ----- リンク ----- */
#single-contents .contents a{
	color:#b02022;
	text-decoration:underline;
}
/* ----- PDFファイルリンク ----- */
.pdflink{
	font-size:14px;
	font-size:1.4rem;
	padding:0 0 0 38px;
	position:relative;
}
.pdflink:before{
	content:'';
	background:url('../img/common/icon_pdf.svg') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	width:26px;
	height:30px;
	margin:-15px 0 0;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	z-index:0;
}
/* ----- お申し込みボタン ----- */
.applicatioin-btn,
.return-top-btn{
	text-align:center;
	margin:55px 0 0;
}
/* ----- .list-item ----- */
.list-item{
	margin:60px 0;
}
.list-item + .list-item{
	margin:40px 0 0;
}
.list-item .list-item_ttl{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.4;
	margin:0;
}
.list-item .img{
	margin:15px 0;
	text-align:left;
}
.list-item .more{
	margin:0.5em 0 0!important;
}
/* ----- .last-txt ----- */
.last-txt{
	margin:60px 0 0;
}
/* ----- タイトル ----- */
.single-subttl{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.4;
	margin:1em 0;
}
.single-20210820 .single-subttl{
	margin-top:50px;
}
/* ----- 体験談 ----- */
.experiences-item{
	margin:40px 0 0;
}
.experiences-item + .experiences-item{
	margin:40px 0;
}
.experiences-item .item-ttl{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.4;
	margin:1em 0;
}
/* ----- 画像 ----- */
.single-20210820 .single-column figure{
	margin:20px 0;
}
.single-20210820 figure figcaption{
	line-height:1.4;
	margin:0.5em 0 0;
}


/*****************************************************
　 送信完了ページ
*****************************************************/
/* thanks-contents
------------------------------------------------- */
#thanks-contents{
	text-align:center;
	margin:100px 0 200px;
}
#thanks-contents p{
	line-height:1.5;
}
#thanks-contents .return-top{
	margin:50px 0 0;
}


/*****************************************************
　 コラム詳細ページ
*****************************************************/
.single-column#single-contents .details-ttl,
.single-column#single-contents .date,
.single-column#single-contents .ttl{
	color:#285c37;
}
/* 本文
------------------------------------------------- */
.single-column figure{
	text-align:center;
	margin:40px 0;
}
.single-column figure figcaption{
	margin:0.5em 0 0;
}
.single-column .question{
	font-weight:bold;
}
#single-contents.single-column p.question + p.answer{
	margin:0.5em 0 0;
}
.single-column .answer .name{
	font-weight:bold;
}
/* ----- プロフィール ----- */
.profile{
	margin:50px 0;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.profile .img{
	width:200px;
	margin:0;
}
.profile .text{
	width:calc(100% - 250px);
}
.profile.w-300 .img{
	width:300px;
}
.profile.w-300 .text{
	width:calc(100% - 350px);
}
.profile .logo{
	margin:8px 0;
}
/* アーカイブリスト
------------------------------------------------- */
.column-archive{
	margin:50px 0 210px;
}
.column-archive-ttl{
	font-size:32px;
	font-size:3.2rem;
	color:#285c37;
	margin:0 0 25px;
}
#column-archivelist{
	padding:0;
}
#column-archivelist li{
	border-top:4px solid #ccc;
	border-bottom:4px solid #ccc;
	padding:19px 0;
	display:flex;
}
#column-archivelist li + li{
	border-top:none;
}
#column-archivelist li .date{
	width:120px;
	color:#285c37;
	text-align:center;
}
#column-archivelist li a{
	width:calc(100% - 120px);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 80px 0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
#column-archivelist li a:before{
	content:'';
	background:url('../img/top/arrow_green.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	width:50px;
	height:6px;
	margin:-3px 0 0;
	display:block;
	position:absolute;
	top:50%;
	right:0;
	z-index:0;
}


@media screen and (max-width:768px){
	/*****************************************************
	　共通 
	*****************************************************/
	/* 各セクションタイトル
	------------------------------------------------- */
	/* ----- section-ttl ----- */
	.section-ttl{
		font-size:3.75vw;
	}
	.section-ttl span{
		font-size:5vw;
		margin:0 0 1.56vw;
	}
	/* ----- section-ttl2 ----- */
	.section-ttl2{
		font-size:3.75vw;
		margin:0 0 4.68vw;
	}
	.section-ttl2 span{
		font-size:5vw;
		margin:0 0 0.78vw;
	}


	/*****************************************************
	　ヘッダー 
	*****************************************************/
	#header{
		padding:2.03vw 3.28vw 0;
	}
	/* ロゴ
	------------------------------------------------- */
	#logo{
		width:38.43vw;
	}
	/* セミナー申し込みボタン
	------------------------------------------------- */
	.fixbtn .btn{
		width:12.5vw;
		height:12.5vw;
		line-height:12.5vw;
		text-align:center;
	}
	.fixbtn a{
		display:block;
	}
	.fixbtn .sp{
		display:inline-block;
		vertical-align:middle;
	}
	.fixbtn .pc{
		display:none;
	}
	#application-btn{
		background:#b02022;
	}
	#application-btn .sp{
		width:6.71vw;
		margin:-0.78vw 0 0;
	}
	#column-btn{
		background:#285c37;
	}
	#column-btn .sp{
		width:8.59vw;
		margin:-0.78vw 0 0;
	}


	/*****************************************************
	　フッター 
	*****************************************************/
	#footer{
		padding:4.37vw 4.68vw 3.12vw;
	}
	/* foot-inner
	------------------------------------------------- */
	#foot-inner{
		display:block;
	}
	/* ----- 住所側 ----- */
	#foot-name{
		margin:0 0 3.9vw;
	}
	#foot-name #foot-logo{
		margin:0 2.34vw 0 0;
	}
	#foot-name .name{
		font-size:3.75vw;
	}
	#foot-name address{
		line-height:1.3;
	}
	/* ----- 電話番号側 ----- */
	#foot-contact .tel{
		font-size:7.65vw;
	}
	#foot-contact .tel a{
		pointer-events:auto;
	}
	#foot-contact .reception-time{
		font-size:3.12vw;
		margin:1.25vw 0 0;
	}
	/* foot-bottom
	------------------------------------------------- */
	.foot-bottom{
		display:block;
		margin:2.81vw 0 0;
	}
	/* ----- プライバシーポリシー ----- */
	.foot-bottom .privacy-policy-link{
		font-size:3.12vw;
		text-align:center;
		line-height:1.4;
		margin:0 0 2.81vw;
	}
	/* ----- コピーライト ----- */
	#copyright{
		font-size:3.12vw;
		text-align:left;
		line-height:1.4;
	}


	/*****************************************************
	　 詳細ページ
	*****************************************************/
	/* single-contents
	------------------------------------------------- */
	#single-contents{
		padding:7.81vw 0 15.62vw;
	}
	#single-contents .main-visual{
		margin:0 0 1.56vw;
	}
	#single-contents .details-ttl{
		font-size:5vw;
		margin:0 0 7.03vw;
	}
	#single-contents .date{
		font-size:6.25vw;
		margin:0 0 4.68vw;
	}
	#single-contents .ttl{
		font-size:3.75vw;
		margin:0 0 1.56vw;
	}
	#single-contents .important-message{
		border-width:0.31vw;
		font-size:3.75vw;
		margin:4.68vw 0;
		padding:2.34vw;
	}
	/* ----- PDFファイルリンク ----- */
	.pdflink{
		font-size:3.28vw;
		padding:0 0 0 9.84vw;
	}
	.pdflink:before{
		width:7.81vw;
		height:9.06vw;
		margin:-4.53vw 0 0;
	}
	/* ----- お申し込みボタン ----- */
	.applicatioin-btn,
	.return-top-btn{
		margin:8.59vw 0 0;
	}
	/* ----- .list-item ----- */
	.list-item{
		margin:12.5vw 0;
	}
	.list-item + .list-item{
		margin:8.33vw 0 0;
	}
	.list-item .list-item_ttl{
		font-size:3.75vw;
	}
	.list-item .img{
		margin:3.12vw 0;
	}
	/* ----- .last-txt ----- */
	.last-txt{
		margin:12.5vw 0 0;
	}
	/* ----- タイトル ----- */
	.single-subttl{
		font-size:3.75vw;
	}
	.single-20210820 .single-subttl{
		margin-top:7.81vw;
	}
	/* ----- 体験談 ----- */
	.experiences-item{
		margin:4.68vw 0 0;
	}
	.experiences-item + .experiences-item{
		margin:4.68vw 0;
	}
	.experiences-item .item-ttl{
		font-size:3.75vw;
	}
	/* ----- 画像 ----- */
	.single-20210820 .single-column figure{
		margin:3.28vw 0;
	}


	/*****************************************************
	　 送信完了ページ
	*****************************************************/
	/* thanks-contents
	------------------------------------------------- */
	#thanks-contents{
		margin:15.62vw 0 31.25vw;
	}
	#thanks-contents .return-top{
		margin:7.81vw 0 0;
	}


	/*****************************************************
	　 コラム詳細ページ
	*****************************************************/
	/* 本文
	------------------------------------------------- */
	.single-column figure{
		margin:6.25vw 0;
	}
	/* ----- プロフィール ----- */
	.profile{
		margin:7.81vw 0;
		display:block;
	}
	.profile .img{
		width:39.06vw;
		margin:0 auto 3.12vw;
	}
	.profile .img img{
		width:100%;
	}
	.profile .text{
		width:100%!important;
	}
	.profile.w-300 .img{
		width:54.68vw;
	}
	.profile .logo{
		margin:1.25vw 0;
	}
	.profile .house-guide_logo{
		width:35vw;
	}
	/* アーカイブリスト
	------------------------------------------------- */
	.column-archive{
		margin:7.81vw 0 32.81vw;
	}
	.column-archive-ttl{
		font-size:5vw;
		margin:0 0 3.9vw;
	}
	#column-archivelist li{
		padding:2.34vw 12.81vw 1.56vw 2.34vw;
		display:block;
		position:relative;
	}
	#column-archivelist li .date{
		width:auto;
		text-align:left;
		margin:0 0 1.25vw;
		padding:0;
		display:block;
	}
	#column-archivelist li a{
		width:auto;
		line-height:1.3;
		text-overflow:clip;
		white-space:normal;
		overflow:visible;
		padding:0;
		position:static;
	}
	#column-archivelist li a:before{
		background:url('../img/top/arrow_green_sp.png') no-repeat center center;
		background-size:contain;
		-webkit-background-size:contain;
		width:4.37vw;
		right:3.12vw;
	}
}