@charset "UTF-8";

.pos {
    position: relative;
}

figure {
    position: relative;
}

figcaption {
    font-size: 12px !important;
    position: absolute;
    bottom: 5px;
    font-size: 10px;
    line-height: 1;
    z-index: 1;
}

.caption {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
}

#main {
    background-image: url(../img/design_main02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 33% 0;
    position: relative;
}

#main .cap_txt {
    font-size: 11px;
}

#main .page_ttl {
    width: 100%;
    position: absolute;
    /* top: 20%; */
    /* top: 15%; */
    /* top: 19%; */
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
}

#main .page_ttl h2 {
    /* width: 60%; */
    width: 30%;
    margin: 0 auto 30px;
}

#main .page_ttl p {
    font-size: 20px;
    letter-spacing: 4.4px;
    line-height: 1.5;
    text-align: center;
    /* color: #412514; */
    color: #fff;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6),  0px 1px 4px rgba(0, 0, 0, 0.2);
}

#public-spaceP p {
    color: #412514;
    letter-spacing: 1.2px;
}

.copy_en {
    text-align: center;
    margin-bottom: 30px;
}

.copy_en img {
    width: 80%;
    max-width: 452px;
    margin: 0 auto;
}

.copy_ttl {
    font-size: 22px;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 30px;
}

.copy_txt {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}

.normal_txt {
    font-size: 14px;
    line-height: 1.5;
}

.achieve_txt {
    font-size: 14px;
}

.achieve_cap {
    font-size: 12px;
    margin-top: 5px;
}

.name {
    align-items: flex-end;
    font-size: 12px;
    padding-top: 20px;
}

.name_company,
.name_person {
    display: inline-block;
}

.name_person {
    font-size: 22px;
    margin-left: 20px;
}

.personal_name {
    font-size: 22px;
    padding-left: 20px;
}

.item_ttl {
    font-size: 18px;
    line-height: 1.5;
}

.item_txt {
    font-size: 16px;
    line-height: 1.5;
}

.sub_ttl {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.en {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #55341a;
    margin: 0 10px 0 0;
}

#main {
    margin-bottom: 100px;
}

/* flex */
.column03 {
    flex-wrap: wrap;
    justify-content: space-between;
}

.column03 li {
    width: calc((100% - 3%) / 3);
}

.area {
    margin: 100px auto 0;
}

/* page_tab */
.page_tab {
    width: 90%;
    margin: 0 auto 60px;
}

.page_tab .flex {
    justify-content: center;
}

.page_tab li {
    box-sizing: border-box;
    width: 280px;
    margin-right: 40px;
}

.page_tab li:nth-of-type(2) {
    margin-right: 0;
}

.page_tab li a {
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    color: #412514;
    letter-spacing: 2px;
    text-align: center;
    background: #fff;
    border: 1px solid #412514;
    padding: 10px 0;
    position: relative;
}

.page_tab li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 8px solid #412514;
}

.page_tab li.here a {
    color: #fff;
    background: #412514;
    border: 1px solid #412514;
}

.page_tab li.here a::after {
    border-left: 8px solid #fff;
}

.page_tab li a:hover {
    color: #fff;
    background: #412514;
    border: 1px solid #412514;
}

.page_tab li a:hover::after {
    border-left: 8px solid #fff;
}

.page_tab li.here a:hover {
    color: #412514;
    background: #fff;
    border: 1px solid #412514;
}

.page_tab li.here a:hover::after {
    border-left: 8px solid #412514;
}

/* box */
.box01 {
    box-sizing: border-box;
    background: #f5f4f0;
    border: 1px solid #55341a;
    padding: 30px 40px;
    position: relative;
}

.box01_kakko01 {
    width: 90%;
    margin: 0 auto;
}

.box01_kakko01,
.box01_kakko02 {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.box01_kakko01::before,
.box01_kakko01::after,
.box01_kakko02::before,
.box01_kakko02::after {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 10;
}

.box01_kakko01::before {
    border-left: 2px solid #55341a;
    border-top: 2px solid #55341a;
    top: 0;
    left: 0;
}

.box01_kakko02::before {
    border-right: 2px solid #55341a;
    border-top: 2px solid #55341a;
    top: 0;
    right: 0;
}

.box01_kakko01::after {
    border-left: 2px solid #55341a;
    border-bottom: 2px solid #55341a;
    bottom: 0;
    left: 0;
}

.box02 {
    box-sizing: border-box;
    background: rgba(245, 244, 240, .7);
    /* padding: 30px 30px; */
    padding: 20px 20px;
    outline: 1px solid #55341a;
    outline-offset: 5px;
}

.box02_kakko01 {
    box-sizing: border-box;
    position: relative;
}

.box02_kakko02 {
    box-sizing: border-box;
    position: relative;
}

.box02_kakko01::before,
.box02_kakko01::after,
.box02_kakko02::before,
.box02_kakko02::after {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 10;
}

.box02_kakko01::before {
    border-left: 2px solid #55341a;
    border-top: 2px solid #55341a;
    top: -5px;
    left: -5px;
}

.box02_kakko01::after {
    border-right: 2px solid #55341a;
    border-bottom: 2px solid #55341a;
    bottom: -5px;
    right: -5px;
}

.box02_kakko02::before {
    border-right: 2px solid #55341a;
    border-top: 2px solid #55341a;
    top: -5px;
    right: -5px;
}

.box02_kakko02::after {
    border-left: 2px solid #55341a;
    border-bottom: 2px solid #55341a;
    bottom: -5px;
    left: -5px;
}

.box02 .normal_txt {
    border-bottom: 1px solid #55341a;
    padding-bottom: 20px;
}

/* approach */
#approach .design01 {
    margin: 150px auto 60px 0;
}

.approach_item {
    /* margin: 80px auto 0; */
    margin: 60px auto 0;
}

.approach_item ul li.border_text {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.approach_item ul li .item_txt {
    text-align: center;
}

.approach_designer {
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin: 60px auto 0; */
    margin: 80px auto 0;
}

.approach_designer .text_box {
    width: 76%;
}

.approach_designer .text_box .normal_txt:nth-of-type(1) {
    border-bottom: 1px solid #55341a;
    padding-bottom: 20px;
}

.approach_designer .text_box .name {
    text-align: right;
    line-height: 1.5;
}

.approach_designer .text_box .normal_txt {
    line-height: 1.8;
    padding-top: 20px;
}

.approach_designer .image_box {
    width: 20%;
}

/* landplan */
#landplan {
    margin-bottom: 60px;
}

.land_box {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 60px;
    position: relative;
}

.land_box .land_item {
    flex-wrap: wrap;
    width: 78%;
    position: absolute;
    /* bottom: 10%; */
    bottom: 8%;
    left: 0;
}

.land_box .land_item {
    /* margin-left: 7%; */
    margin-left: 3vw;
}

.land_box .land_item li {
    /* width: 32.58%; */
    width: 31%;
    /* border-right: 1px solid #55341a; */
    position: relative;
}

.land_box .land_item li:nth-of-type(1),
.land_box .land_item li:nth-of-type(4),
.land_box .land_item li:nth-of-type(7) {
    /* padding-right: 1.315%; */
    padding-right: 13px;
}

.land_box .land_item li:nth-of-type(2),
.land_box .land_item li:nth-of-type(5),
.land_box .land_item li:nth-of-type(8) {
    /* padding: 0 1.315%; */
    padding: 0 13px;
}

.land_box .land_item li:nth-of-type(2)::before,
.land_box .land_item li:nth-of-type(5)::before,
.land_box .land_item li:nth-of-type(8)::before {
    display: block;
    content: "";
    width: 1px;
    height: calc(100% - 13px);
    background: #55341a;
    position: absolute;
    top: 0;
    left: 0;
}

.land_box .land_item li:nth-of-type(3),
.land_box .land_item li:nth-of-type(6),
.land_box .land_item li:nth-of-type(9) {
    padding-left: 1.315%;
}

.land_box .land_item li:nth-of-type(3)::before,
.land_box .land_item li:nth-of-type(6)::before,
.land_box .land_item li:nth-of-type(9)::before {
    display: block;
    content: "";
    width: 1px;
    height: calc(100% - 13px);
    background: #55341a;
    position: absolute;
    top: 0;
    left: 0;
}

.land_box .land_item li:nth-of-type(1)::after,
.land_box .land_item li:nth-of-type(2)::after,
.land_box .land_item li:nth-of-type(4)::after,
.land_box .land_item li:nth-of-type(5)::after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #55341a;
    position: absolute;
    bottom: -3px;
    right: -4px;
}

.land_box .land_item li:nth-of-type(n+4) {
    /* margin-top: 14px; */
    margin-top: 1.315%;
}

.land_box .land_item li .normal_txt {
    border-bottom: 1px solid #55341a;
    padding: 12px 0 15px 0;
}

.land_box .land_item li:nth-of-type(7) .normal_txt,
.land_box .land_item li:nth-of-type(8) .normal_txt,
.land_box .land_item li:nth-of-type(9) .normal_txt {
    border-bottom: none;
}

.land_box .land_item li.last .item_ttl .en {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.land_box .land_item li.last .item_ttl .ja {
    display: inline-block;
    vertical-align: top;
}

.land_item02 .flex {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.land_item02 .flex:nth-of-type(1) {
    border-bottom: 1px solid #55341a;
    padding-bottom: 30px;
}

.land_item02 .flex:nth-of-type(2) {
    padding-top: 30px;
}

.land_item02 .flex .text_box {
    width: 44%;
}

.land_item02 .flex .text_box .item_ttl {
    margin-bottom: 20px;
}

.land_item02 .flex .image_box {
    justify-content: space-between;
    width: 53%;
    padding-top: 0;
}

.land_item02 .flex .image_box figure {
    width: calc((100% - 10px) / 2);
}

.green_area {
    margin: 100px auto 0;
}

.green_area .caption {
    margin-left: 10px;
}

.green_caption {
    font-size: 12px;
    margin-top: 10px;
}

.green_area-ttl {
    font-size: 16px;
    margin-bottom: 20px;
}

.green_area_main {
    flex-wrap: wrap;
    justify-content: space-between;
}

.green_area_main .main01 {
    width: calc((100% - 10px) / 2);
}

.green_area_main .main02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc((100% - 10px) / 2);
}

.green_area_main .main02 figure:nth-of-type(1) {
    width: 100%;
    /* margin-bottom: 10px; */
}

.green_area_main .main02 figure:nth-of-type(2),
.green_area_main .main02 figure:nth-of-type(3) {
    width: calc((100% - 10px) / 2);
}


.green_flex {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px auto 0;
}

.green_flex .approach_designer {
    margin-top: 0;
}

.green_flex .approach_designer .text_box {
    width: 68%;
}

.green_flex .approach_designer .text_box .normal_txt {
    border-bottom: 1px solid #412514;
    padding-bottom: 16px;
}

.green_flex .approach_designer .image_box {
    width: 28%;
}

.green_flex .approach_designer .comple_flex {
    width: 62.65%;
    margin-top: 20px;
}

.green_flex .approach_designer .comple_flex figure {
    margin-right: 10px;
}

.green_item {
    /* width: 47%; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin: 60px auto 40px;
}

.green_item .grren_text {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-top: 1px solid #412514;
    border-bottom: 1px solid #412514;
}


.green_item .plant {
    width: 48%;
}

.green_flex .box01_kakko01 {
    display: flex;
    align-items: stretch;
    /* width: 47%; */
    width: 100%;
}

.green_flex .box01_kakko02 {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.green_flex .approach_designer .image_box figure img {
    mix-blend-mode: darken;
}



.plant {
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-top: 20px; */
}

.plant li {
    width: 23.5%;
}

.plant li:nth-of-type(n+5) {
    margin-top: 20px;
}

.plant li figure .item_name {
    display: block;
    font-size: 12px;
    text-align: center;
    margin-top: 2px;
}

.plant .cap_txt {
    bottom: -15px;
}

.green_designer {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 30px 30px 10px 30px;
}

.green_designer .text_box {
    /* width: 64%; */
    width: 100%;
}

.root-name {
    font-size: 18px;
}


.green_designer .image_box {
    /* width: 30%; */
    width: 100%;
}

.green_designer .image_box figure {
    width: 60%;
    margin: 20px auto 0;
}

.green_designer .image_box figure img {
    mix-blend-mode: darken;
}

.green_designer .image_box .name {
    text-align: right;
}

.pos_item {
    position: relative;
}

#lounge {
    margin: 100px auto 80px;
}

#lounge .pos_item {
    /* margin-bottom: 60px; */
    margin-bottom: 40px;
}

#lounge .box02_kakko01 {
    width: 52%;
    position: absolute;
    top: 4%;
    right: 2.5%;
}

#lounge .box02_kakko02 {
    width: 100%;
}

#lounge .box02_kakko02 .box02 .normal_txt {
    border-bottom: none;
    padding-bottom: 0;
}

#lounge .box02 .txt_img {
    width: 40%;
    margin: 0 0 10px 0;
}

#lounge .box02 .personal {
    justify-content: center;
    align-items: stretch;
    /* align-items: flex-end; */
    padding-top: 20px;
}

#lounge .box02 .personal div {
    width: 40%;
}

#lounge .box02 .personal .name {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* align-self: center; */
    width: 47%;
}


#lounge .box02 .personal .name .name_company,
#lounge .box02 .personal .name .name_person {
    width: 60%;
    min-width: 221px;
}

#lounge .box02 .personal .name .name_person {
    /* align-self: flex-start; */
}


#lounge .box02 .personal .achieve {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}

#lounge .box02 .personal .achieve li {
    width: 49%;
}

#lounge .box02 .personal .achieve li figure {
    width: 100%;
}

#lounge .box02 .personal figure {
    width: 13%;
    align-self: flex-end;
}

#lounge .box02 .personal .name_person {
    margin-left: 0;
}

#lounge .box02 .name {
    padding-top: 10px;
}

.lounge_item {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px auto 0;
}

.lounge_item .image_box {
    width: 31.333333%;
}

.lounge_item .text_box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 66.666666%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.lounge_item .text_box .item_ttl {
    margin-bottom: 20px;
}

.lounge_item .text_box .normal_txt {
    text-align: center;
}

#lounge .approach_designer {
    align-items: flex-end;
}

#lounge .approach_designer .txt_img {
    width: 40%;
}

#lounge .approach_designer .text_box .normal_txt {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #412514;
}

#lounge .approach_designer .achieve-flex {
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 20px;
}

#lounge .approach_designer .achieve-flex div {
    width: 55%
}

#lounge .approach_designer .achieve-flex .achieve li:first-of-type {
    margin-right: 10px;
}

#lounge .approach_designer .achieve-flex .achieve_txt {
    margin-bottom: 10px;
}

#lounge .approach_designer .achieve-flex p.name {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    padding-left: 20px;
}

#lounge .approach_designer .achieve-flex p.name .personal_name {
    padding-left: 0;
}

/* study_room */
#study_room {
    margin: 0 auto 60px;
}

#study_room .pos_item {
    /* margin-bottom: 60px; */
    margin-bottom: 40px;
}

#study_room .box02_kakko01 {
    width: 36%;
    position: absolute;
    bottom: 4%;
    right: 2.5%;
}

#study_room .box02_kakko02 {
    width: 100%;
}

#study_room .personal {
    justify-content: space-between;
    flex-wrap: wrap;
}

#study_room .personal div {
    align-self: flex-end;
    width: 100%;
    /* width: 56%; */
    padding-top: 20px;
}

#study_room .personal div .achieve {
    justify-content: space-between;
    margin-top: 10px;
}

#study_room .personal div .achieve li {
    width: calc((100% - 10px) / 3);
}

#study_room .personal div .achieve li figure {
    width: 100%;
}

#study_room .personal div .achieve_txt {
    margin-left: -0.6em;
}

#study_room .personal div .actus {
    width: 36%;
    margin-bottom: 20px;
}

#study_room .personal figure {
    width: 36%;
}

.study_flex {
    flex-wrap: wrap;
    /* align-items: flex-start; */
    justify-content: space-between;
    margin: 80px auto 0;
}

.study_flex .image_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    border: 1px solid #55341a;
    padding: 40px 40px;
    position: relative;
}

.study_flex .image_box figure {
    max-width: 412px;
    margin: 0 auto;
}

.study_flex .text_box {
    width: 48%;
}

.study_flex .text_box .notes {
    width: 90%;
    margin: 0 auto;
}

.study_flex .text_box .notes li {
    list-style: none;
    text-align: right;
    margin-top: 10px;
}

.study_item:not(:first-of-type) {
    padding-top: 20px;
}

.study_item .item_ttl {
    margin-bottom: 10px;
}

.study_item .normal_txt {
    border-bottom: 1px solid #55341a;
    padding-bottom: 20px;
}

#study_room .approach_designer .text_box {
    width: 60%;
    /* width: 100%; */
}

#study_room .approach_designer .text_box .txt_img {
    width: 20%;
}

#study_room .approach_designer .text_box .normal_txt {
    /* border-bottom: 1px solid #412514;
    padding-bottom: 20px;
    margin-bottom: 20px; */
}

#study_room .approach_designer .text_box .achieve {
    margin-top: 10px;
}

#study_room .approach_designer .text_box .achieve li:nth-of-type(1) {
    margin-right: 10px;
}

#study_room .approach_designer .image_box {
    width: 36%;
}

#study_room .approach_designer .image_box .actus {
    width: 35%;
    margin-bottom: 10px;
}

#study_room .approach_designer .image_box .achieve_txt {
    margin-bottom: 10px;
    margin-left: -10px;
}

#study_room .approach_designer .image_box .achieve {
    justify-content: space-between;
}

#study_room .approach_designer .image_box .achieve li {
    width: 32%;
}

#study_room .approach_designer .text_box .normal_txt:nth-of-type(1) {
    padding-bottom: 0;
    border-bottom: none;
}


.book_box {
    margin-top: 40px;
}

.picture_book {
    flex-wrap: wrap;
    justify-content: space-between;
}

.picture_book .text_box {
    width: 74%;
}

.picture_book .text_box .item_ttl {
    margin-bottom: 10px;
}

.picture_book .text_box .company_world {
    display: block;
    margin-bottom: 8px;
}

.picture_book .image_box {
    width: 20%;
    border: none;
    padding: 0;
}

.picture {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.picture figure {
    width: 30%;
}

/* 追加コンテンツ＿20240220 */
.food_item {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px auto 0;
}

.food_item .image_box {
    width: 31.333333%;
}

.food_item .text_box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 66.666666%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.food_item .text_box .item_ttl {
    margin-bottom: 20px;
}

.food_item .text_box .normal_txt {
    text-align: center;
}

.com_BG {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.com_BG figure {
    width: 8%;
}

.com_BG .text_box {
    width: 88%;
}

.com_BG .text_box .ttl {
    font-size: 18px;
    margin-bottom: 5px;
}

.event-ttl {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.event-ttl span.line01,
.event-ttl span.line02 {
    display: block;
    flex: 1;
    height: 1px;
    background: #412514;
}

.event-ttl span.line01 {
    margin-right: 15px;
}

.event-ttl span.line02 {
    margin-left: 15px;
}

.event {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
}

.event li {
    box-sizing: border-box;
    width: 32.5%;
    border: 1px solid #412514;
    padding: 10px 10px 5px 10px;
}

.event li p.normal_txt {
    letter-spacing: 0.1px;
    line-height: 1.5;
    text-align: center;
}

.event li p .big_Txt {
    font-size: 1.56em;
    font-weight: 600;
}

.event li p .small_Txt {
    font-size: 12px;
}

/* .event li.flex {
    flex-wrap: nowrap;
    justify-content: space-between;
} */

/* .event li.flex p {
    width: 68%;
} */

/* .event li .vege_image {
    width: 36%;
    margin: -9% -14% 0 0;
} */

.event li .vege_image figcaption {
    width: 100%;
    text-align: center;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.description {
    font-size: 12px;
    margin-top: 10px;
}

.no_1024 {
    display: block;
}

.br_1120 {
    display: none;
}

.tab-sp {
    display: none;
}

/* 追加修正 */
.approach_designer {
    align-items: center;
}

@media only screen and (max-width: 1399px) {
    /* .land_box .land_item {
        bottom: 11%;
    } */

    .land_box .land_item li .item_ttl {
        font-size: 16px;
    }

    .land_box .land_item li .normal_txt {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1290px) {
    #main .page_ttl {
        top: 10%;
    }
    .land_box .land_item {
        bottom: 4%;
    }
}

@media only screen and (max-width: 1180px) {

    #main .page_ttl {
        top: 10%;
        /* top: 16%; */
    }

    .land_box .land_item {
        bottom: 20px;
    }

    #lounge .box02_kakko01 {
        width: 58%;
    }

    .lounge_item .text_box .item_ttl {
        margin-bottom: 5px;
    }

    .food_item .text_box .item_ttl {
        margin-bottom: 5px;
    }

}

@media only screen and (max-width: 1120px) {
    .br_1120 {
        display: block;
    }

    .event li p.normal_txt {
        font-size: 13px;
    }

    .event li.flex p {
        width: 75%;
    }
}

@media only screen and (max-width: 1024px) {
    .no_1024 {
        display: none;
    }

    /* box */
    .box01 {
        padding: 20px 20px;
    }

    .box02 {
        padding: 20px 20px;
    }


    #lounge .box02_kakko01 {
        width: 50%;
    }

    #lounge .box02 .personal {
        display: block;
        position: relative;
    }

    #lounge .box02 .personal div {
        width: 100%;
    }

    #lounge .box02 .personal .name {
        align-items: flex-start;
        width: 100%;
    }

    #lounge .box02 .personal .achieve {
        width: 67%;
    }

    #lounge .box02 .personal .achieve li figure {
        width: 100%;
    }

    #lounge .box02 .personal figure.design17-1 {
        width: 25%;
        position: absolute;
        right: 0;
        bottom: 29%;
    }


}

@media only screen and (max-width: 990px) {

    .tab-sp {
        display: block;
    }

    .land_box {
        margin: 20px auto 60px;
    }

    .land_box .land_item {
        width: 90%;
        position: initial;
        margin: 30px auto 0;
    }

    .land_box .land_item li {
        width: 100%;
        padding: 0 !important;
        margin-top: 20px !important;
    }

    .land_box .land_item li:nth-of-type(1)::after,
    .land_box .land_item li:nth-of-type(2)::after,
    .land_box .land_item li:nth-of-type(4)::after,
    .land_box .land_item li:nth-of-type(5)::after {
        content: none;
    }

    .land_box .land_item li:nth-of-type(2)::before,
    .land_box .land_item li:nth-of-type(5)::before,
    .land_box .land_item li:nth-of-type(8)::before {
        content: none;
    }

    .land_box .land_item li:nth-of-type(3)::before,
    .land_box .land_item li:nth-of-type(6)::before,
    .land_box .land_item li:nth-of-type(9)::before {
        content: none;
    }

    .land_box .land_item li:nth-of-type(7) .normal_txt,
    .land_box .land_item li:nth-of-type(8) .normal_txt,
    .land_box .land_item li:nth-of-type(9) .normal_txt {
        border-bottom: 1px solid #55341a;
    }

    .land_box figcaption {
        left: 15px;
    }
}


/* design */
@media only screen and (max-width: 820px) {
    .br_1120 {
        display: none;
    }

    #main {
        background-image: url(../img/main_sp02.jpg);
        background-position: center;
        padding: 56% 0;
        margin-bottom: 40px;
    }

    #main .page_ttl {
        width: 100%;
        /* top: 10%; */
        top: 19%;
    }

    #main .page_ttl h2 {
        width: 80%;
        /* margin: 0 auto 15px; */
    }

    #main .page_ttl p {
        font-size: 16px;
        /* text-shadow: 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1), 0px 0px 7px rgba(255, 255, 255, 1); */
    }

    .copy_ttl {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .copy_txt {
        font-size: 14px;
    }

    .copy_en {
        margin-bottom: 20px;
    }

    .item_ttl {
        font-size: 16px;
    }

    .item_txt {
        font-size: 14px;
    }

    .sub_ttl {
        text-align: center;
    }

    .personal_name {
        font-size: 18px;
    }

    .name_person {
        font-size: 18px;
        margin-left: 0;
    }

    /* flex */
    .column03 li:nth-of-type(1),
    .column03 li:nth-of-type(2) {
        width: 49%;
    }

    .column03 li:nth-of-type(3) {
        width: 100%;
    }



    /* page_tab */
    .page_tab li {
        width: 48%;
        margin-right: 4%;
    }

    .page_tab li a {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .page_tab li a::after {
        right: 5px;
    }

    /* area */
    .area {
        margin: 60px auto 0;
    }

    #approach .design01 {
        margin: 60px auto 30px 0;
    }

    .approach_item {
        margin: 40px auto 0;
    }

    .approach_item ul li.border_text {
        border: none;
        margin-top: 20px;
    }

    .approach_designer {
        margin: 30px auto 0;
    }

    .approach_designer .text_box {
        width: 100%;
        /* padding-bottom: 38%; */
        position: relative;
    }

    .approach_designer .image_box {
        width: 26%;
        max-width: 87px;
        position: absolute;
        /* bottom: 20px; */
        bottom: 29%;
        right: 20px;
    }

    .approach_designer .text_box .personal_name {
        padding-left: 0;
    }

    .approach_designer .text_box .name {
        width: 70%;
        text-align: left;
        /* position: absolute;
        bottom: 0;
        left: 0; */
    }

    .approach_designer .text_box .normal_txt.txt01 {
        padding-top: 0;
    }

    .approach_designer .text_box .normal_txt.txt02 {
        padding-top: 50px;
    }


    #landplan {
        margin-bottom: 30px;
    }

    .land_box .land_item {
        margin: 0 auto;
    }

    .land_box .land_item li .normal_txt {
        padding: 5px 0 7px 0;
    }

    .land_box .land_item li.last .item_ttl .en {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    /* .land_box {
        margin: 20px auto 60px;
    }

    .land_box .land_item {
        width: 90%;
        position: initial;
        margin: 0 auto 0;
    }

    .land_box .land_item li {
        width: 100%;
        padding: 0 !important;
        margin-top: 20px !important;
    }

    .land_box .land_item li:nth-of-type(1)::after,
    .land_box .land_item li:nth-of-type(2)::after,
    .land_box .land_item li:nth-of-type(4)::after,
    .land_box .land_item li:nth-of-type(5)::after {
        content: none;
    }

    .land_box .land_item li:nth-of-type(2)::before,
    .land_box .land_item li:nth-of-type(5)::before,
    .land_box .land_item li:nth-of-type(8)::before {
        content: none;
    }

    .land_box .land_item li:nth-of-type(3)::before,
    .land_box .land_item li:nth-of-type(6)::before,
    .land_box .land_item li:nth-of-type(9)::before {
        content: none;
    }

    .land_box .land_item li:nth-of-type(7) .normal_txt,
    .land_box .land_item li:nth-of-type(8) .normal_txt,
    .land_box .land_item li:nth-of-type(9) .normal_txt {
        border-bottom: 1px solid #55341a;
    } */

    .land_item02 .flex .text_box {
        width: 100%;
    }

    .land_item02 .flex .image_box {
        width: 100%;
        margin-top: 20px;
    }

    .green_area {
        margin: 60px auto 0;
    }

    .green_flex {
        margin: 30px auto 0;
    }

    .green_item {
        width: 100%;
        margin-bottom: 30px;
    }

    .green_item .normal_txt {
        text-align: center;
    }

    .green_flex .box01_kakko01 {
        width: 100%;
    }

    .plant li {
        width: 24%;
    }

    .plant li:nth-of-type(n+5) {
        margin-top: 20px;
    }

    .green_area_main .main01 {
        width: 100%;
    }

    .green_area_main .main02 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
    }

    .green_area_main .main02 figure {
        width: calc((100% - 5px) / 2);
    }

    .green_area_main .main02 figure:nth-of-type(1) {
        margin-bottom: 10px;
    }

    /* .green_designer {
        padding-bottom: 25%;
    } */

    .green_designer .text_box {
        /* width: 64%; */
        width: 100%;
        position: relative;
    }

    .green_designer .text_box .name {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        padding-top: 10px;
        position: absolute;
    }

    .green_designer .image_box {
        /* position: absolute;
        right: 15px; */
    }

    .green_item {
        align-items: center;
    }

    .green_item .grren_text {
        align-items: center;
        width: 100%;
        border-top: none;
        border-bottom: none;
        margin-bottom: 20px;
    }

    .green_item .plant {
        width: 100%;
        margin-bottom: 20px;
    }

    .green_flex .approach_designer .text_box {
        width: 100%;
        padding-bottom: 20px;
    }

    .green_flex .approach_designer .comple_flex {
        flex-wrap: wrap;
        width: 100%;
    }

    .green_flex .approach_designer .comple_flex figure {
        width: 100%;
        margin-right: 0;
    }

    .green_flex .approach_designer .comple_flex figure:nth-of-type(1) {
        margin-bottom: 10px;
    }

    .green_flex .approach_designer .image_box {
        width: 66%;
        position: static;
        margin: 0 auto;
    }

    .root-name {
        font-size: 16px;
    }

    #lounge .box02_kakko01 {
        width: 90%;
        margin: 40px auto 0;
        position: relative;
        top: initial;
        right: initial;
    }

    .lounge_item {
        margin: 30px auto 0;
    }

    .lounge_item .image_box {
        width: 100%;
    }

    .lounge_item .text_box {
        width: 100%;
        border: none;
        margin-top: 20px;
    }

    .lounge_item .text_box .item_ttl {
        text-align: center;
    }

    #lounge .box02 .txt_img {
        width: 60%;
        margin: -10px 0 10px 0;
    }

    #lounge .box02 .personal {
        flex-wrap: wrap;
    }

    #lounge .box02 .personal .name {
        /* width: 62%;
        min-width: 255px; */
        padding-right: 10px;
    }

    #lounge .box02 .personal .name .name_company,
    #lounge .box02 .personal .name .name_person {
        width: 100%;
        min-width: initial;
    }

    #lounge .box02 .personal div {
        width: 100%;
        justify-content: space-between;
    }

    #lounge .box02 .personal .achieve {
        width: 100%;
        margin-bottom: 15px;
    }

    #lounge .box02 .personal figure {
        width: 28%;
    }

    #lounge .box02 .personal .achieve li {
        width: 100%;
    }

    #lounge .box02 .personal .achieve li:first-of-type {
        margin-bottom: 20px;
    }

    #study_room .box02_kakko01 {
        width: 90%;
        position: relative;
        margin: 40px auto 0;
        bottom: initial;
        right: initial;
    }

    #study_room .personal figure {
        margin-top: 20px;
    }

    #study_room .name {
        flex-wrap: wrap;
    }

    #study_room .name_company,
    #study_room .name_person {
        display: block;
    }

    #study_room .personal div .actus {
        width: 54%;
    }

    #study_room .personal div .achieve {
        flex-wrap: wrap;
    }

    #study_room .personal div .achieve li {
        width: 100%;
    }

    #study_room .personal div .achieve li:nth-of-type(n+2) {
        margin-top: 10px;
    }

    #study_room .personal div .achieve li figure {
        margin-top: 0;
    }

    .study_flex {
        margin: 30px auto 0;
    }

    .study_flex .image_box {
        width: 100%;
        padding: 20px 20px;
        margin-bottom: 40px;
    }

    .study_flex .text_box {
        width: 100%;
    }

    .study_flex .box01_kakko01 {
        width: 100%;
    }

    .study_flex .picture_book .image_box {
        width: 22%;
        padding: 0;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .study_flex .image_box figure {
        max-width: 100%;
        margin: 0;
    }

    .study_flex .text_box .notes {
        width: 100%;
    }

    .study_flex .text_box .notes li {
        text-align: left;
    }

    .picture_book .text_box .item_ttl {
        margin-bottom: 35px;
    }

    /* 追加コンテンツ_20240220 */

    .food_item {
        margin: 30px auto 0;
    }

    .food_item .image_box {
        width: 100%;
    }

    .food_item .text_box {
        width: 100%;
        border: none;
        margin-top: 20px;
    }

    .food_item .text_box .item_ttl {
        text-align: center;
    }

    .food_item .text_box .normal_txt {
        text-align: left;
    }


    .com_BG figure {
        order: 2;
        width: 20%;
        margin: 0 auto;
    }

    .com_BG .text_box {
        order: 1;
        width: 70%;
    }

    .com_BG .text_box .ttl {
        font-size: 16px;
    }

    .event li {
        width: 100%;
    }

    .event li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .event li p.normal_txt {
        text-align: center;
    }

    .event li.flex p {
        width: 100%;
    }

    .event li .vege_image {
        width: 60%;
        margin: 0 auto 0;
    }
}