@charset "utf-8";
/***************************************
* base.css
***************************************
* 1rem = 16pxで計算。
* 1pxだけはremにしないでpxにする
* アイコンフォントにはletter-spaceingをいれるとFxでバグが出ます。
***************************************
 - Reference : Color Setting -
* Body Background:
* Main Text:
* Links:
* Border:
***************************************/

/* @group @import webfont
--------------------------------------------------------*/

/* @end @import webfont */

/* @group @import font-face
--------------------------------------------------------*/

@font-face{
font-family:"SSSocial";
src:url('../font/ss-social-regular.eot');
src:url('../font/ss-social-regular.eot?#iefix') format('embedded-opentype'),
url('../font/ss-social-regular.woff') format('woff'),
url('../font/ss-social-regular.ttf') format('truetype'),
url('../font/ss-social-regular.svg#SSSocialCircle') format('svg');
font-style:normal;
font-weight:normal;
}

@font-face{
font-family:"fontello";
src:url("../font/fontello.eot");
src:url("../font/fontello.eot?#iefix") format('embedded-opentype'),
url("../font/fontello.woff") format('woff'),
url("../font/fontello.ttf") format('truetype'),
url("../font/fontello.svg#fontello") format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'icomoon';
src:url('../font/icomoon.eot');
src:url('../font/icomoon.eot?#iefix') format('embedded-opentype'),
url('../font/icomoon.woff') format('woff'),
url('../font/icomoon.ttf') format('truetype'),
url('../font/icomoon.svg#icomoon') format('svg');
font-weight:normal;
font-style:normal;
}

/* @group common */

.page-header p a:before{
content:'\f0c9';
}

.page-nav li a:before{
content:'\e75e';
}

.page-top a span:before{
content:'\f005';
}

.c-basicinfo p a:before,
.c-signup p a:before,
.c-greetings blockquote+p a:before{
content:'\2192';
}

.checkbox-list li:before{
content:'\2713';
}

/* @end */

/* @group .page-footer */

.twitter:before{
content:'';
}

.facebook:before{
content:'';
}

.googleplus:before{
content:'';
}

.youtube:before{
content:'';
}

.page-footer .page-footer-contact:before{
content:'\2709';
}

.page-footer .page-footer-company:before{
content:'\e811';
}

.page-footer .page-footer-privacy:before{
content:'🔑';
}

/* @end */

/* @group top-page */

.top-rank-list a .top-rank-time:before,
.course-index a .course-time:before{
content:'\23f2';
}

/*.top-live-section:before{
content:'\e810';
}

.top-curriculums-section:before{
content:'\e776';
}

.top-retake-section:before{
/*content:'🔄';*!/
content:'\e832';
}*/

.top-rank-list a .top-rank:before{
content:'🏆';
}

/* @end */

/* @group .venue-map */

.access-map-btn span:before{
font-family:'icomoon';
content:'\e000';
}

/* @end */

/* @group .c-system */

.c-system-pc:before{
content:'👤';
}

.c-system-support:before{
content:'\e841';
}

.c-system-tool:before{
content:'\e714';
}

/* @end */

/* @group .c-privilege */

.c-privilege .c-privilege-present:before{
content:'🎁';
}

.c-privilege .c-privilege-check:before{
content:'\2611';
}

.c-privilege .c-privilege-retake:before{
content:'\e832';
}

/* @end */

/* @group .flow-receipt */

.flow-receipt .flow-receipt-form:before{
content:'📄';
}

.flow-receipt .flow-receipt-give:before{
content:'\261d';
}

.flow-receipt .flow-receipt-stamp:before{
font-family:'icomoon';
content:'\e009';
}

/* @end */

/* @group .flow-payment */

.flow-payment .flow-payment-paypal:before{
content:'\f342';
}

.flow-payment .flow-payment-bank:before{
content:'💳';
}

.flow-payment .flow-payment-day:before{
font-family:'icomoon';
content:'\e008';
}

/* @end */

/* @group .flow-bill */

.flow-bill .flow-bill-form:before{
content:'📄';
}

.flow-bill .flow-bill-mailing:before{
font-family:'icomoon';
content:'\e006';
}

.flow-bill .flow-bill-day:before{
font-family:'icomoon';
content:'\e003';
}

/* @end */

/* @group .flow-absence */

.flow-absence .flow-absence-transfer:before{
content:'365';
}

.flow-absence .flow-absence-days:before{
content:'\2709';
}

.flow-absence .flow-absence-pc:before{
content:'\f108';
}

/* @end */

/* @group .course-deadline */

.course-deadline .course-deadline-365:before{
content:'365';
}

.course-deadline .course-deadline-180:before{
content:'180';
}

.course-deadline .course-deadline-0:before{
content:'\2709';
}

/* @end */

/* @group .flow-cancel */

.flow-cancel ol>li h3:before{
content:'\e765';
}

.flow-cancel ol>li h3+p:before{
content:'\e766';
}

/* @end*/

/* @group .course-intro */

.course-intro .course-intro-discount:before{
content:'20%';
}

.course-intro .course-intro-review:before{
content:'A〜K';
}

.course-intro .course-intro-exercises:before{
content:'\2328';
}

/* @end */

/* @group .course-detail-intro */

.course-detail-intro .dummy-001:before{
font-family:'icomoon';
content:'\e00f';
}

.course-detail-intro .dummy-002:before{
font-family:'icomoon';
content:'\e00f';
}

.course-detail-intro .dummy-003:before{
font-family:'icomoon';
content:'\e00f';
}

.course-detail-intro .dummy-004:before{
font-family:'icomoon';
content:'\e00f';
}

.course-detail-intro .dummy-005:before{
font-family:'icomoon';
content:'\e00f';
}

.course-detail-intro .dummy-006:before{
font-family:'icomoon';
content:'\e00f';
}

/* @end */

/* @group .curriculums-icon */

.curriculums-html-css .hexagon-body:before{
font-family:"icomoon";
content:'\e00d';
}

.curriculums-mobile .hexagon-body:before{
font-family:"icomoon";
content:'\e00a';
}

.curriculums-programing .hexagon-body:before{
font-family:"icomoon";
content:'\e007';
}

.curriculums-cms .hexagon-body:before{
font-family:"icomoon";
content:'\e00b';
}

.curriculums-web-design .hexagon-body:before{
font-family:"icomoon";
content:'\e001';
}

/* @end */

/* @group .skillup-icon */

.sec-design .hexagon-body:before{
font-family:"fontello";
content:'🎨';
}

.sec-rich .hexagon-body:before{
font-family:"fontello";
content:'\2191';
}

.sec-smartphone .hexagon-body:before{
font-family:"icomoon";
content:'\e00a';
}

.sec-html5 .hexagon-body:before{
font-family:"icomoon";
content:'\e00d';
}

.sec-job .hexagon-body:before{
font-family:"icomoon";
content:'\e011';
}

/* @end */

/* @group .job-icon */

.cat-coder .hexagon-body:before{
font-family:"fontello";
content:'\2328';
}

.cat-designer .hexagon-body:before{
font-family:"fontello";
content:'🎨';
}

.cat-director .hexagon-body:before{
font-family:"fontello";
content:'📕';
}

.cat-personnel .hexagon-body:before{
font-family:"icomoon";
content:'\e010';
}

.cat-businessman .hexagon-body:before{
font-family:"icomoon";
content:'\e005';
}

.cat-programmer .hexagon-body:before{
font-family:"fontello";
content:'🔧';
}

/* @end */

/* @group .curriculums-index */

.curriculums-index .curriculums-update:before{
content:'';
}

.curriculums-index .curriculums-update-spin:before{
content:'\e832';
}

.curriculums-index .curriculums-technique:before{
content:'\e7a2';
}

.curriculums-index .curriculums-technology:before{
content:'\e700';
}

@-moz-keyframes spin{
0%{
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
@-webkit-keyframes spin{
0%{
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}

@-o-keyframes spin{
0%{
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}

@-ms-keyframes spin{
0%{
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}

@keyframes spin{
0%{
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-moz-transform:rotate(359deg);
-o-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}

/* @end */

/* @group .top-kv */

#slider-001:checked ~ .top-kv-cover label:nth-of-type(2):before, 
#slider-002:checked ~ .top-kv-cover label:nth-of-type(3):before, 
#slider-003:checked ~ .top-kv-cover label:nth-of-type(4):before, 
#slider-004:checked ~ .top-kv-cover label:nth-of-type(5):before, 
#slider-005:checked ~ .top-kv-cover label:nth-of-type(1):before{
content:'\e766';
}

#slider-001:checked ~ .top-kv-cover label:nth-of-type(5):before,
#slider-002:checked ~ .top-kv-cover label:nth-of-type(1):before,
#slider-003:checked ~ .top-kv-cover label:nth-of-type(2):before,
#slider-004:checked ~ .top-kv-cover label:nth-of-type(3):before,
#slider-005:checked ~ .top-kv-cover label:nth-of-type(4):before{
content:'\e765';
}

@font-face{
font-family:'CartoGothicStdBook';
src:url('../font/CartoGothicStd-Book-webfont.eot');
src:url('../font/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/CartoGothicStd-Book-webfont.woff') format('woff'),
url('../font/CartoGothicStd-Book-webfont.ttf') format('truetype'),
url('../font/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
font-weight:normal;
font-style:normal;
}

.top-kv-pickup h1,
.top-kv-pickup p{
font-family:'CartoGothicStdBook';
}

/* @end */

/* @end @import font-face */

/* @group @viewport
--------------------------------------------------------*/

@-webkit-viewport{width:device-width;initial-scale:1;}
@-moz-viewport{width:device-width;initial-scale:1;}
@-ms-viewport{width:device-width;initial-scale:1;}
@-o-viewport{width:device-width;initial-scale:1;}
@viewport{width:device-width;initial-scale:1;}

/* @end @viewport */

/* @group @nomarize.css
--------------------------------------------------------*/

/* @group HTML5 display definitions */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}

/* @end */

/* @group Base */

html{
font-family:"Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
font-size:87.5%;
-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
}

body{
margin:0;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
transition:all .2s linear;}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre,figure,blockquote{margin-top:0;}
figure,blockquote{margin-right:0;margin-left:0;}

h1,h2,ul,ol,dl,table,figure,pre{
margin-bottom:12px;
margin-bottom:.75rem;}

p{
/*margin-bottom:6px;
margin-bottom:.375rem;*/
margin-bottom:12px;
margin-bottom:.75rem;
}

h3,h4,h5,h6{
margin-bottom:12px;
margin-bottom:.75rem;}

/* @end */

/* @group Link */

a:hover,a:active{outline:0;}
a:focus{outline:thin dotted;}

a{
border-bottom:1px solid hsla(113, 26%, 42%,.8);/* #568750 */
color:#4a8544;/* hsl(114, 32%, 39%) */
}

a,
a img{
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
-ms-transition:all .4s;
transition:all .4s;
}

a:hover{
border-bottom:1px solid hsla(30, 2%, 30%, .8);/* #4e4d4b */
border-bottom:0;
color:#3b2e1d;/* hsl(34, 34%, 17%) */
}

a{text-decoration:none;}

/* @end */

/* @group Typography */

body{
/*color:#3b2e1d;/* hsl(34, 34%, 17%) *!/*/
color:#373635;/* hsl(30, 2%, 21%) */;
}

h1{
font-size:32px;
font-size:2rem;
line-height:1.125;
}

h2{
font-size:26px;
font-size:1.666666667rem;
line-height:1.35;/* 2.25/1.666666667 */
}

h3{
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}

h4,h5,h6{
font-size:16px;
font-size:1rem;
line-height:1.5;
}


small{font-size:83.3333333%;}

p,ul,ol,dl,th,td,button,pre,textarea{line-height:1.6;}

abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
address,em,cite{font-style:normal;}

p,li,dt,dd,th,td,pre{-ms-line-break:strict;line-break:strict;-ms-word-break:break-strict;word-break:break-strict;}

/* @end */

/* @group ruby */

ruby{
display:inline-table !important;
/*line-height:1 !important;*/
white-space:nowrap !important;
text-indent:0;
line-height:1.2 !important;
vertical-align:text-bottom !important;
}

ruby>rb,ruby>rbc{
display:table-row-group !important;
line-height:1 !important;
}

ruby>rt,ruby>rbc+rtc,
ruby>rbc+rtc+rtc{
/*
margin-top:6px;
margin-top:.375rem;
*/
font-size:10px;
font-size:.625rem !important;
line-height:1.8 !important;
/*letter-spacing:0;*/
}

ruby>rt,ruby>rbc+rtc{
display:table-header-group !important;
}

ruby>rbc+rtc+rtc{
display:table-footer-group !important;
}

rbc>rb,rtc>rt{
display:table-cell !important;
text-align:justify !important;
text-justify:inter-ideograph !important;
}

rp{display:none;}

/* @end */


/* @group Lists */

ul,ol{padding-left:0;list-style:none;}
dd{margin-left:0;}

/* @end */

/* @group Embedded content */

img{border:0;vertical-align:middle;}
img,object,video{max-width:100%;}
svg:not(:root){overflow:hidden;}

iframe{border:0;vertical-align:top;}

/* IE8 max-widthバグ
* バグがある場合、<html>要素のclassを変更し、必要に応じて使用 */
/*
.ie8 img{width:auto;height:auto;}
*/

/* @end */

/* @group forms */

form{margin:0}
fieldset{margin:0;padding:0;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}

button,input,select,textarea{margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;}

button,input{line-height:normal;}

button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],input[disabled]{cursor:default;}

input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;
box-sizing:border-box;margin-right:4px;margin-right:.25rem;padding:0;}

button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}

/* @end */

/* @group table */

table{border-collapse:collapse;border-spacing:0;}

/* @end */

/* @group WebKit Only */

html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2{-webkit-font-smoothing:subpixel-antialiased;}

/* @end */

/* @end @nomarize.css */

/* @group @micro clearfix */

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}

/* @end */

/* @group @google maps */

.map-canvas{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:90%;
height:288px;
height:18rem;
margin:0 auto;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

/* fix google maps nax-width bug fix */
.map-canvas img{max-width:none;}

.map-info{
margin-bottom:0;
}

.map-info dt{
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
font-weight:bold;
}

.map-info dd{
font-size:12px;
font-size:.75rem;
line-height:2;/* 1.5/0.75 */
}

/* @end */

/* core ----------------------------------------------------*/

/* @group @library
--------------------------------------------------------*/

/* @group ordered-list of numbers */

.cancel-policy-index ol li{
position:relative;
padding-left:30px;
padding-left:1.875rem;
counter-increment:order-list;
}

.cancel-policy-index ol li{
margin-top:12px;
margin-top:.75rem;
}

.cancel-policy-index ol li:first-child{
margin-top:0;
}

.cancel-policy-index ol li:before{
content:counter(order-list);
z-index:2;
position:absolute;
top:0;
left:0;
display:block;
width:24px;
width:1.5rem;
height:24px;
height:1.5rem;
line-height:1.5;
background:#f1873b;/* hsl(25, 87%, 59%) */
border-radius:50%;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;
text-align:center;
}

/* @end */

/* @end @library */

/* contents ----------------------------------------------------*/

/* @group @all device size */

/* @group link-border
--------------------------------------------------------*/

.page-header a,
.page-header a:hover,
.page-footer-inner div a,
.page-footer-inner div a:hover,
.page-footer-social a,
.page-footer-social a:hover,
.page-top a,
.page-top a:hover,
.top-pickup-list footer a,
.top-pickup-list footer a:hover,
.top-info-list a,
.top-info-list a:hover,
.top-rank-list a,
.top-rank-list a:hover,
.c-point tbody a,
.c-point tbody a:hover,
.access-map-btn,
.access-map-btn:hover,
.instructors-media a,
.instructors-media a:hover,
.signup-btn,
.signup-btn:hover,
.job-btn,
.job-btn:hover,
.skillup-btn,
.skillup-btn:hover{
border-bottom:0;
}

/* @end layout */

/* @group layout
--------------------------------------------------------*/

body{
/*background:url(../img/body-bg.png) 0 0 repeat #f7f6f1;*/
/*background:#f7f6f1;*/
background:#f5f5f5;
background:whitesmoke;
overflow-x:hidden;
}

.page-header,
.page-footer{
padding-right:16px;
padding-right:1rem;
padding-left:16px;
padding-left:1rem;
}

/* @end layout */

/* @group .page-header
--------------------------------------------------------*/

.page-header{
position:relative;
padding-top:24px;
padding-top:1.5rem;
padding-bottom:24px;
padding-bottom:1.5rem;
}

.page-header h1{
position:relative;
/*width:72.5%;*/
margin-right:27.5%;
margin-bottom:0;
text-align:center;
}

.page-header h1 img{
width:100%;
/*height:36px;
height:2.25rem;*/
}

.page-header h1 a:hover img{
opacity:.5;
}

.page-header p{
position:absolute;
top:0;
right:12px;
right:.75rem;
z-index:2;
margin-bottom:0;
}

.page-header p a{
position:relative;
display:block;
padding:6px 8px;
padding:.375rem .5rem;
background:#e0dfda;/* hsl(49, 9%, 87%) */
border-radius:0 0 2px 2px;
border-radius:0 0 .125rem .125rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
color:#727272;/* hsl(0, 0%, 45%) */
white-space:nowrap;
}

.page-header p a:hover{
background-color:#e7e6e1;/* hsl(49, 12%, 89%) */
color:#484848;/* hsl(326, 0%, 28%) */
}

.page-header p a:before{
margin-right:4px;
margin-right:.25rem;
font-family:"fontello";
}

/* @end */

/* @group .page-nav
--------------------------------------------------------*/

.page-nav{
border-top:12px solid #252422;
border-top:.75rem solid #252422;
}

.page-nav p,
.page-nav ul{
margin-bottom:0;
}

.page-nav p a{
position:absolute;
left:-999em;
}

.page-nav a,
.page-nav a:hover{
border-bottom:1px solid #aaa;
}

.page-nav li a{
position:relative;
display:block;
padding:12px 18px 11px 36px;
padding:.75rem 1.125rem .6875rem 2.25rem;
font-size:20px;
font-size:1.25rem;
line-height:1.2;/* 1.5/1.25 */
color:#222;
}

.page-nav li a:before{
position:absolute;
top:50%;
left:18px;
left:1.125rem;
margin-top:-12px;
margin-top:-.75rem;
/*
margin-right:6px;
margin-right:.375rem;
*/
font-family:"fontello";
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}

.page-nav a:hover{
background:#ebebeb;/* hsl(326, 0%, 92%) */
color:#333;
text-decoration:none;
}

/* @end .page-nav */

/* @group .page-footer
--------------------------------------------------------*/

.page-footer{
padding-top:24px;
padding-top:1.5rem;
background:#33302b;/* hsl(35, 8%, 19%) */
}

.page-footer,
.page-footer a{
color:#f5f2ed;/* hsl(38, 27%, 94%) */
-webkit-font-smoothing:subpixel-antialiased;
}

.page-footer a:hover{
color:#d2cec7;/* hsl(38, 11%, 80%) */
}

.page-footer .page-footer-corp a,
.page-footer .copyright a,
.page-footer .page-footer-corp a:hover,
.page-footer .copyright a:hover{
border-bottom:0;
}

.page-footer p{
margin-bottom:0;
text-align:center;
}

.page-footer-inner{
display:table;
margin-right:auto;
margin-left:auto;
}

.page-footer .footer-catch{
font-size:12px;
font-size:.75rem;
}

.page-footer-inner div{
display:table;
margin:6px auto 30px;
margin:.375rem auto 2.25rem;
}

.page-footer-inner div a,
.page-footer-inner div p{
display:table-cell;
vertical-align:middle;
}
.page-footer-inner div a img{
-webkit-transition:-webkit-transform .2s linear;
-moz-transition:-moz-transform .2s linear;
-o-transition:-o-transform .2s linear;
transition:transform .2s linear;
}

.page-footer-inner div a:hover img{
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
}

.page-footer-inner div p{
margin-bottom:0;
padding-left:4px;
padding-left:.25rem;
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;/* 1.5/1.333333333 */
font-weight:normal;
letter-spacing:.0625em;
}

.page-footer-inner div+p{
margin-bottom:24px;
margin-bottom:1.5rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
text-align:center;
}

.page-footer-address p span{
display:inline-block;
}

.page-footer-corp{
display:table;
margin:0 auto 36px;
margin:0 auto 2.25rem;
}

.page-footer-corp li{
position:relative;
padding-left:32px;
padding-left:2rem;
margin-bottom:18px;
margin-bottom:1.125rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.page-footer-corp li:before{
position:absolute;
top:0;
left:0;
width:24px;
width:1.5rem;
font-family:"fontello";
font-size:20px;
font-size:1.25rem;
line-height:1.2;/* 1.5/1.5 */
text-align:center;
}

.page-footer-social{
display:table;
margin:0 auto 24px;
margin:0 auto 1.5rem;
}

.page-footer-social li{
display:table-cell;
padding:0 6px;
padding:0 .375rem;
vertical-align:bottom;
}

.page-footer-social a{
position:relative;
display:block;
width:48px;
width:3rem;
height:48px;
height:3rem;
border-radius:50%;
background:#595651;/* hsl(35, 5%, 33%) */
font-size:30px;
font-size:1.875rem;
line-height:1.875;
color:#f1f1f1;/* hsl(326, 0%, 95%) */
text-align:center;
vertical-align:bottom;
}

.page-footer-social a:before{
font-family:"SSSocial";
}

.page-footer-social .facebook:hover{
background:#3b5998;/* hsl(221, 44%, 41%) */
}

.page-footer-social .twitter:hover{
background:#149ce0;/* hsl(200, 84%, 48%) */
}

.page-footer-social .googleplus:hover{
background:#bf2c24;/* hsl(3, 68%, 45%) */
}

.page-footer-social .youtube:hover{
background:#97181c;/* hsl(358, 73%, 34%) */
}

.page-footer .page-footer-social span{
position:absolute;
left:-9999em;
}

.page-footer .copyright{
padding-bottom:24px;
padding-bottom:1.5rem;
text-align:center;
}

/* @end .page-footer */

/* @group .page-top
--------------------------------------------------------*/

.page-top{
margin-bottom:0;
background:#666;
}

.page-top a{
display:block;
padding:12px 0 11px;
padding:.75rem 0 .6875rem;
border-top:1px solid #555;
color:#fff;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
text-align:center;
text-transform:uppercase;
letter-spacing:.0625rem;
}

.page-top a:hover{
background:#999;
border-top:1px solid #676767;
}

.page-top a span{
display:table;
margin:0 auto;
}

.page-top a span:before{
margin-right:4px;
margin-right:.25rem;
font-family:"fontello";
font-size:1rem;
line-height:1;
}

/* @end .page-top */

/* @group .main common-style
--------------------------------------------------------*/

.contents-header,
.contents-section,
.contents-t-section,
.course-detail-header,
.curriculums-detail-header,
.top-kv{
margin-right:16px;
margin-right:1rem;
margin-left:16px;
margin-left:1rem;
}

.contents-header,
.contents-section,
.contents-t-section,
.course-detail-header,
.curriculums-detail-header,
.c-signup{
margin-bottom:60px;
margin-bottom:3.75rem;
}

.top-kv{
margin-bottom:4.5rem;
margin-bottom:72px;
}

.contents-o-section{
padding:36px 16px 60px;
padding:2.25rem 1rem 3.75rem;
background:#e5e5e5;/* hsl(0, 0%, 90%) */
}

.contents-o-section+.contents-t-section{
padding-top:60px;
padding-top:3.75rem;
}

.main h3,
.main h4{
font-weight:normal;
}

.contents-line{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
display:block;
width:120px;
width:7.5rem;
height:18px;
height:1.125rem;
background:transparent;
border:0;
border-top:1px solid #adadac;/* hsl(25, 1%, 68%) */
}

/* @group .contents-section */

.contents-section h2,
.contents-t-section h2,
.contents-o-section h2{
margin-bottom:18px;
margin-bottom:1.125rem;
font-weight:normal;
text-align:center;
}

.contents-section h2 span,
.contents-t-section h2 span,
.contents-o-section h2 span{display:inline-block;}

/* @end */

/* @end .main common-style */

/* @group .contents-header */

.contents-header{
margin:24px 0 36px;
margin:1.5rem 0 2.25rem;
}

.contents-header h1,
.contents-header p{
margin-bottom:0;
font-weight:normal;
text-align:center;
}

.contents-header h1{
font-size:40px;
font-size:2.5rem;
line-height:1.2;/* 3/2.5 */
}

.contents-header h1 span{
display:inline-block;
}

/* @end */

/* @group .contents-sub-label */

.contents-sub-label{
display:table;
margin-bottom:12px;
margin-bottom:.75rem;
padding:6px 8px;
padding:.375rem .5rem;
background:#e3e3e3;/* hsla(0, 0%, 88%, .9) / #e1e1e1 / hsl(0, 0%, 89%) */
border-radius:2px;
border-radius:.125rem;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}

/* @end */




/* @group .signup-btn / .job-btn / .skillup-btn */

.signup-btn,
.job-btn,
.skillup-btn,
.back-btn{
display:block;
margin-right:auto;
margin-left:auto;
padding:11px 14px;
padding:.6875rem .875rem;
border-radius:2px;
border-radius:.125rem;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;
color:#fff;/* hsl(0, 0%, 100%) */
text-align:center;
}

.signup-btn:hover,
.job-btn:hover,
.skillup-btn:hover,
.back-btn:hover{
color:#fff;
}

.signup-btn:active,
.job-btn:active,
.skillup-btn:active,
.back-btn:active{
-webkit-box-shadow:inset 0 1px 4px hsla(0, 0%, 0%, 0.3);
-moz-box-shadow:inset 0 1px 4px hsla(0, 0%, 0%, 0.3);
-o-box-shadow:inset 0 1px 4px hsla(0, 0%, 0%, 0.3);
-ms-box-shadow:inset 0 1px 4px hsla(0, 0%, 0%, 0.3);
box-shadow:inset 0 1px 4px hsla(0, 0%, 0%, 0.3);
-webkit-box-shadow:inset 0 1px .25rem hsla(0, 0%, 0%, 0.3);
-moz-box-shadow:inset 0 1px .25rem hsla(0, 0%, 0%, 0.3);
-o-box-shadow:inset 0 1px .25rem hsla(0, 0%, 0%, 0.3);
-ms-box-shadow:inset 0 1px .25rem hsla(0, 0%, 0%, 0.3);
box-shadow:inset 0 1px .25rem hsla(0, 0%, 0%, 0.3);
color:#fff
}

button.signup-btn,
button.back-btn{
width:100%;
margin-top:36px;
margin-top:2.25rem;
}

.signup-btn{
background-color : #81b615;/* hsl(80, 79%, 40%) */ 
border:none;
}


.signup-btn:hover{
background-color : #3b7b01;/* hsl(91, 98%, 24%)*/}
}


.signup-btn em{
margin:0 6px;
margin:0 .375rem;
font-size:20px;
font-size:1.25rem;
line-height:1.2;
font-weight:bold;
}

.job-btn{
background-color:#f1883d;
background-image:-webkit-linear-gradient(left, #f1883d 0%, #e27f41 100%);
background-image:-moz-linear-gradient(left, #f1883d 0%, #e27f41 100%);
background-image:-o-linear-gradient(left, #f1883d 0%, #e27f41 100%);
background-image:-ms-linear-gradient(left, #f1883d 0%, #e27f41 100%);
background-image:linear-gradient(left, #f1883d 0%, #e27f41 100%);
border:1px solid #e27f41;
}

.ie9 .job-btn{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjg3NDgxOTUzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxODgzZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTI3ZjQxIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MjI4NzQ4MTk1MykiIC8+PC9zdmc+); 
}

.job-btn:hover{
background-color:#f1883d;
background-image:-webkit-linear-gradient(left, #f1883d 0%, #d67031 100%);
background-image:-moz-linear-gradient(left, #f1883d 0%, #d67031 100%);
background-image:-o-linear-gradient(left, #f1883d 0%, #d67031 100%);
background-image:-ms-linear-gradient(left, #f1883d 0%, #d67031 100%);
background-image:linear-gradient(left, #f1883d 0%, #d67031 100%);
border:1px solid #f1883d;
}

.ie9 .job-btn:hover{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjg3NTQ0MTIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxODgzZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDY3MDMxIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MjI4NzU0NDEyMikiIC8+PC9zdmc+);
}

.skillup-btn{
background:#81b615;
background-image:-webkit-linear-gradient(left, #81b615 0%, #78a826 100%);
background-image:-moz-linear-gradient(left, #81b615 0%, #78a826 100%);
background-image:-o-linear-gradient(left, #81b615 0%, #78a826 100%);
background-image:-ms-linear-gradient(left, #81b615 0%, #78a826 100%);
background-image:linear-gradient(left, #81b615 0%, #78a826 100%);
border:1px solid #78a826;
}

.ie9 .skillup-btn{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjg3Njg4NTcwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYjYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzhhODI2IiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MjI4NzY4ODU3MCkiIC8+PC9zdmc+);
}

.skillup-btn:hover{
background-color:#81b615;
background-image:-webkit-linear-gradient(left, #81b615 0%, #6c9b1a 100%);
background-image:-moz-linear-gradient(left, #81b615 0%, #6c9b1a 100%);
background-image:-o-linear-gradient(left, #81b615 0%, #6c9b1a 100%);
background-image:-ms-linear-gradient(left, #81b615 0%, #6c9b1a 100%);
background-image:linear-gradient(left, #81b615 0%, #6c9b1a 100%);
border:1px solid #6c9b1a;
}

.ie9 .skillup-btn:hover{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjg3NzUwOTk4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYjYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmM5YjFhIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MjI4Nzc1MDk5OCkiIC8+PC9zdmc+);
}


.back-btn{
background-color:#a7a7a7;
background-image:-webkit-linear-gradient(top, #a7a7a7 0%, #898989 100%);
background-image:-moz-linear-gradient(top, #a7a7a7 0%, #898989 100%);
background-image:-o-linear-gradient(top, #a7a7a7 0%, #898989 100%);
background-image:-ms-linear-gradient(top, #a7a7a7 0%, #898989 100%);
background-image:linear-gradient(top, #a7a7a7 0%, #898989 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #a7a7a7), color-stop(1, #898989));
border:1px solid #898989;
}

.ie9 .back-btn{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYzNDM0NDY5Mjk5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YTdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODk4OTg5IiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MzQzNDQ2OTI5OSkiIC8+PC9zdmc+);
}

.back-btn:hover{
background-color:#949494;
background-image:-webkit-linear-gradient(top, #949494 0%, #7d7d7d 100%);
background-image:-moz-linear-gradient(top, #949494 0%, #7d7d7d 100%);
background-image:-o-linear-gradient(top, #949494 0%, #7d7d7d 100%);
background-image:-ms-linear-gradient(top, #949494 0%, #7d7d7d 100%);
background-image:linear-gradient(top, #949494 0%, #7d7d7d 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #949494), color-stop(1, #7d7d7d));
border:1px solid #7d7d7d;
}

.ie9 .back-btn:hover{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYzNDM0NjQ2MjYwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0OTQ5NCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2Q3ZDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MzQzNDY0NjI2MCkiIC8+PC9zdmc+);
}

/* @end */

/* contact-form ------------------------*/

/* @group forms */

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
padding:17px 6px;
padding:1.0625rem .375rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #c0c0c0;
border-radius:4px;
border-radius:.25rem;
}

input.form-error,
textarea.form-error {
 border:red solid 2px
 }
 


.btn-submit,
.btn-back{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
width:100%;
margin:0;
padding:18px 12px;
padding:1.125rem .75rem;
border:0;
border-radius:36px;
border-radius:2.25rem;
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;/* 1.5/1.333333333 */
letter-spacing:.1em;
text-shadow:hsla(0, 0%, 0%, .5) 0 -1px 0;
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;
text-align:center;
}

.btn-submit{
background:#f32e1b;/* hsl(5, 90%, 53%) */
}

.btn-submit:hover{
background:#d91b17;/* hsl(1, 81%, 47%) */
}

.btn-back{
background:#878787;/* hsl(0, 0%, 53%) */
}

.btn-back:hover{
background:#787878;/* hsl(0, 0%, 47%) */
}

/* @end */

/* @group .contact-form */

.signup-message p{
text-align:center;
}

.signup-message em{
font-weight:bold;
color:#d3312c;/* hsl(2, 65%, 50%) */
}

.contents-form-list{
position:relative;
}

.form-check-section dl{
margin-bottom:24px;
margin-bottom:1.5rem;
}

.form-check-section .error{
font-weight:bold;
color:#d3312c;/* hsl(2, 65%, 50%) */
}

.contents-form-list .form-label,
.form-check-section dt{
display:block;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
font-weight:bold;
}

.contents-form-list .required,
.form-check-section dt span{
color:#e76000;/* hsl(25, 100%, 45%) */
}

.contents-form-list li{
margin-bottom:24px;
margin-bottom:1.5rem;
}

.contact-label{
display:block;
margin-bottom:12px;
margin-bottom:.75rem;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}


.contents-header div {
overflow:hidden;
}

.contents-header div {
margin-right:16px;
margin-right:1rem;
margin-left:16px;
margin-left:1rem;
}

.contents-header div p {
position:relative;
display:table;
margin:6px auto 0;
margin:.375rem auto 9;
padding:0 8px;
padding:0 .5rem;
/*font-family:"Petit Formal Script",cursive;*/
color:#473e33;/* hsl(34, 16%, 24%) */
letter-spacing:.2em;
text-align:center;
text-transform:capitalize;
}


.contents-header div p:before,
.contents-header div p:after {
content:'';
position:absolute;
top:50%;
width:250%;
border-top:1px dotted #b5aea8;/* hsl(28, 8%, 68%) */
border-bottom:1px dotted #fff;/* hsl(0, 0%, 100%) */
}

.contents-header div p:before {
left:100%;
}

.contents-header div p:after {
right:100%;
}


/* @group .content-list */

.content-list li{
position:relative;
padding-left:16px;
padding-left:1rem;
}

.content-list li ul{margin-bottom:0;}

.content-list li,
.content-list li ul{
margin-top:6px;
margin-top:.375rem;
}

.content-list li:first-child{
margin-top:0;
}

.content-list li:before{
content:'';
position:absolute;
top:10px;
top:.625rem;
left:4px;
left:.25rem;
width:5px;
width:.3125rem;
height:5px;
height:.3125rem;
background:#f1883d;/* hsl(25, 87%, 59%) */
border-radius:50%;
}

/*.contents-form-list .form-label em{
position:relative;
top:-2px;
top:-.125rem;
display:inline-block;
margin-left:3px;
margin-left:.1875rem;
padding:0 6px;
padding:0 .375rem;
background:#8d1e20;/* hsl(359, 65%, 34%) *!/
border-radius:4px;
border-radius:.25rem;
color:#fff;/* hsl(0, 0%, 100%) *!/
font-size:12px;
font-size:.75rem;
line-height:1.5;
font-weight:bold;
letter-spacing:.1em;
}*/

@media only screen and (max-width:55.975em){

.contact-inquiry .inquiry-list,
.bringing-pc .bringing-pc-list,
.need-recipt .need-recipt-list,
.cancelpolicy .cancelpolicy-list,
#renew .renew-list,
#tokuten .renew-list {
position:relative;
display:block;
}

.contact-inquiry label,
.bringing-pc label,
.apptype label,
.payment label,
.need-recipt label,
.cancelpolicy .cancelpolicy-list label,
#renew label,
#tokuten label {
position:relative;
z-index:11;
display:block;
margin-top:-1px;
padding:18px 14px 17px 32px;
padding:1.125rem .875rem 1.0625rem 2rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d1d1d1;/* hsl(0, 0%, 82%) */
cursor:pointer;
}


.contact-inquiry .inquiry-list input[type="radio"]:checked ~ label,
.bringing-pc .bringing-pc-list input[type="radio"]:checked ~ label,
.need-recipt .need-recipt-list input[type="radio"]:checked ~ label,
.cancelpolicy .cancelpolicy-list input[type="checkbox"]:checked ~ label,
#renew .renew-list input[type="radio"]:checked ~ label,
#tokuten .renew-list input[type="radio"]:checked ~ label
{
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}

.contact-inquiry .inquiry-list input[type="radio"],
.contact-inquiry .inquiry-list input[type="checkbox"],
.bringing-pc .bringing-pc-list input[type="radio"],
.need-recipt .need-recipt-list input[type="radio"],
.cancelpolicy .cancelpolicy-list input[type="checkbox"],
#renew input[type="radio"],
#tokuten input[type="radio"]{
position:absolute;
z-index:21;
top:50%;
left:12px;
left:.75rem;
margin-top:-8px;
margin-top:-.5rem;
line-height:0;
vertical-align:middle;
}

}

/* @end */

/* @group .cancel-policy-index */

.cancel-policy-index{
position:fixed;
z-index:-1;
top:0;
right:0;
bottom:0;
left:0;
background:hsla(0, 0%, 0%, 0.5);
opacity:0;
-webkit-transition:1s all ease;
-moz-transition:1s all ease;
-o-transition:1s all ease;
-ms-transition:1s all ease;
transition:1s all ease;
}

#cancel-policy-index:target{
z-index:100000;
opacity:1;
}

#cancel-policy-index:target div{
opacity:1;
}

.oldie .cancel-policy-index{
position:static;
width:52em;
margin-right:auto;
margin-left:auto;
margin-bottom:72px;
margin-bottom:4.5rem;
}

.cancel-policy-index-body{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:fixed;
z-index:2000000;
top:50%;
right:16px;
right:1rem;
left:16px;
left:1rem;
height:480px;
height:30rem;
margin-top:-240px;
margin-top:-15rem;
padding:16px;
padding:1rem;
border-radius:3px;
border-radius:.1875rem;
background:#fff;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.oldie .cancel-policy-index-body{
height:auto;
margin-top:0;
}

.cancel-policy-index-inner{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
display:block;
}

.cancel-policy-index-inner span{
position:absolute;
left:-99999em;
}

.oldie .cancel-policy-index-inner{
display:none;
}

.oldie .cancel-policy-index-body{
position:static;
top:auto;
right:auto;
bottom:auto;
left:auto;
width:auto;
margin-top:auto;
}

.cancel-policy-index h2{
margin-bottom:12px;
margin-bottom:.75rem;
font-size:20px;
font-size:1.25rem;
line-height:1.2;
font-weight:normal;
text-align:center;
}

.cancel-policy-index-body a{
position:relative;
display:table;
margin-left:auto;
padding:6px 6px 6px 36px;
padding:.375rem .375rem .375rem 2.25rem;
background:gray;
border-radius:2px;
border-radius:.125rem;
font-size:16px;
font-size:1rem;
line-height:1.5;
color:#fff;
white-space:nowrap;
}

.oldie .cancel-policy-index-body a{
display:none;
}

.cancel-policy-index-body a:before{
-moz-box-sizing:border-box;
box-sizing:border-box;
content:'\e004';
position:absolute;
top:50%;
left:3px;
left:.1875rem;
margin-top:-15px;
margin-top:-.9375rem;
font-family:'icomoon';
font-size:30px;
font-size:1.875rem;
line-height:1;
color:#fff;
text-align:center;
}


/* @end */

/* @end @all device size */

/* oldie -----------------------------------------------*/

/* @group @oldie
--------------------------------------------------------*/

/* @group @default setup
--------------------------------------------------------*/

html.oldie{font-size:100%;}

/* @end @default setup */

/* @group layout
--------------------------------------------------------*/

.oldie body,
.oldie .page-header,
.oldie .page-nav div,
.oldie .page-footer{
min-width:1024px;
}

.oldie .page-header,
.oldie .page-footer{
padding-right:24px;
padding-left:24px;
}

/* @end layout */

/* @group link-color
--------------------------------------------------------*/

.oldie .top-info-list h3 em+em,
.oldie .top-rank-list h3 em+em,
.oldie .course-index header em+em,
.oldie .curriculums-category h3 em+em{
border-bottom:1px solid #568750;/* hsl(113, 26%, 42%) */
}

/* @end layout */

/* @group .page-header
--------------------------------------------------------*/

.oldie .page-header{
padding-bottom:48px;
}

.oldie .page-header h1{
width:100%;
}

.oldie .page-header h1 img{
width:auto;
height:36px;
}

.oldie .page-header p{display:none;}

/* @end .page-header */

/* @group .page-nav
--------------------------------------------------------*/

.oldie .page-nav{
position:fixed;
z-index:20000;
bottom:0;
right:0;
left:0;
background:#4a8544;/* hsla(114, 32%, 39%, .975) */
border:0;
border-top:1px solid hsla(28, 13%, 80%,.9);/* hsl(28, 13%, 80%) / #d2cbc5 */
}

.oldie .page-nav div{
position:relative;
overflow:hidden;
}

.oldie .page-nav ul{
float:right;
overflow:hidden;
display:table;
width:92.5%;
margin:0 auto;
}

.oldie .page-nav p a{
position:absolute;
top:0;
bottom:0;
right:92.5%;
left:0;
display:block;
}

.oldie .page-nav p span{
position:absolute;
top:50%;
right:0;
left:0;
margin-top:-18px;
text-align:center;
}

.oldie .page-nav p span,
.oldie .page-nav p img{
height:36px;
}

.oldie .page-nav li{
box-sizing:border-box;
position:relative;
top:0;
display:table-cell;
width:16.666666667%;
vertical-align:middle;
}

.oldie .page-nav li a{
display:block;
padding:18px 0 17px 0;
border-left:1px solid #d2cbc5;/* hsl(28, 13%, 80%) /  */
font-size:14px;
line-height:1.714285714;/* 1.5/0.875 */
color:#fff;/* hsl(0, 0%, 100%) */;
text-align:center;
font-weight:bold;
}

.old-ie .page-nav .nav-home{
display:none;
}

.oldie .page-nav a:hover,
.oldie .body-courses .nav-courses a,
.oldie .body-curriculums .nav-curriculums a,
.oldie .body-instructors .nav-instructors a,
.oldie .body-flow .nav-flow a,
.oldie .body-venue .nav-venue a,
.oldie .page-nav li a:hover{
background:#3e6b39;/* hsl(114, 30%, 32%) */
}

.oldie .page-nav a,
.oldie .page-nav a:hover{
border-bottom:0;
color:#fff;
}

.oldie .page-nav li a:before{
display:none;
}

.oldie .page-nav .nav-business span:before{
content:'\f08e';
display:inline;
margin-right:6px;
font-family:"fontello";
font-size:16px;
line-height:1;
font-weight:normal;
text-align:center;
}

/* @end .page-nav */

/* @group .page-footer
--------------------------------------------------------*/

.oldie .page-footer{
padding-bottom:120px;
}

.oldie .page-footer,
.oldie .page-footer a{
-webkit-font-smoothing:subpixel-antialiased;
}

.oldie .page-footer-inner div p{
font-size:24px;
line-height:1.5;/* 2.25/1.5 */
}

.oldie .page-footer-corp{
display:table;
margin-right:auto;
margin-left:auto;
border-spacing:24px 0;
}

.oldie .page-footer-corp li{
display:table-cell;
vertical-align:top;
}

/* @end .page-footer */

/* @group .main common-style
--------------------------------------------------------*/

.oldie body{
overflow-x:hidden;
}

.oldie .contents-section{
width:42em;
margin-right:auto;
margin-left:auto;
}
/* @end .main common-style */

/* @group .signup-btn */

.oldie .signup-btn{
max-width:384px;
min-width:0;
}

/* @end */

/* contact-form ------------------------*/

/* @group .contact-form */

.oldie .contact-inquiry .form-label,
.oldie .bringing-pc .form-label,
.oldie .need-recipt .form-label,
.oldie .cancelpolicy .form-label{
margin-bottom:12px;
margin-bottom:.75rem;
}

.oldie .contact-inquiry .inquiry-list
.oldie .contact-inquiry .inquiry-list,
.oldie .bringing-pc .bringing-pc-list{
margin-right:12px;
}

.oldie .apply-list li{
float:left;
width:47.5%;
}

.oldie .apply-list li:first-child{
margin-right:5%;
}

.oldie .thanks-intro p{
display:table;
margin-right:auto;
margin-left:auto;
}

/* @end */

/* @end oldie */

/*--------------------------------------------------------*/

@media only screen and (min-width:37.5em){

/* @group @default setup
--------------------------------------------------------*/

html{font-size:100%;}
h1,h2{-webkit-font-smoothing:antialiased;}

/* @end @default setup */

/* @group layout
--------------------------------------------------------*/

.page-header,
.page-footer{
padding-right:24px;
padding-right:1.5rem;
padding-left:24px;
padding-left:1.5rem;
}

/* @end layout */

/* @group .page-header
--------------------------------------------------------*/

.page-header{
padding-bottom:48px;
padding-bottom:3rem;
}

.page-header h1{
width:100%;
}

.page-header h1 img{
width:auto;
height:36px;
height:2.25rem;
}

.page-header p{display:none;}

/* @end .page-header */

/* @group .page-nav
--------------------------------------------------------*/

.page-nav{
position:fixed;
z-index:20000;
bottom:0;
right:0;
left:0;
background:hsla(114, 32%, 39%, .975);/* #4a8544 */
border:0;
border-top:1px solid hsla(28, 13%, 80%,.9);/* hsl(28, 13%, 80%) / #d2cbc5 */
}

.page-nav div{
position:relative;
overflow:hidden;
}

.page-nav ul{
float:right;
overflow:hidden;
width:85%;
margin:0 auto;
}

.page-nav p a{
position:absolute;
top:0;
bottom:0;
right:85%;
left:0;
display:block;
}

.page-nav p span{
position:absolute;
top:50%;
right:0;
left:0;
margin-top:-24px;
margin-top:-1.5rem;
text-align:center;
}

.page-nav p span,
.page-nav p img{
height:48px;
height:3rem;
}

.page-nav li{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-1px;
float:left;
width:33.333333333%;
border-top:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.page-nav .nav-home{
display:none;
}

.page-nav .nav-courses,
.page-nav .nav-flow{
border-left:0;
}

.page-nav li a{
display:block;
padding:18px 0 17px 0;
padding:1.125rem 0 1.0625rem 0;
border-left:1px solid hsla(28, 13%, 80%,.9);/* hsl(28, 13%, 80%) / #d2cbc5 */
font-size:16px;
font-size:1rem;
line-height:1.5;/* 1.5/1 */
color:#fff;/* hsl(0, 0%, 100%) */;
text-align:center;
font-weight:bold;
}

.page-nav a:hover,
.body-courses .nav-courses a,
.body-curriculums .nav-curriculums a,
.body-instructors .nav-instructors a,
.body-flow .nav-flow a,
.body-venue .nav-venue a,
.page-nav li a:hover{
/*background:#116027;*//* hsl(137, 70%, 22%) */
background:hsla(0, 0%, 0%, 0.2);
}

.page-nav a,
.page-nav a:hover{
border-bottom:0;
color:#fff;
}

.page-nav li a:before{
display:none;
}

.page-nav .nav-business span{
display:table;
margin:0 auto;
}

.page-nav .nav-business span:before{
content:'\f08e';
display:inline;
margin-right:6px;
margin-right:.375rem;
font-family:"fontello";
font-size:16px;
font-size:1rem;
line-height:1;
font-weight:normal;
text-align:center;
}

/* @end .page-nav */

/* @group .page-footer
--------------------------------------------------------*/

.page-footer{
padding-bottom:120px;
padding-bottom:7.5rem;
}

.page-footer,
.page-footer a{
-webkit-font-smoothing:subpixel-antialiased;
}

.page-footer-inner div p{
font-size:24px;
font-size:1.5rem;
line-height:1.5;/* 2.25/1.5 */
}

.page-footer-corp{
display:table;
margin-right:auto;
margin-left:auto;
border-spacing:24px 0;
border-spacing:1.5rem 0;
}

.page-footer-corp li{
display:table-cell;
vertical-align:top;
}

/* @end .page-footer */

/* @group .main common-style
--------------------------------------------------------*/

.contents-header,
.contents-section,
.contents-t-section,
.course-detail-header,
.curriculums-detail-header{
margin-right:24px;
margin-right:1.5rem;
margin-left:24px;
margin-left:1.5rem;
}

.contents-section,
.contents-t-section,
.c-signup{
margin-bottom:72px;
margin-bottom:4.5rem;
}

.contents-o-section{
padding:48px 24px 72px;
padding:3rem 1.5rem 4.5rem;
}

.contents-o-section+.contents-t-section{
padding-top:48px;
padding-top:3rem;
}

/* @end .main common-style */

/* @group .contact-form */

.apply-list li{
float:left;
width:47.5%;
}

.apply-list li:first-child{
margin-right:5%;
}

/* @end */

/* @group .cancel-policy-index */

.cancel-policy-index-body{
top:50%;
right:24px;
right:1.5rem;
left:24px;
left:1.5rem;
height:360px;
height:22.5rem;
margin-top:-180px;
margin-top:-11.25rem;
}

/* @end */

/* 37.5em */}

/*--------------------------------------------------------*/

@media only screen and (min-width:56em){

/* @group @default setup
--------------------------------------------------------*/

html{font-size:100%;}

/* @end @default setup */
/* @group .main common-style
--------------------------------------------------------*/

body{
overflow-x:hidden;
}

.contents-section{
width:42em;
margin-right:auto;
margin-left:auto;
}

/* @end .main common-style */

/* @group link-color
--------------------------------------------------------*/

.top-info-list h3 em+em,
.top-rank-list h3 em+em,
.course-index header em+em,
.curriculums-category h3 em+em{
border-bottom:1px solid #568750;/* hsl(113, 26%, 42%) */
}

/* @end layout */

/* @group .signup-btn */

.signup-btn{
max-width:384px;
max-width:24rem;
min-width:0;
}

/* @end */

/* contact-form ------------------------*/

/* @group .contact-form */

.contact-inquiry .form-label,
.bringing-pc .form-label,
.need-recipt .form-label,
.cancelpolicy .form-label{
margin-bottom:12px;
margin-bottom:.75rem;
}

.contact-inquiry .inquiry-list,
.bringing-pc .bringing-pc-list,
.need-recipt .need-recipt-list{
margin-right:12px;
margin-right:.75rem;
}

.contact-inquiry .inquiry-list{
display:inline-block;
}

#lesson-select .contact-inquiry .inquiry-list {
display:block;
}


.thanks-intro p{
display:table;
margin-right:auto;
margin-left:auto;
}

/* @end */

/* @group .cancel-policy-index */

.cancel-policy-index-body{
top:50%;
right:auto;
left:50%;
width:42em;
height:344px;
height:21.5rem;
margin-top:-172px;
margin-top:-10.75rem;
margin-left:-21em;
}

/* @end */

.control-group label+label {
	margin-left: 2rem;
}


/* 54em */}

@media only screen and (min-width:64em){

html{font-size:112.5%;}

/* @group .page-nav
--------------------------------------------------------*/

.page-nav ul{
display:table;
width:92.5%;
}

.page-nav p a{
right:92.5%;
}

.page-nav p span{
margin-top:-18px;
margin-top:-1.125rem;
}

.page-nav p span,
.page-nav p img{
height:36px;
height:2.25rem;
}

.page-nav li{
position:relative;
top:0;
float:none;
display:table-cell;
width:16.666666667%;
border-top:0;
vertical-align:middle;
}

.page-nav li a{
padding:18px 0 17px 0;
padding:1.125rem 0 1.0625rem 0;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}



/* @end */

/* @group .page-footer
--------------------------------------------------------*/

.page-footer{
padding-bottom:60px;
padding-bottom:3.75rem;
}

/* @end .page-footer */

/* 64em */}

@media only screen and (min-width:75em){

/* @group @default setup
--------------------------------------------------------*/

html{font-size:125%;}

/* @end @default setup */

/* @group layout
--------------------------------------------------------*/

/* @end layout */


/* @group .page-nav
--------------------------------------------------------*/

.page-nav div{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:832px;
width:52em;
margin:0 auto;
border-left:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.page-nav li:last-child{
border-right:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}



/* @end */

/* 80em - wide desktop */}

@media only screen and (min-width:87.5em){

/* @group @default setup
--------------------------------------------------------*/

html{font-size:131.25%;}

/* @end @default setup */

/* 80em - wide desktop */}

/*--------------------------------------------------------*/

/* @group @Print
--------------------------------------------------------*/

@media print{

*{
background:transparent !important;
color:black !important;
text-shadow:none !important;
filter:none !important;
-ms-filter:none !important;
}

@page{margin:0.5cm;}

h2,h3{orphans:3;widows:3;page-break-after:avoid;}

p{orphans:3;widows:3;}

img{max-width:100% !important;page-break-inside:avoid;}
thead{display:table-header-group;}
tr{page-break-inside:avoid;}

pre,blockquote{border:1px solid #808080;page-break-inside:avoid;}
abbr[title]:after{content:" (" attr(title) ")";}
a,a:visited{color:#000000 !important;text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
}

/* @end print */

/* @group @onmediaquery trigger
--------------------------------------------------------*/

body:after{content:"global";position:absolute;bottom:0;left:-999em;height:0;line-height:0;visibility:hidden;}
@media screen and (min-width:10rem)
{body:after{content:"mobile-ver";}}
@media screen and (min-width:56em)
{body:after{content:"full-ver";}}

/* @end @onmediaquery responsive trigger */

/* @group @Debug
--------------------------------------------------------*/

/*
html{background:url(http://basehold.it/i/9/666666) 0 0 repeat,url(http://griddle.it/288-1-16?color=faf&text=firebrick&num=false) repeat-y top center;}
body{background:transparent;}
*/

/*
@media only screen and (min-width:37.5em){
html{background:url(http://basehold.it/i/21/666666) 0 0 repeat,url(http://griddle.it/540-2-24?color=faf&text=firebrick&num=false) repeat-y top center;}
}
*/

/*
@media only screen and (min-width:62em){
html{background:url(http://basehold.it/i/24/666666) 0 0 repeat,url(http://griddle.it/892-10-24?color=faf&text=firebrick&num=false) repeat-y top center;}
}
*/

/* @end @Debug */

/* @group @Grid Overlay - dev only
--------------------------------------------------------*/

/*
.grid-overlay{
position:absolute;
top:0;
left:0;
width:100%;
}

.grid-overlay div{
width:10.018%;
display:block;
float:left;
height:4000px;
-webkit-box-shadow:inset -1px -1px 0px #00FFFF;
}

/* @end @Debug */

@media only screen and (min-width: 37.5em){
.page-header h2 {
    text-align: center;
}	
}