@charset "UTF-8";
/* ######################################################################################

　よくある質問

###################################################################################### */


/* ====================================================
    ナビゲーション
==================================================== */
.pageInfo.info7 .infoMain .faqNav{position: relative;}
.pageInfo.info7 .infoMain .faqNav:before{
    content: "";
    position: absolute;
    background: url(../../images/info/res/illust-01.jpg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.pageInfo.info7 .infoMain .faqNav li a{
    color: #333;
    padding-left: 23px;
    display: inline-block;
}
.pageInfo.info7 .infoMain .faqNav li a:before{color: #ffa2b2; text-decoration: none;}
.pageInfo.info7 .infoMain .faqNav li a:hover{color: #777; text-decoration: none;}

@media print, screen and (min-width: 768px) {
    .pageInfo.info7 .infoMain .faqNav:before{
        width: 98px;
        height: 120px;
        bottom: -40px;
        right: -122px;
    }

    .pageInfo.info7 .infoMain .faqNav{
        width: 650px;
        margin-bottom: 60px;
    }
    .pageInfo.info7 .infoMain .faqNav li{margin-bottom: 12px;}
    

}
@media screen and (max-width: 767px){
    .pageInfo.info7 .infoMain .faqNav:before{
        width: 80px;
        height: 99px;
        bottom: -20px;
        right: 10px;
    }
    .pageInfo.info7 .infoMain .faqNav{margin-bottom: 3em;}
    .pageInfo.info7 .infoMain .faqNav li{margin-bottom: 1em;}
}


/* ====================================================
    タイトル
==================================================== */
.pageInfo.info7 .infoMain .faqTitle{
    background: #f7f7f7;
    border-radius: 4em;
}
.pageInfo.info7 .infoMain .faqTitle:before{
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    background: url(../../images/ico/ico-star_pink.png);
}
@media print, screen and (min-width: 768px) {
    .pageInfo.info7 .infoMain .faqTitle{
        margin-bottom: 30px;
        padding: 15px 25px;
        font-size: 1.8rem;
        font-weight: normal;
    }
}
@media screen and (max-width: 767px){
    .pageInfo.info7 .infoMain .faqTitle{
        margin-bottom: 30px;
        padding: 0.9em 1em 0.9em 25px;
        font-size: 1.6rem;
        font-weight: normal;
    }
}

/* ====================================================
    リスト
==================================================== */
.pageInfo.info7 .infoMain .faqList dt{
    position: relative;
    background: url(../../images/share/line-freehand.png) left bottom repeat-x;
    margin-bottom: 1.25em;
    padding-bottom: 0.75em;
}
.pageInfo.info7 .infoMain .faqList dt:before{
    position: absolute;
    left: 0;
    color: #ffa2b2;
    font-family: Arial, Helvetica, "sans-serif";
}

.pageInfo.info7 .infoMain .faqList dd ol { 
	padding-top: 1em;
    padding-left: 1.5em;
	list-style-position: inside;
}

.pageInfo.info7 .infoMain .faqList dd ol > li{ list-style: decimal; margin-left: 0; }

.pageInfo.info7 .infoMain .faqList:nth-of-type(1) dt:before{content: "1."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(2) dt:before{content: "2."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(3) dt:before{content: "3."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(4) dt:before{content: "4."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(5) dt:before{content: "5."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(6) dt:before{content: "6."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(7) dt:before{content: "7."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(8) dt:before{content: "8."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(9) dt:before{content: "9."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(10) dt:before{content: "10."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(11) dt:before{content: "11."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(12) dt:before{content: "12."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(13) dt:before{content: "13."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(14) dt:before{content: "14."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(15) dt:before{content: "15."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(16) dt:before{content: "16."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(17) dt:before{content: "17."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(18) dt:before{content: "18."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(19) dt:before{content: "19."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(20) dt:before{content: "20."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(21) dt:before{content: "21."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(22) dt:before{content: "22."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(23) dt:before{content: "23."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(24) dt:before{content: "24."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(25) dt:before{content: "25."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(26) dt:before{content: "26."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(27) dt:before{content: "27."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(28) dt:before{content: "28."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(29) dt:before{content: "29."}
.pageInfo.info7 .infoMain .faqList:nth-of-type(30) dt:before{content: "30."}


.pageInfo.info7 .infoMain .faqList dt,
.pageInfo.info7 .infoMain .faqList dd{line-height: 1.7142857;}

@media print, screen and (min-width: 768px) {
    .pageInfo.info7 .infoMain .faqList{margin-bottom: 70px;}
    .pageInfo.info7 .infoMain .faqList dt,
    .pageInfo.info7 .infoMain .faqList dd{padding-left: 33px;}
    .pageInfo.info7 .infoMain .faqList dt{font-size: 1.6rem;}
    .pageInfo.info7 .infoMain .faqList dt:before{font-size: 2.4rem; top: -11px;}
}
@media screen and (max-width: 767px){
    .pageInfo.info7 .infoMain .faqList{margin-bottom: 4em;}
    .pageInfo.info7 .infoMain .faqList dt{padding-left: 33px; font-size: 1.5rem;}
    .pageInfo.info7 .infoMain .faqList dt:before{font-size: 2.0rem; top: -4px;}
}





.pageInfo.info7 .infoMain .numberList li{
    position: relative;
    padding-left: 24px;
}
.pageInfo.info7 .infoMain .numberList li:before{
    position: absolute;
    top: 0;
    left: 0;
}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(1):before{content: "1．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(2):before{content: "2．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(3):before{content: "3．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(4):before{content: "4．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(5):before{content: "5．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(6):before{content: "6．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(7):before{content: "7．"}
.pageInfo.info7 .infoMain .numberList li:nth-of-type(8):before{content: "8．"}

@media print, screen and (min-width: 768px) {
    .pageInfo.info7 .infoMain .numberList{margin-top: 25px;}
}
@media screen and (max-width: 767px){
    .pageInfo.info7 .infoMain .numberList{margin-top: 1.25em;}
}


/* ====================================================
  ちゅうみだし
==================================================== */
@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px){
}

/* こみだし
-------------------------------------*/