/*
@mixin fz($fzSize) {
	font-size: $fzSize + px;
	font-size: ($fzSize / 10) + rem;
}
*/
@media screen and (max-width: 1080px) {
  /*----------------------------------------
  	#global-header
  ----------------------------------------*/
  #global-header1 {
    background: url(../images/back-global-header1.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header2 {
    background: url(../images/back-global-header2.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header3 {
    background: url(../images/back-global-header3.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header4 {
    background: url(../images/back-global-header4.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header5 {
    background: url(../images/back-global-header5.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header6 {
    background: url(../images/back-global-header6.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header7 {
    background: url(../images/back-global-header7.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header8 {
    background: url(../images/back-global-header8.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header9 {
    background: url(../images/back-global-header9.jpg) no-repeat center top;
    background-size: cover;
  }

  #global-header6 {
    padding: 0 5% 2% 6%;
    background-size: 180%;
  }

  #global-header7 {
    padding-left: 2%;
  }

  #global-header8 {
    padding: 0 2% 0 0;
  }

  /*----------------------------------------
  	#result
  ----------------------------------------*/
  #result {
    background: #ff7a1c;
    background-size: 100%;
    /*
    		li {
    			border: 5px solid #ffe341;
    			box-shadow: 0 3px 10px #000;
    		}
    */
  }
  #result h3 {
    padding: 2%;
    background: url(../images/back-result.jpg) no-repeat center top;
    background-size: cover;
  }
  #result .inner {
    margin-bottom: 5%;
    padding: 2%;
    border-right: 10px solid #bf1b27;
    border-left: 10px solid #bf1b27;
    border-bottom: 10px solid #bf1b27;
  }
  #result .inner:last-child {
    margin-bottom: 0;
  }
  #result .performanceList {
    margin-bottom: 10%;
    text-align: center;
  }
  #result .performanceList ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #result .performanceList ul::before {
    content: "";
    display: block;
    width: 48%;
    order: 1;
  }
  #result .performanceList ul::after {
    content: "";
    display: block;
    width: 48%;
  }
  #result .performanceList ul li {
    margin-bottom: 0;
    padding: 7% 2% 15% 0;
    width: 48%;
    font-size: 15vw;
    color: #fff;
    line-height: 45%;
    text-align: center;
    background: url(../images/back-performance.png) no-repeat center top;
    background-size: 100%;
    text-shadow: 0px 0px 10px #000;
    letter-spacing: -4px;
  }
  #result .performanceList ul li .date {
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 230%;
  }
  #result .performanceList ul li .pips {
    font-size: 8vw;
    font-weight: bold;
    letter-spacing: -1px;
  }
  #result .performanceList h4 {
    margin-bottom: 0;
  }
  #result .text {
    padding: 5%;
    background: #bf1b27;
  }
  #result .text p {
    color: #fff;
  }
  #result .img-r {
    width: 30%;
  }

  .result-data {
     margin: 0 auto 5%;
     width: 100%;
     height: 600px;
     overflow: scroll;
   }
   .result-data iframe {
     margin: 0 auto;
     width: 100%;
     height: 400px;
   }

  /*----------------------------------------
  	#target
  ----------------------------------------*/
  #target h3 {
    padding: 13% 30% 13% 5%;
    background: url(../images/back-target.jpg) no-repeat center top;
    background-size: 150%;
  }
  #target h3 img {
    width: 100%;
  }
  #target ul {
    padding: 5% 5% 10% 15%;
    background: #ed1c24;
  }
  #target ul li {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    position: relative;
  }
  #target ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    left: -12%;
    width: 25px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #target h4 {
    padding-bottom: 10px;
    text-align: center;
    background: #ffa000;
  }
  #target h4 img {
    margin-top: -6.5%;
  }

  /*----------------------------------------
  	#prologue
  ----------------------------------------*/
  #prologue {
      background: -moz-linear-gradient(to right, #044f79 0%, #0ac1bc 100%);
      background: -webkit-linear-gradient(to right, #044f79 0%, #0ac1bc 100%);
      background: linear-gradient(to right, #044f79 0%, #0ac1bc 100%);
  }

  #prologue h3 {
    padding: 10% 5% 8% 35%;
    background: url(../images/back-prologue.jpg) no-repeat center top;
    background-size: 150%;
  }
  #prologue .text {
    margin-bottom: 0 !important;
    padding: 5%;
  }

  #recommend-jin dd {
    padding: 5%;
    background: rgba(237, 28, 36, 0.9);
  }
  #recommend-jin p, #recommend-jin li {
    color: #fff;
  }

  #recommend-katsu dd {
    padding: 5%;
    background: rgba(251, 176, 59, 0.9);
  }

  /*----------------------------------------
  	#analysis
  ----------------------------------------*/
  .analysis h3 {
    padding: 5%;
    background: url(../images/back-analysis.jpg) no-repeat center top;
    background-size: cover;
  }
  .analysis .text {
    padding: 5%;
    background: rgba(0, 0, 0, 0.9);
  }
  .analysis .text:last-child {
    margin-bottom: 0;
  }
  .analysis p, .analysis li {
    color: #fff;
  }


  /*----------------------------------------
  	#special-benefits
  ----------------------------------------*/
  .special-benefits h3 {
    padding: 5%;
    background: url(../images/special-benefits.jpg) no-repeat center top;
    background-size: cover;
  }
  .special-benefits .text {
    padding: 5%;
    background: rgba(0, 0, 0, 0.9);
  }
  .special-benefits .text:last-child {
    margin-bottom: 0;
  }
  .special-benefits p, .analysis li {
    color: #fff;
  }

  /*----------------------------------------
  	#logic-base
  ----------------------------------------*/
  #logic-base h3 {
    padding: 5%;
    background: url(../images/back-logic-base.jpg) no-repeat center top;
    background-size: cover;
  }
  #logic-base .text {
    padding: 5%;
    background: rgba(27, 20, 100, 0.8);
  }
  #logic-base p, #logic-base li {
    color: #fff;
  }

  #logic-base-oco {
    margin-bottom: 5%;
    padding: 5% 5% 2%;
    border: 1px dotted #fff;
  }
  #logic-base-oco p {
    margin-bottom: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
  }
  #logic-base-oco img {
    width: 100%;
  }

  /*----------------------------------------
  	#logic-3
  ----------------------------------------*/
  #logic-3 h3 {
    padding: 5%;
    background: url(../images/back-logic-3.jpg) no-repeat center top;
    background-size: cover;
  }
  #logic-3 .text {
    padding: 5%;
    background: rgba(145, 3, 10, 0.9);
  }
  #logic-3 p, #logic-3 li {
    color: #fff;
  }
  #logic-3 dd {
    padding: 5%;
    background: #fff;
  }
  #logic-3 dd p, #logic-3 dd li {
    color: #000;
  }

  /*----------------------------------------
  	#merit
  ----------------------------------------*/
  #merit {
    background: #FF9800;
    background: -moz-linear-gradient(left, #3454d8 0%, #843281 100%);
    background: -webkit-linear-gradient(left, #FF9800 0%, #00BCD4 100%);
    background: linear-gradient(to right, #ffb850 0%, #4dcede 100%);
    background-size: 100%;
  }
  #merit h3 {
    margin-bottom: 5%;
  }
  #merit .inner {
    padding: 5%;
  }
  #merit p, #merit li {
    color: #fff;
  }
  #merit dt {
    margin-bottom: 5%;
  }
  #merit dd {
    margin-bottom: 8%;
  }
  #merit dd .text {
    padding: 5%;
    background: rgba(0, 0, 0, 0.8);
  }
  #merit dd:last-child {
    margin-bottom: 0;
  }

  /*----------------------------------------
  	#beginner
  ----------------------------------------*/
  #beginner {

    background: linear-gradient(to right, #f66934 0%, #e81d6c 100%);

  }

  #beginner h3 {
    padding: 5% 5% 5%;
    text-align: center;
    background: url(../images/back-beginner.jpg) no-repeat center top;
    background-size: cover;
  }
  #beginner .text {
    padding: 5%;
  }
  #beginner dl {
    padding: 5%;
  }
  #beginner dd p, #beginner dd li {
    color: #fff;
  }

  /*----------------------------------------
  	#veteran
  ----------------------------------------*/
  #veteran {

    background: linear-gradient(to right, #1634a4 0%, #04053d 100%);

  }
  #veteran h3 {
    padding: 5% 5% 5%;
    text-align: center;
    background: linear-gradient(to right, #1634a4 0%, #04053d 100%);
    background-size: cover;
  }
  #veteran .text {
    padding: 5%;
  }
  #veteran dl {
    padding: 5%;
    background: #1736a9;
    background: -moz-linear-gradient(left, #1736a9 0%, #03043b 100%);
    background: -webkit-linear-gradient(left, #1736a9 0%, #03043b 100%);
    background: linear-gradient(to right, #1736a9 0%, #03043b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1736a9', endColorstr='#03043b',GradientType=1 );
  }
  #veteran dd p, #veteran dd li {
    color: #fff;
  }

  /*----------------------------------------
  	#step
  ----------------------------------------*/
  #step {
    background: #ffbf00;
    padding: 5% 0;
  }
  #step h3 {
    margin: 0 auto;
    width: 90%;
  }
  #step .text {
    padding: 5%;
  }
  #step .inner dl {
    border-radius: 10px;
  }
  #step .inner dt {
    padding: 2% 0 0 2%;
  }
  #step .inner dd {
    padding: 5%;
  }
  #step .inner p, #step .inner li {
    color: #fff;
  }
  #step #step1 {
    margin-bottom: 5%;
    padding: 3%;
    background: rgba(217, 12, 0, 0.6);
    border-radius: 10px;
  }
  #step #step1 dl {
    background: #d90c00;
  }
  #step #step2 {
    margin-bottom: 5%;
    padding: 3%;
    background: rgba(28, 56, 123, 0.6);
    border-radius: 10px;
  }
  #step #step2 dl {
    background: #1c387b;
  }
  #step #step3 {
    padding: 3%;
    background: rgba(0, 144, 115, 0.6);
    border-radius: 10px;
  }
  #step #step3 dl {
    background: #009073;
  }

  /*----------------------------------------
  	#summary
  ----------------------------------------*/
  #summary h3 {
    padding: 10% 5%;
    background: url(../images/back-summary.jpg) no-repeat center top;
    background-size: cover;
  }
  #summary .text {
    padding: 5%;
    background: linear-gradient(to right, #74b0d4 0%, #bf72aa 100%);
  }
  #summary ul {
    padding: 5% 5% 5% 15%;
    background: #ed1c24;
  }
  #summary ul li {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-weight: normal;
    position: relative;
  }
  #summary ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    left: -13%;
    width: 20px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /*----------------------------------------
  	#contentsList
  ----------------------------------------*/
  #contentsList {
    padding: 5% 0　3%;
    background: #FF9800;
    background: -moz-linear-gradient(left, #3454d8 0%, #843281 100%);
    background: -webkit-linear-gradient(left, #FF9800 0%, #00BCD4 100%);
    background: linear-gradient(to right, #ffb850 0%, #4dcede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3454d8', endColorstr='#843281',GradientType=1 );
  }
  #contentsList h3 {
    margin-bottom: 5%;
    padding: 5%;
    text-align: center;
    background: #fff;
  }
  #contentsList dd {
    margin: 0 auto;
    padding: 5% 5% 2%;
    width: 94%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #000;
  }
  #contentsList .curriculum {
    margin-bottom: 5%;
    border: none;
  }
  #contentsList .curriculum li {
    margin-bottom: 0;
    padding: 5%;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #093;
    border-bottom: 5px solid #fff;
  }
  #contentsList .curriculum li:last-child {
    border-bottom: none;
  }
  #contentsList .movie dd {
    padding: 0;
    width: 100%;
    border-radius: none;
    box-shadow: none;
  }

  .pre {
    margin-bottom: 0;
    padding: 5%;
    text-align: center;
    background: #fff;
  }

  #contentsList1 dl {
    padding: 0 0 5%;
  }
  #contentsList1 dd dd {
    margin: 0 auto;
    padding-bottom: 5%;
    width: 90%;
    box-shadow: none;
    border-radius: 0;
  }
  #contentsList1 h4 {
    padding: 5%;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    background: #444;
  }
  #contentsList1 h4 i {
    display: none;
  }

  #contentsList1-1 {
    background: #fb8c00;
  }

  #contentsList1-2 {
    background: #1976d2;
  }

  #contentsList1-3 {
    background: #6a1b9a;
  }

  #contentsList3 h4 {
    padding: 5%;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    background: #444;
  }
  #contentsList3 h4 i {
    display: none;
  }

  /*----------------------------------------
  	#bonus
  ----------------------------------------*/
  #bonus {
    background: url(../images/back-bonus.jpg) repeat center top;
    background-size: 185%;
  }
  #bonus h3 {
    padding: 2%;
  }
  #bonus dt {
    margin-bottom: 2%;
    padding: 0 5%;
  }
  #bonus dd {
    margin-bottom: 8%;
    padding: 5%;
    background: #333;
  }
  #bonus p, #bonus li {
    color: #fff;
  }

  /*----------------------------------------
  	#price
  ----------------------------------------*/
  #price h3 {
    padding: 5%;
    text-align: center;
    background: url(../images/back-price.jpg) no-repeat center center;
    background-size: cover;
  }
  #price .text {
    padding: 5%;
    background: #63402f;
  }
  #price p, #price li {
    color: #fff;
  }

  /*----------------------------------------
  	#epilogue
  ----------------------------------------*/
  #epilogue h3 {
    padding: 5% 5% 0;
    background: url(../images/back-epilogue.jpg) no-repeat left top;
    background-size: 200%;
  }
  #epilogue .text {
    padding: 5%;
  }
  #epilogue .ta-r img {
    width: 60%;
  }

  /*----------------------------------------
  	#add
  ----------------------------------------*/
  #add h3 {
    padding: 5% 0;
    text-align: center;
    background: url(../images/back-add.jpg) no-repeat center 10%;
    background-size: cover;
  }
  #add h3 img {
    width: 30%;
  }
  #add .text {
    padding: 5%;
  }

  /*----------------------------------------
  	.special
  ----------------------------------------*/
  .special .text {
    padding: 5%;
    background: black;
  }
  .special p, .special li {
    color: #fff;
  }

  #special-ep-limited h3 {
    padding: 0 5% 3%;
    background: url(../images/back-special-ep-limited.jpg) no-repeat center top;
    background-size: cover;
  }

  #special-it-pre h3 {
    padding: 0 5% 3%;
    background: url(../images/back-special-it-pre.jpg) no-repeat center top;
    background-size: cover;
  }

  #special-it-pre2 h3 {
    padding: 0 5% 3%;
    background: url(../images/back-special-it-pre2.jpg) no-repeat center top;
    background-size: cover;
  }

  #special-it-pre3 h3 {
    padding: 0 5% 3%;
    background: url(../images/back-special-it-pre3.jpg) no-repeat center top;
    background-size: cover;
  }

  #special-it-pre4 h3 {
    padding: 0 5% 3%;
    background: url(../images/back-special-it-pre4.jpg) no-repeat center top;
    background-size: cover;
  }

  /*----------------------------------------
  	#award
  ----------------------------------------*/
  #award {
    text-align: center;
    background: url(../images/back-award.jpg) no-repeat center top;
    background-size: cover;
  }
  #award li {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1080px) {
  /*----------------------------------------
  	#global-header
  ----------------------------------------*/
  #global-header .inner {
    margin: 0 auto;
    width: 980px;
  }

  #global-header1 {
    background: url(../images/back-global-header1.jpg) no-repeat center top;
  }

  #global-header2 {
    background: url(../images/back-global-header2.jpg) no-repeat center top;
  }

  #global-header3 {
    background: url(../images/back-global-header3.jpg) no-repeat center top;
  }

  #global-header4 {
    background: url(../images/back-global-header4.jpg) no-repeat center top;
  }

  #global-header5 {
    background: url(../images/back-global-header5.jpg) no-repeat center top;
  }

  #global-header6 {
    background: url(../images/back-global-header6.jpg) no-repeat center top;
  }

  #global-header7 {
    background: url(../images/back-global-header7.jpg) no-repeat center top;
  }

  #global-header8 {
    background: url(../images/back-global-header8.jpg) no-repeat center top;
  }

  #global-header9 {
    background: url(../images/back-global-header9.jpg) no-repeat center top;
  }

  #global-header10 {
    background: url(../images/back-global-header10.jpg) no-repeat center top;
  }

  /*----------------------------------------
  	#result
  ----------------------------------------*/
  #result {
    padding: 50px 0;
    background: url(../images/back-result.jpg) no-repeat center top fixed;
  }
  #result .inner {
    margin: 0 auto 80px;
    width: 980px;
  }
  #result .inner:last-child {
    margin-bottom: 0;
  }
  #result h3 {
      margin: 30px 0 35px;
      text-align: center;
  }
  #result h4 {
      margin: 30px 0 23px;
      text-align: center;
  }
  #result #resultList {
    margin: 0 auto;
    width: 900px;
  }
  #result #resultList li {
    margin-bottom: 30px;
    box-shadow: 0 3px 10px #000;
  }
  #result .text {
    padding: 50px 50px 20px;
    background: rgba(191, 27, 39, 0.7);
    border: 10px solid #fff;
    box-shadow: 0 0 30px #000;
  }
  #result .text p {
    color: #fff;
  }
  #result .text .img-r {
    margin: -110px -30px 0 0;
  }
  #result .performanceList {
    margin-bottom: 80px;
    text-align: center;
  }
  #result .performanceList ul {
    margin-bottom: 30px;
    width: 980px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #result .performanceList ul::before {
    content: "";
    display: block;
    width: 212px;
    order: 1;
  }
  #result .performanceList ul::after {
    content: "";
    display: block;
    width: 212px;
  }
  #result .performanceList ul li {
    margin-bottom: 0px;
    padding-top: 30px;
    width: 212px;
    height: 234px;
    font-size: 70px;
    font-size: 7rem;
    color: #fff;
    line-height: 40%;
    text-align: center;
    background: url(../images/back-performance.png) no-repeat center top;
    text-shadow: 0px 5px 5px #000;
    letter-spacing: -5px;
  }
  #result .performanceList ul li .date {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 280%;
  }
  #result .performanceList ul li .pips {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: -1px;
  }
  #result .performanceList h4 {
    margin-bottom: 30px;
  }


   .result-data {
       margin: 0 auto 5%;
       width: 100%;
       height: 600px;
       overflow: scroll;
     }

   .result-data iframe {
     margin: 0 auto;
     width: 100%;
     height: 300px;
   }


  /*----------------------------------------
  	#target
  ----------------------------------------*/
  #target {
    background: url(../images/back-target.jpg) no-repeat center top fixed;
  }
  #target .inner {
    margin: 0 auto;
    padding: 80px 0 50px;
    width: 980px;
  }
  #target h3 {
    margin-bottom: 50px;
  }
  #target ul {
    margin: 0 0 0px;
    padding: 30px 30px 50px 85px;
    width: 750px;
    background: #ed1c24;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  #target ul li {
    font-size: 23px;
    font-size: 2.3rem;
    color: #fff;
    font-weight: normal;
    line-height: 150%;
    position: relative;
  }
  #target ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: 7px;
    left: -8%;
    width: 25px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #target h4 {
    padding-bottom: 10px;
    width: 750px;
    text-align: center;
    background: #ffa000;
    /*
    			background: -moz-linear-gradient(left,  #ffa000 0%, #ffc800 50%, #ffa000 100%);
    			background: -webkit-linear-gradient(left,  #ffa000 0%,#ffc800 50%,#ffa000 100%);
    			background: linear-gradient(to right,  #ffa000 0%,#ffc800 50%,#ffa000 100%);
    			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ffa000',GradientType=1 );
    */
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  #target h4 img {
    margin-top: -50px;
  }

  /*----------------------------------------
  	#prologue
  ----------------------------------------*/
  #prologue {
    padding: 80px 0 50px;
    background: url(../images/back-prologue.jpg) no-repeat center top fixed;
  }
  #prologue h3 {
    margin-bottom: 30px;
  }
  #prologue .outer {
    margin: 0 auto;
    width: 980px;
  }
  #prologue .inner {
    margin-left: 250px;
    width: 730px;
  }
  #prologue .text {
    padding: 50px 50px 20px;
    width: 730px;
    background: rgba(255, 255, 255, 0.9);
  }

  #recommend-jin {
    margin-bottom: 30px;
    width: 730px;
  }
  #recommend-jin dd {
    padding: 50px 50px 20px;
    background: rgba(237, 28, 36, 0.9);
  }
  #recommend-jin p, #recommend-jin li {
    color: #fff;
  }

  #recommend-katsu {
    width: 730px;
  }
  #recommend-katsu dd {
    padding: 50px 50px 20px;
    background: rgba(251, 176, 59, 0.9);
  }
  #recommend-katsu dd .img-r {
    width: 250px;
  }

  /*----------------------------------------
  	#analysis
  ----------------------------------------*/
  .analysis {
    padding: 80px 0 50px;
    background: url(../images/back-analysis.jpg) no-repeat center top fixed;
  }
  .analysis h3 {
    margin-bottom: 20px;
    text-align: center;
  }
  .analysis .text {
    margin: 0 auto 100px;
    padding: 50px 50px 20px;
    width: 800px;
    background: rgba(0, 0, 0, 0.9);
  }
  .analysis .text:last-child {
    margin-bottom: 0;
  }
  .analysis p, .analysis li {
    color: #fff;
  }
  .analysis .contents li {
    margin: 0;
  }
  .analysis .contents img {
    width: 100%;
  }


  /*----------------------------------------
  	#special-benefits
  ----------------------------------------*/
  .special-benefits {
    padding: 80px 0 50px;
    background: url(../images/special-benefits.jpg) no-repeat center top fixed;
  }
  .special-benefits h3 {
    margin-bottom: 20px;
    text-align: center;
  }
  .special-benefits .text {
    margin: 0 auto 100px;
    padding: 50px 50px 20px;
    width: 800px;
    background: rgba(0, 0, 0, 0.9);
  }
  .special-benefits .text:last-child {
    margin-bottom: 0;
  }
  .special-benefits p, .analysis li {
    color: #fff;
  }
  .special-benefitss .contents li {
    margin: 0;
  }
  .special-benefits .contents img {
    width: 100%;
  }

  /*----------------------------------------
  	#logic-base
  ----------------------------------------*/
  #logic-base {
    background: url(../images/back-logic-base.jpg) no-repeat center top fixed;
  }
  #logic-base h3 {
    margin-bottom: 30px;
    text-align: center;
  }
  #logic-base .outer {
    margin: 0 auto;
    width: 980px;
  }
  #logic-base .inner {
    padding: 50px 0;
    width: 770px;
  }
  #logic-base .text {
    padding: 50px;
    background: rgba(27, 20, 100, 0.95);
  }
  #logic-base p, #logic-base li {
    color: #fff;
  }

  #logic-base-oco {
    margin-bottom: 30px;
    padding: 30px 30px 20px;
    border: 1px dotted #fff;
  }
  #logic-base-oco p {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #333;
    background: #fff;
    display: inline-block;
  }
  #logic-base-oco img {
    width: 100%;
  }

  /*----------------------------------------
  	#logic-3
  ----------------------------------------*/
  #logic-3 {
    background: url(../images/back-logic-3.jpg) no-repeat center top fixed;
  }
  #logic-3 h3 {
    margin-bottom: 30px;
    text-align: center;
  }
  #logic-3 .outer {
    margin: 0 auto;
    width: 980px;
  }
  #logic-3 .inner {
    margin-left: 210px;
    padding: 50px 0;
    width: 770px;
  }
  #logic-3 .text {
    padding: 50px;
    background: rgba(145, 3, 10, 0.9);
  }
  #logic-3 p, #logic-3 li {
    color: #fff;
  }
  #logic-3 dd {
    padding: 30px;
    background: #fff;
  }
  #logic-3 dd p, #logic-3 dd li {
    color: #000;
  }

  /*----------------------------------------
  	#merit
  ----------------------------------------*/
  #merit {
    padding: 50px 0;
    background: url(../images/back-merit.jpg) no-repeat center top fixed;
  }
  #merit .inner {
    margin: 0 auto;
    width: 800px;
  }
  #merit h3 {
    margin: 0 auto 50px;
    text-align: center;
    /*--width: 676px;--*/
    height: 676px;
  }
  #merit p, #merit li {
    color: #fff;
  }
  #merit dt {
    margin-bottom: 30px;
  }
  #merit dd {
    margin-bottom: 80px;
    width: 800px;
  }
  #merit dd:last-child {
    margin-bottom: 0;
  }
  #merit dd .text {
    padding: 50px 50px 20px;
    background: rgba(0, 0, 0, 0.9);
  }
  #merit dd img {
    width: 100%;
  }

  /*----------------------------------------
  	#beginner
  ----------------------------------------*/
  #beginner {
      padding: 80px 0;
      background: -moz-linear-gradient(65deg, #F13F79, #FFC778);
      background: -webkit-linear-gradient(65deg, #F13F79, #FFC778);
      background: linear-gradient(25deg, #F13F79, #FFC778);
  }
  #beginner h3 {
    margin-bottom: 50px;
    text-align: center;
  }
  #beginner .text {
    margin: 0 auto 120px;
    width: 800px;
  }
  #beginner p, #beginner li {
    color: #fff;
  }
  #beginner dl {
    margin: 0 auto 120px;
    width: 800px;
    border: 3px solid #fff;
  }
  #beginner dl:last-child {
    margin-bottom: 0;
  }
  #beginner dt {
    margin: -72px 0 0 -3px;
  }
  #beginner dd {
    padding: 50px 50px 20px;
  }

  /*----------------------------------------
  	#veteran
  ----------------------------------------*/
  #veteran {
    padding: 80px 0;
    background: url(../images/back-veteran.jpg) no-repeat center top fixed;
  }
  #veteran h3 {
    margin-bottom: 50px;
    text-align: center;
  }
  #veteran .text {
    margin: 0 auto 120px;
    width: 800px;
  }
  #veteran p, #veteran li {
    color: #fff;
  }
  #veteran dl {
    margin: 0 auto 120px;
    width: 800px;
    border: 3px solid #fff;
  }
  #veteran dl:last-child {
    margin-bottom: 0;
  }
  #veteran dt {
    margin: -72px 0 0 -3px;
  }
  #veteran dd {
    padding: 50px 50px 20px;
  }

  /*----------------------------------------
  	#step
  ----------------------------------------*/
  #step {
    padding: 80px 0 50px;
    background: url(../images/back-step.png) repeat-y center top;
  }
  #step h3 {
    margin: 0 0 50px 0;
  }
  #step .text {
    margin-left: 250px;
  }
  #step .outer {
    margin: 0 auto;
    width: 980px;
  }
  #step .inner {
    padding-left: 100px;
  }
  #step .inner dl {
    padding-bottom: 1px;
    border-radius: 20px;
  }
  #step .inner dt {
    margin-left: -120px;
  }
  #step .inner dd {
    padding: 0 50px;
  }
  #step .inner p, #step .inner li {
    color: #fff;
  }
  #step #step1 {
    margin-bottom: 30px;
    padding: 30px 30px 30px 30px;
    width: 850px;
    background: rgba(217, 12, 0, 0.6);
    border-radius: 20px;
  }
  #step #step1 dl {
    background: #d90c00;
  }
  #step #step2 {
    margin-bottom: 30px;
    padding: 30px 30px 30px 30px;
    width: 850px;
    background: rgba(28, 56, 123, 0.6);
    border-radius: 20px;
  }
  #step #step2 dl {
    background: #1c387b;
  }
  #step #step3 {
    margin-bottom: 30px;
    padding: 30px 30px 30px 30px;
    width: 850px;
    background: rgba(0, 144, 115, 0.6);
    border-radius: 20px;
  }
  #step #step3 dl {
    background: #009073;
  }

  /*----------------------------------------
  	#summary
  ----------------------------------------*/
  #summary {
    padding: 80px 0 100px;
    background: url(../images/back-summary.jpg) no-repeat center top fixed;
  }
  #summary h3 {
    margin-bottom: 50px;
    text-align: center;
  }
  #summary .text {
    margin: 0 auto;
    padding: 50px 50px 20px;
    width: 800px;
    background: rgba(255, 255, 255, 0.9);
  }
  #summary ul {
    margin-bottom: 30px;
    padding: 30px 30px 10px 85px;
    background: #ed1c24;
    border-radius: 20px;
  }
  #summary ul li {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: normal;
    line-height: 150%;
    position: relative;
    border-bottom: 1px dotted #fff;
  }
  #summary ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    left: -10%;
    width: 25px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /*----------------------------------------
  	#contentsList
  ----------------------------------------*/
  #contentsList {
    padding: 80px 0 0;
    background: url(../images/back-contentsList.jpg) no-repeat center top fixed;
  }
  #contentsList h3 {
    padding: 50px 0;
    text-align: center;
    background: white;
  }
  #contentsList .inner {
    padding: 50px 0 50px;
  }
  #contentsList dl {
    margin: 0 auto 80px;
    width: 780px;
  }
  #contentsList dd {
    margin: 0 auto;
    padding: 50px;
    width: 750px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 15px #000;
  }
  #contentsList .curriculum {
    margin-bottom: 30px;
  }
  #contentsList .curriculum li {
    margin-bottom: 0;
    padding: 20px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #093;
    border-bottom: 5px solid #fff;
  }
  #contentsList .curriculum li:last-child {
    border-bottom: none;
  }
  #contentsList .movie {
    margin: 0;
    width: 100%;
  }
  #contentsList .movie dd {
    padding: 0;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
  }

  .pre {
    margin: 0;
    padding: 50px 0;
    text-align: center;
    background: #fff;
  }
  .pre img {
    width: 900px;
  }

  #contentsList1 dl {
    margin: 0 !important;
    padding: 0 0 20px;
    width: 650px !important;
  }
  #contentsList1 dd dd {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 610px !important;
    box-shadow: none;
    border-radius: 0;
  }
  #contentsList1 dd dd img {
    width: 100%;
  }
  #contentsList1 h4 {
    padding: 20px 20px 18px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    background: #444;
  }
  #contentsList1 h4 i {
    margin: 0 8px 0 0;
    vertical-align: bottom;
  }

  #contentsList1-1 {
    background: #fb8c00;
  }

  #contentsList1-2 {
    background: #1976d2;
  }

  #contentsList1-3 {
    background: #6a1b9a;
  }

  #contentsList3 h4 {
    padding: 20px 20px 18px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    background: #444;
  }
  #contentsList3 h4 i {
    margin: 0 8px 0 0;
    vertical-align: bottom;
  }

  /*----------------------------------------
  	#bonus
  ----------------------------------------*/
  #bonus {
    padding: 30px 0 0;
    background: url(../images/back-bonus.jpg) no-repeat center top fixed;
  }
  #bonus .inner {
    margin: 0 auto;
    width: 980px;
  }
  #bonus dt {
    margin-bottom: 20px;
  }
  #bonus dd {
    margin-bottom: 60px;
    padding: 80px 80px 50px;
    background: #534741;
  }
  #bonus dd:last-child {
    margin-bottom: 0;
  }
  #bonus h3 {
    margin-bottom: 30px;
  }
  #bonus p, #bonus li {
    color: #fff;
  }

  /*----------------------------------------
  	#price
  ----------------------------------------*/
  #price {
    padding: 80px 0 50px;
    background: url(../images/back-price.jpg) no-repeat center top fixed;
  }
  #price .inner {
    margin: 0 auto;
    width: 980px;
  }
  #price h3 {
    margin-bottom: 30px;
    text-align: center;
  }
  #price p, #price li {
    color: #fff;
    text-shadow: 0px 0px 3px #a90e3c;
  }
  #price .text {
    margin: 0 auto 120px;
    padding: 50px 50px 20px;
    width: 700px;
    background: rgba(99, 64, 47, 0.8);
  }
  #price .text:last-child {
    margin-bottom: 0;
  }

  /*----------------------------------------
  	#epilogue
  ----------------------------------------*/
  #epilogue {
    padding: 50px 0 50px;
    background: url(../images/back-epilogue.jpg) no-repeat center top fixed;
  }
  #epilogue .inner {
    margin: 0 auto;
    width: 980px;
  }
  #epilogue .text {
    margin: 0 auto;
    padding: 80px 80px 50px;
    width: 700px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px #666;
  }
  #epilogue h3 {
    margin-bottom: 30px;
    text-align: center;
  }
  #epilogue .ta-r img {
    width: 40%;
  }

  /*----------------------------------------
  	#add
  ----------------------------------------*/
  #add {
    padding: 80px 0 50px;
    background: url(../images/back-add.jpg) no-repeat center top fixed;
  }
  #add .inner {
    margin: 0 auto;
    padding: 50px;
    width: 600px;
    background: rgba(0, 0, 0, 0.6);
  }
  #add .text {
    margin-bottom: 100px;
  }
  #add .text:last-child {
    margin-bottom: 0;
  }
  #add .text img {
    width: 100%;
  }
  #add h3 {
    margin-bottom: 50px;
  }
  #add h3 img {
    width: 30%;
  }
  #add p, #add li {
    color: #fff;
  }

  /*----------------------------------------
  	.special
  ----------------------------------------*/
  .special {
    padding: 30px 0;
  }
  .special h3 {
    text-align: center;
  }
  .special .text {
    margin: 0 auto;
    padding: 50px 50px 20px;
    width: 850px;
    background: rgba(0, 0, 0, 0.9);
  }
  .special p, .special li {
    color: #fff;
  }

  #special-ep-limited {
    background: url(../images/back-special-ep-limited.jpg) no-repeat center top fixed;
  }

  #special-it-pre {
    background: url(../images/back-special-it-pre.jpg) no-repeat center top fixed;
  }

  #special-it-pre2 {
    background: url(../images/back-special-it-pre2.jpg) no-repeat center top fixed;
  }

  #special-it-pre3 {
    background: url(../images/back-special-it-pre3.jpg) no-repeat center top fixed;
  }

  #special-it-pre4 {
    background: url(../images/back-special-it-pre4.jpg) no-repeat center top fixed;
  }

  #special-it-pre4 dd {
    margin-bottom: 30px;
    padding: 50px 50px 20px;
    background: #fff;
  }
  #special-it-pre4 dd p, #special-it-pre4 dd li {
    color: #333;
  }

  /*----------------------------------------
  	#award
  ----------------------------------------*/
  #award {
    text-align: center;
    background: url(../images/back-award.jpg) no-repeat center top;
  }
  #award li {
    margin-bottom: 0;
  }

  /*----------------------------------------
  	#special-seminar
  ----------------------------------------*/
	#special-seminar {
	    background: url(../images/back-special-seminar.jpg) no-repeat top right fixed;
		background-size: cover;
		padding: 5%;

	}
	#special-seminar h3 {
		max-width: 980px;
		margin-bottom: 30px;
	}
	#special-seminar .inner{
		max-width: 980px;
		margin: 0;

	}

	#special-seminar .inner a{
		color: #ffffff;
		font-weight: bold;
		font-size: 4rem;

	}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
element.style {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
#special-seminar .inner a{
  color: #ffffff;
  font-weight: bold;
  font-size: 4rem;
}

#special-seminar .top-back {
    padding: 16px;
    margin: 0px 16px 16px 0px;
    /* float: right; */
    display: block;
    background-color: #1c8a24;
    box-shadow: 0 8px 0 #1a580e;
    text-align: center;
    color: #fff;
    /* border: solid 3px #2980b9; */
    font-size: 2.0rem;
    border-radius: 50px;
    font-weight: 800;
}

}


@media screen and (max-width: 768px) {
#special-seminar {
  background: url(../images/back-special-seminar_sp.jpg) no-repeat top right fixed;
  padding: 10px 0 10px 0;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
element.style {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
#special-seminar .inner a{
  color: #ffffff;
  font-weight: bold;
  font-size: 2rem;
  padding-left: 10px;
  margin-left: 20px;

}

#special-seminar .top-back {
    padding: 16px;
    margin: 0px 16px 16px 0px;
    /* float: right; */
    display: block;
    background-color: #1c8a24;
    box-shadow: 0 8px 0 #1a580e;
    text-align: center;
    color: #fff;
    /* border: solid 3px #2980b9; */
    font-size: 2.0rem;
    border-radius: 50px;
    font-weight: 800;
}

}