@charset "UTF-8";
/* ------------------------------
   gallery.css
------------------------------ */
/*sec-contents*/
.sec-contents{
    position: relative;
    padding: 100px 0 0 0;
    box-sizing: border-box;
}
.sec-contents .sec-ttl{
    text-align: center;
    font-size: 3.6rem;
    line-height: calc(39 / 36);
    letter-spacing: -.01em;
    margin-bottom: 50px;
}
.post-contents{
  padding-top: 100px;
}
.post-contents.-white_paper{
    padding-top: 60px;
    padding-bottom: 80px;
}
.sec-contents .post-contents.-white_paper .post-img{
	height: 248px;
}

.post-contents.bg-gray{
    margin-top: 100px;
    padding: 100px 0 115px 0;
    box-sizing: border-box;
}
.post-detail__wrapper .post-contents{ padding-top: 0;}
.post-contents .post{
    margin-bottom: 100px;
}
.btn.-application{
    max-width: 408px;
}

.post-contents .btn_wrap{
    margin-top: 40px;
}
.post-contents .btn_wrap .btn{
    max-width: 396px
}

@media screen and (max-width: 767px) {
    .sec-contents{
        padding: 14% 0 0 0;
    }
    .sec-contents .sec-ttl{
        font-size: 2.6rem;
        margin-bottom: 10%;
    }
    .post-contents{
      padding-top: 14%;
    }
    .post-contents.-white_paper{
        padding-bottom: 18%;
    }
	.sec-contents .post-contents.-white_paper .post-img{
		height: 59vw;
	}
    .post-contents.bg-gray{
        margin-top: 14%;
        padding: 14% 0;
        box-sizing: border-box;
    }
    .post-detail__wrapper .post-contents{ padding-top: 0;}
    .post-contents .post{ margin-bottom: 0;}
    .post-contents .post+.post{ margin-top: 10%;}
    .post-contents .pager{ margin-top: 14%;}

    .btn.-application {
        max-width: inherit;
        width: 100%;
    }

    .post-contents .btn_wrap{
        margin-top: 16%;
    }
    .post-contents .btn_wrap .btn{
        max-width: inherit
    }
}