.archive .h2ttl{color: #004986;font-size: 2.4rem;font-weight: 700;text-align: center;border-top: 5px dotted rgb(0 73 134 / 10%);margin: 6rem auto 2rem;padding-top: 3rem;}

.qapickup{display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;grid-gap: 1rem;margin-top: 3rem;}

@media screen and (min-width: 1000px){
.qapickup{flex-direction: row;}
}

.qapickup a{color: #004986;font-weight: 500;padding-left: 4rem;text-align: left;}
.qapickup a::before{content:"Q.";color: #004986;font-size:2.4rem;font-weight:700;display: inline-block;vertical-align: baseline;margin: 0 .3rem 0 -3rem;}

@media screen and (min-width: 1000px){
.qapickup a{width: 450px;}
}

.qalist{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;grid-gap: 3rem;}
.qalist section{padding: 2rem;text-align: left;position: relative;}
.qalist.qatop section{height: 43rem;background: #ebeff3;border-radius: 1rem;}

@media screen and (min-width: 1000px){
.qalist.qatop section{height: 35rem;}
}
.qalist.qatop section::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 6rem;background: -moz-linear-gradient(top, rgba(235,239,243,0) 0%, rgba(235,239,243,1) 60%, rgba(235,239,243,1) 100%);background: -webkit-linear-gradient(top, rgba(235,239,243,0) 0%,rgba(235,239,243,1) 60%,rgba(235,239,243,1) 100%);background: linear-gradient(to bottom, rgba(235,239,243,0) 0%,rgba(235,239,243,1) 60%,rgba(235,239,243,1) 100%);}
.qalist section.show{height: auto;padding-bottom: 5rem;}
.qalist section.show::after{display: none;}
.category .qalist section{background: none;height: auto;padding: 0;}

@media screen and (min-width: 1000px){
.qalist section{width: calc(50% - 3rem);}
.category .qalist section{width: 100%;}
}

.qalist section a{padding: .5rem .5rem .5rem 2rem;display: block;font-size: 1.5rem;border-bottom: 2px dotted #ddd;}
.qalist section a::last-child{border-bottom: none;}
.qalist section a::before{content: "Q.";font-size: 1.6rem;color: #004986;font-weight: 700;display: inline-block;text-indent: -2rem;}
.category .qalist section a{padding: 1rem 1rem 1rem 2rem;}

.qaopen{position: absolute;bottom: 1rem;left: 50%;cursor: pointer;font-size: 1.5rem;margin: 10px auto 0;padding: 0 0.5rem 0 1.5rem;opacity: .8;z-index: 1;transform: translateX(-50%);}

@media screen and (min-width: 1000px){
.qaopen{font-size: 1.3rem;}
.qaopen:hover{opacity: 1;}
}

.qaopen .open,.show .qaopen .close{display: inline-block;}
.show .qaopen .close{padding: 0;border: none;color: #fff;}
.qaopen .close,.show .qaopen .open{display: none;}
.qaopen::after{vertical-align: middle;transform: rotate(90deg);}
.show .qaopen::after{transform: rotate(-90deg);}

.qalist h3 a{color: #004986;font-size: 1.7rem;font-weight: 700;text-align: left;padding: .5rem;border-bottom: 1px solid #004986;}
.qalist h3 a::before{display: none;}

#two main{height: fit-content;}

@media screen and (min-width: 1000px){
#two main{width: calc(95vw - 250px);}
.qa_box{padding: 3rem;}
}
@media screen and (min-width: 1300px){
#two main{width: calc(95vw - 350px);}
.qa_box{padding: 3rem 8rem;}
}
@media screen and (min-width: 1000px){
#two #sidebar{width: 250px;}
}
@media screen and (min-width: 1300px){
#two #sidebar{width: 350px;}
}



.detail .parent a{color: #42aae9;font-weight: 600;font-size: 2rem;}
.detail .h1ttl{text-align: left;}

@media screen and (min-width: 1000px){

}
.detail h2,.detail_h2{color: #004986;font-size: 1.7rem;font-weight: 700;text-align: left;border-bottom: 3px solid #004986;margin: 40px auto 10px;transform: rotate(0.03deg);}
.detail .q_answer p{margin-top: 1.8rem;}

.detail table{border-collapse: collapse;margin: 1rem auto;}
.detail th,.detail td{padding: 10px;border: 1px solid #ccc;word-break: break-all;}
.detail th{background: #ebeff3;}
.detail ul{padding: 0 0 15px 5px;list-style: inside;}

.q_answer{text-align: left;line-height: 1.6em;}
.q_answer h2{color: #004986;font-size: 1.7rem;font-weight: 700;text-align: left;border-bottom: 3px solid #004986;margin: 40px auto 10px;}
.q_answer h3 {padding-left: 0.6em;font-size: 1.7rem;font-weight: 700;text-align: left;border-left: 4px solid #004986;margin: 40px auto 10px;}
.q_image{margin: 0 auto 1rem;border: 2px solid #ebeff3;border-radius: 1rem;}

@media screen and (min-width: 1000px){
.q_image{float: right;margin: 0 0 1rem 2rem;max-height: 170px;}
}

.other{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;grid-gap: 4rem;margin-top: 3rem;}

@media screen and (min-width: 1000px){
.other{flex-direction: row;}
.other .q_relation,.other .q_faq{width: calc(50% -  2rem);}
}
.q_relation{width: 100%;text-align: left;}

@media screen and (min-width: 1000px){
.q_relation{width: auto;}
}
.q_relation a{color: #004986;background: #ebeff3;padding: .7rem;border: 2px solid #ebeff3;border-radius: 10px;margin-bottom: .7rem;box-sizing: border-box;display: block;text-align: left;}

@media screen and (min-width: 1000px){
.q_relation a{display: inline-block;margin: 0 .7rem .7rem 0;width: calc(50% - 1rem);max-width: 18rem;}
}
.q_relation a h3,.q_relation a img{display: inline-block;vertical-align: middle;font-size: 1.4rem;}

@media screen and (min-width: 1000px){
.q_relation a h3,.q_relation a img{display: block;}
}
.q_relation a img{width: 5rem;margin-right: 1rem;border-radius: .7rem;}
@media screen and (min-width: 1000px){
.q_relation a img{width: 90%;margin: 1rem;}
}

.q_faq a{font-size: 1.5rem;text-align: left;padding: .5rem .5rem .5rem 2rem;display: block;border-bottom: 2px dotted #ddd;
}
.q_faq a:last-child{border: none;}
.q_faq a::before{content: "Q.";font-size: 1.6rem;color: #004986;font-weight: 700;display: inline-block;text-indent: -2rem;}


#sidebar .sd_qacat li{min-height: auto;}

.sd_qa h4 ,.sd_qa_h4{  font-size: 1.45rem;}


.font-blue{color: #004883;font-weight: bold;}
.box-point {background: #edf3f7;padding: 1em;margin: 2em 0;transform: rotate(0.03deg);}
.box-point:before {content: "POINT";display: block;background: #004986;width: fit-content;color: #fff;font-weight: 500;transform: rotate(0.03deg);margin: -0.6em 0 0.4em -0.6em;padding: 0 0.3em;font-size: 1.4rem;}
.q_answer a{color: #004883;text-decoration: underline;}

table.tablestyle2 {width: auto !important;margin: 1em 0 !important;border: 2px solid #aaa;border-collapse: separate;}
.tablestyle2 th {background: #dddddd !important;color: #222 !important;}
.tablestyle2 td {background: #ffffff !important;}


.topQAarea {border: solid 3px #28a6e4;margin: 1.6em 0;border-radius: 1em;padding: .4em;}
.topQAarea h1:before {content: "Q.";color: #004986;font-size: 2.4rem;font-weight: 700;display: inline-block;vertical-align: baseline;margin:0 .6rem 0 0;}
.topQAarea h1 {text-align: left !important;background: #edf3f7;margin: 0;padding: 1.2em;border-radius: .4em .4em 0 0;}
.topQAarea a {color: #004883;text-decoration: underline;}
.topQAarea_a {display: block !important;text-align: left;padding: 1em 2em 1em 3.6em;}
.topQAarea_a:before {content: "A.";color: #28a6e4;font-size: 2.4rem;font-weight: 700;display: inline-block;vertical-align: baseline;margin:0 .6rem 0 -1.2em;}
.topQAarea_a:after {content: "";display: block;clear: both;}
.q_image {display: none;}
.topQAarea_q_image {float: right;width: 150px;border: 1px solid #ebeff3;border-radius: 1rem;margin: -1rem -3rem 2rem 2rem;}
.topQAarea_a p:first-of-type {margin: -1.6em 0 0 .2em;}
.topQAarea_a p {margin: .8em 0 0 .2em;line-height: 1.6em;}
.q_answer table{table-layout: fixed;width: 100%;}
.q_answer table th{background: #0042bb;color: #fff;font-weight:bold;}
table.kougo tr:nth-child(even) {background: #ebeff3;}

@media screen and (max-width: 1000px){
.topQAarea {border: none;margin: 0;padding: 0.4em 0;}
.topQAarea h1 {padding: 0.4em !important;font-size: 1.8rem;}
.topQAarea_a {padding: 1em 0 1em 0;border-bottom: solid 1px #004986;}
.topQAarea_a:before {margin: 0 0.6rem 0 0.4em;}
.topQAarea_q_image {width: 120px;margin: -1rem 1rem 2rem 2rem;}
.topQAarea_a p:first-of-type  {margin: 0 0 0 0.2em !important;}
.topQAarea_a p {margin: 0.8em 0 0 0.2em;}
}