@charset "UTF-8";

.contents_data>section>div:not(:last-child){margin-bottom: 100px;}
.maison_box{width: 100%;max-width: 1100px;background-color: #fff;border-radius: 50px;margin: 0 auto;padding: 26px 50px 50px;box-sizing: border-box;}
.box_pic{margin: -10px;}
.pic{padding: 10px;box-sizing: border-box;}
.pic>span{border-radius: 20px;overflow: hidden;display: block;}
.pic>span>img{width: 100%;height: auto;}
.txt{font-size: 1.7em;line-height: 2em;}
.txt:not(:last-child){padding-bottom: 2em;}
.no_wrap{display: inline-block;}

@media screen and (max-width:999px){
    .contents_data>section>div:not(:last-child){margin-bottom: 60px;}
    .maison_box{border-radius: 30px;padding: 20px 30px 30px;}
    .txt{font-size: 1.4em;}
    .txt:not(:last-child){padding-bottom: 1.5em;}
}

@media screen and (max-width: 767px) {
    .contents_data>section>div:not(:last-child){margin-bottom: 30px;}
    .maison_box{padding: 4px 20px 20px;border-radius: 20px;}
    .txt{line-height: 1.5em;}
}

#content.contents_page .contents_title.maison{background-image: url("images/title_bg.jpg");position: relative;}
#content.contents_page .contents_title.maison::before{content: "";width: 100%;height: 50%;background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);position: absolute;top: 0;left: 0;}
#content.contents_page .contents_title.maison .title_inner #page_title{background-color: rgba(255,255,255,0.75);padding: 20px 40px;border-radius: 20px;}
#content.contents_page .contents_title.maison .title_inner #page_title .ja_text{font-size: 2.4em;line-height: 1.5em;font-weight: 700;font-feature-settings: 'palt';color: #321414;text-shadow: 0 0 10px #fff, 0 0 5px #fff;white-space: nowrap;}
#content.contents_page .contents_title.maison .title_inner #page_title .en_text{width: 300px;margin: 10px 0 0 0;display: flex;}
#content.contents_page .contents_title.maison .title_inner #page_title .en_text img{width: 100%;height: auto;}
@media screen and (max-width:999px){
    #content.contents_page .contents_title.maison .title_inner #page_title{padding: 10px 20px;}
    #content.contents_page .contents_title.maison .title_inner #page_title .ja_text{font-size: 2em;}
    #content.contents_page .contents_title.maison .title_inner #page_title .en_text{width: 280px;margin-top: 5px;}
}
@media screen and (max-width:767px){
    #content.contents_page .contents_title.maison::before{top: 80px;}
    #content.contents_page .contents_title.maison .title_inner #page_title{width: auto;padding: 8px 12px 12px;border-radius: 12px;}
    #content.contents_page .contents_title.maison .title_inner #page_title .ja_text{font-size: 1.6em;left: 1.3em;}
    #content.contents_page .contents_title.maison .title_inner #page_title .en_text{width: 240px;margin: 0;}
}
@media screen and (max-width:374px){
    #content.contents_page .contents_title.maison::before{top: 70px;}
}

/*-------------------------
__box_01
-------------------------*/

#box_01{padding-top: 50px;}
#box_01 .box_body{padding-bottom: 50px;border-bottom: solid 1px #74011a;display: flex;flex-direction: column;justify-content: space-between;}
#box_01 .box_body .box_ttl:before{content: none;}
#box_01 .box_body .box_ttl .en_text img{width: 100%;max-width: 460px;height: auto;}
#box_01 .box_body .box_txt{width: 100%;box-sizing: border-box;}
#box_01 .box_bottom{padding-top: 50px;}
#box_01 .box_bottom .ceo_wrap{display: flex;align-items: flex-start;}
#box_01 .box_bottom .ceo_wrap .ceo_pic{width: 300px;border-radius: 20px;overflow: hidden;}
#box_01 .box_bottom .ceo_wrap .ceo_pic img{width: 100%;height: 100%;object-fit: cover;}
#box_01 .box_bottom .ceo_wrap .ceo_txt{width: calc(100% - 300px);padding-left: 50px;box-sizing: border-box;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_main_com{font-size: 1.8em;line-height: 1.5em;font-weight: 700;padding-bottom: 1em;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_name_wrap{font-size: 2em;line-height: 1.5em;font-weight: 700;font-feature-settings: 'palt';padding-bottom: 1em;display: flex;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_name_wrap .ceo_logo{width: 3em;height: 3em;padding-right: 0.5em;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_name_wrap .ceo_logo img{width: 100%;height: 100%;object-fit: contain;vertical-align: bottom;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_name_wrap .ceo_name>span{font-size: 0.75em;display: block;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_comm_wrap{font-size: 1.4em;line-height: 1.5em;}
#box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_comm_wrap .com_ttl{line-height: 1.5em;font-weight: 700;text-align: center;border-top: solid 1px #74011a;border-bottom: solid 1px #74011a;margin-bottom: 0.5em;padding: 0.25em 0.5em;display: inline-block;}

@media screen and (max-width:999px){
    #box_01{padding-top: 30px;}
    #box_01 .box_body{padding-bottom: 30px;}
    #box_01 .box_bottom{padding-top: 30px;}
    #box_01 .box_bottom .ceo_wrap{align-items: stretch;}
    #box_01 .box_bottom .ceo_wrap .ceo_txt{padding-left: 30px;}
    #box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_main_com{font-size: 1.6em;}
}

@media screen and (max-width: 767px) {
    #box_01{padding-top: 20px;}
    #box_01 .box_body{padding-bottom: 20px;}
    #box_01 .box_body .box_txt{width: 100%;}
    #box_01 .box_bottom{padding-top: 20px;}
    #box_01 .box_bottom .ceo_wrap{flex-direction: column;align-items: center;}
    #box_01 .box_bottom .ceo_wrap .ceo_pic{width: 100%;max-width: 300px;}
    #box_01 .box_bottom .ceo_wrap .ceo_txt{width: 100%;padding: 10px 0 0;}
    #box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_main_com{font-size: 1.4em;padding-bottom: 10px;text-align: center;}
    #box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_name_wrap{font-size: 1.6em;justify-content: center;}
    #box_01 .box_bottom .ceo_wrap .ceo_txt .ceo_comm_wrap{display: flex;flex-direction: column;align-items: center;}
}

/*-------------------------
__box_02
-------------------------*/

#box_02{padding-top: 50px;}
#box_02 .box_body{display: flex;justify-content: space-between}
#box_02 .box_body:not(:last-child){padding-bottom: 50px;}
#box_02 .box_body .box_txt{width: 100%;box-sizing: border-box;}
#box_02 .box_body .box_txt .maison_ttl_wrap{padding: 0;margin-bottom: 0;text-align: left;padding-bottom: 50px;}
#box_02 .box_body .box_txt .maison_ttl_wrap::before{content: none;}
#box_02 .box_body .box_txt .maison_ttl_wrap .plan_ttl{font-size: 1.5em;padding-bottom: 0.5em;display: block;}
#box_02 .box_body .box_txt .maison_ttl_wrap .maison_ttl{display: flex;align-items: center;}
#box_02 .box_body .box_txt .maison_ttl_wrap .maison_ttl .ttl_logo{padding-right: 10px;display: flex;}
#box_02 .box_body .box_txt .maison_ttl_wrap .maison_ttl .ttl_logo img{width: 100%;max-width: 166px;height: auto;}
#box_02 .box_body .box_txt .main_txt{font-size: 2em;font-weight: 700;padding-bottom: 0.5em;line-height: 2em;}
#box_02 .box_body.floor{max-width: 760px;margin: 0 auto;}
#box_02 .box_body.floor .box_pic{display: flex;}
#box_02 .box_body.floor .box_pic .pic{width: 50%;}
#box_02 .box_body.detail:nth-child(2n - 1){flex-direction: row-reverse;}
#box_02 .box_body.detail:not(:last-child){padding-bottom: 100px;}
#box_02 .box_body.detail .box_pic .pic{width: 400px;}
#box_02 .box_body.detail .box_txt{width: calc(100% - 400px);padding: 0 0 0 30px;box-sizing: border-box;}
#box_02 .box_body.detail:nth-child(2n - 1) .box_txt{padding: 0 30px 0 0;}
#box_02 .box_body.detail .box_txt>.pic{padding: 0;}
#box_02 .box_body.detail .box_txt .detail_ttl{font-size: 2em;color: #74011a;font-weight: 700;padding-bottom: 0;line-height: 2em;}
#box_02 .notice li .txt{font-size: 1.4em;padding: 0.25em 0 0.25em 1em;text-indent: -1em;}

@media screen and (max-width: 999px) {
    #box_02{padding-top: 30px;}
    #box_02 .box_body:not(:last-child){padding-bottom: 30px;}
    #box_02 .box_body .box_txt .maison_ttl_wrap{padding-bottom: 30px;}
    #box_02 .box_body .box_txt .main_txt{font-size: 1.8em;line-height: 1.5em;}
    #box_02 .box_body.detail:not(:last-child){padding-bottom: 60px;}
    #box_02 .box_body.detail .box_pic .pic{width: 320px;}
    #box_02 .box_body.detail .box_txt{width: calc(100% - 320px);padding: 0 0 0 10px;}
    #box_02 .box_body.detail:nth-child(2n - 1) .box_txt{padding: 0 10px 0 0;}
    #box_02 .box_body.detail .box_txt .detail_ttl{padding-bottom: 0;}
}

@media screen and (max-width: 767px) {
    #box_02{padding-top: 20px;}
    #box_02 .box_body{flex-direction: column;}
    #box_02 .box_body:not(:last-child){padding-bottom: 20px;}
    #box_02 .box_body .box_txt .maison_ttl_wrap{font-size: 1.6em;padding-bottom: 20px;}
    #box_02 .box_body .box_txt .maison_ttl_wrap .plan_ttl{text-align: center;}
    #box_02 .box_body .box_txt .maison_ttl_wrap .maison_ttl{flex-direction: column;}
    #box_02 .box_body .box_txt .maison_ttl_wrap .maison_ttl .ttl_logo{padding: 0 0 10px;}
    #box_02 .box_body .box_txt .main_txt{font-size: 1.6em;text-align: center;padding-bottom: 10px;}
    #box_02 .box_body.floor .box_pic{flex-wrap: wrap;justify-content: center;}
    #box_02 .box_body.floor .box_pic .pic{max-width: 360px;min-width: 260px;}
    #box_02 .box_body.detail:not(:last-child){padding-bottom: 40px;}
    #box_02 .box_body.detail:nth-child(2n - 1){flex-direction: column;}
    #box_02 .box_body.detail .box_pic .pic{width: 100%;}
    #box_02 .box_body.detail .box_txt .main_txt{text-align: left;}
    #box_02 .box_body.detail .box_txt,
    #box_02 .box_body.detail:nth-child(2n - 1) .box_txt{width: 100%;padding: 10px 0 0 0;}
    #box_02 .box_body.detail .box_txt .detail_ttl{font-size: 1.6em;}
    #box_02 .notice li .txt{font-size: 1.2em;}
}