@charset "UTF-8";
/*
@mixin fz($fzSize) {
	font-size: $fzSize + px;
	font-size: ($fzSize / 10) + rem;
}
*/
@media screen and (max-width: 769px)
{
  /*----------------------------------------
  	#special-202011
  ----------------------------------------*/
	#special-202011 h3{
		background: url(../images/back-special-202011.jpg) no-repeat top;
		background-size: cover;
		padding: 2%;
	}
	#special-202011 h3.pc-only{
		display: none;
	}
	#special-202011 h3.sp-only{
		display: block;
	}
	#special-202011 .inner {
    padding: 6% 3%;
    background: #0e0e0e;
  }
  #special-202011 .inner p {
    color: #fff;
  }
	#special-202011 .inner p.timer {
    	width: 100%;
    	padding: 5% 2%;
    	text-align: center;
    	font-size: 4.5vw;
    	font-weight: bold;
    	margin: auto;
    	color: #fff;
		background: #333;
		line-height: 2;
	}
	#special-202011 .inner p.timer span {
		background: #b30101;
    	font-weight: bold;
    	padding: 6px 15px;
	}
	#special-202011 .inner p.timer br {
		display: inline !important;
	}
  /*----------------------------------------
  	#special-202002
  ----------------------------------------*/
	#special-202002 {

	}
	#special-202002 h3{
		background: url(../images/back-special-202002.jpg) no-repeat top;
		background-size: cover;
		padding: 0;
	}
	#special-202002 h3.pc-only{
		display: none;
	}
	#special-202002 h3.sp-only{
		display: block;
	}
	#special-202002 .inner {
		padding: 6% 3%;
	}
	#special-202002 .inner p.timer {
    	width: 100%;
    	padding: 5% 2%;
    	text-align: center;
    	font-size: 4.5vw;
    	font-weight: bold;
    	margin: auto;
    	color: #fff;
		background: #333;
		line-height: 2;
	}
	#special-202002 .inner p.timer span {
		background: #b30101;
    	font-weight: bold;
    	padding: 6px 15px;
	}
	#special-202002 .inner p.timer br {
		display: inline !important;
	}


  /*----------------------------------------
  	#special-201911
  ----------------------------------------*/
	#special-201911 {

	}
	#special-201911 h3{
		background: url(../images/back-special-201911.jpg) no-repeat top;
		background-size: cover;
		padding: 0;
	}
	#special-201911 h3.pc-only{
		display: none;
	}
	#special-201911 h3.sp-only{
		display: block;
	}
	#special-201911 .inner {
		padding: 6% 3%;
	}
	#special-201911 .inner p.timer {
    	width: 100%;
    	padding: 5% 2%;
    	text-align: center;
    	font-size: 4.5vw;
    	font-weight: bold;
    	margin: auto;
    	color: #fff;
		background: #333;
		line-height: 2;
	}
	#special-201911 .inner p.timer span {
		background: #b30101;
    	font-weight: bold;
    	padding: 6px 15px;
	}
	#special-201911 .inner p.timer br {
		display: inline !important;
	}
  /*----------------------------------------
  	.voice-rich
  ----------------------------------------*/
  .voice-rich dl {
    margin-bottom: 3.125vw;
    padding: 5%;
    width: 100%;
    background: url(../images/back-voice.jpg) no-repeat center top;
    background-size: cover;
  }
  .voice-rich dt {
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    text-align: center;
  }
  .voice-rich dt span {
    margin-bottom: 2.5vw;
    padding: 2%;
    font-weight: bold;
    display: inline-block;
    background: rgba(0, 0, 0, 0.9);
  }
  .voice-rich .arrow {
    margin-bottom: 9.375vw;
    padding: 5%;
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    line-height: 130%;
    font-weight: bold;
    text-align: center;
    background: #d5a431;
    border: 1.5625vw solid #f5e60f;
    position: relative;
  }
  .voice-rich .arrow:after, .voice-rich .arrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .voice-rich .arrow:after {
    border-color: rgba(213, 164, 49, 0);
    border-top-color: #d5a431;
    border-width: 20px;
    margin-left: -20px;
  }
  .voice-rich .arrow:before {
    border-color: rgba(245, 230, 15, 0);
    border-top-color: #f5e60f;
    border-width: 27px;
    margin-left: -27px;
  }
  .voice-rich .after {
    margin-bottom: 1.5625vw;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 25px;
    font-size: 7.8125vw;
    text-align: center;
    line-height: 130%;
    font-weight: bold;
    letter-spacing: -0.07em;
    text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
  }
  .voice-rich .after span {
    margin-bottom: .5em;
    padding: .4em .2em;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 28px;
    font-size: 8.75vw;
    color: #fff;
    letter-spacing: -.05em;
    font-weight: bold;
    line-height: 130%;
    text-shadow: none;
    display: inline-block;
    background-color: #f700c5;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFF700C5', endColorstr='#FFEA0003');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3MDBjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhMDAwMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f700c5), color-stop(100%, #ea0003));
    background-image: -moz-linear-gradient(left, #f700c5 0%, #ea0003 100%);
    background-image: -webkit-linear-gradient(left, #f700c5 0%, #ea0003 100%);
    background-image: linear-gradient(to right, #f700c5 0%, #ea0003 100%);
    box-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
  }
  #interview .after {
    font-size: 19px;
    font-size: 4.8125vw;
  }
  .voice {
    background: #d4135a;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 22px;
    padding: 2%;
    text-align: center;
  }

  /*----------------------------------------
  	#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-header10 {
    background: url(../images/back-global-header10.jpg) no-repeat center top;
    background-size: cover;
  }

  /*----------------------------------------
  	#result
  ----------------------------------------*/
  #result {
    /*
    		.voice-rich {
    			dt {
    				@include fz(22);
    				text-align: center;
    			}

    			.after {
    				text-align: center;

    				span {
    					@include fz(80);
    				}
    			}
    		}
    */
  }
  #result h3 {
    padding: 3%;
    background: url(../images/back-result.jpg) repeat center top;
    background-size: 100%;
  }
  #result .inner {
    padding: 5%;
  }
  #result #result-chat dl {
    margin-bottom: 3%;
    width: 100%;
    height: 100%;
    border-left: 3px solid #AC32E4;
    border-right: 3px solid #4801FF;
  }
  #result #result-chat dl:before, #result #result-chat dl:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-image: linear-gradient(-225deg, #ac32e4 0%, #7918f2 48%, #4801ff 100%);
  }
  #result #result-chat dl:last-child {
    margin-bottom: 0;
  }
  #result #result-chat dt {
    padding: 5%;
    font-size: 20px;
    font-size: 6.25vw;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: center;
    background-color: #AC32E4;
    background-image: linear-gradient(-225deg, #ac32e4 0%, #7918f2 48%, #4801ff 100%);
    text-shadow: 2px 2px 0px #000;
  }
  #result #result-chat2020 dl {
    margin-bottom: 3%;
    width: 100%;
    height: 100%;
    border-left: 3px solid#ec8300;
    border-right: 3px solid #de0000;
  }
  #result #result-chat2020 dl:before, #result #result-chat2020 dl:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-image: linear-gradient(-225deg, #ec8300 0%, #e83600 48%, #de0000 100%);
  }
  #result #result-chat2020 dl:last-child {
    margin-bottom: 0;
  }
  #result #result-chat2020 dt {
    padding: 5%;
    font-size: 20px;
    font-size: 6.25vw;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: center;
    background-color: #de0000;
    background-image: linear-gradient(-225deg, #ec8300 0%, #e83600 48%, #de0000 100%);
    text-shadow: 2px 2px 0px #000;
  }
  #result .inner {
    margin: 0 auto 80px;
    width: 980px;
  }
  /*----------------------------------------
  	#result2021
  ----------------------------------------*/

 #result #result-chat2021 dl {
    margin-bottom: 3%;
    width: 100%;
    height: 100%;
    border-left: 3px solid rgba(0,170,31,1);
    border-right: 3px solid rgba(0,78,22,1);
  }
  #result #result-chat2021 dl:before, #result #result-chat2021 dl:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: rgb(0,170,31);
background: linear-gradient(90deg, rgba(0,170,31,1) 0%, rgba(0,78,22,1) 100%);
  }
  #result #result-chat2021 dl:last-child {
    margin-bottom: 0;
  }
  #result #result-chat2021 dt {
    padding: 5%;
    font-size: 20px;
    font-size: 6.25vw;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: center;
    background-color: #de0000;
   background: rgb(0,170,31);
background: linear-gradient(90deg, rgba(0,170,31,1) 0%, rgba(0,78,22,1) 100%);
    text-shadow: 2px 2px 0px #000;
  }
  /*----------------------------------------
  	.voice
  ----------------------------------------*/
  .voice dl {
    margin-bottom: 3.125vw;
    padding: 5%;
    width: 100%;
    background: url(../images/back-prologue-voice.png) no-repeat center top;
    background-size: cover;
  }
  .voice dt {
    font-size: 15px;
    font-size: 4.6875vw;
    color: #fff;
  }
  .voice dt span {
    margin-bottom: 2.5vw;
    padding: 2%;
    font-weight: bold;
    display: inline-block;
    background: rgba(0, 0, 0, 0.9);
  }
  .voice .arrow {
    margin-bottom: 9.375vw;
    padding: 5%;
    font-size: 15px;
    font-size: 4.6875vw;
    color: #fff;
    line-height: 130%;
    font-weight: bold;
    text-align: center;
    background: #d5a431;
    border: 1.5625vw solid #f5e60f;
    position: relative;
  }
  .voice .arrow:after, .voice .arrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .voice .arrow:after {
    border-color: rgba(213, 164, 49, 0);
    border-top-color: #d5a431;
    border-width: 20px;
    margin-left: -20px;
  }
  .voice .arrow:before {
    border-color: rgba(245, 230, 15, 0);
    border-top-color: #f5e60f;
    border-width: 27px;
    margin-left: -27px;
  }
  .voice .after {
    margin-bottom: 1.5625vw;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 17px;
    font-size: 5.3125vw;
    line-height: 130%;
    font-weight: bold;
    letter-spacing: -0.07em;
    text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
  }
  .voice .after span {
    margin-bottom: 0.9375vw;
    padding: 0.5% 1%;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 17px;
    font-size: 5.3125vw;
    color: #fff;
    font-weight: bold;
    line-height: 180%;
    text-shadow: none;
    display: inline-block;
    background-color: #f700c5;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFF700C5', endColorstr='#FFEA0003');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3MDBjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhMDAwMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f700c5), color-stop(100%, #ea0003));
    background-image: -moz-linear-gradient(left, #f700c5 0%, #ea0003 100%);
    background-image: -webkit-linear-gradient(left, #f700c5 0%, #ea0003 100%);
    background-image: linear-gradient(to right, #f700c5 0%, #ea0003 100%);
    box-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
  }

  /*----------------------------------------
  	#prologue
  ----------------------------------------*/
  #prologue h3 {
    padding: 12% 28% 12% 3%;
    background: url(../images/back-prologue.jpg) no-repeat 10% top;
    background-size: 120%;
  }
  #prologue h3 img {
    padding: 2%;
    background: rgba(147, 39, 143, 0.9);
  }
  #prologue .text {
    padding: 5%;
    background: rgba(147, 39, 143, 0.9);
  }
  #prologue p, #prologue li {
    color: #fff;
  }

  /*----------------------------------------
  	#target
  ----------------------------------------*/
  #target {
    padding: 30% 0 0;
    background: url(../images/back-target.jpg) no-repeat center top;
    background-size: 150%;
  }
  #target .list-orange {
    background: #ff8832;
    background: linear-gradient(to right, rgba(255, 136, 50, 0.95) 0%, rgba(255, 33, 92, 0.95) 100%);
  }
  #target .list-orange li {
    font-size: 12px;
    font-size: 3.75vw;
    font-weight: normal;
  }

  /*----------------------------------------
  	#merit
  ----------------------------------------*/
  #merit h3 {
    padding: 3%;
    background: url(../images/back-merit.jpg) repeat center top;
    background-size: 100%;
  }
  #merit p, #merit li {
    color: #fff;
  }
  #merit dt {
    padding: 2%;
    background: rgba(0, 0, 0, 0.9);
  }
  #merit dd {
    margin-bottom: 8%;
    padding: 5%;
  }
  #merit dd:last-child {
    margin-bottom: 0;
  }

  #merit1 dd {
    background-color: rgba(0, 65, 151, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CC004197', endColorstr='#CCFF3494');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDE5NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjM0OTQiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 65, 151, 0.8)), color-stop(100%, rgba(255, 52, 148, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(0, 65, 151, 0.8) 0%, rgba(255, 52, 148, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 65, 151, 0.8) 0%, rgba(255, 52, 148, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(0, 65, 151, 0.8) 0%, rgba(255, 52, 148, 0.8) 100%);
  }

  #merit2 dd {
    background-color: rgba(212, 35, 0, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CCD42300', endColorstr='#CCFF9E15');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MjMwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjllMTUiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(212, 35, 0, 0.8)), color-stop(100%, rgba(255, 158, 21, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(212, 35, 0, 0.8) 0%, rgba(255, 158, 21, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(212, 35, 0, 0.8) 0%, rgba(255, 158, 21, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(212, 35, 0, 0.8) 0%, rgba(255, 158, 21, 0.8) 100%);
  }

  #merit3 dd {
    background-color: rgba(0, 170, 58, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CC00AA3A', endColorstr='#CC00D4D1');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWEzYSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGQ0ZDEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 170, 58, 0.8)), color-stop(100%, rgba(0, 212, 209, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(0, 170, 58, 0.8) 0%, rgba(0, 212, 209, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 170, 58, 0.8) 0%, rgba(0, 212, 209, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(0, 170, 58, 0.8) 0%, rgba(0, 212, 209, 0.8) 100%);
  }

  #merit4 dd {
    background-color: rgba(170, 0, 4, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CCAA0004', endColorstr='#CCFF2A7D');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMDAwNCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjJhN2QiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(170, 0, 4, 0.8)), color-stop(100%, rgba(255, 42, 125, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(170, 0, 4, 0.8) 0%, rgba(255, 42, 125, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(170, 0, 4, 0.8) 0%, rgba(255, 42, 125, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(170, 0, 4, 0.8) 0%, rgba(255, 42, 125, 0.8) 100%);
  }

  #merit5 dd {
    background-color: rgba(85, 0, 35, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CC550023', endColorstr='#CCE97B00');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1MDAyMyIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTdiMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(85, 0, 35, 0.8)), color-stop(100%, rgba(233, 123, 0, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(85, 0, 35, 0.8) 0%, rgba(233, 123, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(85, 0, 35, 0.8) 0%, rgba(233, 123, 0, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(85, 0, 35, 0.8) 0%, rgba(233, 123, 0, 0.8) 100%);
  }

  /*----------------------------------------
  	#personal
  ----------------------------------------*/
  #personal h3 {
    padding: 15% 2% 15% 40%;
    background: url(../images/back-personal.jpg) no-repeat 50% top;
    background-size: 150%;
  }
  #personal .text {
    padding: 5%;
  }

  #profile {
    margin-bottom: 3.125vw;
    background: #0d1523;
  }
  #profile .text {
    padding: 5%;
    background: transparent;
  }
  #profile p {
    font-size: 12px;
    font-size: 3.75vw;
    color: #0bdfff;
  }

  #approach1 dt {
    text-align: center;
  }
  #approach1 dt img {
    width: 80%;
  }
  #approach1 dd {
    margin-top: -34.375vw;
    padding: 28.125vw 5% 5%;
    border: 15px double #ed1c24;
  }

  #approach2 dt {
    text-align: center;
  }
  #approach2 dt img {
    width: 80%;
  }
  #approach2 dd {
    margin-top: -31.25vw;
    padding: 31.25vw 5% 5%;
    border: 15px double #1b1464;
  }

  #approach3 {
    margin-bottom: 5%;
  }
  #approach3 dt {
    text-align: center;
  }
  #approach3 dt img {
    width: 80%;
  }
  #approach3 dd {
    margin-top: -34.375vw;
    padding: 31.25vw 5% 5%;
    border: 15px double #006837;
  }

  /*----------------------------------------
  	#curriculum
  ----------------------------------------*/
  #curriculum h3 {
    padding: 5%;
    width: 100%;
    text-align: center;
    background: url(../images/back-curriculum.jpg) no-repeat center top;
    background-size: cover;
  }
  #curriculum h3 img {
    padding: 1.5%;
    background: rgba(252, 238, 33, 0.8);
    transform: skewY(-3deg);
  }
  #curriculum .text {
    padding: 5%;
  }
  #curriculum .curriculum-detail .num0 dt {
    font-size: 18px;
    font-size: 5.625vw;
    background: #fff;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  #curriculum .curriculum-detail .num0 dt i {
    margin-right: .2em;
    padding: .5em;
    color: #fff;
    background: #000;
  }
  #curriculum .curriculum-detail .num0 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  #curriculum .curriculum-detail .num0 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #333;
    font-weight: normal;
    display: block;
    background: #fff;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  #curriculum .curriculum-detail .num0 dd li:last-child {
    border-bottom: none;
  }
  #curriculum .curriculum-detail .num0 dd li i {
    margin-right: .5em;
  }
  #curriculum .curriculum-detail .num1 dt {
    padding: 1em;
    font-size: 14px;
    font-size: 4.375vw;
    color: #fff;
    font-weight: bold;
    background: #cc003b;
  }
  #curriculum .curriculum-detail .num1 dt span {
    margin: 0 .3em .3em 0;
    padding: .2em .4em;
    color: #cc003b;
    line-height: 180%;
    background: #fff;
    border-radius: 10px;
  }
  #curriculum .curriculum-detail .num1 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #ea6600;
    border-right: 1px dotted #cc003b;
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #cc003b;
  }
  #curriculum .curriculum-detail .num1 dd li:last-child {
    border-bottom: none;
  }
  #curriculum .curriculum-detail .num1 dd li i {
    margin-right: .3em;
  }
  #curriculum .curriculum-detail .num1 dd li span {
    margin-bottom: .5em;
    padding: .3em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
  }
  #curriculum .curriculum-detail .num2 dt {
    padding: 1em;
    font-size: 14px;
    font-size: 4.375vw;
    color: #fff;
    font-weight: bold;
    background: #0018ac;
  }
  #curriculum .curriculum-detail .num2 dt span {
    margin: 0 .3em .3em 0;
    padding: .2em .4em;
    color: #0018ac;
    line-height: 180%;
    background: #fff;
    border-radius: 10px;
  }
  #curriculum .curriculum-detail .num2 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #5900bc;
    border-right: 1px dotted #0018ac;
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #0018ac;
  }
  #curriculum .curriculum-detail .num2 dd li:last-child {
    border-bottom: none;
  }
  #curriculum .curriculum-detail .num2 dd li i {
    margin-right: .3em;
  }
  #curriculum .curriculum-detail .num2 dd li span {
    margin-bottom: .5em;
    padding: .3em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
  }
  #curriculum .curriculum-detail .num3 dt {
    padding: 1em;
    font-size: 14px;
    font-size: 4.375vw;
    color: #fff;
    font-weight: bold;
    background: #008042;
  }
  #curriculum .curriculum-detail .num3 dt span {
    margin: 0 .3em .3em 0;
    padding: .2em .4em;
    color: #008042;
    line-height: 180%;
    display: inline-block;
    background: #fff;
    border-radius: 10px;
  }
  #curriculum .curriculum-detail .num3 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #44af00;
    border-right: 1px dotted #008042;
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #008042;
  }
  #curriculum .curriculum-detail .num3 dd li:last-child {
    border-bottom: none;
  }
  #curriculum .curriculum-detail .num3 dd li i {
    margin-right: .3em;
  }
  #curriculum .curriculum-detail .num3 dd li span {
    margin-bottom: .5em;
    padding: .3em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
  }
  #curriculum .curriculum-detail .num4 {
    margin-bottom: 8%;
  }
  #curriculum .curriculum-detail .num4 dt {
    font-size: 18px;
    font-size: 5.625vw;
    color: #fff;
    background: #bfac00;
  }
  #curriculum .curriculum-detail .num4 dt i {
    margin-right: .2em;
    padding: .5em;
    color: #fff;
    background: #a08b00;
  }
  #curriculum .curriculum-detail .num4 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  #curriculum .curriculum-detail .num4 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #333;
    font-weight: normal;
    display: block;
    background: #fff;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  #curriculum .curriculum-detail .num4 dd li i {
    margin-right: .5em;
  }

  /*----------------------------------------
  	#contentsList
  ----------------------------------------*/
  #contentsList h3 {
    padding: 10% 3%;
    background: url(../images/back-contentsList.jpg) no-repeat center top;
    background-size: cover;
  }
  #contentsList .text {
    padding: 5%;
    background: #fff;
  }
  #contentsList p {
    color: #333;
  }
  #contentsList .curriculum-detail {
    margin-bottom: 8%;
  }
  #contentsList .curriculum-detail .num1 dt {
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: bold;
    background: #c70043;
    border-top: 1px solid #8a0000;
    border-right: 1px solid #8a0000;
    border-bottom: 1px solid #8a0000;
  }
  #contentsList .curriculum-detail .num1 dt i {
    margin-right: .5em;
    padding: .5em;
    color: #fff;
    background: #8a0000;
  }
  #contentsList .curriculum-detail .num1 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  #contentsList .curriculum-detail .num1 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #e2006e;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  #contentsList .curriculum-detail .num1 dd li:last-child {
    border-bottom: none;
  }
  #contentsList .curriculum-detail .num1 dd li i {
    margin-right: .5em;
  }
  #contentsList .curriculum-detail .num2 dt {
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: bold;
    background: #0057cf;
    border-top: 1px solid #008cd7;
    border-right: 1px solid #008cd7;
    border-bottom: 1px solid #008cd7;
  }
  #contentsList .curriculum-detail .num2 dt i {
    margin-right: .5em;
    padding: .5em;
    color: #fff;
    background: #008cd7;
  }
  #contentsList .curriculum-detail .num2 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  #contentsList .curriculum-detail .num2 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 12px;
    font-size: 3.75vw;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #00a9af;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  #contentsList .curriculum-detail .num2 dd li:last-child {
    border-bottom: none;
  }
  #contentsList .curriculum-detail .num2 dd li i {
    margin-right: .5em;
  }
  #contentsList .curriculum {
    margin-bottom: 5%;
    border: 5px solid #fff;
  }
  #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;
  }

  .pre {
    margin-bottom: 3%;
    padding: 2%;
    text-align: center;
    border: 5px solid #000;
  }

  /*----------------------------------------
  	#bonus
  ----------------------------------------*/
  #bonus h3 {
    padding: 2%;
    background: url(../images/back-bonus.jpg) repeat center top;
    background-size: cover;
  }
  #bonus dd {
    padding: 5%;
    background: black;
  }
  #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%;
  }

  /*----------------------------------------
  	.flow
  ----------------------------------------*/
  .flow {
    background: #fff200;
  }

  /*----------------------------------------
  	#epilogue
  ----------------------------------------*/
  #epilogue h3 {
    padding: 3%;
    background: url(../images/back-epilogue.jpg) no-repeat left top;
    background-size: cover;
  }
  #epilogue .text {
    padding: 5%;
  }
  #epilogue .name {
    text-align: right;
  }
  #epilogue .name img {
    width: 60%;
  }

  /*----------------------------------------
  	#add
  ----------------------------------------*/
  #add h3 {
    padding: 5% 0;
    font-size: 40px;
    font-size: 12.5vw;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    text-align: center;
    background: url(../images/back-add.jpg) no-repeat center 10%;
    background-size: cover;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
  }
  #add .text {
    padding: 5%;
  }

  /*----------------------------------------
  	.voice-rich-section
  ----------------------------------------*/
  .voice-rich-section h3 {
    padding: 3%;
  }

  /*----------------------------------------
  	#price
  ----------------------------------------*/
  .product .product-caution {
    margin-bottom: 1rem;
    padding: 2rem;
    text-align: center;
    background: #fff;
    /* border: 5px solid #900; */
    margin: 3%;
}
.product .product-caution p {
    font-size: 15px;
    font-size: 4vw;
}
}
@media screen and (min-width: 769px)
{
  /*----------------------------------------
  	#special-202011
  ----------------------------------------*/
	#special-202011 {
		background: url(../images/back-special-202011.jpg) no-repeat bottom fixed;
	}
	#special-202011 h3{
		/*background: linear-gradient(180deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
		padding: 5% 23% 2%;;
	}
	#special-202011 h3.sp-only{
		display: none;
	}
	#special-202011 h3.pc-only{
		display: block;
	}
	#special-202011 .inner {
		max-width: 980px;
		padding: 3%;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.9);
	}
	#special-202011 p{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 180%;
	}
	#special-202011 .inner p.timer {
    	width: 90%;
    	padding: 5%;
    	text-align: center;
    	font-size: 30px;
    	font-weight: bold;
    	margin: auto;
    	color: #fff;
		background: #333;
	}
	#special-202011 .inner p.timer span {
		background: #b30101;
    	font-weight: bold;
    	padding: 6px 15px;
	}
  /*----------------------------------------
  	#special-202002
  ----------------------------------------*/
	#special-202002 {
		background: url(../images/back-special-202002.jpg) no-repeat bottom fixed;
	}
	#special-202002 h3{
		/*background: linear-gradient(180deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
		padding: 3% 10%;
	}
	#special-202002 h3.sp-only{
		display: none;
	}
	#special-202002 h3.pc-only{
		display: block;
	}
	#special-202002 .inner {
		max-width: 980px;
		padding: 3%;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.9);
	}
	#special-202002 p{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 180%;
	}
	#special-202002 .inner p.timer {
    	width: 90%;
    	padding: 5%;
    	text-align: center;
    	font-size: 30px;
    	font-weight: bold;
    	margin: auto;
    	color: #fff;
		background: #333;
	}
	#special-202002 .inner p.timer span {
		background: #b30101;
    	font-weight: bold;
    	padding: 6px 15px;
	}


  /*----------------------------------------
  	#special-201911
  ----------------------------------------*/
	#special-201911 {
		background: url(../images/back-special-201911.jpg) no-repeat bottom fixed;
	}
	#special-201911 h3{
		background: linear-gradient(180deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
		padding: 3% 10%;
	}
	#special-201911 h3.sp-only{
		display: none;
	}
	#special-201911 h3.pc-only{
		display: block;
	}
	#special-201911 .inner {
		max-width: 980px;
		padding: 3%;
		margin: 0 auto;
		background: rgba(255, 255, 255, 0.9);
	}
	#special-201911 p{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 180%;
	}
	#special-201911 .inner p.timer {
    	width: 90%;
    	padding: 5%;
    	text-align: center;
    	font-size: 30px;
    	font-weight: bold;
    	margin: auto;
    	color: #fff;
		background: #333;
	}
	#special-201911 .inner p.timer span {
		background: #b30101;
    	font-weight: bold;
    	padding: 6px 15px;
	}
  /*----------------------------------------
  	.voice-rich
  ----------------------------------------*/
  .voice-rich dl {
    margin-bottom: 30px;
    padding: 30px;
    width: 100%;
    text-align: center;
    background: url(../images/back-voice.jpg) no-repeat center top;
    background-size: cover;
    box-shadow: 0 0 10px #000;
  }
  .voice-rich dt {
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
  }
  .voice-rich dt span {
    margin-bottom: 10px;
    padding: 10px;
    font-weight: bold;
    display: inline-block;
    background: rgba(0, 0, 0, 0.9);
  }
  .voice-rich .arrow {
    margin-bottom: 30px;
    padding: 20px;
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
    line-height: 130%;
    font-weight: bold;
    text-align: center;
    background: #d5a431;
    border: 5px solid #f5e60f;
    position: relative;
  }
  .voice-rich .arrow:after, .voice-rich .arrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .voice-rich .arrow:after {
    border-color: rgba(213, 164, 49, 0);
    border-top-color: #d5a431;
    border-width: 20px;
    margin-left: -20px;
  }
  .voice-rich .arrow:before {
    border-color: rgba(245, 230, 15, 0);
    border-top-color: #f5e60f;
    border-width: 27px;
    margin-left: -27px;
  }
  .voice-rich .after {
    margin-bottom: 10px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 130%;
    font-weight: bold;
    letter-spacing: -0.07em;
    text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
  }
  .voice-rich .after span {
    padding: 5px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    line-height: 160%;
    text-shadow: none;
    background-color: #f700c5;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFF700C5', endColorstr='#FFEA0003');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3MDBjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhMDAwMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f700c5), color-stop(100%, #ea0003));
    background-image: -moz-linear-gradient(left, #f700c5 0%, #ea0003 100%);
    background-image: -webkit-linear-gradient(left, #f700c5 0%, #ea0003 100%);
    background-image: linear-gradient(to right, #f700c5 0%, #ea0003 100%);
    box-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
  }
  .voice {
    background: #d4135a;
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    padding: 2%;
  }

  /*----------------------------------------
  	#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 h3 {
    margin: 0 auto;
    width: 800px;
  }
  #result #result-chat {
    margin: 0 auto 80px;
    width: 900px;
  }
  #result #result-chat dl {
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    border-left: 3px solid #AC32E4;
    border-right: 3px solid #4801FF;
    box-shadow: 0 0 10px #000;
  }
  #result #result-chat dl:before, #result #result-chat dl:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-image: linear-gradient(-225deg, #ac32e4 0%, #7918f2 48%, #4801ff 100%);
  }
  #result #result-chat dt {
    padding: 17px 10px 30px;
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: center;
    text-align: center;
    background-color: #AC32E4;
    background-image: linear-gradient(-225deg, #ac32e4 0%, #7918f2 48%, #4801ff 100%);
    text-shadow: 2px 2px 0px #000;
  }
  #result #result-chat2020 {
    margin: 0 auto 80px;
    width: 900px;
  }
  #result #result-chat2020 dl {
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    border-left: 3px solid #ec8300;
    border-right: 3px solid #de0000;
    box-shadow: 0 0 10px #000;
  }
  #result #result-chat2020 dl:before, #result #result-chat2020 dl:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-image: linear-gradient(-225deg,#ec8300 0%, #e83600 48%, #de0000 100%);
  }
  #result #result-chat2020 dt {
    padding: 17px 10px 30px;
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: center;
    background-color:#de0000;
    background-image: linear-gradient(-225deg,#ec8300 0%, #e83600 48%, #de0000 100%);
    text-shadow: 2px 2px 0px #000;
  }
	  /*----------------------------------------
  	#result2021
  ----------------------------------------*/
	#result #result-chat2021 {
    margin: 0 auto 80px;
    width: 900px;
  }
  #result #result-chat2021 dl {
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    border-left: 3px solid rgba(0,170,31,1);
    border-right: 3px solid rgba(0,78,22,1);
    box-shadow: 0 0 10px #000;
  }
  #result #result-chat2021 dl:before, #result #result-chat2021 dl:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: rgb(0,170,31);
background: linear-gradient(90deg, rgba(0,170,31,1) 0%, rgba(0,78,22,1) 100%);
  }
  #result #result-chat2021 dt {
    padding: 17px 10px 30px;
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: center;
background: rgb(0,170,31);
background: linear-gradient(90deg, rgba(0,170,31,1) 0%, rgba(0,78,22,1) 100%);
    text-shadow: 2px 2px 0px #000;
  }
  #result .inner {
    margin: 0 auto 80px;
    width: 980px;
  }
  #result .voice-rich {
    margin: 0 auto;
    width: 800px;
  }
  #result .voice-rich dt {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
  }
  #result .voice-rich .after {
    text-align: center;
  }
  #result .voice-rich .after span {
    font-size: 80px;
    font-size: 6rem;
  }

  #result-movie {
    margin: 0 auto 80px;
    width: 980px;
    box-shadow: 0 0 10px #000;
  }
  #interview .after {
    font-size: 40px;
  }

  /*----------------------------------------
  	#prologue
  ----------------------------------------*/
  #prologue {
    background: url(../images/back-prologue.jpg) no-repeat center top fixed;
  }
  #prologue .outer {
    padding: 3% 3% 3% 15%;
    width: 60%;
    background: rgba(147, 39, 143, 0.9);
  }
  #prologue h3 {
    margin-bottom: 50px;
  }
  #prologue p, #prologue li {
    color: #fff;
  }

  /*----------------------------------------
  	#target
  ----------------------------------------*/
  #target {
    padding: 350px 20% 50px;
    background: url(../images/back-target.jpg) no-repeat center top fixed;
  }
  #target .list-orange {
    padding: 30px 30px 20px 30px;
    background: #ff8832;
    background: linear-gradient(to right, rgba(255, 136, 50, 0.95) 0%, rgba(255, 33, 92, 0.95) 100%);
    border-radius: 20px;
  }
  #target .list-orange li {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    line-height: 180%;
  }
  #target .check {
    padding: 30px 30px 20px 70px;
  }
  #target .check li {
    position: relative;
  }
  #target .check li::after {
    display: block;
    content: '';
    position: absolute;
    top: 6px;
    left: -30px;
    width: 20px;
    height: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

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

  #merit1 dd {
    background-color: rgba(0, 65, 151, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CC004197', endColorstr='#CCFF3494');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDE5NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjM0OTQiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 65, 151, 0.8)), color-stop(100%, rgba(255, 52, 148, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(0, 65, 151, 0.8) 0%, rgba(255, 52, 148, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 65, 151, 0.8) 0%, rgba(255, 52, 148, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(0, 65, 151, 0.8) 0%, rgba(255, 52, 148, 0.8) 100%);
  }

  #merit2 dd {
    background-color: rgba(212, 35, 0, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CCD42300', endColorstr='#CCFF9E15');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MjMwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjllMTUiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(212, 35, 0, 0.8)), color-stop(100%, rgba(255, 158, 21, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(212, 35, 0, 0.8) 0%, rgba(255, 158, 21, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(212, 35, 0, 0.8) 0%, rgba(255, 158, 21, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(212, 35, 0, 0.8) 0%, rgba(255, 158, 21, 0.8) 100%);
  }

  #merit3 dd {
    background-color: rgba(0, 170, 58, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CC00AA3A', endColorstr='#CC00D4D1');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWEzYSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGQ0ZDEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 170, 58, 0.8)), color-stop(100%, rgba(0, 212, 209, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(0, 170, 58, 0.8) 0%, rgba(0, 212, 209, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 170, 58, 0.8) 0%, rgba(0, 212, 209, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(0, 170, 58, 0.8) 0%, rgba(0, 212, 209, 0.8) 100%);
  }

  #merit4 dd {
    background-color: rgba(170, 0, 4, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CCAA0004', endColorstr='#CCFF2A7D');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMDAwNCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjJhN2QiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(170, 0, 4, 0.8)), color-stop(100%, rgba(255, 42, 125, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(170, 0, 4, 0.8) 0%, rgba(255, 42, 125, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(170, 0, 4, 0.8) 0%, rgba(255, 42, 125, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(170, 0, 4, 0.8) 0%, rgba(255, 42, 125, 0.8) 100%);
  }

  #merit5 dd {
    background-color: rgba(85, 0, 35, 0.8);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#CC550023', endColorstr='#CCE97B00');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1MDAyMyIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTdiMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(85, 0, 35, 0.8)), color-stop(100%, rgba(233, 123, 0, 0.8)));
    background-image: -moz-linear-gradient(left, rgba(85, 0, 35, 0.8) 0%, rgba(233, 123, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(left, rgba(85, 0, 35, 0.8) 0%, rgba(233, 123, 0, 0.8) 100%);
    background-image: linear-gradient(to right, rgba(85, 0, 35, 0.8) 0%, rgba(233, 123, 0, 0.8) 100%);
  }

  /*----------------------------------------
  	#personal
  ----------------------------------------*/
  #personal {
    background: url(../images/back-personal.jpg) no-repeat center top fixed;
  }
  #personal h3 {
    padding: 8% 3%;
    background: rgba(0, 0, 0, 0.25);
  }
  #personal .inner {
    padding: 50px 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
  }
  #personal .text {
    margin: 0 auto;
    width: 900px;
  }

  #profile {
    margin-bottom: 50px;
    background: #0d1523;
  }
  #profile .text {
    padding: 20px 50px 50px;
    background: transparent;
  }
  #profile p {
    margin-bottom: 20px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #0bdfff;
  }

  #approach1 dt {
    text-align: center;
  }
  #approach1 dt img {
    width: 60%;
  }
  #approach1 dd {
    margin-top: -30%;
    padding: 25% 5% 5%;
    border: 15px double #ed1c24;
  }

  #approach2 dt {
    text-align: center;
  }
  #approach2 dt img {
    width: 60%;
  }
  #approach2 dd {
    margin-top: -25%;
    padding: 25% 5% 5%;
    border: 15px double #1b1464;
  }

  #approach3 {
    margin-bottom: 50px;
  }
  #approach3 dt {
    text-align: center;
  }
  #approach3 dt img {
    width: 60%;
  }
  #approach3 dd {
    margin-top: -30%;
    padding: 25% 5% 5%;
    border: 15px double #006837;
  }

  /*----------------------------------------
  	#curriculum
  ----------------------------------------*/
  #curriculum {
    padding: 50px 0;
    background: url(../images/back-curriculum.jpg) no-repeat center top fixed;
  }
  #curriculum .inner {
    margin: 0 auto;
    width: 980px;
  }
  #curriculum h3 {
    margin-bottom: 50px;
    padding: 20px;
    width: 100%;
    background: rgba(252, 238, 33, 0.9);
    text-align: center;
    transform: skewY(-3deg);
  }
  #curriculum .text {
    margin-bottom: 50px;
    padding: 120px 120px 90px;
    background: rgba(255, 255, 255, 0.9);
  }

  .curriculum-detail .num0 dt {
    font-size: 30px;
    font-size: 3rem;
    background: #fff;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .curriculum-detail .num0 dt i {
    margin-right: .2em;
    padding: .5em;
    color: #fff;
    background: #000;
  }
  .curriculum-detail .num0 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  .curriculum-detail .num0 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #333;
    font-weight: normal;
    display: block;
    background: #fff;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  .curriculum-detail .num0 dd li:last-child {
    border-bottom: none;
  }
  .curriculum-detail .num0 dd li i {
    margin-right: .5em;
  }
  .curriculum-detail .num1 dt {
    padding: .5em;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    background: #cc003b;
  }
  .curriculum-detail .num1 dt span {
    margin-right: .3em;
    padding: .3em;
    color: #cc003b;
    line-height: 180%;
    background: #fff;
    border-radius: 10px;
  }
  .curriculum-detail .num1 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #ea6600;
    border-right: 1px dotted #cc003b;
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #cc003b;
  }
  .curriculum-detail .num1 dd li:last-child {
    border-bottom: none;
  }
  .curriculum-detail .num1 dd li i {
    margin-right: .3em;
  }
  .curriculum-detail .num1 dd li span {
    margin-bottom: .5em;
    padding: .3em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
  }
  .curriculum-detail .num2 dt {
    padding: .5em;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    background: #0018ac;
  }
  .curriculum-detail .num2 dt span {
    margin-right: .3em;
    padding: .3em;
    color: #0018ac;
    line-height: 180%;
    background: #fff;
    border-radius: 10px;
  }
  .curriculum-detail .num2 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #5900bc;
    border-right: 1px dotted #0018ac;
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #0018ac;
  }
  .curriculum-detail .num2 dd li:last-child {
    border-bottom: none;
  }
  .curriculum-detail .num2 dd li i {
    margin-right: .3em;
  }
  .curriculum-detail .num2 dd li span {
    margin-bottom: .5em;
    padding: .3em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
  }
  .curriculum-detail .num3 dt {
    padding: .5em;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    background: #008042;
  }
  .curriculum-detail .num3 dt span {
    margin-right: .3em;
    padding: .3em;
    color: #008042;
    line-height: 180%;
    background: #fff;
    border-radius: 10px;
  }
  .curriculum-detail .num3 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #44af00;
    border-right: 1px dotted #008042;
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #008042;
  }
  .curriculum-detail .num3 dd li:last-child {
    border-bottom: none;
  }
  .curriculum-detail .num3 dd li i {
    margin-right: .3em;
  }
  .curriculum-detail .num3 dd li span {
    margin-bottom: .5em;
    padding: .3em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
  }
  .curriculum-detail .num4 {
    margin-bottom: 30px;
  }
  .curriculum-detail .num4 dt {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    background: #bfac00;
  }
  .curriculum-detail .num4 dt i {
    margin-right: .2em;
    padding: .5em;
    color: #fff;
    background: #a08b00;
  }
  .curriculum-detail .num4 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  .curriculum-detail .num4 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #333;
    font-weight: normal;
    display: block;
    background: #fff;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  .curriculum-detail .num4 dd li i {
    margin-right: .5em;
  }

  /*----------------------------------------
  	#contentsList
  ----------------------------------------*/
  #contentsList {
    padding: 150px 0 50px;
    background: url(../images/back-contentsList.jpg) no-repeat center top fixed;
  }
  #contentsList h3 {
    margin-bottom: 150px;
  }
  #contentsList h4 {
    margin-bottom: 20px;
  }
  #contentsList .inner {
    margin: 0 auto;
    width: 980px;
  }
  #contentsList .contentsList {
    margin-bottom: 100px;
  }
  #contentsList .text {
    padding: 80px 80px 50px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
  }
  #contentsList p {
    color: #333;
  }
  #contentsList .curriculum-detail {
    margin-bottom: 50px;
  }
  #contentsList .curriculum-detail .num1 dt {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    background: #c70043;
    border-top: 1px solid #8a0000;
    border-right: 1px solid #8a0000;
    border-bottom: 1px solid #8a0000;
  }
  #contentsList .curriculum-detail .num1 dt i {
    margin-right: .5em;
    padding: .5em;
    color: #fff;
    background: #8a0000;
  }
  #contentsList .curriculum-detail .num1 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  #contentsList .curriculum-detail .num1 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #e2006e;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  #contentsList .curriculum-detail .num1 dd li:last-child {
    border-bottom: none;
  }
  #contentsList .curriculum-detail .num1 dd li i {
    margin-right: .5em;
  }
  #contentsList .curriculum-detail .num2 dt {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    background: #0057cf;
    border-top: 1px solid #008cd7;
    border-right: 1px solid #008cd7;
    border-bottom: 1px solid #008cd7;
  }
  #contentsList .curriculum-detail .num2 dt i {
    margin-right: .5em;
    padding: .5em;
    color: #fff;
    background: #008cd7;
  }
  #contentsList .curriculum-detail .num2 dt span {
    font-weight: bold;
    line-height: 100%;
  }
  #contentsList .curriculum-detail .num2 dd li {
    margin-bottom: 0;
    padding: 1em;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: normal;
    display: block;
    background: #00a9af;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
  }
  #contentsList .curriculum-detail .num2 dd li:last-child {
    border-bottom: none;
  }
  #contentsList .curriculum-detail .num2 dd li i {
    margin-right: .5em;
  }
  #contentsList .curriculum {
    margin-bottom: 30px;
    border: 5px solid #fff;
  }
  #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;
  }

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

  /*----------------------------------------
  	#bonus
  ----------------------------------------*/
  #bonus {
    padding: 30px 0 50px;
    background: url(../images/back-bonus.jpg) no-repeat center top fixed;
  }
  #bonus .inner {
    margin: 0 auto;
    width: 980px;
  }
  #bonus dl {
    margin: 0 auto 50px;
    width: 800px;
    box-shadow: 0px 0px 10px #000;
  }
  #bonus dd {
    padding: 50px 50px 20px;
    background: rgba(0, 0, 0, 0.8);
  }
  #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: 800px;
  }
  .price h3 {
    margin-bottom: 30px;
  }
  .price .text {
    margin-bottom: 120px;
    padding: 100px 100px 70px;
    background: rgba(255, 255, 255, 0.8);
  }
  .price .text:last-child {
    margin-bottom: 0;
  }

  /*----------------------------------------
  	.flow
  ----------------------------------------*/
  .flow {
    padding: 0 3%;
    background: #fff200;
  }

  /*----------------------------------------
  	#epilogue
  ----------------------------------------*/
  #epilogue {
    padding: 50px 0;
    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 20px;
    width: 700px;
    background: white;
    border-radius: 20px;
  }
  #epilogue h3 {
    margin-bottom: 30px;
  }
  #epilogue .name {
    text-align: right;
  }
  #epilogue .name img {
    width: 30%;
  }

  /*----------------------------------------
  	#add
  ----------------------------------------*/
  #add {
    padding: 80px 0;
    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 h3 {
    margin-bottom: 10px;
    font-size: 80px;
    font-size: 8rem;
    color: #fff;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  }
  #add p, #add li {
    color: #fff;
  }

  /*----------------------------------------
  	.voice-rich-section
  ----------------------------------------*/
  .voice-rich-section {
    padding: 50px 0;
    background: url(../images/back-voice.jpg) no-repeat center top fixed;
  }
  .voice-rich-section h3 {
    margin: 0 auto 50px;
    width: 900px;
  }
  .voice-rich-section dl {
    margin: 0 auto 30px;
    width: 900px;
    background: none;
  }

  /*----------------------------------------
  	#price
  ----------------------------------------*/
  .product .product-caution {
    margin: 0 auto 5%;
    padding: 3%;
    width: 50%;
    min-width: 600px;
    text-align: center;
    background: #fff;
}
.product .product-caution p {
  font-size: 20px;
  font-size: 2rem;
  text-shadow: none;
}
}

/*----------------------------------------
	#faq .sp_movie
----------------------------------------*/
@media screen and (max-width: 769px){
  #faq .sp_movie {
	 /* margin: 0 9% 0 33%; */
	 position: relative;
	 width: 100%;
	 height: 200px;
  }
	#faq .sp_movie iframe {
	 width: 100%;
	 height: 100%;
	}
}