/*///////////////// qqq  ////////////////*/
.hidebox {overflow: hidden;}
.qqq article h3{color:#22528a;border-left: 10px solid #22528a;border-bottom: 2px solid #22528a;}
.qqq article h3 span{display:block;padding: .5em 2em .4em .75em;}
.qqq article h4{color:#fff;background:#22528a;border-left:solid 10px #ddb100;}
.qqq .midashi{ background:#e7ebf1;border: 4px double #22528a;}
.qqq .prof div{ background:#e7ebf1;overflow:hidden;}
.qqq .prof div .txt{ overflow:hidden;}

@media all and (min-width: 768px) {
.hidebox {margin-bottom:20px;}
.qqq article h2 span{display:block;width:928px;height:140px;background:url(../img/qqq/title.png?)  left center no-repeat;}
.qqq article h3{margin-bottom:10px;font-size:110%;}
.qqq article h3 b{display:inline-block;block;font-size:180%;line-height:100%;}
.qqq article h4 span{display:block;padding:5px 10px;}
.qqq article .txt{padding-top:20px;}
.qqq .midashi{padding-bottom:5px;margin-bottom:40px;}
.qqq .prof .pic{display:inline-block; vertical-align: middle;
	width:200px;height:200px;margin-right:20px;border-radius:50%;}
.qqq .prof .intxt{display:inline-block;width:490px; vertical-align: middle;}
}

@media all and (max-width: 767px) {
.hidebox {margin-bottom:1em;}
.qqq article h2 {padding:0;}
.qqq article h2 span{display:block;width:100%;height:0; padding-top:25%;
	background:url(../img/qqq/title_smp.png?)  center top no-repeat;background-size:contain;}
.qqq article h3 b{display:inline-block;block;font-size:140%;line-height:100%;}
.qqq article h4 span{display:block;padding:.3em .5em .2em;}
.qqq article .txt{padding:1em 1em 0;}
.qqq .midashi{padding-bottom:.5em;margin-bottom:1em;}
.qqq .prof .pic{display:inline-block; vertical-align: top;
	width:30%;height:0;padding-top:30%;margin-right:5%;border-radius:50%;}
.qqq .prof .intxt{display:inline-block;width:63%; vertical-align: top;}
 }


/* hidebox */
section h3.hide-btn {position:relative;}
section h3.hide-btn span {display:block;cursor:pointer;}
section h3.hide-btn span {display:block;cursor:pointer;}
section h3.hide-btn span:before {position:absolute;content:"";display:block;width:22px;height:22px;top:50%;background-image:url(../img/hide-btn.png);background-repeat:no-repeat;margin-top:-10px;}
section h3.hide-on span:before {background-position:0 -78px;}
section.hidebox h3.hide-off span:before {background-position:left top;}
@media all and (min-width: 768px) {
section h3.hide-btn span:before {position:absolute;right:10px;}
}
@media all and (max-width: 767px) {
section h3.hide-btn span:before {position:absolute;right:0;}
}

/*///////////////// photo ////////////////*/
.qqq .photo_tate,
.qqq .photo_yoko{display:block;background:#e7ebf1;}

@media all and (min-width: 768px) {
.qqq .photo_tate .lazy{display:block;width:280px;height:420px;}
.qqq .photo_yoko .lazy{display:block;width:420px;height:280px;}
.qqq .photo_tate{display:block;width:280px;height:420px;margin:20px auto;}
.qqq .photo_yoko{display:block;width:420px;height:280px;margin:20px auto;}
}

@media all and (max-width: 767px) {
.qqq .photo_tate .lazy{display:block;width:80%;height:0;padding-top:120%;margin:1em auto;}
.qqq .photo_yoko .lazy{display:block;width:100%;height:0;padding-top:66%;margin:1em auto;}
 }