/*
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
font-family: "Yu Gothic Pr6N B",YuGothic,'Yu Gothic', sans-serif;
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&display=swap');

body{
    font-family: "Yu Mincho StdN B",YuMincho,sans-serif;
    letter-spacing: 0.1em;
    font-size: 16px;
    overflow: auto;
}
p{
    color:#221814;
}
a:hover{
  
}
img{height: auto;}
header{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border-bottom: 1px solid #E85400;
    position: fixed;
    top: 0;
    left: 0;
    padding-left: 14px;
    box-sizing: border-box;
    z-index: 999;
}
.header-logo{
    width: auto;
}
nav{
    width: auto;
    height: 80px;
}
nav ul{
    display: flex;
    height: 100%;
}
nav ul li{
    height: 100%;
}
nav ul li a,.nav_btn{
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #221814;
    height: 100%;
    padding: 13px 1rem;
    box-sizing: border-box;
    justify-content: flex-end;
    font-size: calc(0.25vw + 0.8rem);
    font-weight: 700;
    cursor: pointer;
}
nav ul li a:hover,.nav_btn:hover{
    background: #EEEEEE;
}
nav ul li a img,.nav_btn img{
    display: block;
    width: 21px;
    margin-bottom: 6px;
}
nav ul li.open_menu{
    position: relative;
}
nav ul li.open_menu .under_menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background: #FFFFFF;
    border-top: 1px solid #E85400;
    z-index: 999;
}
.under_menu ul{
    display: flex;
    flex-direction: column;
}
.under_menu ul li a{
    border-bottom: 1px solid #E85400;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 2rem;
}
.under_menu ul li a::before{
    content: "";
    background: url(../img/triangle_right.svg) no-repeat;
    background-size: 100%;
    width: 9px;
    height: 13px;
    display: inline-block;
    margin-right: 16px;
}
.nav-sp{
    background: #EB6E30;
    color: #FFFFFF;
    font-family: 'Cormorant Garamond', serif;
    width: 70px;
    height: 45px;
    align-items: center;
    justify-content: center;
    display: none;
}
.head_contact_btn{
    position: fixed;
    right: 0;
    bottom: 5%;
    z-index: 998;
}
.head_contact_btn ul{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.head_contact_btn ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: tb-rl;
    background: #FFFFFF;
    padding: 1rem;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.1em;
}
.head_contact_btn ul li a:hover{
    filter: brightness(0.8);
    -webkit-filter:brightness(0.8);
}
.head_contact_btn ul li a.reserve_btn{
    color: #E85400;
    border-top: 1px solid #E85400;
    border-left: 1px solid #E85400;
    border-bottom: 1px solid #E85400;
}
.head_contact_btn ul li a.contact_btn{
    color: #183F18;
    border-top: 1px solid #183F18;
    border-left: 1px solid #183F18;
    border-bottom: 1px solid #183F18;
}
.head_contact_btn ul li a img{
    width: 24px;
    margin-bottom: 8px;
}
/*　上に上がる動き　*/

#header.UpMove{
    animation: UpAnime 0.5s forwards;
  }
  
  @keyframes UpAnime{
    from {
      opacity: 1;
    transform: translateY(0);
    }
    to {
      opacity: 0;
    transform: translateY(-50px);
    }
  }
  
  /*　下に下がる動き　*/
  
  #header.DownMove{
    animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
    from {
      opacity: 0;
    transform: translateY(-50px);
    }
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }

.main_visual{
    width: 100%;
    height: 80vh;
    position: relative;
    overflow: hidden;
}
.main_visual:before{
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
/* slick */
.slider-item img {
    height: 80vh;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
  }


@media screen and (max-width:1430px){
    .main_visual{
        height: 90vh;
    }

    .slider-item img {
        height: 90vh;
    }
}

h2{
    font-size: 90px;
}
h2 .catch{
    position: absolute;
    left: 5%;
    bottom: 8%;
    color: #FFFFFF;
    font-weight: 600;
    font-size: clamp(0.25em, calc(1.25vw + 0.5em), 1em);
    letter-spacing: 0.25em;
    line-height: 1.8;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    z-index: 2;
}
/* 共通 */
.sp-only{
    display: none;
}
.bg_white{
    background: #FFFFFF;
}
.bg_orange{
    background: #FCF3E3;
}
section{
    width: 100%;
    background: #F0F0F0;
    padding: 80px 0 120px;
}
.section_inner{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.top_title{
    margin-bottom: 40px;
}
.top_title h1,.top_title h2,.top_title h3{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-size: 18px;
    letter-spacing: 0.2em;
    font-weight: 600;
}

.top_title h2 span,.top_title h1 span{
    font-family: 'Cormorant Garamond', serif;
    font-size: 80px;
    letter-spacing: 0.18em;
    margin-right: 32px;
}

.top_title h3 span{
    font-family: 'Cormorant Garamond', serif;
    font-size: 54px;
    letter-spacing: 0.18em;
}

.more_btn{
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.more_btn a{
    min-width: 240px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #E85400;
    padding: 0 40px;
    color: #E85400;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
}
.more_btn a:after{
    content: "";
    background: url(../img/triangle_right.svg) no-repeat;
    background-size: 100%;
    width: 9px;
    height: 13px;
    display: inline-block;
    margin-left: 16px;
}
.more_btn a:hover{
    background: #EB6E30;
    color: #FFFFFF;
}
.more_btn a:hover:after{
    background: url(../img/triangle_right_white.svg) no-repeat;
    background-size: 100%;
}
.page{
    padding-top:80px;
}
.mt60{
    margin-top: 60px;
}
/* トップ */
.event_list,.voice_list{
    margin-bottom: 4rem;
}
.event_list,.works_list,.voice_list{
    width: 100%;;
    display: flex;
    flex-wrap: wrap;
}
.event_list_item{width: 49%;background: #FFFFFF;}
.event_list_item:first-child{margin-right: 2%;}
.event_list_item:hover{
    background: #fafafa;
    color: #FFFFFF;
}
.event_list_thumb{
    width: 100%;
    height: 260px;
    object-fit: cover;border-bottom: 1px solid #E85400;overflow: hidden;}
.event_list_item .event_list_thumb img{
    transition: all 0.2s ease;
    height: auto;
}
.page .event_list_item .event_list_thumb img{
    height: 160px;
    object-fit: cover;
}
.event_list_item:hover .event_list_thumb img{
    transform: scale(1.02);
    transition: all 0.2s ease;
}
.event_list_info{padding: 1rem;}

.event_list_info .works_category_list{
    margin-bottom: 16px;
}
.event_open{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    display: inline-block;
    background: #EB6E30;
    color: #FFFFFF;
    padding: 8px 16px;
    margin-bottom: 16px;
}
.event_open.close{
    background: #CCCCCC;
    color: #183F18;
}
.event_list_item h3,.works_list_item h3{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    color: #221814;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 24px;
}
.event_list_item h3 a{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    color: #221814;
    font-weight: bold;
}
.day{
    color: #E85400;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.15em;
    line-height: 1em;
}

.works_list_item{
    width: 30%;
    margin-right: 2.5%;
    margin-bottom: 56px;
}
.works_list_item:nth-child(3n){
    margin-right: 0;
}
.works_list_item a:hover h3{
    text-decoration: underline;
}
.top_works,.top_renovation,.top_about,.instagram{
    background: #FFFFFF;
}
.works_list_thumb{width: 100%;height: 240px;object-fit: cover;margin-bottom: 16px;overflow: hidden;}
.works_list_item .works_list_thumb img{
    transition: all 0.2s ease;
    height: 100%;object-fit: cover;
}
.works_list_item:hover .works_list_thumb img{
    transform: scale(1.02);
    transition: all 0.2s ease;
}
.works_list_item .works_category_list{
    margin-bottom: 0;
}
.works_category_list{
    width: 100%;
    display: flex;
    margin-bottom: 4rem;
    gap: 8px;
    flex-wrap: wrap;
}
.works_category_list li,.works_category{
    background: #EB6E30;
    color: #FFFFFF;
    padding: 8px 16px;
    line-height: 1em;
}

.works_category{
    display: inline-block;
}
.area_wrap{
    display: flex;
}
.reform_list{
    display: flex;
    gap: 10px;
}
.reform_list .reform_list_item{
    width: 32%;
    background: url(../img/top_reform_menu01.jpg)no-repeat;
    background-size: cover;
    position: relative;
}

.reform_list .reform_list_item:nth-of-type(2){
    background: url(../img/top_reform_menu02.jpg)no-repeat;
    background-size: cover;
}
.reform_list .reform_list_item:nth-of-type(3){
    background: url(../img/top_reform_menu03.jpg)no-repeat;
    background-size: cover;
}
.reform_list .reform_list_item::before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #4b2b18;
    opacity: 0.45;
    position: absolute;
    top: 0;
    left: 0;
}
.reform_list .reform_list_item:hover::before{
    opacity: 0.6;
    transition: all 0.2s ease;
}
.reform_list .reform_list_item a{
    display: flex;
    width: 100%;
    height: 340px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    position: relative;
}
.reform_list .reform_list_item a:before{
    content: "";
    display: block;
    width: 96%;
    height: 96%;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 2%;
    left: 2%;
    box-sizing: border-box;
}

.reform_list .reform_list_item a h3{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0.25em;
    color: #FFFFFF;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.reform_list .reform_list_item a h3::after{
    content: "";
    display: block;
    background: url(../img/arrow_white_long.png)no-repeat;
    background-size: 100%;
    width: 54px;
    height: 14px;
    margin: 20px auto 0;
}
.reform_list .reform_list_item:hover a h3::after{
    transform: translateX(8px); 
    transition: all 0.2s ease;
}
.top_reform .information{margin-bottom: 80px;}
.top_reform .information p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1.6;
    text-align: center;
    color: #db6827;
}

.top_renovation .area_wrap{
    width: 1400px;
    margin: 0 auto;
    gap: 4rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 4rem;
}
.top_renovation h2{
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 1450px) {
    .top_renovation .area_wrap{
        width: 90%;
    }
}
.top_renovation  .area_wrap .area_item{
    width: 50%;
}
.top_renovation  .area_wrap .area_item.area_b{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.top_renovation  .area_wrap .area_item.area_b .top_title h2.top_title h3{
    display: flex;
    flex-direction: column;
}
.top_renovation  .area_wrap .area_item.area_b p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    margin-bottom: 4rem;
    line-height: 2;
    font-size: 18px;
}

.top_renovation .area_wrap .area_item.area_b .more_btn,.top_about .area_wrap .area_item.area_b .more_btn{
    justify-content: flex-start;
}
.voice_list{
    gap: 1rem;
    flex-wrap: wrap;
}
.voice_list_item{
    width: 49%;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}
.voice_list_item a{
    padding: 1rem;
    background: #FFFFFF;
}
.voice_list_item a:hover{
    background: #fcf3e3;
}
.voice_list_thumb{
    width: 190px;
    height: 180px;
    object-fit: cover;
    overflow: hidden;
}

.voice_list_item .voice_list_thumb img{
    transition: all 0.2s ease;
    width: 100%;
    height: 190px;
    object-fit: cover;;
}
.voice_list_item:hover .voice_list_thumb img{
    transform: scale(1.02);
    transition: all 0.2s ease;
}

.voice_info{
    background: #FCF3E3;
}
.voice_list_item a:hover .voice_info{
    background: #FFFFFF;
}
/* grid */
.grid{
    display: grid;
    gap: 1rem;
}
.grid_item{
    box-sizing: border-box;
}
.voice_list_item .grid{
    grid-template-columns: 190px 1fr;
}
.voice_list_data p{
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 0.15em;
    line-height: 26px;
    color: #e85400;
}
.voice_list_data .voice_name{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 31px;
    color: #221814;
    display: inline-block;
    margin-bottom: 12px;
}
.voice_info{
    padding: 0.5rem;
}
.voice_info span{
    font-family: "Yu Gothic Pr6N B",YuGothic,'Yu Gothic', sans-serif;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 31px;
    text-align: left;
    color: #183f18;
    display: block;
}
.voice_info .voice_text{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 19px;
    text-align: left;
    color: #221814;
    
}
.top_about .area_a{
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.top_about .area_b{
    width: 55%;
}
.top_about .top_title h2,.top_title h3{
    display: flex;
    flex-direction: column;
}
.top_about_img{
    width: 392px;
    margin-left: 60px;
}
.top_about h3{
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.15em;
    color: #183f18;
    margin-bottom: 48px;
}
.top_about .area_b p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height:2;
    color: #221814;
    margin-bottom: 48px;
}
.award_list_wrap{
    background: #fcf3e3;
    padding: 2rem;
    margin-top: 8rem;
}
.award_list_wrap p{
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.15em;
    line-height: 33px;
    text-align: left;
    color: #221814;
    border-bottom: 1px solid #221814;
    padding-bottom: 16px;
    margin-bottom: 24px;
}
.award_list{
    display: flex;
    gap: 1rem;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.award_list_item{
    width: 50%;
}
.award_list_title{
    font-size:1em;
    font-weight: bold;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.award_list_thumb{
    margin-bottom: 5px;
}
.award_list ul.award{
    width: 100%;
    /* display: flex; */
    gap: 0.3rem;
}
.award_list ul.award li{
    background: #FFFFFF;
    width: inherit;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
}
.award_one{
    height: 180px!important;
}
.award_name{
    display: block;
    font-weight: 700;
    font-size: 0.875em;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-align: center;
    color: #221814;
    margin-bottom: 3px;
}
.award_title{
    display: block;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: 0.15em;
    text-align: center;
    color: #e85400;
}
.news_list{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 4rem;
}
.news_list_item{
    background: #FFFFFF;
    padding: 2rem;
}
.news_list_item:hover{
    background: #fcf3e3;
}
.news_list_item .day{
    margin-bottom: 16px;
}
.news_list_item p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #221814;
}
.news_list_item:hover p{
    text-decoration: underline;
}
.instagram_wrap iframe{
    width: 100%;
}
.inst_btn a::before{
    content: "";
    display: inline-block;
    background: url(../img/instagram_icon_orange.svg)no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-right: 10px;
}
.inst_btn a:hover::before{
    content: "";
    display: inline-block;
    background: url(../img/instagram_icon.svg)no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-right: 10px;
}
.top_company .area_a{
    width: 45%;
}
.top_company .area_b{
    width: 55%;
}
.top_company p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    color: #221814;
}
p.company_name{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 1em;
    color: #183f18;
    margin-bottom: 32px;;
}
p.add{
    margin-bottom: 18px;
}
p.open{
    font-size: 16px;
}
p.open span{
    display: inline-block;
    margin-left: 8px;
}
p.open span,p.proof{
    font-size: 16px;
}
p.support_area{
    display: inline-block;
    background: #FFFFFF;
    padding: 1rem;
    margin: 1rem 0;
}
p.support_area span{
    font-size: 16px;
    display: block;
}
.top_company_img{
    text-align: right;
    padding-right: 3rem;
}
.top_company_img img{
    width: 262px;
}
.gmap{
    border: 3px solid #FFFFFF;
}
.gmap iframe{
    width: 100%;
    height: 400px;
}

footer{
    width: 100%;
    background: #C5CEC5;
    padding: 4rem 0 0 0;
}
footer .top_title h2,.contact_info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
footer .top_title h2{
    margin-bottom: 4rem;
}
footer .tel{
    font-size: 44px;
}
footer .tel a{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    letter-spacing: 0.15em;
    color: #183f18;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}
footer .tel a:hover{
    filter: brightness(0.6);
    -webkit-filter:brightness(0.6);
    transform: scale(1.02);
    transition: all 0.2s ease;
}
footer .tel .tel_icon{
    width: 36px;
    margin-right: 16px;
}
.contact_info{
    margin-bottom: 2rem;
}
.reception_time{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 16px;
    color: #183f18;
}
.contact_form_btn{
    width: 100%;
    display: flex;
    gap: 1rem;
}
.contact_form_btn li{
    width: 50%;
    font-size: 22px;
}
.contact_form_btn li a{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-align: center;
    color: #221814;
    padding: 2.5em 2em;

}
.contact_form_btn li a img{
    width: 24px;
    margin-right: 16px;
}
.contact_form_btn li a:after{
    content: "";
    background: url(../img/triangle_right.svg) no-repeat;
    background-size: 100%;
    width: 9px;
    height: 13px;
    display: inline-block;
    margin-left: 16px;

}
.contact_form_btn li a.reserve_btn{
    border-bottom: 1px solid #E85400;
}

.contact_form_btn li a.contact_btn{
    border-bottom: 1px solid #183F18;
}
.contact_form_btn li a.contact_btn:after{
    background: url(../img/triangle_right_green.svg) no-repeat;
}
.contact_form_btn li a:hover{
    background: #DDDDDD;
}

.komachi{
	width: 100%;
	max-width: 400px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0px;
}
.komachi_img{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.komachi_img:hover{
	opacity: 0.6;
}

.komachi_txt{
	/*font-size: clamp(0.688rem, 0.665rem + 0.11vw, 0.75rem);*/
	font-size:10px;
	position: relative;
    display: inline-block;
    padding: 0 20px;
}
.komachi_txt::before,.komachi_txt::after{
	content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #666;
}

.komachi_txt::before{
	left: 0;
}
.komachi_txt::after{
	right: 0;
}



.copy{
    width: 100%;
    margin-top: 4rem;
    padding: 1.5rem 0;
    text-align: center;
    border-top: 1px solid #183F18;
}
.copy p{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #000;
}
.pickup_list{display: flex;
    justify-content: center;
    gap: 80px;margin-top: 60px;}
.pickup_list li{
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid #000000;
    padding-bottom: 6px; */
}
.pickup_list li::before{
    content: "▶︎";
    display: inline-block;
    font-size: 10px;
    margin-right: 8px;
    line-height: 1em;
}
.pickup_list li a{color: #000000;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1em;
}

.pickup_list li a:hover{
    color: #E85400;
}

/* 下層共通 */
.page_header{background: #F0F0F0;}
.lg_inner{width: 80%;margin: 0 auto;}
.page_header .top_title{
    border-bottom: 1px solid #CCCCCC;
    padding: 80px 0 100px;
    margin-bottom: 16px;
}
.page_header .top_title h2,.page_header .top_title h1{
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_header .top_title h2 span,.page_header .top_title h1 span{
    margin-right: 0;
    margin-bottom: 8px;
}
ul.bread{display: flex;color: #666666;line-height: 1em;}
ul.bread a{color: #666666;}
ul.bread a:hover{text-decoration: underline;}
ul.bread li:after{content: ">";display: inline-block;margin: 0 8px;line-height: 1em;}
ul.bread li:last-child:after{display: none;}

.page_prev a{
    color: #E85400;
}
.page_prev a:before{
    content: "◀︎";
    display: inline-block;
    color: #FFFFFF;
    background: #E85400;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 16px;
    text-align: center;
    padding: 18px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1em;
}
.page_prev a:hover{
    text-decoration: underline;
}
.page_prev a:hover:before{
    background: #c84900;
}
/* blog */
.blog_container{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 100px;
    margin-bottom: 1rem;
}
.blog_container .post{
    width: 75%;
}
.blog_container .sidebar{
    width: 20%;
    display: flex;
    flex-direction: column;
}
.post .event_list{
    flex-wrap: wrap;
    gap: 0;
}
.post .event_list .event_list_item{
    width: 31%;
    margin: 0 1% 2rem;
    box-sizing: border-box;
}
.post .event_list a .event_list_thumb{
    height: 160px;;
}

.sidebar_title{
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.2em;
    color: #2c231f;
    margin-bottom: 1rem;
}

ul.blog_category_list{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 4rem;
}
ul.blog_category_list li{
    width: 100%;
}
ul.blog_category_list li a{
    display: block;
    padding: 1rem;
    width: 100%;
    text-align: center;
    border: 1px solid #EB6E30;
    background: #FFFFFF;
    color: #EB6E30;
    box-sizing: border-box;
}
ul.blog_category_list li a:hover{
    background: #EB6E30;
    color: #FFFFFF;
}
.sidebar .event_list{
    flex-direction: column;
    margin-bottom: 0;
}
.sidebar .event_list .event_list_item{
    width: 100%;
    margin-bottom: 16px;
}
.sidebar_event_list .event_list_thumb{
    height: 130px;
}
.sidebar_event_list .event_list_thumb img{
    height: 130px!important;
}
.sidebar .event_list .event_list_item h3{
    font-size: 15px;margin-bottom: 8px;
}
.sidebar .event_list .event_list_item .day{font-size: 0.8em;}
.sidebar_event_list .works_category{
    padding: 5px 10px;
    margin-bottom: 8px;
}
.sidebar_event_list .works_category a{
    color: #FFFFFF;
    font-size: 13px;
    font-family: "Yu Mincho StdN B",YuMincho;
}
.article_wrap{
    background: #FFFFFF;
    padding: 56px 0 100px;
}
.article_inner{
    width: 80%;
    margin: 0 auto;
}

.page .day{
    display: inline-block;
}
.article_title_wrap{
    border-bottom: 2px solid #E85400;
    padding-bottom: 16px;
    margin-bottom: 24px;
}
.article_title_wrap h1{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.8rem;
    text-align: left;
    color: #221814;
    padding-top: 20px;
}
.article_body{
    font-family: "Yu Gothic Pr6N B",YuGothic;
    color: #333;
}
.article_body h2{
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #E85400;
    padding-bottom: 8px;
    margin: 16px 0 24px;
}
.article_body h3{
    font-size: 20px;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 16px;
}
.article_body p{
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 35px;
    text-align: left;
    color: #333;
}
.article_body strong{
    color: #e85400;
    font-weight: 600;
}
@media screen and (min-width: 1401px) {
    .article_body figure.news_large-image img{width: 70%;}  
    figure.works_large-image img{width: 55%;}  
}
@media screen and (max-width: 1400px) {
    figure.news_large-image img{width: 60%;}  
    .article_body figure.works_large-image img{width: 40%;}  
}
@media screen and (max-width: 480px) {
    figure.news_large-image img{width: 100%;}  
    .article_body figure.works_large-image img{width: 100%;}  
	.komachi_img{width: 50%}
}
.article_body .wp-block-image{
    margin: 40px 0;
    text-align: center;
}
.article_body ul{
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #EEEEEE;
    padding: 2rem;
    box-sizing: border-box;
    margin: 1rem 0;
    gap: 16px;
}
.article_body ul li{
    font-weight: 600;
    color: #333;
}
.article_body ul li:before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
    margin: 3px 8px 3px 0;
}
.article_body a{
    color: #e85400;
    text-decoration: underline;
    font-weight: 600;
}
.article_body a:hover{
    color: #b84300;
}
.news .article_body p{
    margin-bottom: 40px;
}
.ba_comparison{
    display: flex;
    margin: 40px 0;
}

.ba_comparison .before_image{
    width: 60%;
    margin-top: 10px;
}
.ba_comparison .after_image{
    width: 80%;
    margin-top: 10px;
}
.ba_item_be,.ba_item_af{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ba_item_af{
    position: relative;
}
.ba_item_af:before{
    content: "";
    display: block;
    background: url(../img/triangle_right2.svg) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 150px;
    background-position: center center;
    margin-top: -75px;
    position: absolute;
    left: -7%;
    top: 50%;
}
.qa_wrap{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 140px;
}
.qa_wrap details{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-size: 18px;
    margin-bottom: 32px;
}
.qa_wrap summary{
    background: #FFFFFF;
    color: #e85400;
    padding: 24px;
    font-weight: bold;
    list-style-type: none;
    position: relative;
    cursor: pointer;
}

.qa_wrap summary:hover{
    background: #f8e9d0;
}
.qa_wrap summary:before{
    content: "Q";
    display: inline-block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    margin-right: 24px;
    
}
.qa_wrap summary:after{
    content: "▼";
    display: inline-block;
    font-size: 18px;
    position: absolute;
    top: 36%;
    right: 2%;
}
.qa_wrap details[open] summary:after{
    content: "▲";
    display: inline-block;
    font-size: 18px;
}
.qa_wrap .answer{
    padding: 32px 40px;
}
.qa_wrap .answer p{
    color: #183F18;
    font-weight: bold;
    line-height: 1.8;
}
.answer p strong{
    font-weight: bold;
    text-decoration: underline;
}
.qa_wrap .answer:before{
    content: "A";
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    color: #183F18;
    margin-bottom: 8px;
}
.answer .wp-block-group__inner-container{
    background: #FFFFFF;
    border: 1px solid #ccc;
    padding: 40px;
    margin-top: 32px;
}
.answer .wp-block-group__inner-container h3{
    color: #e85400;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid #e85400;
    margin-top: 48px;
    margin-bottom: 20px;
    display: inline-block;
}
.answer .wp-block-group__inner-container h3:first-child{
    margin-top: 0;
}
.answer .wp-block-group__inner-container p{
    color: #221814;
}
.page_prev.top_line{
    border-top: 1px solid #CCCCCC;
    padding-top: 24px;
}
.qa .information,.form .information,.rmenu_lower .information{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 20px;
}
.qa .information a,.policy_wrap a,.form .information a{
    color: #e85400;
    font-weight: bold;
    text-decoration: underline;
    line-height: 2;
}
.qa .information a:hover,.policy_wrap a:hover,.form .information a:hover{ 
    color: #b84300;
}
.policy_wrap{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 4rem;
}
.policy_wrap p{
    line-height: 1.8;
    font-size: 18px;
}
.policy_wrap p strong{
    display: block;
    font-weight: bold;
    margin-top: 3rem;
    margin-bottom: 16px;
}
.policy_wrap ul{
    margin-left: 40px;
}
.policy_wrap ul li{
    list-style-type: disc;
    margin-top: 16px;
}
main.about{
    background: #FFFFFF;
}
main.about .page_header{
    background: #FFFFFF;
}
.about_mv{
    background: url(../img/about_mv.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed; /* 背景画像を固定 */
    width: 100%;
    /* height: 70vh; */
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.scrolled:after{
    content: "";
    background: #00000040;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all 0.8s ease;
}
.about_text{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 50px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 1;
    opacity: 0; /* 初期状態で要素を透明にする */
    transition: all 0.8s ease;
    
}
.scrolled .about_text{
  opacity: 1;
  transition: all 0.8s ease;
}
.about_mv_sp{
    display:none;
}
.history_btn{
    margin-top: 56px;
}
.history_btn a{
    font-weight: bold;
    color: #fff;
    display: inline-block;
    border: 2px solid #ffff;
    padding: 5px 32px;
    font-size: 24px;
}
.history_btn a::after{
    content: "▶︎";
    display: inline-block;
    font-size: 14px;
    margin-left: 16px;
}

.history_btn a:hover{
    color: #e85400;
    border: 2px solid #e85400;
    transition: all 0.2s ease;
}
.vision {
    text-align: center;
}
.vision h4{
    color: #e85400;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 64px;
}
.vision p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 20px;
    line-height: 3;
}
.message_inner{
    width: 1200px;
    margin: 0 auto;
}
.message_item{
    margin-bottom: 120px;
}
.message .area_wrap{
    justify-content: space-between;
}
.message .area_a{
    width: 55%;
}
.message .area_b{
    width: 35%;
}
.message p.heading{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0.15em;
    line-height: 1.6;
    color: #e85400;
    margin-bottom: 48px;
}
.message p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: 600;
    font-size: 20px;
    color: #221814;
    line-height: 1.8;
}
.message p.title{
    font-size: 28px;
    margin-top: 40px;
    line-height: 1em;
}
.message p.title span{
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1em;
}
.message .image{
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.message .text{
    position: absolute;
    right: -20px;
    bottom: -60px;
    width: 90%;
}
.chairman{
    width: 1000px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 64px 80px;
    box-sizing: border-box;
    position: relative;
}
.chairman:before{
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100%;
    height: 100%;
    border: 1px solid #E85400;
}
.chairman .area_a{
    width: 25%;
}
.chairman .area_b{
    width: 70%;
}
.strengths_wrap h3{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0.15em;
    line-height: 74px;
    text-align: center;
    margin-bottom: 80px;
}
.strengths_wrap h3 span.num{
    font-size: 85px;
}
.strengths_wrap h3 span{
    color: #e85400;
    font-size: 45px;
    display: inline-block;
}
.strengths_wrap h3 span:first-child{
    margin-left: 8px;
}
.strengths_wrap h3 span:last-child{
    margin-right: 8px;
}
.strengths_wrap h4{
    background: #FCF3E3;
    color: #e85400;
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 26px;
    position: relative;
    padding: 10px 130px;
    margin-bottom: 56px;
} 
.strengths_wrap h4 span{
    font-size: 85px;
    line-height: 1em;
    position: absolute;
    left: 40px;
    bottom: 8px;
}
.strengths_wrap h4 span.small{
    font-size: 20px;
    display: inline-block;
    position: static;
    margin-left: 16px;
}
.strengths_wrap p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1.8;
    color: #221814;
}
.strengths_wrap .heading{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 40px;
}
.strengths_item{
    margin-bottom: 120px;
}
.strengths_item .item_inner{
    width: 90%;
    margin: 0 auto;
}
.strengths_item .area_a,.strengths_item .area_b{
    width: 50%;
}
.strengths_wrap .item01 .area_b img{
    width: 80%;
    margin: 0 auto;
    display: block;
}
.strengths_wrap .award_list{
    margin: 3rem 0;
}
.strengths_wrap .award_list ul.award li {
    background: #F0F0F0;
}
.award_bnr{
    width: 1000px;
    margin: 0 auto;
    background: #FCF9F4;
    border: 1px solid #E85400;
}
.award_bnr a{
    color: #221814;
    display: flex;
    flex-direction: row;
}
.award_bnr img{
    height: 100%;
    object-fit: cover;
}
.award_bnr a p{
    display: flex;
    text-align: center;
    width: 100%;
    padding: 28px 1%;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    line-height: 1.8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.award_bnr a span{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 500;
    font-size: 27px;
    letter-spacing: 0.2em;
    color: #ea773d;
    display: inline-block;
    position: relative;
}
.award_bnr a span::after{
    content: "▶︎";
    display: inline-block;
    position: absolute;
    top: 30%;
    right: -6%;
    font-size: 12px;
}

.award_bnr:hover{
    background: #f8e9d0;
}
.strengths_history_list ul{
    display: flex;
    gap: 2rem;
    margin-top: 64px;
}
.strengths_item.item03 .item_inner{
    gap:3rem;
}

/* フォーム */
.form .section_inner{
    margin-bottom: 80px;
}

.form .section_inner p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
}
.form_wrap{
    margin-bottom: 16px;
}
.form_wrap .information{
    margin-bottom: 64px;
}
.form_wrap .information span{
    font-size: 16px;
    font-weight: bold;
    display: block;
}
.form_body{
    background: #FFFFFF;
    padding: 50px;
}
.form_wrap .information .form_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    margin-bottom: 80px;
}
.form_body dl{
    margin-bottom: 40px;
}
.form_body dl.last{
    margin-bottom: 16px;
}
.half_wrap{
    display: flex;
    align-items: flex-end;
    gap: 10%;
}
.form_body dl.half{
    width: 40%;
}
.form_body dt{
    margin-bottom: 8px;
}
.form_body dt label,.parent{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    line-height: 1em;
}
dt.parent,dt .parent{
    margin-bottom: 40px;
    display: block;
}
.form_body dd input,.form_body dd select{
    width: 100%;
    height: 48px;
    padding: 8px;
    box-sizing: border-box;
}

.req::after{
    content: "※";
    display: inline-block;
    color: #ea0000;
    margin-left: 5px;
}
.form_body dd textarea{
    width: 100%;
    height: 200px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 4px;
}
dl.radio dd{
    margin-left: 20px;
}

.radio_btn label,.check_btn label{
    margin-right: 24px;
}
.check_btn .wpcf7-list-item{
    margin-bottom: 16px;
    display: inline-block;
}
.radio_btn label span,.check_btn label span{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
}
.radio_btn input,.check_btn input{
    width: auto!important;
    height: auto!important;
    margin-right: 8px;
}
dt label.date{
    background: #CCCCCC;
    font-size: 14px;
    padding: 6px 10px;
}

.form_wrap p.caution{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #ea0000;    
}

.submit_btn{
    border: 1px solid #E85400;
    width: 100%;
    height: 48px;
}
.submit_btn input{
    width: 100%;
    height: 48px;
    display: block;
    background: #fff;
    border: none;
    color: #E85400;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 20px;
}
.submit_btn input:hover{
    cursor: pointer;
    background: #E85400;
    color: #FFFFFF;
}
.consent{
    margin-bottom: 40px;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
}
.consent span{
    margin-right: 3px;
}
.consent a{
    color: #E85400;
    text-decoration: underline;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    margin-right: 6px;
}
.consent a:hover{
    color: #c84900;
}

/*works*/
.works_single section{
    padding: 80px 0 80px 0;
}
.works_title_wrap{
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px;
}
.works .item_inner{
    width: 90%;
    margin: 0 auto;

}
.works_title_wrap h1{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 0.2em;
    text-align: center;
    color: #221814;
    margin-bottom: 32px;
    word-break: auto-phrase; 
}
.works .works_category{
    background: #f8e9d0;
    padding: 40px 0;
    width: 100%;
    margin-bottom: 40px;
}

.works_category_ttl{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 24px;
    color: #221814;
    margin-bottom: 24px;

}

.works_single .works_category{
    background: none;
    padding: 0;
    width: auto;
    margin-bottom: 0;
}
.works .works_category ul{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.works .works_category li{
    min-width: 160px;
}
.works .works_category li a{
    border:1px solid #EB6E30;
    color: #EB6E30;
    background: #FFFFFF;
    width: 100%;
    padding: 13px 16px;
    font-size: 18px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    font-weight: 600;
}
.works .works_category li.current-cat a{
    color: #FFFFFF;
    background: #EB6E30;
}
.works .works_category li a:hover{
    background: #EB6E30;
    color: #FFFFFF;
}
.works .page_header{
    background: #FFFFFF;
}
.ba_wrap{
    background: #FCF3E3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4rem 0;
}
.before_area{
    width: 900px;
}
.before_title{
    font-family: "Cormorant Garamond";
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 0.15em;
    text-align: center;
    color: #221814;
    margin-bottom: 24px;
}
.before_list{
    display: flex;
    flex-wrap: wrap;
}
.before_item{
    width: 49%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    height: 260px;
    margin-bottom: 16px;
}
.before_item.single-image{
    margin: 0 auto;
}
.before_item img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.before_item:nth-child(2n){
    margin-left: 2%;
}
/* .before_item:nth-child(2n){
    margin-bottom: 2%;
} */
.before_item.single_item{
    float: none;
    margin: 0 auto;
}

.after_list_wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.after_list_wrap .main-img{
    width: 49%;
}
.after_list_wrap .main-img.single-image{
    width: 60%;
    margin: 0 auto;
}
.after_list{
    width: 50%;
}
.after_list ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.after_list ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.after_list ul li:nth-child(2n){
    margin-right: 0;
}


.after_area {
    width: 1000px;
    box-sizing: border-box;
    margin-bottom: 100px;
}
.after_title{
    font-family: "Cormorant Garamond";
    font-weight: bold;
    font-size: 48px;
    letter-spacing: 0.15em;
    color: #e85400;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}
.after_title::before,.after_title::after{
    content: "";
    display: inline-block;
    width: 22px;
    height: 2px;
    background: #e85400;
}
.after_title::before{
    margin-right: 24px;
}
.after_title::after{
    margin-left: 24px;
}
.main-img {
    width: 100%;
    margin-right: 5px;
    position: relative;
}
.main-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.main-img a:after{
    content: "拡大する";
    display: block;
    position: absolute;
    right: 0;
    bottom: -36px;
    color: #221814;
    padding: 6px 30px 6px 13px;
    background-color: #ffffff;
    background-image: url(../img/plus.svg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 19px;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;

}
.sub-img {
    display: flex;
}
.sub-img li img {
    height: 155px;
    object-fit: cover;
}
.sub-img img {
    cursor: pointer;
    width: 100%;
}
.works_info{
    padding: 80px 0 0;
}
.works_info section{
    padding: 80px 0;
}
.works_info_item{
    width: 1000px;
    margin: 0 auto 40px;
}
.works_info_item .ttl,.works_info_item_text .ttl{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.2em;
    line-height: 1em;
    color: #221814;
    margin-bottom: 16px;
}
.works_info_item table {
    border: 1px solid #CCCCCC;
}
.works_info_item table tr{
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-size: 18px;
    font-weight: bold;
}
.works_info_item table tr th{
    background: #DB6827;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
}
.works_info_item table tr td{
    width: 80%;
    padding: 24px;
}
.works_info_item_text{
    border-top: 1px solid #E85400;
    padding: 40px;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
}
.works_info_item_text p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
}
.works_info_item_text .ttl{
    color: #E85400;
}
.works_customer span{
    width: 26px;
    display: inline-block;
}
.works_point span{
    width: 24px;
    display: inline-block;
    margin-right: 8px;
}
.works_info_item_staff{
    background: #FCF3E3;
    padding: 32px 60px;
    display: flex;
    justify-content: space-between;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
}
.works_info_item_staff .staff_img{
    width: 20%;
}
.works_info_item_staff .staff_info{
    width: 75%;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}
.works_info_item_staff .staff_info .staff_name{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.15em;
    color: #000;
    border-bottom: 1px solid #E85400;
    margin-bottom: 30px;
}
.works_info_item_staff .staff_info .staff_name span{
    font-family: "Cormorant Garamond";
    font-weight: bold;
    font-size: 20px;
    color: #E85400;
}
.works_info_item_staff .staff_info p{
    font-size: 18px;
    line-height: 1.8;
    font-weight: bold;
}
.more_btn.works_info_btn{
    justify-content: flex-start;
    margin-top: 40px;
}
.more_btn.works_voice_btn{
    justify-content: flex-end;
    margin-top: 40px;
}
.works_btn{
    margin-top: 40px;
}
.works_btn a{
    text-decoration: none;
}
.works_btn a:hover{
    color: #FFFFFF;
}

/* お客様の声 */
.works_info_item_voice{
    background: #f8e9d0;
    padding: 2rem 100px;
    margin-bottom: 100px;
}
.works_voice_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.2em;
    color: #221814;
    border-bottom: 1px solid #EB6E30;
    margin-bottom: 32px;
}
.works_voice_title span{
    font-family: "Cormorant Garamond";
    font-weight: bold;
    font-size: 46px;
    letter-spacing: 0.15em;
    color: #EB6E30;
}
.works_voice_info{
    display: flex;
    justify-content: space-between;
}
.works_voice_img{
    width: 20%;
}
.works_voice_img img{
    height: 180px;
    object-fit: cover;
}
.works_voice_text{
    width: 80%;
    padding-left: 24px;
    box-sizing: border-box;
}
.works_voice_text p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    color: #333;
}
/*  */
.works_list_ttl{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #221814;
    margin-bottom: 40px;
}
.works .works_list_item{
    background: none;
    /*width: 30%;*/
    /* margin-left: 2.5%; */
}
.works .works_list{
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 80px;
}

p.works_subttl{
    text-align: right;
    margin-top: 24px;
}
.works_article_body{
    background: #FFFFFF;
    padding: 80px 0;
}
.works_article_body h2{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #221814;
    margin-top: 48px;
}
.works_article_body_inner{
    width: 80%;
    margin: 0 auto;
}
.works_article_body_title,.craftsmanship_title{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.2em;
    color: #221814;
    position: relative;
    width: 80%;
    margin: 0 auto 30px;
    text-align: center;
}
.works_article_body_title::after{
    content: "";
    display: block;
    background: url(../img/omotenashipoint.svg) no-repeat;
    background-size: 100%;
    width: 634px;
    height: 56px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -317px;
}
.works_article_body figure img{
    width: 70%;
    text-align: center;
}
.weight_image{
    width: 70%;
    margin: 40px auto;
}
.height_image{
    width: 45%;
    margin: 40px auto;
}
.before_image{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
p.works_body_before,p.works_body_after,p.works_body_after2,.bettl,.afttl{
    font-family: "Cormorant Garamond";
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    color: #db6827;
}
.bettl{
    color: #221814;
}
p.works_body_before{
    color: #221814;
    margin-top: 40px;
}
p.works_body_after::before{
    content: "";
    display: block;
    background: url(../img/triangle.svg) no-repeat;
    background-size: 279px;
    width: 100%;
    height: 32px;
    background-position: center center;
    margin-bottom: 40px;
}
.works_body_arrow{
    background: url(../img/triangle.svg) no-repeat;
    background-size: 279px;
    width: 100%;
    height: 32px;
    background-position: center;
    margin-bottom: 40px;
}
.pagination{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.pagination a{
    background: #CCCCCC;
    color: #183F18;
    line-height: 1em;
    padding: 10px 8px;
    font-weight: 700;
}
span.current{
    background: #183F18;
    color: #FFFFFF;
    line-height: 1em;
    padding: 10px 8px;
    font-weight: 700;
}
.pagination .prev,.pagination .next{
    display: none;
}
.voice .works_list{
    margin-bottom: 80px;
}
.voice .works_list h3{
    color: #e85400;
}
.voice .voice_subttl{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.15em;
    color: #221814;
    margin-bottom: 0!important;
}

.voice .title_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 100px;
}
.voice .article_body .title_wrap h1{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.2em;
    line-height: 1.6;
    color: #e85400;
    text-align: center;
}
.voice .article_body{
    margin-bottom: 80px;
}
.voice .article_body .voice_subttl{
    margin-top: 24px;
}
.voice .article_body .voice_works_details{
    background: #FCF3E4;
    padding: 8px 16px;
    display: inline-block;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    color: #221814;
    line-height: 1em;
    margin-top: 32px;
}
.voice .article_body .voice_works_details span{
    font-family: "Yu Gothic Pr6N B",YuGothic;
    font-weight: bold;
    font-size: 16px;
    color: #183f18;
    display: inline-block;
    margin-right: 8px;
    line-height: 1.4;
}
.voice .article_body h2{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.2em;
    line-height: 1.6;
    color: #E85400;
    display: block;
    width: 100%;
    border-bottom: 1px solid #E85400;
    padding-bottom:8px;
}
.voice .article_body h2::before{
    content: "Q";
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    background: #E85400;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 6px 0 0px 12px;
    margin-right: 16px;
}
.voice .article_body h3{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.2em;
    line-height: 1.6;
    color: #221814;
    display: block;
    width: 100%;
    border-bottom: 1px solid #E85400;
    padding-bottom:8px;
}
.voice .article_body h3::before{
    content: "Q";
    display: inline-block;
    font-size: 20px;
    color: #FFFFFF;
    background: #E85400;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 8px 0 0px 15px;
    margin-right: 16px;
}
.voice .article_body p{
    margin-bottom: 56px;
    position: relative;
    padding-left: 56px;
}
.voice .article_body p:before{
    content: "A";
    display: inline-block;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-size: 18px;
    color: #FFFFFF;
    background: #183F18;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 3px 0 0px 13px;
    margin-right: 16px;
    position: absolute;
    top: 0;
    left: 0;
}
/* 流れ */
main.process .page_header{
    background: #FFFFFF;
}
.process_message{
    margin-bottom: 80px;
}
.process_message p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 40px;
    text-align: center;
    color: #221814;    
}
.process_step_item.area_wrap{
    justify-content: space-between;
}
.process_step_item.area_wrap:nth-child(2n){
    flex-direction: row-reverse;
}
.process_step_item .area_a{
    width: 30%;
}
.process_step_item .area_b{
    width: 65%;
}
.process_step{
    background: #FCF3E3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    margin-bottom: 80px;
}
.process_step_item{
    width: 85%;
    background: #FFFFFF;
    padding: 24px 24px 32px 24px;
    position: relative;
    margin-bottom: 130px;
    box-sizing: border-box;
}
.process_step_item:after{
    content: "";
    display: block;
    background: url(../img/triangle.svg) no-repeat;
    background-size: 279px;
    width: 100%;
    height: 32px;
    background-position: center center;
    margin-bottom: 40px;
    position: absolute;
    bottom: -123px;
}
.process_step_item:last-child{
    margin-bottom: 0;
}
.process_step_item:last-child:after{
    display: none;
}
.process_step_ttl{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.1em;
    line-height: 65px;
    text-align: left;
    color: #ea773d;
    line-height: 1em;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    margin-top: 10px;
}
.process_step_ttl span{
    background: #ea773d;
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 8px 16px;
    margin-right: 16px;
}
.process_step_item p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1.8;
    color: #221814;
}

.more_btn_list{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row; 
}
.more_btn_list .more_btn{
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}
.more_btn_list .more_btn a{
    min-width: auto;
    width: 100%;
}
.menu_petit .more_btn{
    justify-content: flex-start;
}
main.reform_menu .page_header{
    padding-bottom: 80px;
}
main.reform_menu section.sec01{
    padding-top: 0;
}
.rmenu_award{
    background: #FCF3E3;
}
.rmenu_award_inner{
    width: 90%;
    margin: 0 auto;
}
.rmenu_award .award_list{
    margin-bottom: 64px;
}
.award_ttl{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0.15em;
    text-align: center;
    margin-bottom: 24px;
}
.rmenu_award_inner p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    color: #221814;
    line-height: 1.8;
    margin-bottom: 56px;
}

.menu_renovation{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 120px;
}
.menu_renovation .top_title{
    margin-bottom: 60px;
}

.menu_renovation .area_wrap{
    width: 100%;
    margin-bottom: 40px;
    flex-direction: row;
    gap:10px;
}

.menu_renovation .area_wrap .area_item{
    width: 50%;
}
.menu_renovation .top_title h3{
    align-items: center;
}
.menu_renovation p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1.8;
    text-align: left;
    width: 60%;
    margin-bottom: 60px;
}
.menu_petit.area_wrap{
    margin-bottom: 100px;
    flex-direction: row-reverse;
}

.menu_petit .area_wrap{
    width: 100%;
    gap: 10px;
}
.menu_petit_img{
    width: 50%;
}
.menu_whirlpool{
    /* margin-bottom: 120px; */
}
.menu_petit.area_wrap,.menu_whirlpool.area_wrap{
    justify-content: space-between;
}
.menu_whirlpool.area_wrap{
flex-direction: row;
}
.menu_petit.area_wrap .area_a{
    width: 50%;
}
.menu_petit.area_wrap .area_b{
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.menu_whirlpool.area_wrap .area_a{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.menu_whirlpool.area_wrap .area_b{
    width: 45%;
}
.menu_petit .top_title h3,.menu_whirlpool .top_title h3{
    align-items: flex-start;
}
.menu_petit p,.menu_whirlpool p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    color: #221814;
    line-height: 1.8;
    margin-bottom: 48px;
}
/* リフォームメニュー　下層 */
.rmenu_lower .page_header,.rmenu_lower section{
    background: #FFFFFF;
}
.rmenu_lower .case_other{
    background: #F0F0F0;
}
section.case_wrap{
    padding: 50px 0 0 0;
}
.case_wrap .information p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
    text-align: center; 
    margin-bottom: 80px;
}
.case_item .section_inner{
    padding: 120px 0 100px;
    position: relative;
    display: block;
}
.case_item04 .section_inner:before{
    content: "";
    display: block;
    background: url(../img/case_num04.svg) no-repeat;
    width: 239px;
    height: 58px;
    position: absolute;
    top: 6%;
    left: -2%;
    transform: rotate(355deg);
}
.case_item01 .section_inner:before{
    content: "";
    display: block;
    background: url(../img/case_num01.svg) no-repeat;
    width: 220px;
    height: 58px;
    position: absolute;
    top: 6%;
    left: -2%;
    transform: rotate(355deg);
}
.case_item02 .section_inner:before{
    content: "";
    display: block;
    background: url(../img/case_num02.svg) no-repeat;
    width: 232px;
    height: 58px;
    position: absolute;
    top: 6%;
    left: -2%;
    transform: rotate(355deg);
}
.case_item03 .section_inner:before{
    content: "";
    display: block;
    background: url(../img/case_num03.svg) no-repeat;
    width: 232px;
    height: 58px;
    position: absolute;
    top: 6%;
    left: -2%;
    transform: rotate(355deg);
}
.case_item:nth-child(2n) .section_inner:before{
    top: 9%;
    left: 45%;
    transform: rotate(350deg);
}

.case_item .area_wrap{
    flex-direction: row-reverse;
    justify-content: space-between;
}
.case_item:nth-child(2n) .area_wrap{
    flex-direction: row;
}
.case_item .area_item{
    width: 49%;
}
.case_item .area_item h3{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 30px;
    color: #183f18;
    letter-spacing: 0.1em;
    margin-bottom: 32px;
}
.case_item .area_item p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.8;
}
.case_item .area_item p.sub_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 24px;
}

.case_item .area_item figure{
    width: 80%;
    float: right;
}
.case_item:nth-child(2n) .area_item figure{
    float: left;
}

.case_item .area_item .more_btn{
    justify-content: flex-start;
    margin-top: 60px;
}
.case_other_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    margin-bottom: 80px;
}


.support_list_wrap{
    width: 90%;
    margin: 0 auto 140px;
}
.support_list_wrap h4{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 42px;
    color: #183F18;
    margin-top: -30px;
    margin-bottom: 64px;
    letter-spacing: 0.1em;
}
.support_list_wrap p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.15em;
    line-height: 1.6;
    text-align: center;
    color: #e85400;
    margin-bottom: 40px;

}
.support_list_wrap .support_list{
    background: #FCF3E3;
    padding: 0 0 60px 0;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 60px;
}
.support_list_wrap .support_list ul{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 40px;
    /* gap: 30px 60px; */
}
.support_list_wrap .support_list ul li{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.15em;
    text-align: left;
    color: #221814;
    width: 33%;
    margin-bottom: 24px;
    padding-right: 10px;
    padding-left: 16px;
    box-sizing: border-box;
    position: relative;
}
.support_list_wrap .support_list ul li:before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #183F18;
}
.support_list ul li:nth-of-type(1),.support_list ul li:nth-of-type(2),.support_list ul li:nth-of-type(3){
    font-size: 24px;
}
.support_list ul li:nth-of-type(1):before,.support_list ul li:nth-of-type(2):before,.support_list ul li:nth-of-type(3):before{
    top: 15px;
}
.support_list_wrap .support_list ul li.none{
    margin-bottom: 0;
}
.support_list_wrap .support_list ul li.none::before{
    display: none;
}
.support_list_wrap .support_list ul li:before{
    left: 0;
}

.support_list_wrap .support_list ul li span{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    display: inline-block;
    color: #666;
}
.support_list_wrap .area_wrap{
    width: 1000px;
    margin: 0 auto;
    justify-content: space-evenly;
}
/* support_list_wrap2 */
.support_list_wrap2{
    width: 1000px;
    margin: 0 auto;
}
.support_list_wrap2 h4{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 0.15em;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-end;
}
.support_list_wrap2 h4::after{
    content: "";
    display: inline-block;
    background: url(../img/rmenu_hand.svg) no-repeat;
    width: 261px;
    height: 34px;
    margin-left: 24px;
    padding: 10px 0 0 0;
}
ul.support_list2{
    border-top: 5px solid #db6827;
    border-bottom: 5px solid #db6827;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
ul.support_list2 li{
    width: 33.3%;
    background: #FCF3E3;
    padding: 13px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: 700;
    font-size: 22px;
    border-bottom:2px dashed #db6827;
}
@media screen and (min-width:481px){
    ul.support_list2 li:nth-last-child(-n+3) {
        border-bottom: 0;
    }
    ul.support_list2 li:nth-child(3n+2){
        background: #FFFCF6;
    }
}
ul.support_list2 li.pick{
    font-size: 24px;
    flex-direction: row;
}

ul.support_list2 li span.small{
    display: block;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: 700;
    color: #666666;
    font-size: 14px;
    letter-spacing: 0;
}
ul.support_list2 li.pick span::before{
    content: "";
    display: inline-block;
    background: url(../img/check.svg) no-repeat;
    width: 17px;
    height: 13px;
    margin-right: 13px;
    padding: 0 0 2px 0;
}
.support_list_wrap2 p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.15em;
    line-height: 1.6;
    text-align: center;
    color: #db6827;
    margin-bottom: 40px;

}
/*  */
.craftsmanship_title::after{
    content: "";
    display: block;
    background: url(../img/craftsmanship_ttl.svg) no-repeat;
    background-size: 100%;
    width: 477px;
    height: 81px;
    position: absolute;
    bottom: -85px;
    left: 50%;
    margin-left: -235px;
}
.craftsmanship_main.area_wrap{
    justify-content: space-between;
    margin-bottom: 40px;
}
.craftsmanship_main.area_wrap .area_a{
    width: 40%;
}
.craftsmanship_main.area_wrap .area_b{
    width: 55%;
}
.craftsmanship_main_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #183f18;
    margin-bottom: 32px;
}
.craftsmanship_main p,.craftsmanship .article_body ul li p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.15em;
    color: #221814;
}
.craftsmanship .works_article_body{
    padding: 120px 0 80px;
    /* margin-bottom: 80px; */
}
.craftsmanship .works_article_body_inner{
    width: 90%;
}
.craftsmanship .article_body ul{
    background: none;
    padding: 0;
    flex-direction: row;
    gap: 0;
}
.craftsmanship .article_body ul li{
    width: 33.3%;
    margin-left: 20px;
}
.craftsmanship .article_body ul li img{
    margin-bottom: 16px;
    height:300px;
    object-fit: cover;
}
.craftsmanship .article_body ul li:first-child{
    margin-left: 0;
}
.craftsmanship .article_body ul li:before{
    display: none;
}
.craftsmanship_list_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
}
.craftsmanship .article_body ul li p{
    line-height: 1.6;
}
/* staff */
.staff_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 80px;
    row-gap: 1.5rem;
}
.staff_list .staff_list_item{
    width: 49%;
    background: #FFFFFF;
    padding: 24px 24px 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.staff_list .staff_list_item p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #221814;
}

.staff_list_top{
    margin-bottom: 20px;
}

.staff_list_item .area_wrap .area_a{
    width: 45%;
}
.staff_list_item .area_wrap .area_b{
    width: 55%;
    padding: 14px;
    box-sizing: border-box;
}
.staff_list_item p.staff_title{
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 22px;
    margin-bottom: 8px;
}
.staff_list_item p.staff_name{
    font-size: 24px;
    letter-spacing: 0.15em;
    line-height: 1em;
    margin-bottom: 8px;
}
.staff_list_item p.staff_name_en{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #D87137;
}
.staff_list_btn{
    margin-top: 24px;
}
.staff_list_btn a{
    background: #D87137;
    color: #FFFFFF;
    padding: 5% 10%;
    display: inline-block;
    font-size: 16px;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
}
.staff_list_btn a:hover{
    background: #b84300;
}
.staff_profile{
    background: #FCF3E3;
    padding: 10px 10px 20px;
    box-sizing: border-box;
    margin-top: 16px;
}
.staff_profile dl{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.staff_profile dt{
    background: #FFFFFF;
    padding: 8px;
    display: inline-block;
    font-family: "Yu Gothic Pr6N B",YuGothic;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1em;
    color: #d87137;
    /*margin-right: 8px;*/
    margin-bottom: 8px;
}
.staff_profile dd{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #221814;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
}
.staff_profile dt ~ dt {
    margin-top: 8px;
}
.recruit .page_header{
    background: #FFFFFF;
}
.recruit_wrap .information{
    margin-bottom: 64px;
}
.recruit_wrap .information p{
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}
.recruit_img{
    width: 80%;
    margin: 0 auto 56px;
}
.recruit_subtitle{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.15em;
    text-align: center;
    margin-bottom: 40px;
}
.senior_message_bnr{
    width: 800px;
    margin: 60px auto 0;
}
.senior_message_bnr  a:hover{
    opacity: 0.7;
}
.job_list_btn{
    width: 100%;
    margin-bottom: 180px;
}
.job_list_btn ul{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}
.job_list_btn ul li{
    background: #FFFFFF;
    width: 280px;
    height: 90px;
}
.job_list_btn ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #221814;
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: 0.18em;
    border-bottom: 1px solid #E85400;
    position: relative;
}
.job_list_btn ul li a::after{
    content: "▼";
    display: block;
    position: absolute;
    top: 39%;
    right: 12px;
    font-size: 14px;
    color: #E85400;
}
.job_list_btn ul li.small a{
    font-size: 18px;
    text-align: center;
}
.job_list_btn ul li a:hover{
    background: #FCF3E3;
    
}
.job_list_item{
    background: #FFFFFF;
    padding: 60px 0 100px;
    position: relative;
    margin-bottom: 140px;
}
.job_list_item .section_inner{
    width: 90%;
}
.job_list_item:last-child{
    margin-bottom: 0;
}
.job_list_item .job_list_title{
    position: absolute;
    left: 0;
    top: -60px;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.1em;
    color: #fff;
    background: #E85400;
    min-width: 200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
}
.job_list_item table{
    margin-bottom: 56px;
}
.job_list_item table tr{
    display: flex;
    border-bottom: 1px solid #E85400;
    padding: 24px 0;
    font-family: Yukyokasho,"Yu Kyokasho New B";
    font-size: 18px;
}
.job_list_item table tr th{
    color: #E85400;
    font-weight: bold;
    width: 16%;
    
}
.job_list_item table tr td{
    font-weight: bold;
    width: 84%;
}
.senior_message{
    background: #FCF3E3;
    font-family: Yukyokasho,"Yu Kyokasho New B";
}

.senior_message_title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #000;    
}
.senior_message_title::after{
    content: "";
    background: url(../img/senior_message_ttl.svg)no-repeat;
    background-size: 400px;
    width: 100%;
    display: block;
    height: 68px;
    background-position: center;
    margin-bottom: 40px;
    margin-top: -10px;
}

.senior_message .area_item_wrap{
    width: 100%;
    background: #FFFFFF;
    padding: 30px 40px;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 40px;
    gap:5%;
}
.senior_message .area_item_wrap:nth-child(2n){
    flex-direction: row-reverse;
}

.senior_message .area_item_wrap:last-child{
    margin-bottom: 0;
}    
.senior_message .area_item.area_img{
    width: 25%;
}
.senior_message .area_item.area_text{
    width: 70%;
    /* padding-left: 48px; */
}
.senior_info_box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-top: 10px;
}
.senior_info_box .info p,.senior_info_box .info .ttl {
    font-size: 16px;
    font-weight: 700;
}
.senior_info_box .info .prof{
    border-bottom: 1px solid #000000;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.senior_info_box .info .name{
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
}
.senior_info_box .info .year {
    border: 1px solid #000;
    display: inline-block;
    font-size: 14px;
    padding: 6px 13px;
    line-height: 1em;
    margin-left: 16px;
    font-weight: 700;
}
.senior_info_box .qual{
    background:#F0F0F0;
    padding: 8px 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 16px;
}
.senior_info_box .qual p{
    background:#F0F0F0;
    font-weight: 700;
    margin-left: 10px;
    line-height: 1.4;
}
.senior_info_box .qual span{
    color: #d87137;
    background:#FFFFFF;
    font-weight: 700;
    padding: 5px;
    font-size: 14px;
    display: inline-block;
    width: 40px;
    text-align: center;
}


/* .senior_message .area_wrap{
    justify-content: space-between;
}
.senior_message .area_item{
    width: 49%;
    background: #FCF3E3;
    box-sizing: border-box;
}
.area_item_wrap{
    padding: 20px;
}
   
.senior_message .title{
    font-family: "Yu Mincho StdN B",YuMincho;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-bottom: 56px;
} 
.senior_message figure{
    width: 90%;
}
.senior_profile .year{
    font-family: "Yu Gothic Pr6N B",YuGothic;
    background: #FFFFFF;
    color: #E85400;
    padding: 3px 16px;
    display: inline-block;
    margin-bottom: 13px;
}

.senior_profile .name{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}

.senior_profile .year,.senior_profile .ttl,.senior_profile .qual,.senior_message .text{
    font-weight: bold;
    font-size: 16px;
}
.senior_profile .qual span{
    display: block;
    color: #183F18;
    background: #FFFFFF;
    width: 40px;
    height: 24px;
    line-height: 1em;
    text-align: center;
    font-family: "Yu Gothic Pr6N B",YuGothic;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 0;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.senior_message .text{
    margin-top: 20px;
} */
.recruit_form .form_body{
    background: #FCF3E3;
}
/*
デバイス別

*/

@media screen and (min-width: 1281px) {
.pc-none{
    display: none;
}
}

@media screen and (max-width: 1465px) {
    nav ul li a, .nav_btn{
        padding: 13px 0.5rem;
    }
    .message_inner{
        width: 1000px;
    }
    .page_header .top_title{
        padding: 50px 0 60px 0;

    }
    .top_title h2 span,.top_title h1 span{
        font-size: 70px;
        letter-spacing: 0.15em;
    }
}
@media screen and (max-width: 1320px) {
    nav ul li a, .nav_btn{
        font-size: 0.824em;
    }
    .works_single .lg_inner{
        width: 90%;
    }
    .after_area{
        width: 90%;
    }
    .before_area{
        width: 80%;
    }
    .works_info_item{
        width: 100%;
    }
}
@media screen and (max-width: 1280px) {
    /* 共通 */
    .section_inner{
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
    }
    .header-logo{
        width: 15%;
        flex-shrink: 0;
    }
    .top_about_img{
        width: 80%;
    }
    .award_list ul.award li{
        font-size: 14px;
    }
    .lg_inner,.chairman{width: 90%;margin: 0 auto;box-sizing: border-box;}
    .reform_menu .lg_inner{width: 80%;}
    .reform_menu .top_title h3 span{line-height: 0.9em;margin-bottom: 13px;}
    .chairman{padding: 3rem 2rem;}
    .strengths_wrap h4{padding: 5px 80px;}
    .strengths_wrap h4 span{
        font-size: 56px;
        left: 24px;
    }
    .strengths_item .area_a, .strengths_item .area_b{width: 100%;}
    .strengths_item.item01 .area_a{
        margin-bottom: 40px;
    }
    .works .lg_inner{
        width: 90%;
    }
    .works_list_thumb{
        height: 200px;
    }
    .process_step{
        margin-bottom: 60px;
    }

    .message_inner{
        width: 80%;
        margin: 0 auto;
    }

}

@media screen and (max-width: 1120px) {
header{
    padding-right: 10px;
    height: 64px;
}
.header-logo{
    width: 180px;
    flex-shrink: 0;
}
.nav-sp{
    display: flex;
}
.nav-sp:before{
    content: "MENU";
    display: inline-block;
}
.nav-sp.active:before{
    content: "CLOSE";
}
nav{
    display: none;
    position: fixed;
    top: 64px;
    right: 0;
    background: #FFFFFF;
    width: 90%;
    height: 100vh;
    z-index: 1;
}
nav ul {
    flex-direction: column;
    padding: 0.5rem 2rem;
}
nav ul li{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #E85400;
}
nav ul li a, .nav_btn{
    flex-direction: row;
    font-size: 1.1em;
    width: 100%;
    justify-content: flex-start;
}
nav ul li a img, .nav_btn img{
    margin-bottom: 0;
    margin-right: 8px;
}
nav ul li.open_menu{
    position: relative;
}
.nav_btn{
    width: 100%;
    justify-content: flex-start;
    height: auto;
}
nav ul li.open_menu .under_menu{
    position: static;
    width: 100%;
}
.under_menu ul{
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}
.under_menu ul li a{
    border-bottom: 0;
}
.under_menu ul li:last-child{
    border-bottom: 0;
}

.award_bnr{
    width: 100%;
}
.award_bnr a{
    flex-direction: column;
}
.award_bnr_img{
    width: 100%;
}

}
@media screen and (max-width: 820px) {
    /* 共通 */
    .head_contact_btn{
        bottom: 0;
        width: 100%;
    }
    .head_contact_btn ul{
        display: flex;
        flex-direction: row;
        gap: 0;
        align-items: stretch;
    }
    .head_contact_btn ul li{
        width: 50%;
    }
    .head_contact_btn ul li a{
        writing-mode: unset;
        font-size: 17px;
        padding: 0.8rem 0.5rem;
        height: 100%;
        box-sizing: border-box;
        line-height: 1.2em;
    }
    .head_contact_btn ul li a img{
        width: 11%;
        margin-bottom: 0;
        margin-right: 8px;
    }
    .head_contact_btn ul li a.reserve_btn{
        border-top: 1px solid #E85400;
        border-left: 0;
        border-bottom: 0;
    }
    .head_contact_btn ul li a.contact_btn{
        border-top: 1px solid #183F18;
        border-left: 1px solid #183F18;
        border-bottom: 0;
    }
    .sp-none{
        display: none;
    }

    .award_name{
        font-size: 16px;
    }
    .area_wrap{
        flex-direction: column;
    }
    
    .top_title h2 span,.top_title h1 span{
        font-size: 60px;
        letter-spacing: 0.15em;
        margin-right: 8px;
    }
    .event_list, .works_list, .voice_list{
        /*gap:1rem;*/
    }
    .event_list_thumb{
        height: 180px;
    }
    .works_list{
        flex-wrap: wrap;
    }
    .works_list_item{
        width: 48.5%;
        margin-right: 1.5%;
    }
    .works_list_item:nth-child(3n){
        margin-right: 1.5%;
    }
    .works_list_item:nth-child(2n){
        margin-right: 0;
    }
    .works_list_thumb{
        height: 200px;
    }
    .top_renovation .area_wrap .area_item{
        width: 100%;
    }
    .voice_list_item{
        width: 100%;
    }
    .top_about .area_a{
        width: 100%;
        margin-bottom: 2rem;
    }
    .top_about_img{
        width: 80%;
        margin: 0 auto;
    }
    .top_about .area_b{
        width: 100%;
    }
    .award_list{
        flex-direction: column; 
        gap:0.8rem;
    }
    .award_list_item{
    width: 100%;
}
    .award_list_thumb {
        height: 180px;
        overflow: hidden;
        object-fit: cover;
    }
    .top_company .area_a{
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }
    .top_company .area_b{
        width: 100%;
    }
    .contact_form_btn li a{
        padding: 2em 0.5em;
        flex-direction: column;
        font-size: 0.8em;
    }
    .contact_form_btn li a img{margin-right: 0;margin-bottom: 6px;}
    .contact_form_btn li a:after{margin-left: 0;margin-top: 5px;}
    footer .tel a{
        font-size: 0.7em;
    }
    .pickup_list {
    gap: 30px;
    margin-top: 40px;
    }
    .pickup_list li a{
        font-size: 18px;
    }

    /*  */
    .page{
        padding-top: 64px;
    }
    .page_header .top_title{
        padding: 40px 0 50px;
    }
    .blog_container{
        flex-direction: column;
        align-items: center;
    }
    .blog_container .post{
        width: 100%;
    }
    .blog_container .sidebar{
        width: 80%;
        margin-top: 2rem;
    }
    .post .event_list .event_list_item{
        width: 48%;
    }

    .qa_wrap{
        width: 100%;
    }
    .message_inner{
        width: 90%;
    }
    .message .area_a{
        width: 100%;
    }
    .message .area_b{
        width: 60%;
        margin-bottom: 100px;
    }
    .message .area_wrap{
        flex-direction: column-reverse;
    align-items: center;}
    .chairman .area_wrap{
        flex-direction: column;
    }
    .chairman .area_a{width: 60%;
        margin-bottom: 40px;}
    .chairman .area_b{ width: 100%;margin-bottom: 0;}

    .works_info{padding: 40px 0;}
    .works_article_body_title::after{
        width: 100%;
        margin-left: -50%;
    }
    .works_title_wrap{
        width: 100%;
    }
    .before_item{
        height: 200px;
    }
    .before_item img{
        height: 200px;
    }
    .height_image{
        width: 70%;
        margin: 40px auto;
    }
    .works_info_item_voice{
        padding: 40px;
    }
    .works_voice_title{
        text-align: center;
        font-size: 20px;
        padding-bottom: 8px;
    }
    .works_voice_title span{
        display: block;
        font-size: 32px;
    }
    .works_voice_img{
        width: 100%;
        margin-bottom: 16px;
    }
    .works_voice_text{
        width: 100%;
        padding-left:0;
    }
    .works_voice_info{
        flex-direction: column;
        align-items: center;
    }
    .works .works_category li{
        min-width: auto;
    }
    .works .works_category li a{
        font-size: 16px;padding: 10px;
    }
    .reform_list .reform_list_item a{
        height: 260px;
    }
    .reform_list .reform_list_item a h3{
        font-size: 20px;
        text-align: center;
    }
    .more_btn_list{
        flex-direction: column;
    }
    .more_btn_list .more_btn{
        width: 100%;
        margin-bottom: 10px;
    }
    .award_bnr a span{
        font-size: 22px;
    }
    .works .works_list_item {
        background: none;
    }
    .voice .article_body h2{
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.1em;
        position: relative;
        padding-left: 34px;
        box-sizing: border-box;
    }
    .voice .article_body h2::before{
        font-size: 14px;
        width: 28px;
        height: 28px;
        padding: 5px 0 0 8px;
        margin-right: 5px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .voice .article_body h3{
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: 0.05em;
    }
    .voice .article_body h3::before{
        font-size: 14px;
        width: 28px;
        height: 28px;
        padding: 5px 0 0 8px;
        margin-right: 5px;
    }

    .voice .article_body p{
        margin-bottom: 40px;
        padding-left: 34px;
        line-height: 1.8;
    }
    .voice .article_body p:before{
        font-size: 14px;
        width: 28px;
        height: 28px;
        padding: 7px 0 0px 9px;
        top: 4px;
        left: 0;
        line-height: 1em;
    }
    
    .support_list_wrap .support_list ul{
        width: 80%;
    }
    .support_list_wrap .support_list ul li{
        width: 50%;
        font-size: 16px;
    }

    .support_list_wrap2{
        width: 90%;
    }
    .support_list_wrap2 h4{
        font-size: 34px;
    }
    .support_list_wrap2 h4::after{
        margin-left: 13px;
        padding: 4px 0 0 0;
    }
    ul.support_list2 li{
        padding: 20px 0;
        font-size: 18px;
    }
    ul.support_list2 li.pick{
        font-size: 22px;
    }
    .support_list ul li:nth-of-type(1),.support_list ul li:nth-of-type(2),.support_list ul li:nth-of-type(3){
        font-size: 20px;
    }
    .support_list ul li:nth-of-type(1):before,.support_list ul li:nth-of-type(2):before,.support_list ul li:nth-of-type(3):before{
        top: 11px;
    }
    .craftsmanship_main_title{
        font-size: 24px;
    }
    .craftsmanship_main.area_wrap .area_item{
        width: 100%;
    }
    .craftsmanship_main.area_wrap .area_item.area_a{
        margin-bottom: 24px;
    }
    .craftsmanship .article_body ul{
        flex-wrap: wrap;
    }
    .craftsmanship .article_body ul li{
        width: 50%;
        margin-left: 0;
        padding: 8px;
        box-sizing: border-box;
        margin-bottom: 16px;
    }
    .craftsmanship .article_body ul li img{
        height:200px;
    }
    .staff_list_item .area_wrap .area_a,.staff_list_item .area_wrap .area_b{
        width: 100%;
    }
    .staff_list_thumb{
        margin-bottom: 16px;
    }
    .staff_list_item .area_wrap .area_b{
        padding: 0;
    }
    .staff_profile dl{
        flex-direction: column;
    }
    .staff_profile dt{
        margin-left: 0;
        margin-bottom: 8px;
    }
    .staff_profile dd{
        width: 100%;
    }
    .case_item .area_wrap{
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }
    .case_item:nth-child(2n) .area_wrap{
        flex-direction: column;
    }
    .case_item .area_item{
        width: 100%;
    }
    .case_item .area_item figure,.case_item:nth-child(2n) .area_item figure{
        width: 100%;
        float: none;
        margin: 0 auto 40px;
    }
    .case_item:nth-child(2n) .section_inner:before{
        left: 0;
        top:6%;
    }
    .senior_message .area_item{
        width: 100%;
    }
    .senior_message .area_item.area_item_wrap{
        margin-bottom: 24px;
    }
    .senior_message .area_item.area_item_wrap .area_wrap{
        flex-direction: row;
    }
    .senior_message .area_item.area_item_wrap .area_item{
        width: 49%;
    }
    .job_list_item .job_list_title{
        font-size: 22px;
    }
    .award_one{
        height: 90px!important;
    }
}
@media screen and (max-width: 480px) {

    h2 .catch{
        font-size: 0.3em;
    }
    .top_title h2{
        display: flex;
        flex-direction: column;
    }
    .top_title h2 span,.top_title h1 span{
        letter-spacing: 0.1em;
        line-height: 1em;
    }
    .event_list{
        flex-direction: column;
    }
    .event_list_item{
        width: 100%;
    }
    .event_list_item:first-child{
        margin-right: auto;
        margin-bottom: 40px;
    }
    .works_list{
        display: block;
    }
    .works_list_item{
        width: 100%;
        margin-bottom: 32px;
    }
    .event_list_item h3, .works_list_item h3{
        margin-bottom: 8px;
    }
    .voice_list_item .grid {
        grid-template-columns: 100%;
    }
    .voice_list_thumb{
        width: 100%;
    }
    .award_list_wrap{
        padding: 20px;
    }
    .award_list ul.award{
        flex-direction: column;
    }
    .news_list_item{
        padding: 20px;
    }
    .gmap iframe {
        width: 100%;
        height: 200px;
    }

    /*  */
    .sp-only{
        display: block;
    }
    section{
        padding: 40px 0 80px;
    }
    .page section{
        padding: 40px 0 80px;
    }
    .more_btn a{
        min-width: 90%;
        padding: 0 20px;
    }
	.voice_btn{
        margin-top: 48px!important;
    }
    .post .event_list .event_list_item{
        width: 100%;
    }
    .page .event_list, .voice_list{
        margin-bottom: 0px;
    }
    .blog_container{
        padding-bottom: 3rem;
    }
    .blog_container .sidebar{
        width: 90%;
    }
    .article_wrap{
        padding: 24px 0 40px;
    }
    .article_inner{
        width: 90%;
    }
    ul.bread{
        display: none;
    }
    .page_header .top_title{
        margin-bottom: 0;
        padding: 32px 0;
    }
    .article_title_wrap .day{
        margin-bottom: 8px;
    }
    .qa_wrap details{
        margin-bottom: 16px;
    }
    .qa_wrap summary{
        padding: 16px 9% 16px 16px;
    }
    .qa_wrap summary:before {
        font-size: 26px;
        margin-right: 8px;
    }
    .qa_wrap summary:after{
        font-size: 13px;
        top: 41%;
    }
    .qa_wrap details[open] summary:after{
        font-size: 13px;
    }
    .qa_wrap .answer:before{
        font-size: 28px;
        margin-bottom: 8px;
    }
    .qa_wrap .answer{
        padding: 20px;
    }
    .answer .wp-block-group__inner-container{
        padding: 20px;
        margin-top: 24px;
    }
    .qa .information{
        font-size: 16px;
        line-height: 1.5;
    }
    .qa_wrap{
        padding-bottom: 40px;
    }
    .about_mv{
        background: none;
        display: block;
        height: auto;
    }
    .about_text{
        font-size: 16px;
        line-height: 2;
        position: static; 
        opacity:1;
        color: #221814;
        text-shadow: none;
        letter-spacing: 0.05em;
    }
    .about_mv_sp{
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    
    .scrolled:after{
        display: none;
    }
    .history_btn a{
        font-size: 18px;
        color: #221814;
        border: 2px solid #221814;
    }
    
    .vision h4{
        font-size: 28px;
        margin-bottom: 32px;
    }
    .vision p{
        font-size: 18px;
        line-height: 1.8em;
        word-break: auto-phrase;
        letter-spacing: 0.05em;
    }
    .message .area_a{
        width: 90%;
    }
    .message p.heading{
        font-size: 24px;
        margin-bottom: 24px;
        letter-spacing: 0.05em;
    }
    .message .text{
        bottom: -50px;
        width: 100%;
    }
    .message p{
        font-size: 18px;
    }
    .chairman .area_a{
        width: 60%;
    }
    .strengths_wrap h3{
        margin-bottom: 40px;
    }
    .strengths_wrap h4{
        padding: 8px 8px 8px 16px;
        font-size: 20px;
        margin-bottom: 24px;
    }
    .strengths_wrap h4 span{
        font-size: 40px;
        position: static;
        margin-right: 9px;
    }
    .strengths_wrap .heading{
        font-size: 24px;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 24px;
    }
    .strengths_wrap h4 span.small {
        font-size: 15px;
        margin-left: 43px;
        display: block;
    }
    .strengths_wrap .item04 h4{
        padding: 8px 8px 20px 16px;
    }
    .strengths_wrap p{
        letter-spacing: 0.05em;
        line-height: 1.6;
    }
    .strengths_history_list ul{
        flex-direction: column;
    }
    .strengths_item{
        margin-bottom: 60px;
    }
    .award_bnr a p {
        padding: 20px 0;
    }
    .award_bnr a span{
        font-size: 18px;
    }
    .award_bnr a span::after{
        top: 19%;
        right: -10%;
    }
    /*  */
    .works_title_wrap h1{
        font-size: 20px;
    }
    .works_single .works_category ul{
        width: 100%;
        flex-wrap: wrap;
    }
    .works_single .works_category li a{
        font-size: 16px;
    }
    .ba_wrap{
        padding: 2rem 0 4rem;
    }
    .after_title{
        font-size: 40px;
    }
    .after_list_wrap{
        flex-direction: column;
    }
    .after_list_wrap .main-img{
        width: 100%;
        margin-bottom: 60px;
    }

    .after_list{
        width: 100%;
    }
    .sub-img li img{
        height: 100px;
    }
    .before_area {
        width: 90%;
    }
    .before_item{
        height: 120px;
    }
    .before_item img{
        height: 120px;
    }
    .works_info_item table tr{
        display: flex;
        flex-direction: column;
    }
    .works_info_item table tr th{
        padding: 10px;
    }
    .works_info_item_text{
        padding: 24px 20px;
        margin-bottom: 20px;
    }
    .works_customer span,.works_point span{
        width: 20px;
    }
    .works_info_item .ttl, .works_info_item_text .ttl{
        letter-spacing: 0.1em;
    }
    .works_info_item_text p{
        font-size: 16px;
    }

    .works_info_item_staff{
        padding: 40px 20px;
        flex-direction: column;
        align-items: center;
    }
    .works_info_item_staff .staff_img{
        width: 60%;
        margin-bottom: 24px;
    }
    .works_info_item_staff .staff_info{
        width: 100%;
    }
    .works_info_item_staff .staff_info .staff_name{
        display: flex;
        flex-direction: column;
        padding-bottom: 6px;
        margin-bottom: 20px;
    }
    .works_info_item_staff .staff_info .staff_name span{
        font-size: 16px;
    }
    .works_article_body_inner{
        width: 85%;
    }
    .works_article_body figure img{
        width: 100%!important;
    }
    .weight_image{
        width: 100%;
        margin: 40px auto;
    }
    .height_image{
        width: 100%;
        margin: 40px auto;
    }
    .works_info_item_voice{
        padding: 20px;
    }
    
    .works_voice_title span{
        font-size: 24px;
    }
    .works_voice_text p{
        font-size: 14px;
    }
    .works_voice_img{
        width: 80%;
    }
    .works_article_body{
        padding: 20px 0 40px;
    }
    .works_article_body_title{
        margin: 0 auto 20px;
        width: 90%;
        font-size: 20px;
    }
    .works_article_body h2{
        margin-top: 32px;
        font-size: 24px;
        letter-spacing: 0.1em;
    }
    .ba_comparison{
        flex-direction: column;
    }
    .ba_item_be, .ba_item_af {
        width: 100%;
    }
    .ba_comparison .before_image{
        width: 80%;
    }
    .ba_comparison .after_image{
        width: 100%;
    }
    .ba_item_af:before {
        margin-top: 0;
        position: static;
        transform: rotate(90deg);
        width: 27px;
        height: 100px;
    }



    .more_btn.works_info_btn a{
        font-size: 16px;
        width: 100%;
        height: auto;
        padding: 16px 20px;
    }
    .works .works_list_item{
        width: 100%;
        margin-left: 0;
    }
    .reform_list{
        flex-direction: column;
    }
    .reform_list .reform_list_item{
        width: 100%;
    }
    .reform_list .reform_list_item a {
        height: 180px;
    }
    .reform_list .reform_list_item a:before {
        width: 98%;
        height: 96%;
        top: 2%;
        left: 1%;
    }
    .top_reform .information{
        margin-bottom: 60px;
    }
    .voice .title_wrap{
        margin-bottom: 40px;
        align-items: flex-start;
    }
    .voice .article_body .title_wrap h1{
        font-size: 22px;
        letter-spacing: 0.1em;
        text-align: left;
        line-height: 1.4;
    }
    .voice .article_body .voice_subttl{
        margin-top: 13px;
    }
    .voice .voice_subttl{
        font-size: 16px;
        text-align: left;
    }
    .voice .article_body .voice_works_details{
        font-size: 16px;
        margin-top: 16px;
        width: 100%;
        box-sizing: border-box;
    }
    .voice .article_body .voice_works_details span{
        font-size: 14px;
        display: block;
        margin-bottom: 3px;
    }
    .voice .article_body h3{
        font-size: 22px;
    }
    .process_step{
        padding: 40px 0;
        margin-bottom: 40px;
    }
    .process_step.section_inner{
        width: 100%;
        max-width: 100%;
    }
    .process_step_item.area_wrap{
        flex-direction: column;
        align-items: center;
    }
    .process_step_item.area_wrap:nth-child(2n){
        flex-direction: column;
    }
    .process_step_item .area_a{
        width: 100%;
        margin-bottom: 24px;
    }
    .process_step_item .area_b{
        width: 100%;
    }
    .process_step_ttl{
        flex-direction: column;
        align-items: flex-start;
        font-size: 24px;
        margin-bottom: 16px;
    }
    .process_step_ttl span{
        font-size: 16px;
        padding: 6px 13px;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .award_ttl{
        font-size: 28px;
    }
    .reform_menu .top_title h2 span,.reform_menu .top_title h1 span{
        text-align: center;
        line-height: 0.8em;
        margin-bottom: 24px;
    }
    .menu_renovation .area_wrap .area_item{
        width: 100%;
    }
    .menu_renovation p{
        width: 100%;
        margin-bottom: 40px;
    }
    .menu_renovation .area_wrap,.menu_petit.area_wrap, .menu_whirlpool.area_wrap{
        flex-direction: column;
    }
    .menu_petit.area_wrap .area_a,.menu_whirlpool.area_wrap .area_b{
        width: 100%;
        margin-bottom: 40px;
        align-items: center;
    }
    .menu_petit.area_wrap .area_b,.menu_whirlpool.area_wrap .area_a{
        width: 100%;
        align-items: center;
    }
    .menu_petit .top_title h3,.menu_whirlpool .top_title h3{
        align-items: center;
    }
    .menu_petit .top_title h3 span,.menu_whirlpool .top_title h3 span{
        line-height: 0.8;
        margin-bottom: 8px;
    }
    .menu_whirlpool,.menu_petit.area_wrap,.menu_renovation{
        margin-bottom: 80px;
    }
    .support_list_wrap h4{
        font-size: 30px;
        margin-top: -20px;
        margin-bottom: 24px;
    }
    .support_list_wrap p{
        font-size: 20px;
        margin-bottom: 32px;
    }
    .support_list_wrap .support_list{
        padding: 0 0 24px 0;
    }
    .support_list_wrap .support_list ul{
        justify-content: center;
    }
    .support_list_wrap .support_list ul li{
        width: 100%;
        margin-bottom: 16px;
    }
    .support_list_wrap2{
        width: 90%;
    }
    .support_list_wrap2 h4 {
        font-size: 34px;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 4px;
    }
    .support_list_wrap2 h4::after{
        margin-left: 0;
    }
    ul.support_list2 li{
        width: 50%;
        padding: 10px 0;
        font-size: 15px;
        border-bottom: 1px dashed #db6827;
        letter-spacing: 0;
    }
    /* ul.support_list2 li:nth-child(3n+1){
        background: #FCF3E3;
    } */
    ul.support_list2 li:nth-child(2),
    ul.support_list2 li:nth-child(4),
    ul.support_list2 li:nth-child(7),
    ul.support_list2 li:nth-child(8),
    ul.support_list2 li:nth-child(11),
    ul.support_list2 li:nth-child(12),
    ul.support_list2 li:nth-child(14),
    ul.support_list2 li:nth-child(15) {
        background: #FFFCF6;
    }
    ul.support_list2 li:nth-last-child(-n+4){
        width: 100%;
    }
    ul.support_list2 li:nth-last-child(-n+2){
        border-bottom: 0;
    }
    ul.support_list2 li:last-child{
        display: none;
        
    }
    ul.support_list2 li.pick{
        width: 100%;
        font-size: 18px;
    }
    ul.support_list2 li.pick span::before{
        width: 13px;
        height: 10px;
        margin-right: 6px;
        padding: 0 0 2px 0;
        background-size: 100%; 
    }
    .support_list_wrap2 p{
        font-size: 18px;
        word-break: auto-phrase;
    }
    .craftsmanship_title::after{
        width: 100%;
        margin-left: -50%;
    }
    .craftsmanship .works_article_body{
        padding: 60px 0 40px;
        margin-bottom: 60px;
    }
    .craftsmanship .article_body ul li{
        width: 100%;
        padding: 0;
    }
    .menu_whirlpool .more_btn,.menu_petit .more_btn{
        justify-content: center;
    }
    .menu_petit_img{width: 100%;}
    .staff_list{
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    .staff_list .staff_list_item{
        width: 90%;
        margin-bottom: 16px;
    }
    section.case_wrap{
        padding: 60px 0 0 0;
    }
    .case_wrap .information p{
        margin-bottom: 40px;
    } 
    .case_item .section_inner {
        padding: 80px 0 60px;
    }
    .case_item .area_item h3{
        font-size: 26px;
        margin-bottom: 16px;
        line-height: 1.4;
    }
    .case_item .area_item p.sub_title{
        line-height: 1.4;
        margin-bottom: 16px;
        
    }
    .case_item .area_item p{
        line-height: 1.6;
    }
    .case_other .works_list .works_list_item {
        width: 100%;
    }
    .case_other_title{
        font-size: 22px;
        margin-bottom: 40px;
    }
   .case_item:nth-of-type(2) .section_inner:before,.case_item:nth-of-type(3) .section_inner:before,.case_item:nth-of-type(4) .section_inner:before,.case_item:nth-of-type(5) .section_inner:before {
        background-size: contain;
        width: 50%;
        height: 48px;
    }
    .qa .information, .form .information, .rmenu_lower .information{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .form_wrap .information .form_title{
        font-size: 26px;
        margin-bottom: 32px;
    }
    .form_body{
        padding: 40px 20px;
    }
    .form_body .wpcf7-radio{display: flex;flex-direction: column;gap:8px;}
    .form_body dl{margin-bottom: 24px;}
    .recruit_img {
        width: 100%;
        margin: 0 auto 24px;
    }
    .senior_message_bnr{
        width: 100%;
        margin: 40px auto 0;
    }
    .job_list_item{
        padding: 40px 0 40px;
    }
    .job_list_item table tr{
        flex-direction: column;
    }
    .senior_profile .year {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .senior_profile .name{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .job_list_btn {
        margin-bottom: 140px;
    }
    .job_list_btn ul {
        flex-direction: column;
        gap: 16px;
    }
    .job_list_btn ul li{
        width: 100%;
        height: 80px;
    }
    .job_list_item table tr th{
        margin-bottom: 8px;
    }
    .job_list_item table tr th,.job_list_item table tr td{
        width: 100%;
    }
    .senior_message_title::after{
        background-size: 100%;
        width: 78%;
        margin: -15px auto 10px;
    }
    .senior_message .area_item_wrap{
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding: 24px;
    }
    .senior_message .area_item_wrap:nth-child(2n){
        flex-direction: column;

    }
    .senior_message .area_item.area_img{
        width: 80%;
        margin-bottom: 16px;
    }
    .senior_message .area_item.area_text{
        width: 100%;
    }
    footer .top_title h2{
        margin-bottom: 32px;
    }
    .contact_form_btn{
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }
    .contact_form_btn li{
        width: 100%;
    }
    .contact_form_btn li a{
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    .contact_form_btn li a img{
        margin-bottom: 0;
    }

    .pickup_list{
        flex-wrap: wrap;
        gap: 24px;
    }
}
.renovation_title{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0px;
}

.renovation_title h2{
	font-size:28px!important;
	font-weight: 700;
    color: #183F18;
}
.rev_img{
    width: 90%;
    max-width: 960px;
    height: 500px;
    background-image: url("../img/renovation_head.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 30px;
}

/* .rev_img{
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    margin-top: 40px;
}
.rev_img img{
    width: 100%;
} */

/* リノベーションピックアップ記事 */
.pickup_works_list{
    background: #F0F0F0;
    padding: 80px 0;
}
.pickup_works_list_inner{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列に並べる */
    gap:10px;
}

@media screen and (max-width: 767px) {
    .rev_img{
        width: 90%;
        height: 250px;
    }
    .pickup_works_list_inner{
        display: grid;
        grid-template-columns: repeat(1, 1fr); /* 2列に並べる */
        gap:10px;
    }
}
.pickup_works_list_item{
    width: 100%;
    height: auto;
    min-height: 100px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.pickup_works_list_item a{
    display: block;
    padding: 16px 24px;
}
.pickup_works_list_item:hover{
    background: #fafafa;
}
.pickup_works_list_ttl{
    color: #e85400;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-family: Yukyokasho, "Yu Kyokasho New B";
    font-weight: bold;
}
.pickup_works_list_ttl::before{
    content: "▶︎";
    display: inline-block;
    font-size: 14px;
    margin-right: 4px;
}
.pickup_works_list_item p{
    font-family: Yukyokasho, "Yu Kyokasho New B";
    font-weight: bold;
}
@media screen and (max-width: 480px) {
    .pickup_works_list{
        padding: 40px 0;
    }
    .pickup_works_list_inner {
        flex-direction: column;
    }
    .pickup_works_list_item{
        width: 100%;
    }
}