@charset "UTF-8";
img {
  max-width: 100%;
  height: auto; }

.mb10 {
  margin-bottom: 10px; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.FlexWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }

.w1280 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto; }

body, html {
  margin: 0;
  padding: 0;
  font-family: 游ゴシック, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
min-width: 1280px;
}

h1,h2,h3,p { margin: 0; }
a { text-decoration: none; color: #333333; }
ul { margin: 0; padding: 0; }

.sp_none { display: block; }
.pc_none { display: none; }

/*header
============================
============================*/
header { padding: 35px 0 220px; background-image: url(../image/headfv.png); background-size: cover; background-repeat: no-repeat; background-position: center center;}
header .w1280 { position: relative;}
.headtext_a, .headtext_b { text-align: center; }
.headtext_a { padding-bottom: 80px; }
.headtext_a h1 { font-size: 18px; }
.headtext_a p span { border: 1px solid #333333; border-radius: 5px; padding: 0px 10px; font-size: 12px;}
.headtext_b p { font-size: 32px; }
.headtext_b p span { font-size: 68px; }

.headright { position: absolute; top: 0; right: -59px; }



/*about
============================
============================*/
.about { background-image: url(../image/background/about.png); height: 260px; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-color: #eceff1; margin-top: 5px;}
.about .w1280 { /*display: table;*/ height: 100%; }
.about .w1280 .text { /*display: table-cell;*/ text-align: center; /*vertical-align: middle;*/ padding: 79px 0px;}
.about .w1280 .text h2 span { font-size: 20px; font-weight: normal; }
.about .w1280 .text p { font-size: 20px; }


/*present
============================
============================*/
.present .text { text-align: center; padding: 0;}
.present .text h2 { font-size: 32px; line-height: 1.25em;}
.present .text p { font-size: 18px; }


.present .FlexWrap {
  height: 400px;
  /* background-image: url("../image/background/bg_pre.png"); */
  background-position: center;
  /* background-color: #f6f6f6; */
}
.present .FlexWrap .FlexItem { width: 100%; height: 100%; position: relative; }



/*.present .FlexWrap .FlexItem:after { content: ''; background-image: url(../image/belt.png); }*/
.present .FlexWrap .FlexItem>img { position: absolute; top: 70px; left: 395px;}
.present .FlexWrap .FlexItem:nth-child(2)>img { top: 0px; left: 127px;}
.present .FlexWrap .FlexItem .FlexText { height: 100%; box-sizing: border-box; padding-top: 130px; padding-left: 680px;}
.present .FlexWrap .FlexItem .FlexText p img { vertical-align: bottom; }
.present .FlexWrap .FlexItem .FlexText p { line-height: 24px;}
.present .FlexWrap .FlexItem .FlexText p span.ex { display: block; margin-top: 22px; line-height: 1em; font-size: 21px;}
.present .FlexWrap .FlexItem .FlexText p span.small_txt { font-size:14px; color: #686868; padding: 5px 0; border-bottom: solid 1px #a5a5a5; border-top: solid 1px #a5a5a5;}
.present .FlexWrap .FlexItem .FlexText a { font-size: 14px; display: inline-block; background-color: #5a5a5a; color: #ffffff; font-weight: normal; width: 170px; height: 30px; line-height: 30px; padding-left: 12px; box-sizing: border-box; margin-top: 35px; position: relative; letter-spacing: 0.1em;  transition: ease .5s; opacity: 1;}
.present .FlexWrap .FlexItem .FlexText a:hover { transition: ease .5s; opacity: 0.7;}

.present .FlexWrap .FlexItem .FlexText a:after { content: ''; position: absolute; background-image: url(../image/arrow.png); right: 15px; top: 50%; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; transform: translateY(-50%);}



/*apply
============================
============================*/

.apply h2 { font-size: 32px; text-align: center; padding: 50px 0; background-color: #f7f7f7; margin-top: 50px; }
.appliIn { background-color: #eceff1; padding: 30px 0 50px; }
.appliIn .FlexWrap { display: flex; }

.appliIn .FlexWrap>p:nth-child(2) {     letter-spacing: 0.001em;
    padding-left: 0;
    padding-right: 0; }
.appliIn .FlexWrap>p:nth-child(4) span { font-size: 10px; }

.apply .FlexWrap .FlexItem { width: 25%; }
.apply .FlexWrap .FlexItem h3 { font-size: 20px; padding-bottom: 30px; padding-left: 15px; font-weight: 700; }
.apply .FlexWrap .FlexItem p { font-size: 13px; }
.apply .FlexWrap p { width: 25%; font-size: 13px; padding: 20px 10px 0 10px; padding-right: 5px; box-sizing: border-box; letter-spacing: 0.01em; font-weight: 700; line-height: 1.3em;}
.apply .FlexWrap p span { font-weight: 700; }
.apply .appliIn>p, p.follow { text-align: center; margin: 0 auto; margin-top: 38px;}

.apply .appliIn>p, p.follow { margin: 38px 6% 0; }

.apply .appliIn>p a, p.follow a { display: inline-block; font-size: 30px; background-color: #5a5a5a; color: #ffffff; padding: 18.5px 135px; position: relative; transition: ease .5s; opacity: 1;}
.apply .appliIn>p a:hover, p.follow a:hover { transition: ease .5s; opacity: 0.7; }
.apply .appliIn>p a:before, p.follow a:before {  content: ''; position: absolute; background-image: url(../image/insta.png); left: 94px; top: 50%; width: 37px; height: 37px; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); }
.apply .appliIn>p a:after, p.follow a:after { content: ''; position: absolute; background-image: url(../image/arrow.png); right: 94px; top: 50%; width: 37px; height: 37px; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%);}
p.follow { background-color: #eceff1; margin: 0; padding-bottom: 60px; }


/*winners
============================
============================*/
.winners h2 { font-size: 32px; text-align: center; padding: 50px 0; }
.winners .slides { background-color: #eceff1; }
.slider li.slideerIn { display: flex!important; flex-wrap: wrap; justify-content: space-between}
.slider li.slideerIn a { width: 40%; padding: 0 45px; display: flex; flex-wrap: wrap; flex-direction: column;}
.slider li.slideerIn a:first-child, .slider li a:nth-child(1) { margin-bottom: 50px; }
.slick-dotted.slick-slider { padding-top: 70px; padding-bottom: 150px; }
.slick-dots { bottom: 55px!important; }

.slideerInText { background-color: #ffffff; display: flex; justify-content: space-between; padding: 5.5px 15px; font-weight: 700; font-size: 18px; align-items: center; }
.slideerInText p.heart { letter-spacing: -0.2em; font-size: 25px; }
.slideerInText p.heart span { padding-right: 5px; }
.slick-dotted.slick-slider { margin-bottom: 0!important; }
.recomend li>div{ width: 40%; padding: 0 45px; margin-bottom: 50px; }
.recomend li>div:nth-child(3),.recomend li>div:nth-child(4){ margin-bottom: 0; }
.recomend li>div iframe { width: 100%; vertical-align: top;}

/*slick
============================
============================*/
.slider{ margin: 0 auto; width: 80%; }
.slider img{ height: auto; width: 100%; }
.slick-prev:before, .slick-next:before { color: #000;}
.slick-dots li { width: 30px; height: 30px; }
.slick-dots li button::before { width: 30px; height: 30px; }
.slick-dots li.slick-active button:before, .slick-dots li button::before { width: 30px; height: 30px; font-size: 30px; }

.slick-prev::before { content: url(../image/left.png); }
.slick-next::before { content: url(../image/right.png);}

/*footer
============================
============================*/
footer { background-color: #000000; color: #ffffff; text-align: center; padding: 5px 0;}
footer p { font-size: 12px; font-weight: 700;}


/*sp
============================
============================*/
@media only screen and (max-width: 768px) {
.w1280 { min-width: 100%; max-width: 100%; width: 100%; padding: 0 6%; box-sizing: border-box; }
.sp_none { display: none; }
.pc_none { display: block; }
    body,html{
        min-width: 100%;
        min-width: 100%;
    }
    .wrap{
        overflow: hidden;
    }
/*header*/
header { background-image: url(../image/headfv_sp.png); height: 560px; padding: 0; background-size: auto 625px;}
.headtext_a { padding-bottom: 120px; box-sizing: border-box; padding-top: 15px;}
.headtext_a h1 img { width: 300px; }
.headtext_b p { font-size: 19px; }
.headtext_b p span { font-size: 40px; }

/*about*/
.about { height: auto;
  /* background-size: 160% 80%; */
}
.about .w1280 .text { padding: 17px 0px; }

.about .w1280 .text h2 img { vertical-align: bottom; }
.about .w1280 .text h2 span { display: block; font-size: 13px; font-weight: 700; line-height: 1em; margin-top: 7px; margin-bottom: 15px;}
.about .w1280 .text p { font-size: 13px; font-weight: 700; line-height: 1.4em;}
.about .w1280 .text img { width: 80%; }



/*present*/
.present .FlexWrap { height: auto; background-color: initial;}
.present .FlexWrap .FlexItem { width: 100%; height: auto}
.present .FlexWrap .FlexItem:first-child { margin-bottom: 40px; }
.present .FlexWrap .FlexItem:first-child>img {
  width: auto;
  /* height: 180px; */
  top: 0;
  left: 12%;
}
.present .FlexWrap .FlexItem:first-child>img.pc_none { 
  position: initial;
  width: 30%;
  margin: 0 auto;
}
.present .FlexWrap .FlexItem .FlexText { 
  margin: 0 auto;
  padding: 20px 0 0 20px;
  display: block;
  width: 80%;
}
.present .FlexWrap .FlexItem .FlexText>p img { height: 18px; }

.present .FlexWrap .w1280.FlexWrapIn { padding: 0; }
.present .FlexWrap .FlexItem .FlexText p span.ex { font-size: 16px; margin: 8px 0 12px;}
.present .FlexWrap .FlexItem .FlexText a { font-size: 12px; letter-spacing: 0.01em; margin-top: 18px; text-align: center; width: 90%; height: initial; line-height: initial; padding: 7.5px 18px 7.5px 17px; }
.present .FlexWrap .FlexItem .FlexText a:after { right: 4px; top: 50%; background-repeat: no-repeat; width: 10px; height: 10px; }
.present .FlexWrap .FlexItem:nth-child(2)>img { height: 200px; top: 0px; left: 17%;}
.present .text { padding: 18px 6%; }
.present .text h2 { font-size: 19px; }
.present .text p { font-size: 11px; line-height: 1em;}
.present .FlexWrap .FlexItem .FlexText p {
  line-height: 22px;
  font-size: 18px;
 }
 .present .FlexWrap .FlexItem .FlexText p span.small_txt {
   font-size: 12px;
 }

/*slick*/
.slick-dots li { width: 15px; height: 15px; }
.slick-dots li button::before { width: 15px; height: 15px; }
.slick-dots li.slick-active button:before, .slick-dots li button::before { width: 15px; height: 15px; font-size: 15px; }


/*apply*/
.appliIn { padding: 13.5px 0 45px; }
.appliIn .FlexWrap { display: none; }
.apply h2 { font-size: 19px; padding: 18px 6%; margin-top: 0;}
.apply .slider li.slideerIn { padding-bottom: 0; }
.apply .slider li.slideerIn h3 { padding-bottom: 13.5px; }
.apply .slider li.slideerIn p { padding-top: 20px; font-size: 13px; }
.apply .slider li.slideerIn a { width: 100%; padding: 0; }
.apply .slick-dotted.slick-slider { padding: 0; }
.apply .slick-dots { bottom: -15px!important; }
.follow_d { background-color: #eceff1; }
.apply .appliIn>p a, p.follow { margin: 0 6%;}
.apply .appliIn>p a, p.follow a { font-size: 15px; margin: 0 6%; padding: 8.5px 72px; }

.apply .appliIn>p a, p.follow a { margin: initial; padding: 8.5px 0; width: 100%; box-sizing: border-box; }

.apply .appliIn>p a:before, p.follow a:before { left: 44px; top: 50%; width: 23px; height: 23px; transform: translateY(-50%); }
.apply .appliIn>p a:before, p.follow a:before { left: 21px; }
.apply .appliIn>p a:after, p.follow a:after { right: 44px; top: 50%; width: 23px; height: 23px; transform: translateY(-50%); }
.apply .appliIn>p a:after, p.follow a:after { right: 21px; }
.applysp .slick-prev, .applysp .slick-next { top: 45%; }

/*winners*/
.winners h2 { font-size: 19px; padding: 18px 6%; }
.slider li.slideerIn a { width: 47%; padding: 0; }
.slideerInText { font-size: 10px; padding: 5px 5px; }
.slideerInText p:first-child { width: 70%; }
.slideerInText p.heart { width: 30%; text-align: right; letter-spacing: initial; font-size: 10px; }

.slider li.slideerIn a:first-child, .slider li a:nth-child(1), .slider li.slideerIn a:first-child, .slider li a:nth-child(2) { margin-bottom: 5px; }
.slider { width: 100%; }
.slick-dotted.slick-slider { padding-top: 30px; padding-bottom: 85px; }
.slick-dots { bottom: 35px!important; }
.recomend li>div{
   width: 47%; padding: 0;
    margin-bottom: 10px;
}
.recomend li>div:nth-child(3),.recomend li>div:nth-child(4){
    margin-bottom: 0;
}
.recomend li>div iframe{
    width: 100%;
    height: auto;
}

/*footer*/
footer { padding: 1px 0;}
footer p { font-size: 10px; }
footer img { vertical-align: bottom; padding: 5px 0; }


}