@charset "UTF-8";

/* CSS Document */


/*PC*/
@media print, screen and (min-width: 768px) {



/*
----------------------------*/
.hedImg { background: url(../images/faq/hedImg.png) center/cover no-repeat;}




/*
----------------------------*/
.cont01 { padding: 50px 0; }
.cont01 .box { margin: 0 0 80px; }
.cont01 .box h3 { font-family: 'Noto Serif JP', serif; font-size: 2.4rem; font-weight: 500; margin: 0 0 30px; }
.cont01 .box dl { font-size: 1.6rem; background: rgba(0,0,0,.03); padding: 30px 50px; box-sizing: border-box; border-radius: 20px; }
.cont01 .box dl dt { margin: 10px 0; padding-left: 3.0rem; font-weight: 500; position: relative; }
.cont01 .box dl dt::before { content: "Q."; position: absolute; top: 0; left: 0; }
.cont01 .box dl dd { margin: 10px 0 30px 10px; padding-left: 3.0rem; position: relative; }
.cont01 .box dl dd::before { content: "A."; position: absolute; top: 0; left: 0; }
.cont01 .box p { font-size: 1.4rem; font-weight: 500; }




}








/*sp*/
@media only screen and (max-width: 767px) {



/*
----------------------------*/
.hedImg { background: url(../images/faq/hedImg.png) center/cover no-repeat; }




/*
----------------------------*/
.cont01 { padding: 50px 20px;}
.cont01 .box { margin: 0 0 50px;}
.cont01 .box h3 { font-family: 'Noto Serif JP', serif; font-size: 2.0rem; font-weight: 500; margin: 0 0 20px; }
.cont01 .box dl { font-size: 1.4rem; background: rgba(0,0,0,.03); padding: 10px 20px; box-sizing: border-box; border-radius: 20px; }
.cont01 .box dl dt { margin: 10px 0; padding-left: 3.0rem; font-weight: 500; position: relative;}
.cont01 .box dl dt::before { content: "Q."; position: absolute; top: 0; left: 0;}
.cont01 .box dl dd { margin: 10px 0; padding-left: 3.0rem; position: relative;}
.cont01 .box dl dd::before { content: "A."; position: absolute; top: 0; left: 0;}
.cont01 .box p { font-size: 1.4rem; font-weight: 500;}





}