@charset "utf-8";
/*メイン画像*/
#main_area{position:relative; width:100%;height:clamp(200px,calc(300/1500*100vw),300px);overflow: hidden;}
#main_area picture,#main_area  img{display:block;object-fit: cover;width:100%;height:100% !important;object-position: left center;}
#main_area p{position: absolute;left:50%;top:50%; white-space: nowrap;transform: translateX(-50%) translateY(-50%);background:#004da1;border:2px solid #FFF;border-radius: 12px; padding:clamp(15px,calc(30/1500*100vw),30px) clamp(25px,calc(50/1500*100vw),50px);text-align: center;font-size:clamp(20px,calc(30/1500*100vw),30px);color:#FFF;}
#main_area span{font-size:clamp(14px,calc(16/1025*100vw),16px); font-family: Arial, Helvetica, "sans-serif";font-weight: bold;}
/*サービスコンセプト*/
#ddplus .imgR{justify-content: space-between;align-items: flex-start;}
#ddplus .rco{width:clamp(300px,calc(500/1500*100vw),500px);aspect-ratio: 16 / 9;}
#ddplus .rco iframe{width:100%;height: 100%;}
#ddplus .lco{width:calc(100% - clamp(320px,calc(550/1500*100vw),550px));}
.bgbblue{padding:clamp(20px,calc(50/1500*100vw),50px);}
.bgbblue div{display:flex;flex-direction: column;}
#ddplus .bgw{padding:clamp(15px,calc(30/1500*100vw),30px); flex-grow: 1;}
/*なぜDDが必要なのか？*/
#why .imgL{justify-content: space-between;align-items: center;}
#why .imgL img{width:clamp(300px,calc(515/1500*100vw),515px);aspect-ratio: 16 / 9;}
#why .imgL p{width:calc(100% - clamp(320px,calc(560/1500*100vw),560px));}
.bgbarrow{position: relative;overflow: hidden;padding:0 15px 70px;z-index: 0;}
.bgbarrow::before{content:"";position: absolute;left:0;bottom:69px;width:100%;height:50%;background:#004da1;z-index: -1;}
.bgbarrow::after{content:"";position:absolute;left:0;bottom:0px;width:100%;height: 70px;background:#004da1;clip-path: polygon(0 0, 100% 0, 50% 100%);}
.w1280{width:100%;max-width:1280px;margin:0 auto 20px;}
.deco,.deco2{font-family: Arial, Helvetica, "sans-serif";font-style: italic;font-size:clamp(18px,calc(23/1500*100vw),23px);color:#004da1;background:url("../images/h3_line.webp") no-repeat left bottom; padding-bottom:10px; margin-bottom: 10px;}
.deco span{font-family: Arial, Helvetica, "sans-serif";font-style: italic;font-size:clamp(20px,calc(30/1500*100vw),30px);}
.w1280 .boxborder{background:#FFF;border-radius: 12px;}
.w1280 > div{display:flex;flex-direction: column;}
.w1280 .boxborder{flex-grow: 1;}
h2.circle{position:relative;z-index: 0;display:flex;justify-content: center;align-items: center;}
h2.circle::before{content:"";display:block;width:clamp(40px,calc(62/1500*100vw),62px); aspect-ratio: 1 /1;background:#e5edf5;border-radius:30px; position: absolute;z-index: -1;}
.check{display:flex;justify-content: center;gap:1.5em;}
.check li{position:relative;display:flex;align-items: center;font-weight:700;}
.check li::before{content:"";display: block;background: url("../images/duediligence/icon_check.svg") no-repeat left center /cover; width:26px; height:26px; margin-right:0.5em;flex-shrink: 0;}
/*DDでわかること----------------*/
.finding{position:relative;align-items: flex-start;justify-content: space-between;}
.finding_lco{position:sticky;top:130px; left:0;width:40%; max-width: 500px;}
.finding_rco{width:55%;display:block;margin-left: auto;}
.h3_circle{border-bottom:1px solid #004da1;position:relative;padding-bottom:5px;text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,-3px 3px 0 #FFF, 3px -3px 0 #FFF,0px 3px 0 #FFF,  0-3px 0 #FFF,-3px 0 0 #FFF,31px 0 0 #FFF;}
.h3_circle span.blue{color:#004da1;font-family: Arial, Helvetica, "sans-serif";font-style: italic;font-size:clamp(18px,calc(23/1500*100vw),23px); line-height: 1.0;}
.h3_circle span.blue span{font-size:clamp(20px,calc(30/1500*100vw),30px);font-style: italic;}
.h3_circle::before{content:"";display:block;width:clamp(36px,calc(62/1500*100vw),62px); height:clamp(36px,calc(62/1500*100vw),62px);border-radius: 50px;background:#e5edf5;position:absolute;left:clamp(-30px,calc(-30/1500*100vw),-15px);top:10px;z-index:-1;}
/*調査内容・料金について----------------*/
.w1000{width:100%;max-width:1000px;margin: auto;padding:20px;}
h3.bborder::after{content:"";display:block;border:1px solid #004da1;width:6em;margin:10px auto 30px;}
.num {counter-reset: number;gap:20px !important;justify-content: center;}
.num li {counter-increment: number;position: relative;padding-left: 2.2em;margin-bottom: 0.6em;}
.num li::before { content: counter(number);position: absolute;left: 0;top: 0.05em;width: 1.6em;height: 1.6em;border-radius: 50%;border:1px solid #2c2a2c;display: flex;align-items: center;justify-content: center;font-size: 0.9em;flex-shrink: 0;}
/*----------レセプト精度調査-------------*/
#accuracysurvey .imgL{justify-content: space-between;align-items: center;}
#accuracysurvey .imgL img{width:clamp(250px,calc(600/1500*100vw),600px);}
#accuracysurvey .imgL > div{width:calc(100% - clamp(270px,calc(650/1500*100vw),650px));}
#accuracysurvey{position:relative;z-index: 0;}
#accuracysurvey::after{content:"";display:block;width:100%;height: 250px;ius:20px;background:#e5edf5;position:absolute;left:0;bottom: 0;z-index:-1;}
#accuracysurvey .flexbox.c2 > div{display:flex;flex-direction: column;}
#accuracysurvey .flexbox.c2 > ul{flex-grow: 1;}
/* レスポンシブ
------------------------------------------------------------*/
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
    /*サービスコンセプト*/
    #ddplus .imgR{justify-content: space-between;align-items: flex-start;}
    #ddplus .rco{width:clamp(350px,calc(550/768*100vw),550px);margin:15px auto 0;}
    #ddplus .lco{width:100%;}
    /*なぜDDが必要なのか？*/
    #why .imgL{justify-content: space-between;align-items: center;}
    #why .imgL img{width:300px;margin:0 auto 20px;}
    #why .imgL p{width:100%;}
    .bgbarrow::before{height:200px;}
    .w1280 > div{width:100%;}
    h2.circle{position:relative;z-index: 0;display:flex;justify-content: center;align-items: center;}
    h2.circle::before{content:"";display:block;width:clamp(40px,calc(62/1500*100vw),62px); aspect-ratio: 1 /1;background:#e5edf5;border-radius:30px; position: absolute;z-index: -1;}
    .check{display:flex;flex-direction: column;gap:20px;}
    .check li{position:relative;display:flex;align-items: center;font-weight:700;}
    .check li::before{content:"";display: block;background: url("../images/duediligence/icon_check.svg") no-repeat left center /cover; width:26px; height:26px; margin-right:0.5em;}
   /*DDでわかること-----------------*/
    .finding{position:relative;align-items: flex-start;justify-content: space-between;}
    .finding_lco{position:static;width:100%;max-width:100%;margin:30px auto 0; padding:30px;order:2; background:#e5edf5;border-radius:12px;}
    .finding_lco img{display:block;width:80%; max-width: 350px;margin:auto;}
    .finding_rco{display:block;width:100%;margin-left:inherit;}
    /*調査内容・料金について----------------*/
    .num li {width:100% !important;}
    .num li::before { content: counter(number);position: absolute;left: 0;top: 0.05em;width: 1.6em;height: 1.6em;border-radius: 50%;border:1px solid #2c2a2c;display: flex;align-items: center;justify-content: center;font-size: 0.9em;flex-shrink: 0;}
    /*----------レセプト精度調査-------------*/
    #accuracysurvey .imgL img{display:block;width:80%; max-width: 350px;margin:0 auto 20px;}
    #accuracysurvey .imgL > div{width:100%;}
}