@charset "UTF-8";

section.awardArea,
section.reviewArea {
  margin-bottom: 100px;
}

@media only screen and (max-width:750px){
  section.awardArea,
  section.reviewArea {
    margin-bottom: 10vw;
  }
}

/* mainvisual
------------------------------------------------- */
.mainvisual {
  background: url(../images/top/bg_mainimg.jpg) no-repeat center top;
  margin-bottom: 8.5em;
  margin-top: 150px;
}
@media (max-width: 767px) {
  .mainvisual {
    margin-top: 96px;
  }
}
.mainvisual .mttl01 {
  width: 35%;
  margin: 0 auto;
}
.mainvisual .cont {
  padding-bottom: 4.6em;
  position: relative;
}
.mainvisual .cont::after {
  content: "";
  background: url(../images/top/arrow01.png) no-repeat center top;
  background-size: 100% 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 11em;
  height: 4.857em;
  margin-top: -1px;
}
.mainvisual .mttl02,
.mainvisual .dates {
  width: 50%;
  margin: 0 auto;
}
.mainvisual .mttl02 {
  margin: 40px auto;
}
.mainvisual .dates {
  margin: 50px auto 15px;
}
.mainvisual .mtxt {
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 1.1em 0 1.3em;
  line-height: 1.9;
}
@media only screen and (min-width:751px) and (max-width:1024px){
.mainvisual {
  background: url(../images/top/bg_mainimg_tb.jpg) no-repeat center top;
  background-size: 100% auto;
}

.txt01 {
  padding: 2em 3em !important;
}
}
@media only screen and (max-width:750px){
.mainvisual {
  background: none;
  margin-bottom: 14vw;
}
.mainvisual .inner {
  width: 100%;
}
.mainvisual .mttl01 {
  width: 100%;
}
.mainvisual .cont {
  background: url(../images/top/bg_mainimg_sp.jpg) no-repeat center top;
  background-size: cover;
  padding: 0 3.6665% 7.5vw;
}
.mainvisual .mttl02,
.mainvisual .dates {
  margin: 0;
  width: 100%;
  padding: 0;
}
.mainvisual .mtxt {
  padding: 2vw 0;
  line-height: 1.7;
}
.mainvisual .cont::after {
  width: 20.4875vw;
  height: 7.184vw;
}
}

/* themeArea
------------------------------------------------- */
.themeArea {
  padding-bottom: 4.286em;
}
.themeArea .img01 {
  width: 92%;
  margin: 0 auto;
}
.themeArea .txt01 {
  text-align: center;
  padding: 0.3em 0 0.35em;
}
.themeArea .txt02 {
  color: #C09B0F;
  font-weight: bold;
  text-align: center;
  line-height: 1.9;
}
.themeArea .infoSet {
  width: 92%;
  margin: 0 auto;
  border: #000000 2px solid;
  min-height: 19.8em;
  text-align: center;
}
.themeArea .infoSet .tit {
  text-align: center;
  color: #000000;
  padding: 1em 0 0.5em;
}
.themeArea .p_detail {
  line-height: 1.9em;
  margin: 0 auto 3em;
  max-width: 93%;
}
@media only screen and (max-width:750px){
.themeArea {
  padding-bottom: 8.5vw;
}
.themeArea .img01 {
  margin-bottom: 7vw;
  width: 100%;
}
.themeArea .txt01 {
  font-size: 7.0666vw;
  line-height: 1.4;
}
.themeArea .txt02 {
  width: 92%;
  margin: 0 auto;
  text-align: center;
  word-break: break-all;
}
.themeArea .infoSet {
  width: 96%;
  border-width: 1px;
  padding: 0 2%;
}
.themeArea .infoSet .tit {
  font-size: 6.4vw;
}
.themeArea .infoSet .txt {
  font-size: 3.46vw;
}
}

/* awardArea
------------------------------------------------- */
.awardArea {
  background: url(../images/top/arrow03.png) top center/157px no-repeat,  url(../images/top/award_bg.jpg) top center/100% repeat;
  padding: 100px 0 50px;
}

.awardArea .a_frm {
  margin-bottom: 85px;
}

.awardArea .a_frm:nth-of-type(1) {
  background: url(../images/top/emb_01.png) center/92% no-repeat;
}

.awardArea .a_frm:nth-of-type(2) {
  background: url(../images/top/emb_02.png) center/92% no-repeat;
}

.awardArea .a_frm:nth-of-type(3) {
  background: url(../images/top/emb_03.png) center/92% no-repeat;
}

.awardArea p {
  text-align: center;
}

.awardArea .a_frm p:nth-of-type(1) {
  padding-top: 1.1em;
}

.awardArea .a_frm:nth-of-type(1) p:nth-of-type(1) { color: #C09B0F; }
.awardArea .a_frm:nth-of-type(1) p:nth-of-type(3):before,
.awardArea .a_frm:nth-of-type(1) p:nth-of-type(4):before { background: #C09B0F; }
.awardArea .a_frm:nth-of-type(2) p:nth-of-type(1) { color: #A5A5A5; }
.awardArea .a_frm:nth-of-type(2) p:nth-of-type(3):before,
.awardArea .a_frm:nth-of-type(2) p:nth-of-type(4):before { background: #A5A5A5; }
.awardArea .a_frm:nth-of-type(3) p:nth-of-type(1) { color: #00A63C; }
.awardArea .a_frm:nth-of-type(3) p:nth-of-type(3):before,
.awardArea .a_frm:nth-of-type(3) p:nth-of-type(4):before { background: #00A63C; }

.awardArea .a_frm p:nth-of-type(2) {
  margin-top: .9em;
}

.awardArea .a_frm p:nth-of-type(3) {
  margin-top: 1em;
  position: relative;
}

.awardArea .a_frm p:nth-of-type(4) {
  margin-top: 2em;
  position: relative;
}

.awardArea .a_frm p:nth-of-type(3):before,
.awardArea .a_frm p:nth-of-type(4):before {
  color: #fff;
  font-size: 20px;
  left: 50%;
  padding: .1em .5em;
  position: absolute;
  transform: translateX(-50%);
}

.awardArea .a_frm p:nth-of-type(3):before {
  content: "チーム名";
  top: -1.5em;
}

.awardArea .a_frm p:nth-of-type(4):before {
  content: "タイトル";
  top: -2.5em;
}

.awardArea .otr li {
  border-bottom: 2px #b3b3b3 dotted;
  padding: 50px 0;
}

.awardArea .otr li:first-of-type {
  background: url(../images/top/emb_04.png) center/92% no-repeat;
  border: none;
  color: #FF961E;
  padding: 2em 0;
}

.awardArea .otr li p:nth-of-type(1) {}
.awardArea .otr li p:nth-of-type(2) {
  margin-top: 1.8em;
}
.awardArea .otr li p:nth-of-type(3) {
  margin-top: 2.5em;
}

.awardArea .otr li p:nth-of-type(2),
.awardArea .otr li p:nth-of-type(3) {
  position: relative;
}
.awardArea .otr li p:nth-of-type(2):before,
.awardArea .otr li p:nth-of-type(3):before {
  background: #fff;
  border: 2px solid #FF961E;
  color: #000;
  font-size: 18px;
  left: 50%;
  padding: .1em .5em;
  position: absolute;
  transform: translateX(-50%);
}

.awardArea .otr li p:nth-of-type(2):before {
  content: "チーム名";
  top: -2.5em;
}

.awardArea .otr li p:nth-of-type(3):before {
  content: "タイトル";
  top: -2.5em;
}

.awardArea .notes {
  display: block;
  padding-right: 10em;
  text-align: right;
}

@media only screen and (max-width:750px){
  .awardArea .a_frm:nth-of-type(1) {
    background: url(../images/top/emb_01_sp.png) top center/100% no-repeat;
  }

  .awardArea .a_frm:nth-of-type(2) {
    background: url(../images/top/emb_02_sp.png) top center/100% no-repeat;
  }

  .awardArea .a_frm:nth-of-type(3) {
    background: url(../images/top/emb_03_sp.png) top center/100% no-repeat;
  }

  .awardArea .a_frm p:nth-of-type(1) {
    font-size: 6vw;
    padding-top: 1.1em;
  }

  .awardArea .a_frm p:nth-of-type(2) {
    font-size: 4.266vw;
    margin-top: .4em;
  }

  .awardArea .a_frm p:nth-of-type(3) {
    font-size: 8.533vw;
    margin-top: .9em;
  }

  .awardArea .a_frm p:nth-of-type(4) {
    font-size: 4.266vw;
  }

  .awardArea ul {
    display: block;
    padding: 0 0 4vw;
  }
  .awardArea ul li {
    width: 100%;
    padding-bottom: 7vw;
  }
  .awardArea ul li .txt01 {
    padding: 5vw 0 4vw;
  }
  .awardArea ul li .txt02 {
    font-size: 3.2vw;
    line-height: 2;
  }

  .awardArea .otr li:first-of-type {
    background: url(../images/top/emb_04_sp.png) center/100% no-repeat;
    border: none;
    color: #FF961E;
    padding: 2em 0;
  }

  .awardArea .otr li:first-of-type p {
    font-size: 7.4vw;
  }

  .awardArea .otr li p:nth-of-type(2) {
    font-size: 8vw;
    margin-top: 1.1em;
  }

  .awardArea .otr li p:nth-of-type(2):before {
    top: -2em;
  }

  .awardArea .otr li p:nth-of-type(3) {
    margin-top: 2em;
  }

  .awardArea .a_frm p:nth-of-type(3):before,
  .awardArea .a_frm p:nth-of-type(4):before,
  .awardArea .otr li p:nth-of-type(2):before,
  .awardArea .otr li p:nth-of-type(3):before {
    font-size: 3vw;
  }

  .awardArea .notes {
    font-size: 2.5vw;
    padding-right: 0;
  }


}

/* reviewArea
------------------------------------------------- */
.reviewArea .txt01 {
  line-height: 1.9em;
  padding: 2em 2em;
}

.reviewArea .txt01 a {
  color: #1967d2;
  text-decoration: underline;
}

.reviewArea .checkpoint {
  background: url(../images/top/cp_bg.jpg) center/92.5% no-repeat;
}

.reviewArea .checkpoint ol {
  line-height: 1.9em;
  padding: 2em 2em 2em 9em;
}

.reviewArea .checkpoint ol li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

.reviewArea .award_comment {
  background: url(../images/top/cmt_bg.jpg) center/92.5% no-repeat;
  padding: 1em 0;
}

.reviewArea .award_comment h3,
.reviewArea .award_comment p span {
  display: block;
  font-weight: normal;
  padding: 1.5em 0;
  text-align: center;
}

.reviewArea .award_comment p:first-of-type {
  line-height: 1.9em;
  padding: 0 10em;
}

@media only screen and (max-width:750px){
  .reviewArea .txt01 {
    font-size: 3.3vw;
    padding: 2em 1em;
  }

  .reviewArea .checkpoint {
    background: url(../images/top/cp_bg_sp.jpg) center/100% no-repeat;
  }

  .reviewArea .checkpoint ol {
    font-size: 3.3vw;
    line-height: 1.7em;
    padding: 7em 1em 1em;
  }

  .reviewArea .checkpoint ol li {
    margin: 2em 0;
  }

  .reviewArea .award_comment {
    background: url(../images/top/cmt_bg_sp.jpg) center/100% no-repeat;
    font-size: 3.3vw;
    padding: 2.5em 3em;
  }

  .reviewArea .award_comment h3,
  .reviewArea .award_comment p span {
    display: block;
    font-weight: normal;
    padding: 1.5em 0;
    text-align: center;
  }

  .reviewArea .award_comment p:first-of-type {
    line-height: 1.7em;
    padding: 0;
  }

  .reviewArea .award_comment h3 {
    font-size: 5.2vw;
    padding: 1em 0;
  }
}

/* endingArea
------------------------------------------------- */
.endingArea .txt01 {
  line-height: 1.9em;
  padding: 2em 0;
}

.endingArea .headTitle03 {
  border-radius: 0;
  font-weight: normal;
  margin: 0 0 1.5em;
}

.endingArea .entry {
  margin-bottom: 100px;
}

.endingArea .entry dl {
  border-left: 1px solid #dcdcdc;
  padding-left: 2em;
  width: calc(100% / 3);
}

.endingArea .entry dt {
  border: 1px solid #00A63C;
  color: #00A63C;
  display: inline-block;
  padding: .2em 1.5em;
}

.endingArea .entry dt {
  margin: 3em 0 .6em;
  /* margin: 0 0 .6em; */
}

.endingArea .entry > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 50em;
}

.endingArea .entry dd {
  line-height: 2em;
}
@media only screen and (min-width:751px){
  .endingArea .spon_neo {
    display: none !important;
  }
}

@media only screen and (max-width:750px){
  .endingArea .txt01 {
    font-size: 3.3vw;
    line-height: 1.7em;
    padding: 2em 1em;
  }

  .endingArea .entry > div {
    display: block;
    height: auto;
  }

  .endingArea .entry dl {
    border: none;
    padding: 0;
    width: 100%;
  }

  .endingArea .entry dt {
    background: #ccedd8;;
    border: 1px solid #00A63C;
    color: #00A63C;
    display: block;
    font-size: 4vw;
    padding: .3em 1.5em;
    position: relative;
    text-align: center;
  }

  .endingArea .entry dt:before {
    content: "";
    width: 3vw;
    height: 3vw;
    border: 0px;
    border-top: solid 2px #00A63C;
    border-right: solid 2px #00A63C;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 5vw;
    transition: .2s;
  }

  .endingArea .entry dt.opn:before {
    right: 3vw;
    top: 20%;
    transform: rotate(135deg);
  }

  .endingArea .entry dt.opn {
    background: #fff;
  }

  .endingArea .entry dt,
  .endingArea .entry dd {
    margin: .6em 0;
  }

  .endingArea .entry dd {
    padding-left: 1em;
  }

  .endingArea .entry dd {
    display: none;
  }

  .endingArea .pcon_neo {
    display: none !important;
  }






}