@charset "utf-8";
/* CSS Document 320-640 */


main{background:#fff}
 
 
 
/*--------------------------------------------------------------------

headBox

--------------------------------------------------------------------*/

.headfirex{text-align: left}
.headfirex .text01{text-align: left ;margin:30px 0 10px; line-height: 1.6; font-size:clamp(1.375rem, 1.188rem + 0.94vw, 1.563rem)}/*22-25*/
.headfirex .text02{text-align: left ;}

.headfirex .allday{padding: 5px 0 30px;}

.pageheadBox .pic{max-width: 560px}

.headfirex .headl{text-align: left; margin: 0 5%}
.headfirex .headl .morebtn{ text-align: center; margin: 20px auto 30px; line-height: 1.4; }
.headfirex .headl .morebtn a{padding: 20px 30px 20px 20px}
.headfirex .headl .morebtn span{font-size:14px }
.headfirex img{padding: 0 5% 60px;}

.man .text01{margin: 0 8%; text-align: left}

/*--------------------------------------------------------------------

.pageheadBox

--------------------------------------------------------------------*/
.pageheadBox h2{margin-bottom: 30px}

.pageheadBox .symptomsMenu{ margin: 30px 8% 0}
.pageheadBox .symptomsMenu li{position: relative; background:#fff1da; padding:10px 5%; border-radius: 10px; margin-bottom: 20px ; text-align: left}
.pageheadBox .symptomsMenu li img{width:30px; position: absolute; left: 50%; margin-left: -15px; top: -15px}


.disboxCont{text-align: center; padding: 30px 0 0}
.pageheadBox .plas{margin-bottom: 10px !important}
.pageheadBox .plas .fsl{font-size: clamp(2.125rem, 1.813rem + 1.56vw, 2.438rem)}/*34-39*/

.disease{margin: 0 5%; padding-bottom: 60px}
.disease .fuki{position: relative; background: #fff; border-radius: 10px; border: 2px solid #ffb423; padding:20px 10px; text-align: left; margin-bottom: 20px}
.disease .fuki:after{content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffb423;}
.disease .sub{color: #ffad0f; margin: 10px 5% 0 ; line-height: 1.4}
.disease .fuki h2{color: #ffad0f ; line-height: 1.4; font-size:clamp(1.25rem, 1.125rem + 0.63vw, 1.375rem)}/*20-22*/
.disease .checklist{padding: 10px 0 0 ; border-top: 1px dashed #ffb423; margin: 0px 5% 0 }
.disease .checklist li{margin-right: 10px; background: url("../img/rabbit/check.png") no-repeat left 9px; background-size: 12px 12px; padding-left: 20px; display: inline-block; font-size: 15px}
.pgateBox .flex2{position: relative; z-index: 1}
.disease .flex2 dt{margin-bottom: 20px}
.disease .flex2 dd .text01{text-align: left;}

#ajison .fuki h2{margin: 0 5% 10px}


/*　　　装飾　　　*/
.pgateBox .plas{line-height: 1.4 ; margin-bottom: 30px}
.pgateBox .allbox{text-align: left}
.pgateBox .wakuten{border: dashed 1px #22201e; padding: 3% 5%; text-align: left; border-radius: 10px}
.pgateBox .wakuorange{position: relative ; background:#fff1da; text-align: left; border-radius: 10px; padding: 5%;}
.pgateBox .wakuorange:before{    position: absolute;
    border: 2px solid #fff; border-radius: 10px;
    content: "";
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;}

.pgateBox .futisen{line-height: 1.4; background: #fff; border:2px solid #ffb423; padding: 5px 10px; color: #ffb423; border-radius: 5px; margin-bottom: 10px; font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem)}/*18-20*/
.pgateBox .linefff{background: #fff; font-weight: 700; display: inline-block ;vertical-align: top;  }
.pgateBox ol{margin: 10px 0 0}
.pgateBox ol li{list-style-type: decimal; margin-left: 20px; margin-top: 15px }

.pgateBox .f14{font-size: 14px; line-height: 1.5}
.pgateBox .mb10{margin-bottom: 10px}
.pgateBox .bttn{display: block; transition: transform 0.3s ease; ; }
.pgateBox .bttn:hover{  transform: translate(4px,4px) }


/*--------------------------------------------------------------------

総まとめ

--------------------------------------------------------------------*/
.mess .text{margin:0 5% 20px; text-align: left; font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem)}/*20-30*/
.mess .wakuorange{margin: 0 5%; }

.mess .text0{margin-top: 30px; font-size: clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem)}/*22-30*/


@media (max-width: 639px){
#naname2{padding-top: 40px}
}



@media (min-width: 640px){

.pageheadBox .headfirex{width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.headfirex .headl{margin: 0; width:640px }
.headfirex img{margin: 80px 0 0; width:374px; padding: 0 }
.headfirex .headl .morebtn{text-align: left}

.allday{    text-align: left;
    width: 1100px;
    margin: 0 auto;
    padding: 20px 0 120px;}
.allday .text01{line-height: 1.6; font-size: clamp(1.375rem, 1.188rem + 0.94vw, 1.563rem);}

.pageheadBox{background: none}

.pageheadBox h2{text-align: center}

.pageheadBox .symptomsMenu{margin: 30px auto 0; width: 1100px; display: flex; justify-content: space-between; flex-flow: wrap}
.pageheadBox .symptomsMenu li{width: 32%; line-height: 1.6; padding: 20px}


.disboxCont{padding: 60px 0 0}

.disease{margin: 0 auto; width: 1100px; padding-bottom: 80px}

.disease .fuki{padding: 30px ; margin-bottom: 30px }
.disease .sub{margin: 0}
.disease .checklist{margin: 0px;}

.disease .flex2{display: flex; justify-content: space-between ; width: 1100px; margin: 0 auto; flex-direction: row-reverse}
.disease .flex2 dt{margin: 0; width: 381px}
.disease .flex2 dd{margin: 0; width: 678px}

.pgateBox .wakuorange{ padding: 30px; width: 1100px; margin: 0 auto}
.wakuorange .flex2{ flex-direction:row; width: 1040px}
.wakuorange .flex2 dt{ width: 312px}
.wakuorange .flex2 dd{ width: 685px}

#ajison .fuki h2{margin:0 0 10px}
#ajison .flex2{display: block}
#ajison dd{width: 100%}

.mess .text{text-align: center}
.mess .futisen{padding: 20px}
.mess .text0{margin-top: 60px; padding-bottom: 30px}

.wakuorange .flex2{display: flex; justify-content: space-between}

}