@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*---------------------------------------------------

アワードLP

Copyright (c) THIRDWAVE CORP. All Rights Reserved.
----------------------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/
.column2R #main {
    float: none;
    width: auto;
}
#container {
    width: 100%;
}
#s_container {
    font-family: "Noto Sans JP";
    color: #444;
    background: #F6FAFC;
    background-image: url("../../5info/img/nasef_japan2022/bg_left.png?$staticlink$"), url("../../5info/img/nasef_japan2022/bg_right.png?$staticlink$"),url("../../5info/img/nasef_japan2022/bg_left.png?$staticlink$"), url("../../5info/img/nasef_japan2022/bg_right.png?$staticlink$");
    background-repeat: no-repeat;
    background-position: -10% 25%, 110% 10%,-10% 70%, 110% 50%;
}
#s_container p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 1.8;
}
#s_container *, #s_container *::before, #s_container *::after {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}
#s_container img {
    max-width: 100%;
    vertical-align: bottom;
}
#s_container .s_sp {
    display: none !important;
}
#s_container .s_pc {
    display: block !important;
}
.breadCrumb {
    margin: 0 auto !important;
    width: 970px;
}
#s_sec00,#s_sec01,#s_sec02,#s_sec03,#s_sec04,#s_sec05,#s_sec06 {
    width: 1050px;
    margin: 0 auto;
    padding: 90px 0;
}
#s_container .s_inner {
    width: 1050px;
    margin: 0 auto;
}
#s_container .mb20 {
    margin-bottom: 20px;
}
#s_container .mb40 {
    margin-bottom: 40px;
}
#s_container .mb80 {
    margin-bottom: 80px;
}
#s_container .s_inner_watching {
  margin-top: 80px;
}
#s_container .s_inner_watching .mt20 {
  margin-top: 20px;
}
#s_container .s_inner_watching .watching_viedo {
  color: #F4510C;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 30px;
  text-align: center;
}
#s_container #s_sec01 .s_inner_watching a {
  font-size: 30px;
  font-weight: 500;
  padding: 16px 60px;
}

@media screen and (min-width: 480px) {
#s_container {
    min-width: 1050px;
}
}

/*-------------------------------------
　MV
---------------------------------------*/
#s_container #s_mv .s_mv_img img {
    width: 100%;
    max-width: initial;
    max-width: auto;
}
#s_container #s_mv .s_mv_img {
    background-color: #BDA775;
    padding-bottom: 20px;
}
#s_container #s_mv .s_mv_img .mv_sub {
    width: 776px;
    margin: 20px auto 0;
}
/*-------------------------------------
　s_sec00
---------------------------------------*/
#s_sec00 h2 {
  font-size: 48px;
 letter-spacing: 4.8px;
 color: #00B1D7;
 text-align: center;
}
#s_sec00 h2 span,#s_sec00 h4 {
font-weight: 500;
font-size: 22px;
letter-spacing: 1.1px;
color: #004DA0;
}
#s_sec00 a {
padding: 10px 20px;
text-decoration: none;
background: transparent linear-gradient(90deg, #1122B7 0%, #008BFC 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
font-size: 18px;
letter-spacing: 1px;
color: #FFFFFF;
transition: .3s;
}
#s_sec00 a:hover {
  opacity: 0.8;
}
#s_sec00 .s_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#s_entry {
    width: 100%;
    padding: 40px 0;
    text-align: center;
    background: url("../../5info/img/nasef_japan2022/bg_entry.png?$staticlink$") repeat;
}
#s_entry a {
    padding: 20px 80px;
    text-decoration: none;
    background: transparent linear-gradient(90deg, #00BAE4 0%, #00F0F2 100%) 0% 0% no-repeat padding-box;
    border-radius: 100px;
    font-size: 30px;
    letter-spacing: 2px;
    color: #FFFFFF;
    transition: .3s;
}
#s_entry a:hover {
  opacity: 0.8;
}
/*-------------------------------------
　s_sec01
---------------------------------------*/
#s_sec01 h2 {
  font-size: 48px;
 letter-spacing: 4.8px;
 color: #00B1D7;
 text-align: center;
}
#s_sec01 h2 span,#s_sec01 h4 {
font-weight: 500;
font-size: 22px;
letter-spacing: 1.1px;
color: #004DA0;
}
#s_sec01 a {
padding: 10px 20px;
text-decoration: none;
background: transparent linear-gradient(90deg, #1122B7 0%, #008BFC 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
font-size: 18px;
letter-spacing: 1px;
color: #FFFFFF;
transition: .3s;
}
#s_sec01 a:hover {
  opacity: 0.6;
}
#s_sec01 .s_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#s_sec01 .s_inner .inner_left .text_free {
   color: #F4510C;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
}

/*-------------------------------------
　s_sec02
---------------------------------------*/
#s_sec02 {
    background: url("../../5info/img/nasef_japan2022/bg_awards.png?$staticlink$") no-repeat center;
    background-size: 130%;
    color: #fff;
}
#s_sec02 .s_inner {
    padding: 60px 280px;
    border-radius: 20px;
}
#s_sec02 h2 span {
   font-weight: 500;
    font-size: 22px;
    letter-spacing: 1.1px;
    color: #44C6E1;
}
#s_sec02 h2 {
    font-size: 48px;
    letter-spacing: 4.8px;
    color: #FFE100;
    text-align: center;
}
#s_sec02 h5 {
    font-size: 24px;
    font-weight: 500;
}

/*-------------------------------------
　s_sec03
---------------------------------------*/
#s_sec03 .s_inner_watching a {
    font-size: 30px;
    font-weight: 500;
    padding: 16px 60px;
}
#s_sec03 a {
    padding: 10px 20px;
    text-decoration: none;
    background: transparent linear-gradient(90deg, #1122B7 0%, #008BFC 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #FFFFFF;
    transition: .3s;
}
/*-------------------------------------
　s_sec04
---------------------------------------*/
#s_sec04 {
    background: url("../../5info/img/nasef_japan2022/bg_schedule.png?$staticlink$") no-repeat center center / cover;
    border-radius: 20px;
}
#s_sec04 .s_inner {
    text-align: center;
}
#s_sec04 h2 span {
   font-weight: 500;
    font-size: 22px;
    letter-spacing: 1.1px;
    color: #44C6E1;
}
#s_sec04 h2 {
    font-size: 48px;
    letter-spacing: 4.8px;
    color: #FFE100;
    text-align: center;
}


/*-------------------------------------
　s_sec05
---------------------------------------*/
#s_sec05 {
    width: 300%;
    margin-left: -100%;
    background: transparent radial-gradient(closest-side at 50% 50%, #44C6E1 0%, #00A1E5 100%) 0% 0% no-repeat padding-box;;
}
#s_sec05 .s_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
#s_sec05 h4 {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 1.1px;
}
#s_sec05 p {
    color: #fff;
}
#s_sec05 .s_inner .inner_right {
    width: 56%;
}

/*-------------------------------------
　s_sec06
---------------------------------------*/
#s_sec06 {
    width: 300%;
    margin-left: -100%;
    background-color: #fff;
    background-image: url("../../5info/img/nasef_japan2022/bg_left.png?$staticlink$"), url("../../5info/img/nasef_japan2022/bg_right.png?$staticlink$");
    background-repeat: no-repeat;
    background-position: 35% 110%, 65% -50%;
}
#s_sec06 .s_inner {
    background: url("../../5info/img/nasef_japan2022/bg_sponsor.png?$staticlink$") no-repeat center;
    text-align: center;
    padding: 190px 0;
}
#s_sec06 h2 {
    font-size: 48px;
    letter-spacing: 4.8px;
    color: #00B1D7;
    text-align: center;
}
#s_sec06 h2 span {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 1.1px;
    color: #004DA0;
}

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
/*--------------------------
 レスポンシブ対応全体
----------------------------*/
#s_container .s_sp {
    display: block !important;
}
#s_container .s_pc {
    display: none !important;
}
.breadCrumb {
    width: 100%;
}
#s_container {
    background-size: 80%;
    background-position: -145% 22%, 173% 4%,-70% 50%, 168% 39%;
}
#s_container h2 {
  font-size: 36px;
}
#s_sec00, #s_sec01, #s_sec02, #s_sec03, #s_sec04, #s_sec05, #s_sec06 {
    width: 100%;
    margin: 0 auto;
    padding: 60px 15px;
}
#s_container .s_inner {
    width: 100%;
    margin: 0 auto;
}
#s_sec01 a {
    font-size: 15px;
}
#s_sec01 .s_inner,#s_sec05 .s_inner {
    display: block;
}
#s_sec01 .s_inner .inner_left {
    margin-bottom: 40px;
}
#s_sec02 .s_inner,#s_sec04 .s_inner {
    padding: 30px 10px;
}
#s_sec03 {
    background-size: auto;
}
#s_sec05 .s_inner .inner_left {
    text-align: center;
}
#s_sec05 .s_inner .inner_right {
    width: 100%;
}
#s_sec06 .s_inner {
    padding: 212px 0;
}
#s_sec06 {
    background-size: 80%;
    background-position: -70% 110%, 195% -10%;
}
#s_container #s_mv .s_mv_img .mv_sub {
    width: 340px;
}
#s_entry a {
    padding: 15px 50px;
    font-size: 20px;
}
#s_sec02 {
    background-size: auto;
}
#s_sec03 .s_inner_watching a {
    font-size: 14px;
    font-weight: 500;
    padding: 16px 60px;
}
}
/*-------------------------------------
　サイドバナー非表示
---------------------------------------*/
.sidebannerLeft , .sidebannerRight {
  display:none;
}

/*-------------------------------------
　ページトップへ追随設定
---------------------------------------*/
#pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 55px;
}
#pagetop a {
  color: #fff;
  background-color: #333;
  border-radius: 5px;
  display: block;
  font-size: 12px;
  line-height: 1.5em;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
.pagetop {
  display: none;
}

