@charset "UTF-8";
/* ============================================================ */
/* 共通スタイル */
/* ============================================================ */
#main_wrapper section#report{
  background: rgba(255, 255, 255, 0.8)!important;
  color: #000;
}
.as-concept .subpage-main-title {
    background: rgba(0,74,162,.7);
    color: #fff;
}
#content-wrap section.sc-highlight > p{
  font-size: 18px;
}
#content-wrap section.sc-highlight h2{
  font-size: 36px;
}
section.sc-highlight .highlight-wrap p {
  font-size: 16px;
  margin-bottom: 30px;
    letter-spacing: 0.2em;
}
section.sc-highlight .highlight-wrap p:last-child {
  margin-bottom: 60px;
}
.highlight-wrap h3 {
    font-size: 22px;
    letter-spacing: 0.2em;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    margin:40px auto 50px;
    max-width: 1300px;
}
.highlight-wrap .report-comment-wrap{
  max-width: 1000px;
  box-sizing: border-box;
  background:rgba( 40, 40, 40, 1);
  padding:50px;
  /*padding-bottom: 20px;*/
  margin:50px auto 80px;
}
.highlight-wrap .report-comment-wrap h4 {
  color: #ffffff;
  margin-bottom: 30px;
  font-size: 18px;
  letter-spacing: 0.2em;
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
  display: inline-block;
  font-family: "Noto Sans Japanese";
}
section.sc-highlight .highlight-wrap .report-comment-wrap p.default-txt {
  letter-spacing: 0.2em;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 30px;
  color: #fff;
}
.sc-box.sc-consept.sc-report p{
  text-align: left;
  font-weight: normal;
}
.sc-box.sc-consept.sc-report p.copy-txt{
  margin:10px 0 60px;
  font-size: 12px;
  text-align: right;
}
.sc-box.sc-report .highlight-wrap h2, .sc-wrap .sc-highlight h2{
  font-size: 40px;
  font-family: "Abolition";
  letter-spacing: 5px;
  margin-bottom:30px;
  /*padding-top: 30px;*/
}
.sc-wrap .sc-highlight p:first-child{
  font-size: 18px;
}

/* ============================================================ */
/* 共通スタイル END
/* ============================================================ */

/* ============================================================ */
/* PC */
/* ============================================================ */
@media screen and (min-width: 768px) {
section.sc-highlight .highlight-wrap.tal {
    max-width: 1300px;
    margin: 0 auto;
    /*padding: 0 50px;*/
    box-sizing: border-box;
}
figure.wrap-highlight {
    width: 40%;
    margin: 0 auto 60px;
}
figure.wrap-highlight.hl-l{
  float: left;
  margin: 0 40px 40px 0;
}
figure.wrap-highlight.hl-r{
  float: right;
  margin: 0 40px 0 40px;
}
figure.wrap-highlight figcaption {
    text-align: right;
    font-size: 12px;
    letter-spacing: 0.2em;
}
figure.wrap-highlight.hl-r img, figure.wrap-highlight.hl-l img{
  width: 100%;
}
}
/* ============================================================ */
/* PC END
/* ============================================================ */

/* ============================================================ */
/* SP */
/* ============================================================ */
@media screen and (max-width: 767px) {
section.sc-highlight .highlight-wrap.tal {
    margin: 0 auto;
}

#content-wrap section.sc-highlight > p{
  text-align: left !important;
}
#content-wrap section.sc-highlight h2{
  text-align: left !important;
}
section.sc-highlight .highlight-wrap p {
    font-size: 16px;
    padding: 0;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
    text-align: left;
    line-height: 34px;
}
.highlight-wrap h3 {
  padding: 10px;
  margin:35px auto;
  text-align: left;
  font-size: 18px;
}

figure.wrap-highlight {
    width: 100%;
    margin: 0 auto 30px;
}
figure.wrap-highlight figcaption {
    text-align: right;
    font-size: 12px;
    letter-spacing: 0.2em;
    /*color: #fff;*/
}
.highlight-wrap .report-comment-wrap{
  padding: 20px;
  padding-top: 40px;
}
.sc-wrap section.sc-highlight > p{
  text-align: left !important;
}
.sc-wrap section.sc-highlight h2{
  text-align: left !important;
}
div.sc-wrap section.sc-highlight{
  background-color: transparent;
}
.sc-wrap .sc-highlight p:first-child{
 padding-bottom: 10px;
}
}
/* ============================================================ */
/* SP END
/* ============================================================ */