.pc-about{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 12rem 0 8rem 0;
    display: flex;
    flex-direction: column;
    
}

.about{
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: -4rem;
    padding: 0;
    padding-top: 7rem;
    display: flex;
    flex-direction: column;
    
}

@media screen and (max-width: 768px){
.pc-about{display:none;}}

@media screen and (min-width: 769px){
.about{display:none;}} 



.pc-content{
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0;
    text-align: center;   
}

.content{
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0;
    text-align: center;
    
}

.catch{
    font-size: 1.7rem;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    margin: 3rem 0;
    text-align: center;
}

@media screen and (max-width: 768px){
    .catch{
        font-size: 1.4rem;
        padding: 0;
    }
}


.subtitle{
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    width:auto;
    margin: 2rem auto;
    text-align: center;
    font-size: 1.4rem; 
    color: #444;
    text-align: center;
}
.subtitle:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 1.1rem;
    height: 5px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #444;
    border-radius: 10px;
    
}

.ads{
    text-align: center;
}

.comment{
    text-align: justify;
    text-justify: inter-ideograph;
}

.content p{
    line-height: 3rem;

}

.more_btn a {
    border:1px solid #fff;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: .8rem;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    width: 150px;
        font-family: 'Quicksand', sans-serif;

}
    
    .more_btn a:before{
	font-family: FontAwesome;
	content : "\f0da";
    padding: 0 .5rem;
    margin-top: 5rem;
}



/* マウスオーバー */

.more_btn a:hover {
  background-color:  #fff;
  color: #58CE91;
}