@charset "UTF-8";
/* CSS Document */


/*---about---*/
#topics .jumbotron{
position: relative;
}
#topics .jumbotron img{
width: 100%;
}
#topics h1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 3.5rem;
letter-spacing: 0.5rem;
color: #fff;
}
@media (max-width: 767px) {
#topics h1{width: 100%!important;padding: 0 1.5rem;font-size: 2.5rem;letter-spacing: 0.5rem;}
}
#t-topic{
padding-top: 8rem;
padding-bottom: 10rem;
background: url("/img/t_topic_back.jpg") top center;
margin-bottom: 0;
}
#t-topic h2{
position: relative;
}
#t-topic h2 p{
display: block;
position: absolute;
top:2rem;
right:0;
}
#t-topic .title-inner {
padding: 0;
}
#t-topic .title-line {
height: 7px; 
background: url("/img/titleline_r_long.png") no-repeat top right;
padding-left: calc(50vw - 50%);
margin-top: -2rem;
margin-left: 25rem;
}
#t-topic .box-insert{
margin-top: 5rem;
max-width: 800px;
}
#t-topic tr{
border-bottom: 1px solid #E6E6E6;
}
#t-topic tr:nth-of-type(1){
min-height: 500px!important;
}
#t-topic th{
padding: 15px 0;
vertical-align: top;
}
#t-topic th img{
width: 80px;
}
#t-topic td{
background: none;
padding: 15px 20px;
text-align: left;
color: #000;
position: relative;
}
#t-topic td .row div{
margin-top: 1.5rem;
margin-bottom: 1rem;
}
#t-topic td img{
width: 100%;
}
#t-topic td h3{
font-size: 2rem;
font-weight: 700;
}
#t-topic td h4{
font-size: 1.6rem;
font-weight: 700;
}
#t-topic .links a{
display: inline-block;
margin: 1.5rem auto;
background-color: #666;
border-radius: 20px;
font-size: 1.4rem;
color: #fff;
padding:8px 15px;
outline: 0;
cursor: pointer;
z-index:10;
text-align: center;
transition: .5s;
-erbkit-transition: .5s;
}

.readmore-wrap {
  position: relative;
  min-height: 80px;
}
.readmore-btn {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 160px;
margin: 0 auto;
background-color: #666;
border-radius: 20px;
font-size: 1.4rem;
color: #fff;
padding:8px 15px;
border: none;
outline: 0;
cursor: pointer;
z-index:10;
text-align: center;
transition: .5s;
-erbkit-transition: .5s;
}
.readmore-text {
position: relative;
overflow: hidden;
height: 25px;
padding-bottom: 20px;
}
.readmore-text.first{
font-weight: 600;
}
.readmore-check {
display: none;
}
.readmore-check:checked + .readmore-btn{
display: none;
}
.readmore-check:checked ~ .readmore-text {
height: auto;
transition: .5s;
-erbkit-transition: .5s;
}


.txt-hide{
display: none;
}

button.more000 {
width: 120px;
margin: 20px auto;
display: block;
background-color: #666;
color: #fff;
padding:10px 15px;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
 
button.more000::after {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

button.more0001.on-click::after{
content: "閉じる";
}

.pallink img{
width: 500px!important;
}

@media (max-width: 767px) {
#t-topic {margin-top: 0;padding-top: 3rem;padding-bottom: 5rem;}
#t-topic h2 {margin-top: 3rem;line-height: 1.5rem;}
#t-topic h2 p{position: relative;margin: 0;padding: 0;}
#t-topic .title-line {margin: 4rem 3rem 0 0;}
#t-topic .box-insert{margin-top: 3rem;}
.box-insert{padding-bottom: 6rem;}	
#t-topic th img{width: 50px;}
}	

  

#topics footer{
margin-top: 0;
}