@charset "utf-8";

.hiddenPC{display:none}
/*------------------------------------------------------------------------ header */
.hottopics {padding-bottom:10px}
.hottopics header{margin-bottom:40px;text-align:center}
.hottopics header:before,.hottopics header:after{width:108px;height:440px}
.hottopics header h1{padding:40px 0}
.htHeadTxt{margin:-140px auto 0;padding:200px 92px 24px}
.htAnchor a{width:47%;margin: 0 1%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease}
.htAnchor a:hover{background-color: rgba(240,130,0,.9)}
/*------------------------------------------------------------------------ htBox */
#group1,#group2{margin-bottom:30px}
#group1 .htIn,#group2 .htIn{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;
-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:25px 5px 50px 5px}
.htTtl{position:relative;height:83px;margin:40px 90px -20px;padding-top:17px}
.htTtl:before,.htTtl:after{position:absolute;top:0}
.htTtl:before{left:-40px}
.htTtl:after{right:-40px}
#group1 .htTtl:before{content:url(../img/ttl01_bg-l.png)}
#group1 .htTtl:after{content:url(../img/ttl01_bg-r.png)}
#group2 .htTtl:before{content:url(../img/ttl02_bg-l.png)}
#group2 .htTtl:after{content:url(../img/ttl02_bg-r.png)}
.htTtl span:before,.htTtl span:after{width:69px;height:120px}
.htTtl span:before{left:30px}
.htTtl span:after{right:30px}
.htBox{width:50%;padding:20px}
.htBoxS{width:33.3333%;padding:8px}
.htPoint li{min-height:26px}
.htBox table th,.htBox table td{padding:.3em 1em;border-bottom:1px dotted #000}
.htSpot:after,.htSpot:before{bottom:-10px;height:10px}
.htBtn a{width:60%}
.htBtn a:nth-child(1){margin-bottom:1em}
.htText{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;
-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.htText h2{order:1;width:100%;margin-bottom:.5em}
.htText p{order:1}