@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;}

/* ------------------------------ 導入文------------------------------- */
.imgL{justify-content: space-between;align-items: center;}
.imgL > img{ width:clamp(18.75rem, 5.635rem + 27.32vw, 31.25rem);/*max500min300*/ height: auto;}
.imgL > div{ width:calc(100% - clamp(20.313rem, 5.558rem + 30.74vw, 34.375rem));/*max550min325*/}
.imgL p{margin-bottom:1rem;}
.h3loop{display:flex;align-items: center; margin-bottom: 15px;}
.h3loop::before{top:-15px;content:"";display:block; width:25px; height: 3px;background:#d8a7a0; margin-right:10px;}
.h3{position: relative;margin-bottom: 15px;}
.h3::after{position:absolute;top:-15px;content:url(../images/inheritance/h3.webp);}
    
/* --------------------- ライフプラン表・キャッシュフロー表・バランスシート作成----------------------- */
.plan > div{position:relative;background:#FFF;border-radius: 0 0 10px 10px;padding-bottom: 20px;}
.plan h3{position:absolute;top:clamp(3.75rem, -0.184rem + 8.2vw, 7.5rem);left:50%;transform: translateX(-50%);width:80%; background:#d8a7a0; padding:20px 0; border-radius:10px;text-align: center;color:#FFF;}
.plan h3+ p{margin-top:70px;}
.plan p{padding:0 20px;margin-bottom: 1rem;}
.imgL2 {justify-content: space-between;align-items: center;background:#FFF;}
.imgL2 img{width:clamp(16.875rem, 5.072rem + 24.59vw, 28.125rem); height: auto;}
.imgL2 div{width:calc(100% - clamp(18.75rem, 5.635rem + 27.32vw, 31.25rem));}
h3.pack{position:relative;}
h3.pack::before,h3.pack::after{display:inline-block;content:"";background:url(../images/money/star.webp);width:27px; height: 27px;position:absolute;top:5px;}
h3.pack::before{margin-left:-37px;}
h3.pack::after{margin-left:10px;}

/* ------------------------------ レスポンシブ------------------------------------------------------------*/
/* 1025px以下から------------------------------------------------------------*/
@media only screen and (max-width:1025px){
    /* 導入文------------------------------- */
    .imgL{flex-direction: column;}
    .imgL > img{ width:80%; max-width: 500px; margin:auto;}
    .imgL > div{ width:100%;}
}

/* 768px以下から------------------------------------------------------------*/
@media only screen and (max-width:768px){
    /* 相続・贈与・信託の流れ--------------------------- */
    .flow.c4 li{width:48.5%;}
    /*ライフプラン表・キャッシュフロー表・バランスシート作成----------- */
    .plan h3+ p{margin-top:60px;}
    .plan h3{top:clamp(3.125rem, 1.356rem + 6.29vw, 4.375rem);padding:10px 0;}
    .imgL2 {flex-direction: column;}
    .imgL2 img{width:80%;max-width:450px;}
    .imgL2 div{width:100%;}
}
/* 450px以下から------------------------------------------------------------*/
@media only screen and (max-width:450px){
    /* 相続・贈与・信託の流れ--------------------------- */
    .flow.c4 li{width:90%;margin-left:auto;margin-right:auto;}
    .plan h3{top:clamp(5.625rem, -0.625rem + 26.67vw, 6.875rem);}
}