@charset "UTF-8";

/*================================================
 * 各ページCSS
 ================================================*/

.casa_ttl {text-align: center;}
.casa_ttl img{height: 170px;margin: 2em auto;}
.page_title{font-size: 1.8em;text-align: center;}
.page_title02{font-size: 2.2em;}
.normal{font-weight: normal}
.page_text{text-align: justify;}
.title_big{font-size: 2.0em;}
.red{color:#d73b2b;}
.merit_bg{background-color: #f3f4f4;}
.more p {
	width:50%;
	margin:2em auto 0;
}
.more p a {
    display: block;
    color: #595857;
    line-height: 4em;
    font-size: 1.2em;
    box-sizing: border-box;
    border: 1px solid #595857;
    text-align: left;
	padding-left: 1em;
    font-weight: normal;
    background-image: url("../../img/more_arrow.svg");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: 3em auto;
    transition: all 0.3s;
}

/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.flexbox05 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
/* 親要素の疑似要素 */
.flexbox05::after {
    content: "";
    display:block;
    width:19%; /* 子要素と同じ幅 */
}
.flexbox05::before { 
    content: ""; 
    display:block; 
    width:19%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}
.box-item05 img{width: 100%;}
.box-item05{width: 19%;display: inline-block;margin:1% 0 2%;padding: 0%;}
.architect_p{font-size: 0.8em;}
.architect_name{font-size: 1.2em;}
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
 .w90per{width: 100%;margin: 0 auto;}
.casa_ttl img{height: auto;margin: 2em auto;width: 100%;}
.page_title{font-size: 1.4em;text-align: center;}
.page_title02{font-size: 2.0em;}
.title_big{font-size: 1.8em;}
.sp_txt_l{text-align: left;}
.more p {
	width:100%;
	margin:2em auto 0;
}
.box-item05{width: 48%;display: inline-block;margin:1% 0 2%;padding: 0%;}
}