@charset "utf-8";
/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.								1.4.1.2;
	PROGRAM-ID.								"faq"
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*───────────────────────────────────────────────────
 common
───────────────────────────────────────────────────*/

.txt-right{
    text-align:right;
}
.txt-center{
    text-align:center;
}

.pager{
    padding:2em;
    box-sizing:border-box;
    border:1px solid #eee;
    text-align:center;
}


.detail #main .body{
    margin-bottom:3em;
}

.detail #main .body p img{
    max-width:100%;
}

#wrapper #main,
#main .contents_area{
    box-sizing:border-box;
}

#main .section{
    margin-bottom:3em;
    box-sizing:border-box;
}

#main .section h2{
    background:none;
    text-align:center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight:600;
}



.section ul,
.section ol,
.section dd{margin:0;padding:0;}
.section li{
    margin:0;
    padding:0;
    list-style-type:none;
}

#main ul.note.rice li{
    padding-left:1.2em;
    text-indent:-1.2em;
    font-size:86%;
}
#main ul.note.rice li::before{
    content:"※";
    padding-right:0.2em;
}



/* title *****/
#main .section h3{
    margin:0;
    margin-bottom:1em;
    background:none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight:600;
    font-size:180%;
    color:#244c83;
    width: fit-content;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(255,237,78) 70%);
}

#main .division{
    margin-bottom:3em;
}


.section dt::before,
.section  dd::before {
    margin-right: .4em;
}
.section dt::before {
    color: #75bbff;
    content: "Q.";
}
.section dd::before {
    position:absolute;
    color: #ff8d8d;
    content: "A.";
    left:.8em;
    font-weight:600;
    font-size:1rem;
}

.section dt {
    margin-bottom: 0.5em;
    color: #333333;
    font-weight: 600;
    font-size:1rem;
}

.section dd {
    position:relative;
    margin: 0 0 2.5em;
    padding: 1em 1.5em 1em 3.2em;
    background-color: #f2f2f2;
    color: #333333;
    line-height:1.6;
    box-sizing:border-box;
    border-radius:4px;
}


/* table of contents ******************************/
.toc{
    padding:1.5em;
    border:1px solid #ccc;
    border-radius:6px;
}

.toc li{
    line-height:1.6;
    margin-bottom:0.3em;
}
.toc li::before{
    content:"･";
    margin-right:0.4em;
}

.toc li ul{
    margin-top:0.2em;
    margin-left:1.5em;
}

.toc li li::before{
    content:"-";
}