@charset "utf-8";
/*各ページ共通
------------------------------------------------------------*/
#main_area {
    padding: 30px 0 20px;
}
#main_area p {
    margin: auto;
    width:80%;
    max-width:500px;
    text-align: center;
    font-weight: 600;
    background: rgba(255,255,255,0.6);
    padding:clamp(1.875rem, 0.564rem + 2.73vw, 3.125rem) 0;/*最小20最大30px*/
    border-radius: 12px;
    font-size:clamp(1.125rem, 0.538rem + 2.09vw, 1.875rem);/*最小18最大30px*/
}
/*パンくず*/
#pankuzu {display:flex;justify-content:  flex-end; margin:10px auto 0; list-style: none; width:95%;max-width:1500px;}
#pankuzu li:not(:last-child)::after{content:">";padding:0 5px;}

/* ------------------------------ 代表プロフィール------------------------------- */
.prof{justify-content: space-between;}
.leftco{ width:clamp(18.75rem, 5.635rem + 27.32vw, 31.25rem);/*max500min300*/}
.leftco div{ background:#f9f5e8; border-radius: 0 0 10px 10px;}
.leftco p{padding:10px 15px;}
.leftco ul{padding:0 15px 15px; list-style: disc;margin-left:15px;}
.rightco{ width:calc(100% - clamp(20.625rem, 4.887rem + 32.79vw, 35.625rem));/*max570min330*/}
.rightco h3{margin-bottom: 10px !important;}
.rightco h3::before{content:"●";color:#d8a7a0;font-size: clamp(1.125rem, 0.417rem + 2.52vw, 1.625rem)/*max26min18*/;}
.rightco p{margin-left:clamp(1.125rem, 0.417rem + 2.52vw, 1.625rem)/*max26min18*/;}

.flexbox.c2 > div{display:flex;flex-direction: column;background:#f9f5e8;border-radius: 12px;padding:20px;}
.flexbox.c2 p,.flexbox.c2 ul{background:#FFF;padding:20px; flex:1; border-radius: 12px;}
.flexbox.c2 ul{list-style: disc;}
.flexbox.c2 ul li{margin-left:20px;}
/* ------------------------------ 事務所のご案内------------------------------- */
table{overflow: hidden; max-width:1000px;width:100%; margin:auto;border: 1px solid #d9d2c5;border-radius: 12px; border-spacing: 0;}
table tbody{background:#FFF;}
th{background:#e8e2e1;width:clamp(11.25rem, 9.107rem + 7.62vw, 16.25rem);}
th,td{padding:20px;}
tr:not(:last-child) th,tr:not(:last-child) td{border-bottom: 1px solid #d9d2c5;}
table ul{list-style: disc;padding-left: 20px;}
/* ------------------------------ レスポンシブ------------------------------------------------------------*/
/* 1025px以下から------------------------------------------------------------*/
@media only screen and (max-width:1025px){
    .prof{flex-direction: column;justify-content: flex-start;row-gap:30px;}
     .leftco{
        display:flex;
         width:100% !important;
         max-width: 100%;
    }
    .leftco img{width:45%;max-width:500px;border-radius: 0 0 0 10px;}
    .leftco > div{width:55%;}
    .rightco {width:100% !important;}
}

/* 768px以下から------------------------------------------------------------*/
@media only screen and (max-width:768px){
     .leftco{
        display:block;
         width:100% !important;
         max-width: 100%;
    }
    .leftco img{display:block;width:80%;max-width:500px;margin:0 auto;border-radius: 10px 10px 0 0;}
    .leftco > div{width:90%;margin:0 auto;border-radius: 10px;}
    .rightco {width:100% !important;}
}
/* 450px以下から------------------------------------------------------------*/
@media only screen and (max-width:450px){
    th,td{width:100%;display:block;}

}