/******************************
インデックスページcss
１/余白設定、背景設定
２/う。
３/専門家に頼ろう。
４/古民家再生事業
*******************************/

/*********************bgc&padding************************/
.box-contents{
	padding:40px 20px;
}
.box-contents.top-heading{
	background-color:#ead6bb;
	padding:60px 20px 30px;
}
.box-contents.top-let{
	background-color:#ead6bb;
	padding:20px;
}
.box-contents.top-consult{
	background-color:#e6e5f1;
}
.box-contents.top-reuse{
	background-colof:#fff;/*#f6ffef*/
}
@media (min-width: 768px){
.box-contents{
	padding:40px;
}
.box-contents.top-let{
	padding:30px;
}
}
/*********************heading************************/
.box-contents.top-heading h1{
	font-size:3.68rem;
	margin-bottom:20px;
}
.box-contents.top-heading h1 span{
	display:inline-block;
	background-color:#904f1a;
	color:#fff;
	font-size:4.8rem;
	padding:5px 5px 0;
	margin:0 5px;
}
.box-contents.top-heading p{
	font-weight:bold;
	font-size:1.76rem;
}
.box-contents.top-heading p span{
	color:red;
	font-size:1.92rem;
}
/*********************let************************/
.box-contents.top-let .card{
	border-radius:10px;
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
}
.box-contents .col-12:nth-child(odd){
	margin:20px 0 15px;
}
.box-contents .col-12:nth-child(even){
	margin:15px 0 20px;
}
.box-contents.top-let .col-md-6:nth-child(even):before{
	content:"";
	position:absolute;
		top:-25px;
		left:40%;
	border:25px solid transparent;
	width:0;
	height:0;
}
.box-contents.top-let .col-md-6.link-know:before{
	border-top:20px solid #d4566a;
}
.box-contents.top-let .col-md-6.link-prepare:before{
	border-top:20px solid #2da1c6;
}
.box-contents.top-let .col-md-6.link-manage:before{
	border-top:20px solid #d4c855;
}
.box-contents.top-let .col-md-6.link-release:before{
	border-top:20px solid #f28858;
}
.box-contents.top-let .col-md-6.link-protect:before{
	border-top:20px solid #72a776;
}
.box-contents.top-let .col-md-6.link-consult:before{
	border-top:20px solid #a37db7;
}
@media (min-width: 768px){
.box-contents .col-12:nth-child(odd),
.box-contents .col-12:nth-child(even){
	margin:0;
}
.box-contents.top-let .col-md-6{
	max-width:calc(50% - 20px);
}
.box-contents.top-let .col-md-6:nth-child(odd){
	margin-right:40px;
}
.box-contents.top-let .col-md-6:nth-child(even):before{
	content:"";
	position:absolute;
		top:25px;
		left:-30px;
	border:25px solid transparent;
	width:0;
	height:0;
}
.box-contents.top-let .col-md-6.link-know:before{
	border-left:20px solid #d4566a;
}
.box-contents.top-let .col-md-6.link-prepare:before{
	border-left:20px solid #2da1c6;
}
.box-contents.top-let .col-md-6.link-manage:before{
	border-left:20px solid #d4c855;
}
.box-contents.top-let .col-md-6.link-release:before{
	border-left:20px solid #f28858;
}
.box-contents.top-let .col-md-6.link-protect:before{
	border-left:20px solid #4e9058;
}
.box-contents.top-let .col-md-6.link-consult:before{
	border-left:20px solid #a37db7;
}
}
@media (min-width: 992px){
.box-contents.top-let .col-md-6.link-consult:before{
		top:13px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.box-contents.top-let .col-md-6.link-know::before,
.box-contents.top-let .col-md-6.link-prepare::before,
.box-contents.top-let .col-md-6.link-release::before{
		top:40px;
}
}
@media (min-width: 1200px){
.box-contents .col-xl-4{
	max-width:calc(33.333333% - 14px);
	margin:10px 20px 10px 0;
}
.box-contents .col-xl-4:nth-child(3n){
	margin-right:0;
}
}
.box-contents .page-title{
	display:none;
}
@media (min-width:768px){
.box-contents .page-title{
	display:block;
	background-color:#904f1a;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.box-contents .page-title .card-body{
	padding:0;
}
.box-contents.top-let .card.page-title{
	border-radius:15px;
}
}
.box-contents .think{
	border:dotted 2px #212529;
	font-size:1.76rem;
}
.box-contents.top-let .card a:hover{
	background-color:#fff;
	margin:0 -15px;
	padding:0 15px;
	border-radius:10px;
}
.box-contents.top-let .card a:hover h3{
	background-color:#fff;
}
.box-contents.top-let .card a:hover p{
	color:#212529;
}
@media (min-width: 768px) and (max-width: 991px){
.box-contents.top-let .card.link-know,
.box-contents.top-let .card.link-manage{
	margin:15px 0;
}
}
.box-contents .link-know{
	border:solid 2px #8a3b47;
}
.box-contents .link-prepare{
	border:solid 2px #0b8fb7;
}
.box-contents .link-manage{
	border:solid 2px #7d7728;
}
.box-contents .link-release{
	border:solid 2px #b35832;
}
.box-contents .link-protect{
	border:solid 2px #4e9058;
}
.box-contents .link-consult{
	border:solid 2px #593169;
}
/*********************consult************************/
.box-contents.top-consult .card{
	border:none;
	background-color:#e6e5f1;
}
.box-contents.top-consult .card img{
	max-width:100%;
	border:1px solid #ccc;
	background-color:#fff;
}
.top-consult h2{
	padding:8px 30px;
	display:inline-block;
	border-radius:20px;
	color:#fff;
	font-size:1.92rem;
	background:linear-gradient(#be9dc8 15%,#975ca5);
}
.top-consult h3{
	color:#66438c;
}
.top-consult .page-link{
	margin-top:30px;
	padding:10px;
	color:#212529;
	font-weight:bold;
	text-align:center;
	border:none;
	border-radius:10px;
	box-shadow:0 1px 5px rgba(0,0,0,0.1);
	background-color:#fff;
}
.top-consult .page-link:hover{
	color:#fff;
	background-color:#975ca5;
}
@media (min-width: 768px){
.box-contents.top-consult .card .title{
	width:30%;
	float:left;
	padding:10px 20px 10px 0;
	border-right:2px dotted #aaa;
}
.box-contents.top-consult .card .card-text{
	width:70%;
	float:right;
	padding:10px 0 10px 20px;
}
}
/*********************reuse************************/
.box-contents.top-reuse h2{
	border-top:3px solid #22b157;
	border-bottom:3px solid #22b157;
	padding:10px 20px;
	margin-bottom:20px;
}
.box-contents.top-reuse h3{
	background-color:#22b157;
	color:#fff;
	text-align:center;
	padding:10px 0;
	margin-bottom:30px;
}