#cmn_qa { filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; filter: opacity(50%); -webkit-filter: opacity(50%); -moz-filter: opacity(50%); -o-filter: opacity(50%);} /*none_lnk*/
#cmn_qa a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-qa.jpg); border-bottom: 8px solid rgba(19, 173, 70, .3); padding-bottom: 15px;}
.catchsp { width: 100%; max-width: 780px; margin: -6% auto 0 auto;}
.catch { width: 100%; height: 0; padding-top: 51.282051282051282%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/catch_s.png?0);}
.btn { width: 200px; height: 60px; margin: 10px auto 5px auto; background: url(../img/btn.png) no-repeat;}
.btn a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0);}
.btn a:hover { background: rgba(255, 255, 255, .3);}
.infosp { box-sizing: border-box; width: 92%; max-width: 710px; margin: 5px auto 15px auto; padding: 5px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; padding-top: 1%; line-height: 130%; font-size: 110%; letter-spacing: 0.2em; letter-spacing: 0.1em; background: rgba(111, 240, 211, .5); background-color: rgba(0, 222, 94, .8); background-image: linear-gradient(90deg, rgba(111, 240, 211,.5) 50%, transparent 50%), linear-gradient(90deg, rgba(111, 240, 211,.1) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(111, 240, 211,.6) 50%), linear-gradient(90deg, transparent 50%, rgba(111, 240, 211,.3) 50%); background-size: 3%, 1%, 8%, 20%; color: rgba(0, 127, 85, 1);}
.infosp dt { color: rgba(255, 255, 255, 1.0); font-weight: 500; font-size: 92%; letter-spacing: 0.1em;}
.infosp .shiro { box-sizing: border-box; width: 98%; margin: 0 auto 5px auto; background: rgba(255, 255, 255, 1.0); padding: 10px; text-align: left; font-size: 78%; line-height: 140%;}
.fukidashi { box-sizing: border-box; width: 92%; max-width: 710px; margin: 0 auto 10px auto; position: relative; display: inline-block; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(111, 240, 211,.1); padding: 15px; font-size: 90%; text-align: left;}
.fukidashi .rt { font-size: 120%; color: rgba(56, 171, 225, 1.0); display: block; padding-top: 5px;}
.fukidashi:before { content: ""; position: absolute; top: 100%; right: 30px; border: 10px solid transparent; border-top: 10px solid rgba(111, 240, 211, .1);}
.msgsp { box-sizing: border-box; width: 92%; max-width: 710px; padding: 5px; margin: 0 auto 10px auto; background: rgba(111, 240, 211, .1); -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: rgba(0, 61, 100, .01); background-image: linear-gradient(90deg, rgba(111, 240, 211,.08) 50%, transparent 50%), linear-gradient(90deg, rgba(111, 240, 211,.1) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(111, 240, 211,.07) 50%), linear-gradient(90deg, transparent 50%, rgba(111, 240, 211,.005) 50%); background-size: 3%, 1%, 8%, 20%; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(0, 127, 85, .3); font-size: 92%;}
.msgsp input { display: none;}
.msgsp .qtxt { box-sizing: border-box; padding: 3px; text-align: left; line-height: 130%; color: rgba(0, 127, 85, 1.0); letter-spacing: 0.1em;}
.msgsp .qtxt label { box-sizing: border-box; display: block; padding: 8px 8px 20px 8px; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative;}
.msgsp .qtxt .namae { font-weight: 600; display: block;}
.msgsp .qtxt .qtxtnkm { padding-top: 5px; display: block;}
.msgsp .qtxt .qtxtnkm:first-letter { font-size: 200%; font-weight: bold; color: rgba(0, 127, 85, .5);}
.msgsp .qtxt label::after { display: block; content: ''; width: 5px; height: 5px; position: absolute; bottom: 8px; left: 50%; margin-left: -7px; margin-top: 5px; border-top: 3px solid rgba(0, 127, 85, .5); border-right: 3px solid rgba(0, 127, 85, .5); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.msgsp .qtxt label:hover { color: rgba(0, 127, 85, .8); cursor: pointer;}
.msgsp .qtxt .linkatxt { display: block; text-align: center; font-size: 90%; font-weight: bold; color: rgba(19, 173, 70, .6); padding-top: 10px;}
.msgsp .nkmp .cls { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear; background: rgba(255, 255, 255, 1.0); color: rgba(0, 109, 154, 1.0);} 
.msgsp .nkmp .cls:first-letter { font-size: 200%; font-weight: bold; color: rgba(0, 61, 100, .5);}
.msgsp input:checked + label:hover:after, .msgsp input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.yobikake { box-sizing: border-box; width: 90%; max-width: 500px; min-height: 100px; margin: 0 auto; background: url(../img/kounotori.png) no-repeat right bottom; position: relative;}
.yobikake .koe { padding-right: 82px; position: absolute; bottom: 5px; left: 2px; display: block; color: rgba(19, 173, 70, .8); font-size: 108%; font-weight: 600;}
.lnk2015 { box-sizing: border-box; width: 92%; max-width: 710px; padding: 0; margin: 0 auto 15px auto; text-align: center; letter-spacing: 0.1em;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_qa.jpg);}
.catch { width: 100%; height: 0; padding-top: 41.025641025641026%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/catch.png?0);}
.infosp .shiro { font-size: 85%;}
.btn { margin: 20px auto 10px auto;}
.msgsp, .fukidashi { font-size: 98%;}
.fukidashi:before{ right: 100px;}
.fukidashi:before:nth-child(even) { left: 100px;}
.yobikake .koe { font-size: 120%; letter-spacing: 0.1em; bottom: 10px;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
.catchsp { margin: -5% auto 0 auto;}
.infosp .shiro { font-size: 90%; padding: 15px 20px;}
.msgsp, .fukidashi { font-size: 105%;}
.msgsp .qtxt label { padding: 12px 12px 20px 12px;}
.yobikake { max-width: 560px;}
.yobikake .koe { font-size: 140%;}
}

.msgsp #nsopn1:checked ~ #nsp1 .cls, .msgsp #nsopn2:checked ~ #nsp2 .cls, .msgsp #nsopn3:checked ~ #nsp3 .cls, .msgsp #nsopn4:checked ~ #nsp4 .cls, .msgsp #nsopn5:checked ~ #nsp5 .cls, .msgsp #nsopn6:checked ~ #nsp6 .cls, .msgsp #nsopn7:checked ~ #nsp7 .cls, .msgsp #nsopn8:checked ~ #nsp8 .cls, .msgsp #nsopn9:checked ~ #nsp9 .cls, .msgsp #nsopn10:checked ~ #nsp10 .cls, .msgsp #nsopn11:checked ~ #nsp11 .cls, .msgsp #nsopn12:checked ~ #nsp12 .cls, .msgsp #nsopn13:checked ~ #nsp13 .cls, .msgsp #nsopn14:checked ~ #nsp14 .cls, .msgsp #nsopn15:checked ~ #nsp15 .cls, .msgsp #nsopn16:checked ~ #nsp16 .cls, .msgsp #nsopn17:checked ~ #nsp17 .cls, .msgsp #nsopn18:checked ~ #nsp18 .cls, .msgsp #nsopn19:checked ~ #nsp19 .cls, .msgsp #nsopn20:checked ~ #nsp20 .cls, .msgsp #nsopn21:checked ~ #nsp21 .cls, .msgsp #nsopn22:checked ~ #nsp22 .cls, .msgsp #nsopn23:checked ~ #nsp23 .cls, .msgsp #nsopn24:checked ~ #nsp24 .cls, .msgsp #nsopn25:checked ~ #nsp25 .cls, .msgsp #nsopn26:checked ~ #nsp26 .cls, .msgsp #nsopn27:checked ~ #nsp27 .cls, .msgsp #nsopn28:checked ~ #nsp28 .cls, .msgsp #nsopn29:checked ~ #nsp29 .cls, .msgsp #nsopn30:checked ~ #nsp30 .cls, .msgsp #nsopn31:checked ~ #nsp31 .cls, .msgsp #nsopn32:checked ~ #nsp32 .cls, .msgsp #nsopn33:checked ~ #nsp33 .cls, .msgsp #nsopn34:checked ~ #nsp34 .cls { height: auto; box-sizing: border-box; padding: 12px 10px; margin: -10px auto 0 auto;}