@charset "utf-8";
/*各ページ共通
------------------------------------------------------------*/
/*メイン画像エリア*/
#main_area{position: relative;top: 0; width:100%;z-index: 1;overflow: hidden;}
#main_area {
  position: relative;
  width: 100%;
  height: 420px;
  background-image: url('../images/part/main.webp'); /*ページごとに変更*/
  background-size: cover;     
  background-position: center; /* ページによって変更OK */
  background-repeat: no-repeat;
}
.pageti{display:block;position:absolute;top:50%;left:50%;transform: translateX(-50%);background:rgba(25,35,80,0.5);color:#FFF;text-align: center;width:clamp(18.75rem, 12.054rem + 23.81vw, 34.375rem);/*最大550最小300*/padding:2rem;font-size:clamp(1.25rem, 0.848rem + 1.43vw, 2.188rem);/*最大30最小20*/font-family:YuMincho,"Yu Mincho", "Hiragino Mincho ProN", "serif";}

/*パンくず*/
#pankuzu {display:flex;justify-content:  flex-end; max-width:1500px;margin:10px auto 30px; list-style: none;}
#pankuzu li:not(:last-child)::after{content:">";padding:0 5px;}


/*このページ単体のCSS------------------------------------------------------------*/
section{padding-bottom:150px;}
.menu{width:95%;max-width:1000px;margin-bottom:clamp(3.125rem, 1.786rem + 4.76vw, 6.25rem);}
.menu a{display: block; background:#192350; color:#FFF; padding:20px 0; text-align: center; border-radius: 3px;}
.imgL{justify-content: space-between;align-items: flex-start;position: relative;}
.imgL img{width: clamp(17.5rem, 6.156rem + 23.63vw, 28.313rem); height: auto;}
.imgL > div{width:calc(100% - clamp(19.375rem, 6.064rem + 27.73vw, 32.063rem));}

.symptom{border-left:5px solid #2350b5; padding-left:20px;}
.list li{display:inline-block; margin-right:4em; white-space: nowrap;}
.disease{border:1px solid #ccc;padding:clamp(0.938rem, 0.536rem + 1.43vw, 1.875rem);border-radius:15px; position: absolute;left:25%; background:#FFF;}
.disease h3{text-align:center;display: flex;flex-direction: column;align-items: center;}
.disease h3::after{content:"";display: inline-block;width:270px; height:2px; background:#192350;margin-top: 10px;}
/* レスポンシブ-----------------------------------------------------------------------*/
/* 1025px以下から
------------------------------------------------------------*/
@media screen and (max-width: 1025px) {
    .disease{border:1px solid #ccc;padding:clamp(0.938rem, 0.536rem + 1.43vw, 1.875rem);border-radius:15px; position: absolute;left:0%; background:#FFF;}
}

/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
    .imgL{justify-content: center;position: static;}
    .imgL img{width:85%;max-width:453px;}
    .imgL div{width:100%;}
    .disease{position:static;}
    section{padding-bottom:0;}
}

/* 450px以下から
------------------------------------------------------------*/
@media only screen and (max-width:450px){
    /*メイン画像*/
    #main_area {background-image: url('../images/part/mainSP.webp');}
    .menu{ row-gap:15px !important;}
    .list li{display:block; margin-right:0; white-space:normal;}
}