@charset "utf-8";
/***************************************
* base.css
***************************************
* 1rem = 16pxで計算。
* 1pxだけはremにしないでpxにする
* アイコンフォントにはletter-spacingをいれると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.ttf') format('truetype');
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.ttf") format('truetype');
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.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}

/* @group .slider-controls */

.top-kv-cover label{
top:50%;
width:48px;
width:3rem;
height:48px;
height:3rem;
margin-top:-24px;
margin-top:-1.5rem;
}

#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,
#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{
font-size:36px;
font-size:2.25rem;
line-height:.875;
}

/* @end */

/* @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:'\fffd';
}

/* @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,
.flow-payment-bunkatsu: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:'\e00c';
}

/* @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:'30%';
}

.course-intro .course-intro-review:before{
content:'得';
font-weight: bold;
}

.course-intro .course-intro-exercises:before{
content:'\e00f'; 
font-family: "icomoon";
}

/* @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,*/
.lesson-htmlcss:before {
font-family:"icomoon";
content:'\e00d';
}

/*.curriculums-mobile .hexagon-body:before,*/
.lesson-mobile:before {
font-family:"icomoon";
content:'\e007';
}

/*.curriculums-programing .hexagon-body:before,*/
.lesson-programing:before {
font-family:"icomoon";
content:'\e000';
}

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

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

/* @end */

/* @group .skillup-icon */

/*.sec-design .hexagon-body:before,*/
a.skillup-design:before,
span.skillup-design:before {
font-family:"fontello";
content:'🎨';
}

/*.sec-rich .hexagon-body span:before,*/
a.skillup-dynamic:before,
span.skillup-dynamic:before {
font-family:"fontello";
content:'\2191';
}
/*
.sec-smartphone .hexagon-body:before,*/
a.skillup-smartphone:before,
span.skillup-smartphone:before {
font-family:"icomoon";
content:'\e007';
}

/*.sec-html5 .hexagon-body:before,*/
a.skillup-html5:before,
span.skillup-html5:before {
font-family:"icomoon";
content:'\e00d';
}

/*.sec-job .hexagon-body:before,*/
a.job-change:before,
span.job-change:before {
font-family:"icomoon";
content:'\e011';
}

/* @end */

/* @group .job-icon */

/*.cat-coder .hexagon-body:before,*/
a.job-coder:before,
span.job-coder:before {
font-family:"fontello";
content:'\2328';
}

/*.cat-designer .hexagon-body:before,*/
a.job-designer:before,
span.job-designer:before {
font-family:"fontello";
content:'🎨';
}

/*.cat-director .hexagon-body:before,*/
a.job-director:before,
span.job-director:before {
font-family:"fontello";
content:'📕';
}

/*.cat-personnel .hexagon-body:before,*/
a.job-personnel:before,
span.job-personnel:before {
font-family:"icomoon";
content:'\e010';
}

/*.cat-businessman .hexagon-body:before,*/
a.job-businessman:before,
span.job-businessman:before {
font-family:"icomoon";
content:'\e005';
}

/*.cat-programmer .hexagon-body:before,*/
a.job-programmer:before,
span.job-programmer: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);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

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

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

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

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

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

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

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

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

/* @end */

/* @group .top-kv */

.bx-wrapper .bx-prev:before{content:'\e765';}
.bx-wrapper .bx-next:before{content:'\e766';}

@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;}
@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;}
[hidden]{display:none;}

/* @end */

/* @group Base */

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

body{
margin:0;
-webkit-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: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;
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;}

div#video-block{
width : 100%;
 }
 

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
overflow: hidden;}

.video-container iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
div#video-block+p {
margin-top:24px;
margin-top:1.5rem;	
}

/* 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 .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 {
width: auto;
display:block
}

.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%;
}

/* @end */

/* @group .checkbox-list */

.checkbox-list li{
position:relative;
padding-left:30px;
padding-left:1.875rem;
}

.checkbox-list li:before{
position:absolute;
top:2px;
top:.125rem;
left:0;
font-family:"fontello";
font-size:26px;
font-size:1.625rem;
line-height:.8;
color:#f1883d;/* hsl(25, 87%, 59%) */
}

.checkbox-list li{
margin-top:12px;
margin-top:.75rem;
}

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

/* @end */

/* @group .level-star */

.level-star{
font-family:"fontello";
}

/* @end */

/* @group ordered-list of numbers */

.c-point li {
padding-left: 40px;
padding-left: 2.5rem;
}

.train-access ol li,
.plane-access ol li{
padding-left:36px;
padding-left:2.25rem;
}

.c-point li,
.train-access ol li,
.plane-access ol li{
position:relative;
counter-increment:order-list;
}

.c-point li,
.train-access ol li,
.plane-access ol li{
margin-top:16px;
margin-top:1rem;
}

.c-point li:first-child,
.train-access ol li:first-child,
.plane-access ol li:first-child{
margin-top:0;
}

.c-point li:last-child {
	margin-bottom: .5rem;
	margin-bottom: 8px;
}


.c-point li:before,
.train-access ol li:before,
.plane-access ol li:before{
content:counter(order-list);
z-index:2;
top:0;
left:0;
display:inline-block;
width:1.5rem;
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;
margin-right: .5rem;
}


/* @end */

/* @end @library */

/* @group .lesson-course-comment */
.c-comment li{
padding-left: 0;
}
.c-comment li:before{
content: none
}
/* @end */

/* 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 */

.morris-hover{position:absolute;z-index:1000;}
.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-size:12px;text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}


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

body{
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;
}


.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-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-corp li a{
padding : .75rem;
font-size : 14px;
font-size : .875rem;
}*/

.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 1.875rem;
}

.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;
transition:transform .2s linear;
}

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

.page-footer-inner div p{
margin-bottom:6px;
margin-bottom:.375rem;
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;
letter-spacing:.125em;
}

.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:16px;
font-size:1rem;
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;
margin-bottom:24px;
margin-bottom:1.5rem;
}

.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:48px;
padding-bottom:3rem;
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;
}

.contents-o-section>p {
	margin: 32px 8px 0;
}

.contents-o-section>p .job-btn {
	border: 1px solid hsl(28, 13%, 80%);
}
.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 {
overflow: 
}

.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;}

/* background_color */
.bg_color {
padding:48px 0 32px;
padding:3rem 0 2rem;
background:#e5e5e5;/* hsl(0, 0%, 90%) */
margin-bottom: 48px; 
margin-bottom: 3rem; 
}
div.bg_color_pageend {
	margin-bottom: 0;
}

div.c-pickup {
	margin-bottom: 36px;
	margin-bottom:2.25rem;
}

/* @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 */
}

.bg_color .contents-sub-label {
background:#f5f5f5;
}

/* @end */

/* @group .cercle-list */

.cercle-list{
overflow:hidden;
max-width:292px;
max-width:20.5rem;
margin-top:32px;
margin-top:2rem;
margin-right:auto;
margin-left:auto;
}

.cercle-list li{
display:inline-block;
padding-bottom:8px;
padding-bottom:.5rem;
}

.cercle-list li a span{
position:absolute;
z-index:10;
display:none;
width:90px;
padding:10px;
padding:.625rem;
background:rgba(51,51,51,0.75);
border-radius:4px;
border-radius:.25rem;
font-size:12px;
font-size:.75rem;
color:#fff;
font-weight:bold;
text-align:center;
}

.cercle-list li a{
display:inline-block;
}

.cercle-list li a:hover span{
display:block;
}

.cercle-list li:nth-of-type(3n+1){
clear:both;
}

/* @end .cercle-list */

/* @group .cercle-list-teacher */

.cercle-list-teacher{
max-width:292px;
max-width:20.5rem;
margin-right:auto;
margin-left:auto;
overflow:hidden;
}

.cercle-list-teacher li{
float:left;
margin:8px;
margin:0.5rem;
position:relative;
}

.cercle-list-teacher a{
border:none;
}

.cercle-list-teacher li p{
position:absolute;
top:45%;
left:0;
width:142px;
width:8.875rem;
text-align:center;
color:#fff;
visibility:hidden;
}

.cercle-list-teacher li a:hover p{
visibility:visible;
}

.cercle-list-teacher li a:hover img{
opacity:0.5;
}

/* @end .cercle-list-teacher */

/* @group .hexagon-target-list */

.hexagon-target-list {
overflow:hidden;
max-width:292px;
max-width:20.5rem;
margin-right:auto;
margin-left:auto;
}

.hexagon-list li,
.hexagon-target-list li {
float:left;
width:31%;
margin-left:3.5%;
margin-bottom:12px;
margin-bottom:.75rem;
}

.hexagon-target-list li:nth-of-type(3n+1) {
clear:both;
margin-left: 0;
}


.hexagon-target-list .hexagon-in1{
display:block;
width:90px;
width:6.25rem;
height:142px;
height:9.875rem;
margin:-18px auto -24px;
margin:-1.375rem auto -1.45rem;
}

.hexagon-target-list p{
margin-top:6px;
margin-top:.375rem;
margin-bottom:0;
font-size:12px;
font-size:.75rem;
line-height:1.5;/* 1.25/0.75 */
text-align:center;
}

/* @end .hexagon-target-list */

/* @group .instructor-photo / m-photo / pickup-photo */

.instructor-photo,
.instructor-photo img,
.m-voice figure,
.m-voice img{
width:142px;
width:8.875rem;
border-radius:50%;
}

.pickup-photo span,
.pickup-photo img{
width:168px;
width:10.5rem;
border-radius:50%;
}

.instructor-photo,
.pickup-photo span,
.m-voice figure{
position:relative;
display:block;
margin-right:auto;
margin-left:auto;
}

.instructor-photo:before,
.pickup-photo span:before,
.m-voice figure:before{
content:'';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:50%;
box-shadow:inset 1px 1px .25rem hsla(0, 0%, 0%, 0.0625),
inset -1px -1px .25rem hsla(0, 0%, 0%, 0.0625);
}


.instructor-photo:before{
border:8px solid hsla(0, 0%, 100%, 0.625);
border:.5rem solid hsla(0, 0%, 100%, 0.625);
}

.kikuchi_photo .instructor-photo:before {
	border:8px solid #e21267;
	border:.5rem solid #e21267;
}
.kikuchi_photo span {
	background:#e21267;
}

.hatano_photo .instructor-photo:before {
	border:8px solid #ff9200;
	border:.5rem solid #ff9200;
}

.hatano_photo span {
	background:#ff9200;
}

.yoshikawa_photo .instructor-photo:before {
	border:8px solid #81b615;
	border:.5rem solid #81b615;
}

.yoshikawa_photo span {
	background:#81b615;
}

.hoshino_photo .instructor-photo:before {
	border:8px solid #2173af;
	border:.5rem solid #2173af;
}
.hoshino_photo span {
	background:#2173af;
}


.teacher-photo-view {
	margin: 16px 0;
		margin: 1rem 0;
}


.pickup-photo span:before,
.m-voice figure:before{
border:8px solid hsla(0, 0%, 100%, 0.625);
border:.5rem solid hsla(0, 0%, 100%, 0.625);
}

.top-juku .pickup-photo span:before{
border-color:#5ACB70;/* hsl(300, 10%, 50%) */
}

.top-live-section .pickup-photo span:before{
border-color:#FABF47;/* hsl(336, 86%, 47%) */
}

.top-curriculums-section .pickup-photo span:before{
border-color:#F26C6C;/* hsl(34, 100%, 50%) */
}

.top-retake-section .pickup-photo span:before{
border-color:#6BBDED;/* hsl(80, 80%, 39%) */
}

.top-holiday-section .pickup-photo span:before{
border-color:#2173af;/* hsl(205, 68%, 41%) */
}

.top-curriculums-section blockquote {
	font-size: 14px;
	font-size: 0.875rem;
}

/* @end */

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

.signup-btn,
.job-btn,
.skillup-btn{
display:block;
margin-right : auto;
margin-left : auto;
padding : 24px 0;
/*padding:.6875rem .875rem;*/
font-size:24px;
/*font-size:1.125rem;*/
line-height:1.333333333;
text-align:center;
border-radius : 2px;
border-radius :.125rem;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  transition: .3s ease-out;
}

.signup-btn:hover,.signup-btn { 
color : #fff;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}

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

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

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

.ie9 .signup-btn{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjg2NjgwNDIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzMzEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzQzMzJhIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MjI4NjY4MDQyMykiIC8+PC9zdmc+);}

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

.ie9 .signup-btn:hover{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjg2ODY5NzkzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzMzEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjUyNjFlIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTM2MjI4Njg2OTc5MykiIC8+PC9zdmc+);}

.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:#f1efe8;/* hsl(47, 24%, 93%) */
/* border: 1px solid hsl(28, 13%, 80%);*/
box-shadow:0 0 0 1px hsl(28, 13%, 80%);
}

.job-btn:hover{
background-color:#edf7f1;
box-shadow:0 0 0 1px hsl(28, 13%, 80%);
}

.skillup-btn{
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
border: 1px solid hsl(28, 13%, 80%);
}


.skillup-btn:hover{
background-color:#edf7f1;
border: 1px solid hsl(28, 13%, 80%);
}
/* @end */

/* @group .social */
.social{
padding:11px 0;
padding:.6875rem 0;
background:#eae7e2;/* hsl(38, 16%, 90%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.social-buttons{
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.social-buttons > li{
float:left;
display:block;
margin:0;
vertical-align:top;
}

.social-buttons .socialite{
position:relative;
display:block;
background:url('../img/social-sprite.png') 0 0 no-repeat;
}

.social-buttons  .socialite-loaded{
background:none !important;
}

.social-buttons li{
position:relative;
text-align:center;
}

.social-buttons .twitter-share,
.social-buttons .googleplus-one,
.social-buttons .facebook-like{
margin:0 6px;
margin:0 .375rem;
}

.social-buttons .twitter-share{
height:65px;
background-position:0 0;
}

.no-js .social-buttons .twitter-share{
width:55px;
}

.social-buttons .googleplus-one{
/*
position:relative;
top:-18px;
*/
width:50px;
height:65px;
background-position:-75px 0;
}

.social-buttons .facebook-like{
width:50px;
height:65px;
background-position:-145px 0;
}

#social .g-plusone{
display:block !important;
}

/* @end */

/* @group .column3-img */
.body-curriculums .column3-img ul {
background: none;
border: none;}

.column3-img ul li {
text-align: center;
}

.column3-img ul li img{
width: 100%;
height: auto
}

/* @end */

/* @group .point-section */

.point-section h2+p{
margin-bottom:30px;
margin-bottom:1.875rem;
}

.point-section h2+ol{
margin-top:30px;
margin-top:1.875rem;
}

.point-section ol h3 span{
display:inline-block;
}

.point-section ol{
margin-bottom:0;
}

.point-section ol>li{
position:relative;
margin-bottom:30px;
margin-bottom:1.875rem;
}

.point-section ol>li:before{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:72px;
width:4.5rem;
height:72px;
height:4.5rem;
margin:0 auto 18px;
margin:0 auto 1.125rem;
padding-top:20px;
padding-top:1.25rem;
background:gray;
border-radius:50%;
font-family:"fontello";
font-size:30px;
font-size:1.875rem;
line-height:1;
color:#fff;
text-align:center;
}


.point-section ol>li.flow-payment-day:before{
font-size:24px;
font-size:1.5rem;
line-height:1.25;
}

.point-section ol>li.course-intro-discount:before,
.point-section ol>li.course-intro-review:before{
font-size:20px;
font-size:1.25rem;
line-height:1.5;
}

.point-section ol>li.flow-absence-transfer:before,
.point-section ol>li.course-deadline-365:before,
.point-section ol>li.course-deadline-180:before,
.point-section ol>li .course-intro-discount:before,
.point-section ol>li.course-intro-review:before{
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.point-section h3{
/*color:#e76000;/* hsl(25, 100%, 45%) *!/*/
text-align:center;
}

.course-intro-list small {
	font-size: 12px;
	font-size: .75rem;
	border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
	padding:8px;
	padding:0.5rem;
	display:block;
	margin:8px;
		margin:0.5rem;
		background: #fff;
}



/*.point-section ol>li.c-system-pc:before {
	background:#6A228B;/* hsl(300, 10%, 50%) *!/
}

.point-section ol>li.c-system-support:before {
background:#e21267;/* hsl(335, 85%, 48%) *!/
}

.point-section ol>li.c-system-tool:before {
background:#ff9200;/* hsl(34, 100%, 50%) *!/
}

.point-section ol>li.c-privilege-present:before {
background:#81b615;/* hsl(80, 79%, 40%) *!/
}

.point-section ol>li.c-privilege-check:before {
background:#2173af;/* hsl(205, 68%, 41%) *!/
}

.point-section ol>li.c-privilege-retake:before {
background:#e21267;/* hsl(335, 85%, 48%) *!/
}*/

/* orange */
.point-section ol>li:before {
background:#f1873b;/* hsl(25, 87%, 59%) */
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display:none;
	z-index: 9999;
	background: rgba(0,0,0,0.4);
}
.overlay a {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.overlay img {
	border: 5px solid #ddd;
}
.overlay:target {
	display: table;
}
.overlay span {
	display:block;
	text-align: center;
	line-height: 2em;
	color: white;
	font-weight: bold
}


/* @end */

/* site-top ------------------------*/

/* @group .top-kv
--------------------------------------------------------*/

.top-kv{
position:relative;
overflow:hidden;
margin-right:auto;
margin-left:auto;
}

.top-kv a,
.top-kv a:hover{
border-bottom:0;
}

.top-kv-cover{
position:relative;
overflow:hidden;
}

.top-kv-cover ul{
position:relative;
margin-bottom:0;
}

.top-kv-cover ul,
.top-kv-cover li,
.top-kv-cover li a{
/*height:25%;*/
/*min-height:216px;
min-height:13.5rem;*/
min-height:240px;
min-height:15rem;
}

.js .top-kv-cover li{
position:absolute;
top:0;
left:0;
width:100%;
}

.js .top-kv-cover .cover-001{
z-index:2;
}

.top-kv a{
overflow:hidden;
display:block;
background-size:cover;
border-radius:2px;
border-radius:.125rem;
color:#fff;
}

/* @group .bx-slider */

.bx-wrapper{
position:relative;
margin-bottom:48px;
margin-bottom:3rem;
padding:0;
background:#f5f5f5;
}

.bx-wrapper .bx-pager{
position:absolute;
z-index:30001;
bottom:-47px;
bottom:-2.9375rem;
left:50%;
display:table;
background:#f5f5f5;
text-align:center;
}

.bx-wrapper .bx-pager{
/* 5つ
margin:18px 0 0 -108px;
margin:1.125rem 0 0 -6.75rem;
*/
/* 4つ */
margin:18px 0 0 -90px;
margin:1.125rem 0 0 -5.625rem;
}

.bx-wrapper .bx-pager .bx-pager-item{
display:table-cell;
}

.bx-wrapper .bx-pager.bx-default-pager a{
width:30px;
width:1.875rem;
height:30px;
height:1.875rem;
margin:0 6px;
margin:0 ..375rem;
background:#bbb;
border-radius:50%;
vertical-align:top;
cursor:pointer;
}

.bx-wrapper .bx-pager.bx-default-pager a span{
position:absolute;
left:-999em;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover{
background:#ccc;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{
background:#3b2e1d;/* hsl(34, 34%, 17%) */
}

/* @group prev/next */

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
position:absolute;
z-index:1000;
top:50%;
width:36px;
height:2.25rem;
height:36px;
height:2.25rem;
margin-top:-18px;
margin-top:-1.125rem;
background:#fff;
background:hsla(0, 0%, 100%, .75);/* #ffffff */
border-radius:0 3px 3px 0;
border-radius:0 .1875rem .1875rem 0;
}

.bx-wrapper .bx-prev,{
border-radius:0 3px 3px 0;
border-radius:0 .1875rem .1875rem 0;
}

.bx-wrapper .bx-next{
border-radius:3px 0 0 3px;
border-radius:.1875rem 0 0 .1875rem;
}

.bx-wrapper .bx-prev{
left:0;
}

.bx-wrapper .bx-next{
right:0;
}

.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-next:before{
display:block;
padding-top:6px;
padding-top:.5rem;
font-family:"fontello";
font-size:24px;
font-size:1.5rem;
line-height:.825;
color:#3b2e1d;/* hsl(34, 34%, 17%) */
text-align:center;
}

.bx-wrapper .bx-prev span,
.bx-wrapper .bx-next span{
position:absolute;
left:-999em;
}

/* @end */

/* @end */

/* @group .slider-controls */

.top-kv-cover li label{
position:absolute;
left:0;
top:60%;
width:36px;
height:2.25rem;
height:36px;
height:2.25rem;
/*margin-top:-18px;
margin-top:-1.125rem;*/
background:hsla(0, 0%, 100%, .75);/* #ffffff */
/*opacity:.3;*/
cursor:pointer;
}

.top-kv-cover li label:hover{
opacity:.8;
}

#slider-001:checked ~ .top-kv-cover label[for="slider-005"]:before,
#slider-001:checked ~ .top-kv-cover label[for="slider-002"]:before,
#slider-002:checked ~ .top-kv-cover label[for="slider-001"]:before,
#slider-002:checked ~ .top-kv-cover label[for="slider-003"]:before,
#slider-003:checked ~ .top-kv-cover label[for="slider-002"]:before,
#slider-003:checked ~ .top-kv-cover label[for="slider-004"]:before,
#slider-004:checked ~ .top-kv-cover label[for="slider-003"]:before,
#slider-004:checked ~ .top-kv-cover label[for="slider-005"]:before,
#slider-005:checked ~ .top-kv-cover label[for="slider-001"]:before,
#slider-005:checked ~ .top-kv-cover label[for="slider-004"]:before{
display:block;
padding-top:6px;
padding-top:.5rem;
font-family:"fontello";
font-size:24px;
font-size:1.5rem;
line-height:.825;
color:#3b2e1d;/* hsl(34, 34%, 17%) */
text-align:center;
}

#slider-001:checked ~ .top-kv-cover label[for="slider-002"],
#slider-002:checked ~ .top-kv-cover label[for="slider-003"],
#slider-003:checked ~ .top-kv-cover label[for="slider-004"],
#slider-004:checked ~ .top-kv-cover label[for="slider-005"],
#slider-005:checked ~ .top-kv-cover label[for="slider-001"]{
position:absolute;
z-index:10000;
left:auto;
right:0;
border-radius:3px 0 0 3px;
border-radius:.1875rem 0 0 .1875rem;
}

#slider-001:checked ~ .top-kv-cover label[for="slider-006"],
#slider-002:checked ~ .top-kv-cover label[for="slider-001"],
#slider-003:checked ~ .top-kv-cover label[for="slider-002"],
#slider-004:checked ~ .top-kv-cover label[for="slider-003"],
#slider-005:checked ~ .top-kv-cover label[for="slider-004"]{
fposition:absolute;
z-index:10000;
right:auto;
left:0;
border-radius:0 6px 6px 0;
border-radius:0 .375rem .375rem 0;
}

/* @end */

/* @group .top-kv-pickup */

.top-kv-pickup a{
text-transform:uppercase;
-webkit-transition:all .8s;
transition:all .8s;
}

.top-kv-pickup a:hover{
opacity:.5;
}

.top-kv-pickup-cover{
padding:18px 12px;
padding:1.125rem .75rem;
}

.top-kv-pickup h1{
display:table;
margin:0 auto 12px;
margin:0 auto .75rem;
}

.pickup-info h2 {
text-transform:none;
}

.top-kv-pickup h1 span,
.top-kv-pickup h2 span{
display:block;
}

.top-kv-pickup h1{
font-size:1.75rem;/*28px*/
line-height:1.071428571;/* 1.875/1.75 */
font-weight:normal;
text-align:left;
}

.top-kv-pickup h2,
.top-kv-pickup h2+p{
font-size:18px;
font-size:1.125rem;
line-height:1.25;/* 1.5/1.125 */
font-weight:normal;
}

.top-kv-pickup h2{
display:table;
margin:0 auto 12px;
margin:0 auto .75rem;
text-align:center;
}

.top-kv-pickup p{
font-weight:bold;
}

.top-kv-pickup h2+p{
margin-bottom:12px;
margin-bottom:.75rem;
text-align:center;
letter-spacing:.05em;
}

.top-kv-pickup h2+p span{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
width:32px;
width:2rem;
height:32px;
height:2rem;
line-height:2;
margin:0 4px;
margin:0 .25rem;
background:#fff;/* hsl(0, 0%, 100%) */
border-radius:50%;
text-align:center;
}

.top-kv-pickup .pickup-more{
display:table;
margin:0 auto;
padding:3px 12px;
padding:.1875rem .75rem;
background:#fff;/* hsl(0, 0%, 100%) */
border-radius:2px;
border-radius:.125rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.top-kv-pickup .pickup-more:before{
content:'\25b8';
margin-right:8px;
margin-right:.5rem;
font-family:'fontello';
}

/* @end */

/* @group .pickup-html5-css */

.pickup-html5-css a{
background-color:#2374af;
background-image:-webkit-linear-gradient(left, #124e77 0%, #1d73b1 30%, #2374af 70%, #154f75 100%);
background-image:linear-gradient(left, #124e77 0%, #1d73b1 30%, #2374af 70%, #154f75 100%);
-webkit-transition:all .8s;
transition:all .8s;
}

.ie9 .pickup-html5-css a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYxODQ2MTExNjc5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNGU3NyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMxZDczYjEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMjM3NGFmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTRmNzUiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYxODQ2MTExNjc5KSIgLz48L3N2Zz4=);
}

.pickup-html5-css .pickup-info p span,
.pickup-html5-css .pickup-more{
color:#2374af;
}

/* @end */

/* @group .pickup-css3 */

.pickup-css3 a{
background-color:#24a2c8;
background-image:-webkit-linear-gradient(left, #0f7b99 0%, #1d99c0 30%, #24a2c8 70%, #107b97 100%);
background-image:linear-gradient(left, #0f7b99 0%, #1d99c0 30%, #24a2c8 70%, #107b97 100%);
}

.ie9 .pickup-css3 a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI2MDM5MTMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmN2I5OSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMxZDk5YzAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMjRhMmM4IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDdiOTciIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI2MDM5MTMxKSIgLz48L3N2Zz4=);
}

.pickup-css3 .pickup-info p span,
.pickup-css3 .pickup-more{
color:#24a2c8;
}

/* @end */

/* @group .pickup-css-intermedia */

.pickup-css-intermedia a{
background-c:#524a85;
background-image:-webkit-linear-gradient(left, #353059 0%, #474077 30%, #524a85 70%, #363159 100%);
background-image:linear-gradient(left, #353059 0%, #474077 30%, #524a85 70%, #363159 100%);
}

.ie9 .pickup-css-intermedia a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1OTU4Nzk5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzA1OSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM0NzQwNzciIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNTI0YTg1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjMxNTkiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1OTU4Nzk5KSIgLz48L3N2Zz4=);
}

.pickup-css-intermedia .pickup-info p span,
.pickup-css-intermedia .pickup-more{
color:#363159;
}

/* @end */

/* @group .pickup-html5 */

.pickup-html5 a{
background-color:#e37900;
background-image:-webkit-linear-gradient(left, #a95a00 0%, #e17900 30%, #e37900 70%, #aa5900 100%);
background-image:linear-gradient(left, #a95a00 0%, #e17900 30%, #e37900 70%, #aa5900 100%);
}

.ie9 .pickup-html5 a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1ODc2MTQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5NWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNlMTc5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZTM3OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTU5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1ODc2MTQ4KSIgLz48L3N2Zz4=);
}

.pickup-html5 .pickup-info p span,
.pickup-html5 .pickup-more{
color:#e37900;
}

/* @end */

/* @group .pickup-jquerymobile */

.pickup-jquerymobile a{
background-color:#489a35;
background-image:-webkit-linear-gradient(left, #2f6821 0%, #469b33 30%, #489a35 70%, #306723 100%);
background-image:linear-gradient(left, #2f6821 0%, #469b33 30%, #489a35 70%, #306723 100%);
}

.ie9 .pickup-jquerymobile a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1Nzc1NDkzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNjgyMSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM0NjliMzMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNDg5YTM1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDY3MjMiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1Nzc1NDkzKSIgLz48L3N2Zz4=);
}

.pickup-jquerymobile .pickup-info p span,
.pickup-jquerymobile .pickup-more{
color:#489a35;
}

/* @end */

/* @group .pickup-javascript */

.pickup-javascript a{
background-color:#21adb0;
background-image:-webkit-linear-gradient(left, #127678 0%, #1daeb1 30%, #21adb0 70%, #157776 100%);
background-image:linear-gradient(left, #127678 0%, #1daeb1 30%, #21adb0 70%, #157776 100%);
}

.ie9 .pickup-javascript a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1NjIwMzYxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNzY3OCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMxZGFlYjEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMjFhZGIwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTc3NzYiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1NjIwMzYxKSIgLz48L3N2Zz4=);
}

.pickup-javascript .pickup-info p span,
.pickup-javascript .pickup-more{
color:#21adb0;
}

/* @end */

/* @group .pickup-rwd-basic */

.pickup-rwd-basic a{
background-color:#b8173a;
background-image:-webkit-linear-gradient(left, #7e0c25 0%, #ac1334 30%, #b8173a 70%, #7c0f29 100%);
background-image:linear-gradient(left, #7e0c25 0%, #ac1334 30%, #b8173a 70%, #7c0f29 100%);
}

.ie9 .pickup-rwd-basic a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1NDU5NTc3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlMGMyNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNhYzEzMzQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYjgxNzNhIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzBmMjkiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1NDU5NTc3KSIgLz48L3N2Zz4=);
}

.pickup-rwd-basic .pickup-info p span,
.pickup-rwd-basic .pickup-more{
color:#ac1334;
}

/* @end */

/* @group .pickup-wordpress */

.pickup-wordpress a{
background-image:#3f6c9b;
background-image:-webkit-linear-gradient(left, #2f445a 0%, #426a96 30%, #3f6c9b 70%, #32465b 100%);
background-image:linear-gradient(left, #2f445a 0%, #426a96 30%, #3f6c9b 70%, #32465b 100%);
}

.ie9 .pickup-wordpress a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1MzcyNDMzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNDQ1YSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM0MjZhOTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjM2Y2YzliIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjQ2NWIiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1MzcyNDMzKSIgLz48L3N2Zz4=);
}

.pickup-wordpress .pickup-info p span,
.pickup-wordpress .pickup-more{
color:#426a96;
}

/* @end */

/* @group .pickup-wp-application */

.pickup-wp-application a{
background-color:#59488b;
background-image:-webkit-linear-gradient(left, #3f3950 0%, #5d4f81 30%, #59488b 70%, #3f3a50 100%);
background-image:linear-gradient(left, #3f3950 0%, #5d4f81 30%, #59488b 70%, #3f3a50 100%);
}

.ie9 .pickup-wp-application a{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMTI1MjcyOTk0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmMzk1MCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM1ZDRmODEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNTk0ODhiIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNhNTAiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMTI1MjcyOTk0KSIgLz48L3N2Zz4=);
}

.pickup-wp-application .pickup-info p span,
.pickup-wp-application .pickup-more{
color:#59488b;
}

/* @end */

/* @group .pickup-ux-ui-ut */

.pickup-ux-ui-ut a{

}

.ie9 .pickup-ux-ui-ut a{

}

.pickup-ux-ui-ut .pickup-info p span,
.pickup-ux-ui-ut .pickup-more{

}

/* @end */

/* @group .pickup-javascript-mastering */

.pickup-javascript-mastering a{

}

.ie9 .pickup-javascript-mastering a{

}

.pickup-javascript-mastering .pickup-info p span,
.pickup-javascript-mastering .pickup-more{

}

/* @end */

/* @end .top-kv */

/* @group .site-top header
--------------------------------------------------------*/

.top-contents-header{
margin-bottom:24px;
margin-bottom:1.5rem;
}

.top-contents-header h1{
margin-bottom:0;
font-size:30px;
font-size:1.875rem;
line-height:1.2;/* 2.25/1875 */
text-align:center;
font-weight:normal;
}

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

.top-contents-header div,
.contents-header div {
overflow:hidden;
}

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

.top-contents-header p,
.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;
}

.contents-header div p {
	text-transform:capitalize;
}

.top-contents-header p,
.top-rank-list-inner h2+p {
	max-width: 40rem;
	margin: 1.5rem auto;
	text-align:left;
}

.top-contents-header p span{
text-transform:none;
}

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

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

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

/* @end */

/* @group .top-pickup-list
--------------------------------------------------------*/

.top-pickup-list section{
margin-bottom:48px;
margin-bottom:3rem;
}

.top-pickup-list .pickup-photo{
margin-bottom:24px;
margin-bottom:1.5rem;
}

.top-pickup-list h2{
margin:0 auto 24px;
margin:0 auto 1.5rem;
font-weight:bold;
text-align:center;
}

.top-pickup-list h3{
font-weight:bold;
}

.top-juku h2{
color:#5ACB70;/* hsl(300, 10%, 50%) */
}

.top-live-section h2{
color:#FABF47;/* hsl(335, 85%, 48%) */
}

.top-curriculums-section h2{
color:#F26C6C;/* hsl(34, 100%, 50%) */
}

.top-retake-section h2{
color:#6BBDED;/* hsl(80, 79%, 40%) */
}

.top-holiday-section h2{
color:#2173af;/* hsl(205, 68%, 41%) */
}

/* @end .top-pickup-list */

/* @group .top-info-list / .top-rank-list 
--------------------------------------------------------*/

.top-info-list ol>li,
.top-rank-list ol>li{
margin:36px 8px 0;
margin:2.25rem .5rem 0;
}

.top-info-list ol>li:first-child,
.top-rank-list ol>li:first-child{
margin-top:0;
}

.top-info-list a,
.top-rank-list a,
.top-info-list a:hover,
.top-rank-list a:hover{
display:block;
}

.top-info-list h2,
.top-info-list h3,
.top-info-list h4,
.top-info-list p,
.top-info-list ul,
.top-rank-list h3,
.top-rank-list h4,
.top-rank-list p,
.top-rank-list ul{
margin-bottom:0;
}

.top-info-list ul,
.top-rank-list ul{
overflow:hidden;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
color:#3b2e1d;/* hsl(34, 34%, 17%) */
}

.top-info-list ol>li:nth-child(2n),
.top-rank-list ol>li:nth-child(2n){
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}

.top-info-list ol>li:nth-child(2n+1),
.top-rank-list ol>li:nth-child(2n+1){
background-color:#fff;/* hsl(0, 0%, 100%) */
}

.top-info-list .top-info-list-label,
.top-rank-list .top-rank-list-label{display:none;}

.top-info-list ol>li a:hover ul,
.top-rank-list ol>li a:hover ul{
background:#edf7f1;/* hsl(142, 39%, 95%) */
}

.top-info-list-title h3,
.top-rank-list h3{
font-size:24px;
font-size:1.5rem;
line-height:1.2;/* 1.875/1.5 */
font-weight:normal;
color:#3b2e1d;/* hsl(34, 34%, 17%) */
}

.top-info-list-title h3 .sub-copy,
.top-rank-list h3 .sub-copy{
display:block;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
color:#3b2e1d;
text-shadow:none;
}

.top-info-list-title h3{
margin-top:12px;
margin-top:.75rem;
}

.top-info-list-title h3 em+em,
.top-rank-list h3 em+em{
font-weight:normal;
color:#4a8544;/* hsl(114, 32%, 39%) */
}

.top-info-list .top-info-list-time,
.top-info-list .top-info-list-open,
.top-info-list .top-info-list-level,
.top-rank-list .top-rank-price,
.top-rank-list .top-rank-time{
overflow:hidden;
margin-top:12px;
margin-top:.75rem;
}

.top-info-list .top-info-list-time{
margin-top:0;
}

.top-info-list h2,
.top-info-list h4,
.top-rank-list h4{
float:left;
width:72px;
width:4.5rem;
margin-right:8px;
margin-right:.5rem;
border-radius:12px;
border-radius:.75rem;
background:#898989;/* hsl(0, 0%, 54%) */
color:#fff;/* hsl(0, 0%, 100%) */
font-size:12px;
font-size:.75rem;
line-height:2;/* 1.5/0.75 */
font-weight:bold;
text-align:center;
}

.top-info-list h2+p,
.top-info-list h4+p,
.top-rank-list h4+p{
overflow:hidden;
}

.top-info-list h4+p em,
.top-rank-list h4+p em{
font-weight:bold;
}

.top-info-list .top-info-list-time time,
.top-info-list-open .top-info-list-decision,
.curriculums-date time {
font-size:21px;
font-size:1.333333333rem;
line-height:1;
}

.top-info-list ul{
padding:11px;
padding:.6875rem;
}

.top-info-list .top-info-list-time time,.curriculums-date time {
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.top-info-list-open .top-info-list-count{
position:relative;
top:2px;
top:.125rem;
margin:0 2px;
margin:0 .125rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:24px;
font-size:1.5rem;
line-height:1;
}

.top-info-list-level p{
font-family:"fontello";
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
letter-spacing:.0625em;
color:#f1883d;/* hsl(25, 87%, 59%) */
}

.top-info-list-level p span{
opacity:.5;
}

.top-rank-list ul{
padding:11px 11px 11px 48px;
padding:.6875rem .6875rem .6875rem 3rem;
}

.top-rank-list .top-rank-title{
position:relative;
}

.top-rank-list .top-rank{
margin-left:-36px;
margin-left:-2.25rem;
}

.top-rank-list .top-rank h2{
font-size:20px;
font-size:1.25rem;
line-height:1.2;
font-weight:normal;
text-align:center;
}

.top-rank-list h2 em{
margin:0 2px;
margin:0 .125rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:42px;
font-size:2.625rem;
line-height:1;
/*font-weight:bold;*/
}

.top-rank-list .first-place h2 em{
color:#a61451;/* hsl(335, 79%, 36%) */
}

.top-rank-list .second-place h2 em{
color:#a65d14;/* hsl(34, 100%, 50%) */
}

.top-rank-list .third-place h2 em{
color:#7fba22;/* hsl(83, 69%, 43%) */
}

.top-rank-list a .top-rank:before{
display:none;
}

.top-rank-list .top-rank-title p{
position:absolute;
top:0;
left:-36px;
left:-2.25rem;
width:30px;
width:1.875rem;
margin-bottom:0;
background:#f1883d;/* hsl(25, 87%, 59%) */
border-radius:50%;
line-height:1.875;/* 1.875/1 */
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;
text-align:center;
}

.top-rank-list .top-rank-price,
.top-rank-list .top-rank-time{
margin-left:-36px;
margin-left:-2.25rem;
}

.top-rank-list .top-rank-price p em{
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;
}

.top-rank-list a .top-rank-time:before{
display:none;
}

/* @end */

/* @group .top-relation-list
--------------------------------------------------------*/

.top-relation-list ul{
margin-bottom:0;
}

.top-relation-list li{
margin-top:36px;
margin-top:2.25rem;
}

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

.top-relation-list a{
display:block;
margin-bottom:12px;
margin-bottom:.75rem;
padding:11px;
padding:.6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
text-align:center;
}

.top-relation-list img{
height:60px;
height:3.75rem;
}

.top-relation-list a:hover img{
opacity:.5;
}

.top-relation-list h2{
margin-bottom:0;
font-size:14px;
font-size:.875rem;
line-height:1.333333333;/* 1.5/1.125 */
color:#321900;/* hsl(0, 0%, 23%) */
font-weight:normal;
text-align:center;
}

.top-relation-list h2 span{
display:inline-block;
}

/* @end .site-top */

/* @group .client-list */

.client-list{
background:#3b3739;
}

.client-list h2{
margin-bottom:6px;
margin-bottom:.375rem;
}

.client-list h2,
.client-list h2+p{
color:#fff;
text-shadow:none;
text-align:center;
font-weight:bold;
}

.client-list h2+p{
margin-bottom:18px;
margin-bottom:1.125rem;
}

.client-list>div>div{
padding:11px;
padding:.6875rem;
background:#fff;
border:1px solid #ccc;
}

.client-list ul{
display:table;
margin:auto;
text-align:center;
}

.client-list li{
position:relative;
display:inline-table;
margin:0 6px 6px 0;
margin:0 .375rem .375rem 0;
text-align:center;
}

.client-list li img{
display:inline-table;
width:75%;
max-width:0 none;
}

/* @end */

/* .course-top ------------------------*/

/* @group .course-deadline */

.coruce-page-nav{
margin-top:36px;
margin-top:2.25rem;
}

.coruce-page-nav li{
margin-bottom:24px;
margin-bottom:1.5rem;
}

.course-practice {
overflow: hidden
}

.course-practice figure {
	margin: 32px 0;
	margin: 2rem 0;
	text-align:center;
}
.course-practice figure img {
	margin-bottom: 16px;
		margin-bottom: 1rem;
}
.course-practice div.lesson-photo {
	margin-bottom:16px;
	margin-bottom:1rem;
	text-align:center;

}

.course-practice figurecaption  {
	overflow:hidden;
	display: block;
}

#course-lesson {
	margin-bottom:32px;
	margin-bottom:2rem;
}

#course-lesson figure {
	margin: 0;
}

#course-lesson figure img{
	margin-bottom: 8px;
	margin-bottom: .5rem;
}

#course-lesson figure figurecaption{
	text-align: center;
	font-size: 1rem;
	font-size: 16px
}



/* @end */

.course-exercise .course-discount{
}

.course-exercise .course-discount section{
margin-bottom:12px;
margin-bottom:.75rem;
padding:0 11px 11px;
padding:0 .6875rem .6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.course-exercise .course-discount h3{
margin:0 -11px 12px;
margin:0 -.6875rem .75rem;
padding:6px 11px 5px;
padding:.375rem .6875rem .3125rem;
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
border-bottom:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
font-size:14px;
font-size:.875rem;
line-height:1.714285714;
}

.course-exercise .course-discount ul{
display:none;
}

.course-exercise .course-discount dl,
.course-exercise .course-discount dt,
.course-exercise .course-discount dd{
float:left;
}

.course-exercise .course-discount dl{
margin-bottom:0;
font-weight:normal;
}

.course-exercise .course-discount dl+dl{
margin-left:12px;
margin-left:.75rem;
}

.course-exercise .course-discount dt{
float:left;
width:72px;
width:4.5rem;
margin-right:8px;
margin-right:.5rem;
border-radius:12px;
border-radius:.75rem;
background:#898989;
font-size:12px;
font-size:.75rem;
line-height:2;
color:#fff;
font-weight:bold;
text-align:center;
}

.course-exercise .course-discount dd{
overflow:hidden;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.course-exercise .course-discount dd em{
font-weight: bold
}

.course-exercise .discount-late{

}

.course-exercise .course-exercises-day{

}

/* ここは編集しない
.course-exercise .discount-late:before{
content:attr(data-heading);
}

.course-exercise .course-exercises-day:before{
content:attr(data-heading);
}
*/


/* @group .course-index */

.course-label{display:none;}

.course-index section{
margin:36px 8px 0;
margin:2.25rem .5rem 0;
}

.course-index section:first-child{
margin-top:0;
}

.course-index a{
position:relative;
overflow:hidden;
display:block;
padding:11px 11px 11px 48px;
padding:.6875rem .6875rem .6875rem 3rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
color:#3b2e1d;/* hsl(34, 34%, 17%) */
}

.course-index section:nth-of-type(2n) a{
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}

.course-index section a:hover{
background:#edf7f1;/* hsl(142, 39%, 95%) */
}

.course-index header{
margin-bottom:0;
}

.course-index header h2,
.course-index header h3,
.course-index header h4{
margin-bottom:0;
font-size:24px;
font-size:1.5rem;
line-height:1.2;/* 1.875/1.5 */
font-weight:normal;
color:#3b2e1d;/* hsl(34, 34%, 17%) */
text-align:left;
}


.course-index header p{
position:absolute;
top:12px;
top:.75rem;
left:12px;
left:.75rem;
width:30px;
width:1.875rem;
margin-bottom:0;
background:#f1883d;/* hsl(25, 87%, 59%) */
border-radius:50%;
line-height:1.875;/* 1.875/1 */
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;
text-align:center;
}

.course-index header .sub-copy{
display:block;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
color:#3b2e1d;
text-shadow:none;
}

.course-index header em+em{
font-weight:normal;
color:#4a8544;/* hsl(114, 32%, 39%) */
}

.course-index dl{
overflow:hidden;
margin-top:12px;
margin-top:.75rem;
margin-left:-36px;
margin-left:-2.25rem;
margin-bottom:0;
}

.course-index dt{
float:left;
width:80px;
width:5rem;
border-radius:12px;
border-radius:.75rem;
background:#898989;/* hsl(0, 0%, 54%) */
color:#fff;/* hsl(0, 0%, 100%) */
font-size:12px;
font-size:.75rem;
line-height:2;/* 1.5/0.75 */
font-weight:bold;
text-align:center;
}

.course-index dd{
overflow:hidden;
padding-left:8px;
padding-left:.5rem;
}

.course-index dd em{
margin-right:2px;
margin-right:.125rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-weight:bold;
}


.course-curriculums dt {
float: none;
width: 9rem;
margin-bottom: .5rem;
text-align: left;
padding-left: 1rem
}

.course-curriculums ul{
margin-left: .125rem;
margin-left: 2px
}

.course-curriculums ul li{
margin: 0 .125rem .125rem 0;
margin: 0 2px 2px 0;
}

.course-curriculums ul li p:before {
height: 1rem;
height: 16px;
width: 1rem;
width: 16px;
color: white;
font-weight: normal;
margin-right: .5rem;
margin-right: 8px;
}

/*.course-curriculums ul li .c01:before,*/
.course-curriculums ul li .c02:before,
.course-curriculums ul li .c03:before,
/*.course-curriculums ul li .c04:before,*/
.course-curriculums ul li .c05:before,
.course-curriculums ul li .c06:before,
.course-curriculums ul li .c07:before,
.course-curriculums ul li .c08:before,
.course-curriculums ul li .c09:before,
.course-curriculums ul li .c10:before,
.course-curriculums ul li .c11:before,
.course-curriculums ul li .c12:before,
.course-curriculums ul li .c13:before,
.course-curriculums ul li .c14:before,
.course-curriculums ul li .c15:before,
.course-curriculums ul li .md:before{
font-family:"icomoon";
padding: .2em;
}

.course-curriculums ul li .c02:before,
.course-curriculums ul li .c11:before { 
content:'\e00d';
background-color:#ff9200;/* hsl(34, 100%, 50%) */
}
.course-curriculums ul li .c01:before {
	content: "B";
	background-color:#ff9200;/* hsl(34, 100%, 50%) */
	font-family: Impact;
}

.course-curriculums ul li .c03:before { 
content:'\e002';
background-color:#ec7575;
}
.course-curriculums ul li .c04:before {
	content: "3";
	background-color:#ec7575;
	font-family: Impact;
}

.course-curriculums ul li .c05:before,
.course-curriculums ul li .c12:before,
.course-curriculums ul li .c06:before { 
content:'\e007';
background-color: #3de5a8;
}

.course-curriculums ul li .c10:before { 
content:'\e001'; 
background-color:#51B749;
}

.course-curriculums ul li .c07:before,
.course-curriculums ul li .c08:before { 
content:'\e000'; 
background-color: #6A228B;/* hsl(300, 10%, 50%) */}

.course-curriculums ul li .c09:before,
.course-curriculums ul li .c13:before { 
content:'\e00b'; 
background-color: #2173af;/* hsl(205, 68%, 41%) */}


.course-curriculums ul li .c14:before,
.course-curriculums ul li .c15:before { 
content:'\e00f'; 
background-color:#979797/* hsl(0, 0%, 59%) */;
}

.course-curriculums ul li .md:before { 
content:'\e013'; 
background-color:#ff9200;/* hsl(34, 100%, 50%) */
}


.course-content dd em{
font-size:24px;
font-size:1.5rem;
line-height:1.125;
}

.course-price dd em{
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;
}

.course-index dd span{
display:inline-block;
}

.course-price dd span {
display:block;
font-size:.7rem;
white-space: normal
}

.course-index a .course-time:before{
display:none;
}

/* @end */

/* curriculums-index ------------------------*/

/* @group .curriculums-index */

.curriculums-index ol+ul{
margin-top:36px;
margin-top:2.25rem;
}

.curriculums-index .curriculums-update:before{
height:72px;
height:4.5rem;
padding:0;
}

.curriculums-index .curriculums-update-spin{
position:absolute;
z-index:101;
top:0;
right:0;
left:0;
width:72px;
width:4.5rem;
margin:0 auto 18px;
margin:0 auto 1.125rem;
text-align:center;
-webkit-animation:spin 6s infinite linear;
animation:spin 6s infinite linear;
}

.curriculums-index .curriculums-update-spin:before{
font-family:"fontello";
font-size:30px;
font-size:1.875rem;
line-height:2.4;
color:#fff;
}

/* @end */

/* @group .curriculums-difficulty */

.curriculums-difficulty table{
width:100%;
}

.curriculums-difficulty th,
.curriculums-difficulty td{
padding:5px;
padding:.3125rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
font-weight:normal;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.curriculums-difficulty tbody th{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:31.25%;
font-family:"fontello";
color:#f1883d;/* hsl(25, 87%, 59%) */
}

.curriculums-difficulty tbody tr:nth-of-type(2n) th,
.curriculums-difficulty tbody tr:nth-of-type(2n) td{
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}

.curriculums-difficulty tbody th span{
opacity:.5;
}

.curriculums-difficulty .curriculums-lesson {
text-align: center;
margin-bottom: 1rem;
margin-bottom: 16px;
overflow: hidden;
}



.curriculums-difficulty .curriculums-lesson figure figurecaption{
text-align: left
}

.curriculums-difficulty .curriculums-lesson figure img{
margin: 0 1rem 1rem 0;
margin-right: 0 16px 16px 0;
}

.curriculums-difficulty .curriculums-lesson figure img,
.curriculums-difficulty .curriculums-lesson figure figurecaption{
display: block;
float: none
}




/* @end */

/* @group .curriculums-category */

.curriculums-label{display:none;}

.curriculums-category section{
position:relative;
margin:0 8px 36px;
margin:0 .5rem 2.25rem;
}

.curriculums-category a{
position:relative;
overflow:hidden;
display:block;
padding:11px;
padding:.6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
color:#3b2e1d;/* hsl(34, 34%, 17%) */
}

.curriculums-category section:nth-of-type(2n) a{
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}

.curriculums-category section a:hover{
background:#edf7f1;/* hsl(142, 39%, 95%) */
}

.curriculums-category h3{
margin-bottom:0;
font-size:24px;
font-size:1.5rem;
line-height:1.2;/* 1.875/1.5 */
color:#3b2e1d;/* hsl(34, 34%, 17%) */
}

.curriculums-category h3 .sub-copy{
display:block;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
font-weight:normal;
}

.curriculums-category h3 em+em{
font-weight:normal;
color:#4a8544;/* hsl(114, 32%, 39%) */
}

.curriculums-category dl{
overflow:hidden;
margin-top:12px;
margin-top:.75rem;
margin-bottom:0;
}

.curriculums-category dt{
float:left;
width:72px;
width:4.5rem;
border-radius:12px;
border-radius:.75rem;
background:#898989;/* hsl(0, 0%, 54%) */
color:#fff;/* hsl(0, 0%, 100%) */
font-size:12px;
font-size:.75rem;
line-height:2;/* 1.5/0.75 */
font-weight:bold;
text-align:center;
}

.curriculums-category dd{
overflow:hidden;
padding-left:8px;
padding-left:.5rem;
}

.curriculums-category dd em{
font-weight:bold;
}

.curriculums-level dd{
font-family:"fontello";
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
letter-spacing:.0625em;
color:#f1883d;/* hsl(25, 87%, 59%) */
}

.curriculums-level dd span{
opacity:.5;
}

.curriculums-level .tooltip div {
display: none;}


.curriculums-category .curriculums-time em,
.curriculums-price dd em{
margin-right:2px;
margin-right:.125rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.curriculums-category .curriculums-time em{
font-size:24px;
font-size:1.5rem;
line-height:1.125;
}

.curriculums-price dd em{
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;
}

/* @end */

/* course-skillup ------------------------*/

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

.course-skillup-intro .hexagon-list{
margin-top:36px;
margin-top:2.25rem;
}

/* @end */

/* @group .course-index-header */

.course-index-header{
margin-bottom:24px;
margin-bottom:1.5rem;
}

.course-index-header img{
width:160px;
width:10rem;
border-radius:2px;
border-radius:.125rem;
}

.hexagon-thumb.sec-rich .hexagon-body span{
-webkit-animation:up-amination 3s infinite linear;
animation:up-amination 3s infinite linear;
}

@-moz-keyframes up-amination{
0%{
opacity:0;
-moz-transform:translateY(20px);
-moz-transform:translateY(1.25rem);
}

50%{
opacity:1;
-moz-transform:translateY(0);
}
}

@-webkit-keyframes up-amination{
0%{
opacity:0;
-webkit-transform:translateY(20px);
-webkit-transform:translateY(1.25rem);
}

50%{
opacity:1;
-webkit-transform:translateY(0);
}
}

100%{
opacity:1;
}
}

@-ms-keyframes up-amination{
0%{
opacity:0;
-ms-transform:translateY(20px);
-ms-transform:translateY(1.25rem);
}

100%{
opacity:1;
-ms-background-size-transform:translateY(0);
}
}

@keyframes up-amination{
0%{
opacity:0;
transform:translateY(20px);
transform:translateY(1.25rem);
}

100%{
opacity:1;
background-size-transform:translateY(0);
}
}

/* @end */

/* course-job ------------------------*/

/* @group .job-intro */

.job-intro .hexagon-list{
margin-top:36px;
margin-top:2.25rem;
}

ul.cercle-list a {
	border: none;
}
ul.cercle-list {
	text-align:center;
}
.job-icon {
	 text-align:center;
	 margin-bottom: 16px;
	 	 margin-bottom: 1rem;
}
ul.cercle-list a:before,
.job-icon span:before {
		color: #fff;
		font-size: 42px;
		font-size: 2.625rem;
			display: inline-block;
			border-radius:50%;
		width: 45px;
			width: 2.8125rem;	
			height: 45px;
			height: 2.8125rem;
			border: none;
			padding: 22px 22px 22px;
			line-height:1;

}
ul.cercle-list a:hover:before {
	opacity:0.5;
}


ul.cercle-list a.skillup-design:before,
.job-icon span.skillup-design:before  {
	background: #ff9200;/* hsl(34, 100%, 50%) */
}
ul.cercle-list a.job-designer:before,
.job-icon span.job-designer:before,
ul.cercle-list a.skillup-dynamic:before,
.job-icon span.skillup-dynamic:before,
.lesson-htmlcss:before {
background: #ff9200;/* hsl(34, 100%, 50%) */
}
ul.cercle-list a.job-director:before,
.job-icon span.job-director:before,
ul.cercle-list a.skillup-smartphone:before,
.job-icon span.skillup-smartphone:before,
.lesson-mobile:before {
background: #e21267;/* hsl(335, 85%, 48%) */
}
ul.cercle-list a.job-personnel:before,
.job-icon span.job-personnel:before,
ul.cercle-list a.skillup-html5:before,
.job-icon span.skillup-html5:before,
.lesson-programing:before {
background:#6A228B;/* hsl(300, 10%, 50%) */
}
ul.cercle-list a.job-businessman:before,
.job-icon span.job-businessman:before,
ul.cercle-list a.job-change:before,
.job-icon span.job-change:before,
.lesson-cms:before {
	background: #2173af;/* hsl(205, 68%, 41%) */
}
ul.cercle-list a.job-coder:before,
.job-icon span.job-coder:before,
ul.cercle-list a.job-programmer:before,
.job-icon span.job-programmer:before,
.lesson-web-design:before {
background:#7eb314;/* hsl(80, 80%, 39%) */
}

/* @end */

/* google-calender ------------------------*/

/* @group .google-calender */

.google-calender{
margin-bottom:36px;
margin-bottom:2.25rem;
padding: 48px 0 32px;
padding: 3rem 0 2rem;}

.google-calender p{
margin-top:12px;
margin-top:.75rem;}

.calender{
overflow:hidden;
max-width:90%;
margin:0 auto;
padding:11px;
padding:.6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border-radius:3px;
border-radius:.1875rem;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

.calender iframe{
width:100%;
border:0;}

.mobile-calender{display:block;}
.full-calender{display:none;}

/* @end */

/* course-detail ------------------------*/

/* @group .course-detail-header / .curriculums-detail-header */

.curriculums-detail-header h1,
.course-detail-header h1{
margin-bottom:0;
font-size:40px;
font-size:2.5rem;
line-height:1.2;/* 3/2.5 */
font-weight:normal;}

.curriculums-detail-header h1 em,
.course-detail-header h1 em{
display:block;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */}

.course-detail-header p,
.curriculums-detail-header p{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table;
padding:6px;
padding:.375rem;
background:#f1883d;/* hsl(25, 87%, 59%) */
border-radius:3px;
border-radius:.1875rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:12px;
font-size:.75rem;
line-height:1;
color:#fff;/* hsl(0, 0%, 100%) */
text-align:center;
text-transform:uppercase;
letter-spacing:.125em;}

.course-detail-header p strong,
.curriculums-detail-header p strong{
font-size:18px;
font-size:1.125rem;}

.course-detail-header p strong{
margin-right:2px;
margin-right:.125rem;}

.curriculums-detail-header p strong{
margin-left:2px;
margin-right:.125rem;}

.curriculums-detail-header p span{
position:absolute;
left:-999em;}

/* @end */

/* @group .c-info */

.c-info{
margin-bottom:24px;
margin-bottom:1.5rem;}

/* @end */

/* @group .c-basicinfo */

.c-basicinfo{
margin-bottom:36px;
margin-bottom:2.25rem;}

.c-basicinfo table{
width:100%;
margin-bottom:0; 
border-top:1px dotted #aaa;/* hsl(28, 13%, 80%) */}

.c-basicinfo th,
.c-basicinfo td{
padding:12px 12px 11px;
padding:.75rem .75rem .6875rem;
border-bottom:1px dotted #aaa;/* hsl(28, 13%, 80%) */
text-align:left;}

.c-basicinfo th{
width:80px;
width:5rem;
white-space:nowrap;
/*font-weight:normal;*/}

.c-basicinfo td span{
display:inline-block;
font-size: 14px;
font-size: 0.875rem;}

td span.Sold-out {
background: #db0000;
display:inline-block;
border-radius: 3px;
border-radius: .1875rem;
padding: 0 6px;
margin-left: 8px;
margin-left: 0.5rem;
color: #fff;
font-size: 80%;
font-weight:bold;}

/* bunkatsu */
.c-basicinfo dl {
margin-top: 16px;
margin-top: 1rem;
display-table;}

.c-basicinfo dl dt,.c-basicinfo dl dd {display:table-cell;}
.c-basicinfo dl dt {white-space: nowrap;}
.c-basicinfo dl dt span {
background:#e3e3e3;/* hsla(0, 0%, 88%, .9) / #e1e1e1 / hsl(0, 0%, 89%) */
padding: 4px 8px;
padding: 0.25rem 0.5rem;
border-radius:3px;
border: #ccc solid 1px;}
	
.c-basicinfo dl dd {
padding-left: 16px;
padding-left: 1rem;}

.c-basicinfo dl dd small {display: block;}

/* @end */

/* @group .c-skill */

.c-skill{
margin:0 auto;
vertical-align:bottom;}

.c-skill .svg-wrap{
padding:11px;
padding:.6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

.c-skill figure{
width:256px;
width:16rem;
max-width:256px;
max-width:16rem;
margin-right:auto;
margin-left:auto;
margin-bottom:0;
vertical-align:top;
text-align:center;}

.c-skill svg{
height:256px;
height:16rem;
text-align:center;}

/* @end */

/* @group .c-image */

.c-image{
overflow:hidden;
max-width:384px;
max-width:24rem;
margin:0 auto;
margin-bottom:0;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
text-align:center;}

.c-image ul{
position:relative;
margin:0 auto;
padding-bottom:75%;}

/* http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index.html */
.c-image li{
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
opacity:0;
width:100%;
height:100%;}

.no-cssanimations .c-image li{
z-index:101;}

.c-image .svg-image{
background:#fff;/* hsl(0, 0%, 100%) */}

.c-image .svg-image div{
-webkit-box-sizing:border-box;
box-sizing:border-box;
/*
width:256px;
width:16rem;
max-width:256px;
max-width:16rem;
height:100%;
line-height:100%;
*/
margin-right:auto;
margin-left:auto;
margin-bottom:0;
padding:47px 23px 23px;
padding:2.9375rem 1.4375rem 1.4375rem;
background:#fff;/* hsl(0, 0%, 100%) */
vertical-align:top;
text-align:center;}

.c-image .svg-image img{
width:100%;
text-align:center;}

/* @group animation */

/* http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index.html */
.c-image li{
-webkit-animation:imageAnimation 16s linear infinite 0s;
animation:imageAnimation 16s linear infinite 0s;}

.c-image li:nth-child(2){ 
-webkit-animation-delay:8s;
animation-delay:8s;}

@-webkit-keyframes imageAnimation{
0%{opacity:0}
10%{opacity:0;-moz-animation-timing-function:ease-in;}
25%{opacity:1;-moz-animation-timing-function:ease-out;}
50%{opacity:1}
60%{opacity:0}
100%{opacity:0}
}

@-moz-keyframes imageAnimation{
0%{opacity:0}
10%{opacity:0;-moz-animation-timing-function:ease-in;}
25%{opacity:1;-moz-animation-timing-function:ease-out;}
50%{opacity:1}
60%{opacity:0}
100%{opacity:0}
}

@-ms-keyframes imageAnimation{
0%{opacity:0}
10%{opacity:0;-ms-animation-timing-function:ease-in;}
25%{opacity:1;-ms-animation-timing-function:ease-out;}
50%{opacity:1}
60%{opacity:0}
100%{opacity:0}
}

@keyframes imageAnimation{
0%{opacity:0}
10%{opacity:0;animation-timing-function:ease-in;}
25%{opacity:1;animation-timing-function:ease-out;}
50%{opacity:1}
60%{opacity:0}
100%{opacity:0}
}

/* @end */

/* @end */

/* @group .c-signup */

.c-signup h3{
margin-bottom:0;
text-align:center;}

.c-signup p{
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
font-weight:bold;
text-align:center;}

.c-signup span{
display:inline-block;}

.c-signup .price{
position:relative;
top:-3px;
top:-.1875rem;
margin-right:8px;
margin-right:.5rem;
padding:0 8px;
padding:0 .5rem;
background:#837e7a;/* hsl(30, 3%, 50%) */
border-radius:3px;
border-radius:.1875rem;
font-size:12px;
font-size:.75rem;
line-height:2;/* 1.5/0.75 */
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;}

.c-signup p em{
margin:0 4px;
margin:0 .25rem;
color:#f32e1b;}

.c-signup p del{
margin-right:4px;
margin-right:.25rem;
font-weight:normal;}

.c-signup p ins{
font-weight:bold;
text-decoration:none;}

.c-signup p a:before{
margin-right:2px;
margin-right:.125rem;
font-family:"fontello";}

/* @end */

/* @group .c-intro */

.c-intro{
margin-bottom:36px;
margin-bottom:2.25rem;}

.c-intro p{
margin-bottom:12px;
margin-bottom:.750rem;}
/* @end */

/* @group .c-point */

.c-point{
position:relative;
z-index:11;
padding:0 11px 11px;
padding:0 .6875rem .6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

.c-point header{
margin:0 -11px 12px;
margin:0 -.6875rem .75rem;
background:#edede4;/* hsla(51, 22%, 71%, .3) / #d5cc97 / hsl(60, 20%, 91%) */}

.c-point header h2{
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
font-weight:normal;}

.c-point header p{
position:relative;
z-index:13;
background:#f1873b;/* hsl(25, 87%, 59%) */
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
color:#fff;/* hsl(0, 0%, 100%) */
text-transform:uppercase;
letter-spacing:.125em;}

.c-point header p:before{
content:'';
position:absolute;
z-index:-1;
top:100%;
left:0;
width:0;
height:0;
border-style:solid;
border-width:0 7px 7px 0;
border-width:0 .4375rem .4375rem 0;
border-color:transparent #c9c9c9 transparent transparent;/* hsl(326, 0%, 79%) */}

.c-point .first-point p{background:#df1163;/* hsl(336, 86%, 47%) */}
.c-point .second-point p{background:#ff9100;/* hsl(34, 100%, 50%) */}
.c-point .third-point p{background:#7eb314;/* hsl(80, 80%, 39%) */}

.c-point ol{margin-bottom:0;}

.c-point table{
width:100%;
counter-reset:course-number;
border-collapse:collapse;}

.c-point :not(header) p:last-of-type,
.c-point p:last-child,
.c-point table+p,
.c-point table+ul{
margin-bottom:0;}

.c-point tr:nth-of-type(2n) th,
.c-point tr:nth-of-type(2n) td{
background-color:#f1efe8;/* hsl(47, 24%, 93%) */}

.c-point th,
.c-point td{
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
text-align:left;}

.c-point tbody th{
padding:12px 11px 11px;
padding:.75rem .6875rem .6875rem;
font-weight:normal;}

.c-point tbody th:first-of-type{
font-size:24px;
font-size:1.5rem;
line-height:1.2;/* 1.875/1.5 */
color:#3b2e1d;/* hsl(34, 34%, 17%) */}

.c-point th:first-of-type em{
display:block;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
font-weight:bold;}

.c-point th:first-of-type strong{
font-weight:normal;}

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

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

/* @end */

/* @group .c-pickup */

.c-message{
margin-bottom:36px;
margin-bottom:2.25rem;}

.c-message ul{
position:relative;
z-index:11;
margin-bottom:0;
padding:12px;
padding:.75rem;
background:#fff;/* hsl(0, 0%, 100%) */;
border-radius:3px;
border-radius:.1875rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
border:1px solid #d8d8d8;/* hsl(0, 0%, 85%) */}

.no-csstransforms .c-message ul:before,
.no-csstransforms .c-message ul:after{
content:"";
position:absolute;}

.no-csstransforms .c-message ul:before{
bottom:-6px;
bottom:-.375rem;
left:108px;
left:6.75rem;
z-index:-11;
width:8px;
width:.5rem;
height:8px;
height:.5rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:solid #d2cbc5;/* hsl(28, 13%, 80%) */
border-width:0 0 1px 1px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}

.no-csstransforms .c-message ul:after{
content:"";
position:absolute;
bottom:0;
left:96px;
left:6rem;
z-index:13;
width:24px;
width:1.5rem;
height:8px;
height:.5rem;
background:#fff;/* hsl(0, 0%, 100%) */}

.c-message figure{
margin-bottom:0;
text-align:center;}

.c-message img{
max-height:240px;
max-height:15rem;}

.c-recommended{
padding:12px;
padding:.75rem;
/*background:#e9ede6;*/
border-radius:3px;
border-radius:.1875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

.c-recommended h2{
padding-left:0;
font-size:24px;
font-size:1.5rem;
line-height:1.25;/* 1.875/1.5 */
text-align:center;}

.c-recommended h2:before{display:none;}

/* @end */

/* @group .c-obtained */


.c-obtained ul {
	padding:12px;
	padding:.75rem;
/*	background:#e9ede6;*/
	border-radius:3px;
	border-radius:.1875rem;
	background:#fff;/* hsl(0, 0%, 100%) */
	border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

/* @end */

/* @group .c-greetings / .m-voice */

.c-greetings h3{
margin-top:12px;
margin-top:.75rem;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
text-align:center;}

.m-voice section{
overflow:hidden;
margin-bottom:24px;
margin-bottom:1.5rem;}

.m-voice h3,
.m-voice h3+p{
font-size:14px;
font-size:.875rem;
text-align:center;}

.m-voice h3{
margin-bottom:0;
line-height:1.714285714;/* 1.5/0.875 */}

.m-voice h3+p{
font-size:12px;
font-size:.75rem;}

.m-voice h3+p span{
display:inline-block;}

.c-greetings blockquote+p{
margin-top:12px;
margin-top:.75rem;
text-align:right;}

.c-greetings blockquote+p a:before{
margin-right:2px;
margin-right:.125rem;
font-family:"fontello";}

.c-greetings blockquote,
.m-voice blockquote {
margin-bottom:2rem;
padding:11px;
padding:.6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d8d8d8;/* hsl(0, 0%, 85%) */
border-radius:3px;
border-radius:.1875rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */}

.c-greetings blockquote p,
.m-voice blockquote p{
margin-bottom:0;}

/* @end */

/* venue ------------------------*/

/* @group .venue-map */

.office-address dt,
.office-address dd{
display:inline-block;}

.venue-map .map-canvas{
margin-bottom:24px;
margin-bottom:1.5rem;}

.access-map-btn{
display:block;
max-width:100%;
margin-right:auto;
margin-left:auto;
background:#322f2a;/* hsl(38, 9%, 18%) */
border-radius:2px;
border-radius:.125rem;
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;
white-space:nowrap;}

.access-map-btn:hover{
background:#696764;/* hsl(36, 2%, 40%) */
color:#fff;/* hsl(0, 0%, 100%) */}

.access-map-btn span{
position:relative;
display:table;
margin:0 auto;
padding:12px 0 12px 38px;
padding:.75rem 0 .75rem 2.375rem;
text-align:center;}

.access-map-btn span:before{
position:absolute;
top:50%;
left:0;
margin-top:-15px;
margin-top:-.9375rem;
font-size:30px;
font-size:1.875rem;
line-height:1;
font-weight:normal;}

/* @end*/


/* @group .train-access / .plane-access / .lodging-info / .facilities-info */

.train-access section,
.lodging-info section,
.facilities-info li{
margin-bottom:36px;
margin-bottom:2.25rem;}

.lodging-info h2+p,
.facilities-info h2+p{
margin-bottom:24px;
margin-bottom:1.5re;}

.plane-access .contents-sub-label span{
display:block;}

.train-access ol,
.plane-access ol,
.lodging-info ul+p,
.facilities-info ul{
margin-bottom:0;}

.facilities-info li{
text-align:center;}

.facilities-info .facilities-ic{
display:block;
margin-bottom:18px;
margin-bottom:1.125rem;
text-align:center;}

.facilities-info .facilities-ic img{
margin-left:12px;
margin-left:.75rem;}

.facilities-info .facilities-ic img:first-child{
margin-left:0;}

/* @end */

/* flow ------------------------*/

/* @group .flow */

.flow strong{
color:#d91b17;/* hsl(1, 81%, 47%) */}

/* @end*/

/* @group .flow-application */

.flow-application{
counter-reset:flow-application-list;}

.flow-application li{
position:relative;}

.flow-application ol{
margin-bottom:-18px;
margin-bottom:-1.125rem;}

.flow-application ol>li{
padding-bottom:18px;
padding-bottom:1.125rem;}

.flow-application h3,
.flow-application ul{
padding-left:60px;
padding-left:3.75rem;}

.flow-application li:not(:last-of-type) h3:after{
content:'';
position:absolute;
top:0;
bottom:0;
left:23px;
left:1.4375rem;
display:block;
width:2px;
/*width:.125rem;*/
background:#f19554;/* hsl(25, 85%, 64%) */}

.flow-application h3:before{
content:''counter(flow-application-list);
counter-increment:flow-application-list;
z-index:2;
position:absolute;
top:0;
left:0;
display:block;
width:48px;
width:3rem;
height:48px;
height:3rem;
background:#f1883d;/* hsl(25, 87%, 59%) */
border-radius:50%;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:30px;
font-size:1.875rem;
line-height:1.6;/* 3/1.875 */
color:#fff;/* hsl(0, 0%, 100%) */
text-align:center;
text-transform:uppercase;
text-shadow:none;}

.flow-application h3{
margin-bottom:12px;
margin-bottom:.75rem;
padding-top:12px;
padding-top:.75rem;
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;/* 1.5/1.333333333 */
color:#e76000;/* hsl(25, 100%, 45%) */
text-shadow:hsla(0, 0%, 100%, .9) 0 1px 0;}

.flow-application section ul{
margin-bottom:0;
margin-left:0;}

/* @end*/

/* @group .flow-payment */

.flow-payment .flow-payment-day:before{
font-size:30px;
font-size:1.875rem;
line-height:1.2;}

/* @end */

/* @group .flow-cancel */

.flow-cancel li{
position:relative;}

.flow-cancel ol>li:before{
margin-bottom:24px;
margin-bottom:2.25rem;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;}

.flow-cancel ol>li:after{
content:'';
position:absolute;
top:84px;
top:5.25rem;
left:50%;
width:96px;
width:6rem;
margin-left:-48px;
margin-left:-3rem;
height:1px;
background:#f1883d;/* hsl(25, 87%, 59%) */}

.flow-cancel ol>li h3:before,
.flow-cancel ol>li h3+p:before{
position:absolute;
top:78px;
top:4.875rem;
font-family:"fontello";
font-size:12px;
font-size:.75rem;
line-height:1;}

.flow-cancel ol>li h3:before{
content:'\e765';
left:50%;
margin-left:-48px;
margin-left:-3rem;
color:#f1883d;}

.flow-cancel ol>li h3+p:before{
content:'\e766';
right:50%;
margin-right:-48px;
margin-right:-3rem;
color:#f1883d;}

.flow-cancel .flow-cancel-within-7days:before{
content:'0';
background:#fff;
border:1px solid #f1883d;
color:#f1883d;}

.flow-cancel .flow-cancel-7days-before:before{
content:'50';
background-color:#f1883d;
background-image:-webkit-linear-gradient(left, #f0cdb6 0%, #f0cdb6 50%, #f1883d 51%, #ef8846 100%);
background-image:linear-gradient(left, #f0cdb6 0%, #f0cdb6 50%, #f1883d 51%, #ef8846 100%);
border:1px solid #f1883d;
}

.ie9 .flow-cancel .flow-cancel-7days-before:before{
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImcxMzYyMjc5NDc0ODQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwY2RiNiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMGNkYjYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjE4ODNkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjg4NDYiIHN0b3Atb3BhY2l0eT0iMSIvPiAgPC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMzYyMjc5NDc0ODQwKSIgLz48L3N2Zz4=);
}

.flow-cancel .flow-cancel-one-week:before{
content:'100';
background:#f1883d;/* hsl(25, 87%, 59%) */
}

/* @end*/

/* style-class ------------------------*/

/* @group .plus-list */

.plus-list{
margin-top:48px;
margin-top:3rem;
}

.plus-list strong{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
display:block;
width:108px;
width:8.75rem;
height:108px;
height:8.75rem;
margin:0 auto 24px;
margin:0 auto 1.5rem;
padding-top:48px;
padding-top:3rem;
border-radius:50%;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
text-align:center;
color:#fff;/* hsl(0, 0%, 100%) */
font-weight:bold;
}

.plus-list span{display:inline-block;}

.plus-list .plus-live strong{
background-color:#e11165;/* hsl(335, 85%, 48%) */
}

.plus-list .plus-holiday strong{
background-color:#ff9001;/* hsl(34, 100%, 50%) */
}

.plus-list .plus-retake strong{
background-color:#80b514;/* hsl(80, 80%, 39%) */
}

/* @end */

/* instructors ------------------------*/

/* @group .instructors-intro */

.instructors-intro p+ul{
margin-top:30px;
margin-top:2.25rem;
}

/* @end */

/* @group .instructors-prof>header */

.instructors-prof header{
margin-bottom:30px;
margin-bottom:2.25rem;
}

.instructors-prof h2{
margin-bottom:12px;
margin-bottom:.75rem;
font-weight:normal;
text-align:center;
}

.instructors-prof h2 rt{
text-align:center !important;
}

.instructors-signature{
margin-bottom:24px;
margin-bottom:1.5rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.instructors-signature .instructors-co{
margin-bottom:6px;
margin-bottom:.375rem;
font-size:20px;
font-size:1.25rem;
line-height:1.2;/* 1.5/1.25 */
}

/* @end */

/* @group .responsible-course */

.responsible-course{
margin-bottom:36px;
margin-bottom:2.25rem;
}

/* @end */

/* @group .instructors-media */

.instructors-media .contents-sub-label{
margin-bottom:18px;
margin-bottom:1.125rem;
}

.instructors-media ul{
margin-bottom:-24px;
margin-bottom:-1.5rem;
}

.instructors-media figure{
margin-bottom:0;
text-align:center;
}

.instructors-media span{
background:#fff;/* hsl(0, 0%, 100%) */
display: inline-block
}

.instructors-media img{
-moz-box-sizing:border-box;
box-sizing:border-box;
height:144px;
height:9rem;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.instructors-media .class-image img {
	height:auto;
}

.instructors-media a:hover img{
opacity:.5;
}

.instructors-media figcaption{
margin-top:12px;
margin-top:.75rem;
font-size:12px;
font-size:.75rem;
line-height:1.5;
}

.instructors-media li{
float:left;
width:47.5%;
margin-bottom:24px;
margin-bottom:1.5rem;
}

/* @end */

/* company ------------------------*/

/* @group .company */

.company table{
width:100%;
}

.company th,
.company td{
text-align:left;
}

.company td ul{
margin-bottom:0;
margin-left:0;
}

/* privacy */
.privacy-get-personal-info section {
	margin: 32px 0;
	margin: 2rem 0;
}
.privacy-policy ul.unordered-list {
margin: 16px 0;
margin: 1rem 0;
font-size: 14px;
font-size: 0.875rem;
}
.privacy-policy ul.unordered-list li {
margin: 16px 0;
margin: 1rem 0;
line-height: 1.4;
}

section.privacy-effort ul.unordered-list {
	margin-top: 48px;
	margin-top: 3rem;
}

/* @end */


/* @end @all device size */


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

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

/* site-top ------------------------*/

/* @group .top-relation-list
--------------------------------------------------------*/

.top-relation-list a{
max-width:384px;
max-width:24rem;
margin-right:auto;
margin-left:auto;
}

/* @end .site-top */

/* style-class ------------------------*/

/* @group .plus-list */

.plus-list ol{
overflow:hidden;}

.plus-list li{
float:left;
width:47.5%;
text-align:center;}

.plus-list li:nth-of-type(2n+1){
clear:both;
margin-right:5%;}

.plus-list li:nth-of-type(3) strong{
margin-bottom:0;}

/* @end */

/* instructors ------------------------*/

/* @group .instructors-media */

.instructors-media li:nth-of-type(2n+1){
clear:both;
margin-right:5%;}

/* @end */

/* company ------------------------*/

/* @group .company */

.company tr,
.company th,
.company td{
float:left;
width:100%;}

.company tr{
padding:.75rem 0 .6875rem;/*12px 0 11px;*/
border-bottom:1px solid #b7b7b7;/* hsl(0, 0%, 72%) */}

.company tr:first-of-type{
padding-top:.6875rem;
border-top:1px solid #b7b7b7;/* hsl(0, 0%, 72%) */}

/* @end */

}

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

/* .course-top ------------------------*/

/* @group .course-exercise */

.course-exercise thead{
display:none;}

.course-exercise tbody{
overflow:hidden;}

.course-exercise tr{
float:left;
display:block;
width:100%;}

.course-exercise td{
position:relative;
float:left;
display:table;
width:100%;
margin-top:-1px;
padding:0;
vertical-align:middle;}

.course-exercise td:first-child{margin-top:0;}

.course-exercise td span{
display:table-cell;
vertical-align:middle;
padding:5px;
padding:.3125rem;
}

.course-exercise td:before{
content:attr(data-heading);
display:table-cell;
width:31.25%;
margin-right:5px;
margin-right:.3125rem;
padding:5px;
padding:.3125rem;
border-right:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
vertical-align:middle;
}

.course-exercise td:nth-of-type(2n){
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}

.course-exercise td:nth-of-type(2n){
background-color:#f1efe8;/* hsl(47, 24%, 93%) */
}


/* @end */

/* course-detail ------------------------*/

/* @group .c-point */

.c-point header{
padding:12px 0;
padding:.75rem 0;
}

.c-point header h2,
.c-point header h3{
margin-bottom:0;
padding:0 12px;
padding:0 .75rem;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}

.c-point table{
margin-bottom:0;
}

.c-point header p{
margin:0 0 12px -6px;
margin:0 0 .75rem -.375rem;
padding:0 18px;
padding:0 1.125rem;
font-size:12px;
font-size:.75rem;
line-height:2;/* 1.5/0.75 */
}

.c-point thead{
display:none;
}

.c-point tr,
.c-point th,
.c-point td{
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
width:100%;
display:block;
}

.c-point tr{
margin-bottom:12px;
margin-bottom:.75rem;
}

.c-point tbody th{
background:#f7f7f7;/* hsl(0, 0%, 97%) */
}

.c-point tbody th:nth-of-type(2){
padding-top:0;
border-top:0;
font-weight:normal;
}

.c-point tbody th:nth-of-type(2):before{
content:'受講優先順位';
margin-right:8px;
margin-right:.5rem;
}

.c-point th:first-of-type{
border-bottom:0;
font-size:20px;
font-size:1.25rem;
line-height:1.2;/* 1.5/1.25 */
color:#3b2e1d;/* hsl(34, 34%, 17%) */
font-weight:normal;
}

.c-point th:first-of-type span{
display:inline-block;
}

.c-point th:not(:first-of-type),
.c-point td{
border-top-width:0;
}

.c-point td a,
.c-point td .adjustment{
display:block;
padding:12px 12px 11px;
padding:.75rem .75rem .6875rem;
}

.c-point td a{
position:relative;
margin-top:-1px;
font-weight:bold;
}

.c-point td a:hover{
background:#edf7f1;/* hsl(142, 39%, 95%) */
}

.c-point th+td a:before,
.c-point th+td+td a:before,
.c-point th+td .adjustment:before,
.c-point th+td+td .adjustment:before{
color:#3b2e1d;/* hsl(34, 34%, 17%) */
font-weight:normal;
}

.c-point th+td a:before,
.c-point th+td .adjustment:before{
content:'次回開催予定日：';
}

.c-point th+td+td a:before,
.c-point th+td+td .adjustment:before{
content:'開催予定日：';
}


/* @end */

}

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

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

/* .site-top ------------------------*/

/* @group .top-info-list / .top-rank-list */

.top-info-list .top-info-list-open,
.top-info-list .top-info-list-level,
.top-rank-list .top-rank-price,
.top-rank-list .top-rank-time,
.top-info-list h3+p,
.top-rank-list h4+p{
float:left;
}

/*.top-info-list h2+p,*/
.top-info-list h4+p,
.top-rank-list h4+p{
overflow:visible;
float:left;
}

.top-info-list .top-info-list-open,
.top-rank-list .top-rank-price{
margin-right:16px;
margin-right:1rem;
}

.top-rank-list .course-time{
clear:both;
}

.contents-header div {
margin-right:0;
margin-left:0;
}

/* @end */

/* .course-top ------------------------*/

/* @group .course-exercise */

.course-exercise td:before{
width:15.625%;
}

/* @end */

/* @group .course-index */

.course-index dl{
float:left;
}

.course-index dl:not(:last-of-type){
margin-right:16px;
margin-right:1rem;
}

.course-index .course-time{
clear:both;
}

.course-index dd{
float:left;
}

/* @end */

/* @group .course-exercise */

.course-exercise td:before{
width:15.625%;
}

/* @end */

/* curriculums-index ------------------------*/

/* @group .curriculums-category */

.curriculums-category dl{
float:left;
}

.curriculums-category dl.curriculums-date {
	float: none;
	margin-bottom: 12px;
	margin-bottom: .75rem;
}

.curriculums-category dl:not(:first-of-type){
margin-left:16px;
margin-left:1rem;
}

.curriculums-category dd{
float:left;
}

/* @end */

/* course-job ------------------------*/

/* curriculums-index ------------------------*/

/* @group .curriculums-category */

.curriculums-category .curriculums-title h3{
font-size:21px;
font-size:1.333333333rem;
line-height:1.125;/* 1.5/1.333333333 */
}

/* @end */

/* instructors ------------------------*/

/* @group .instructors-media */

.instructors-media li{
width:32%;
margin-left:2%;
}

.instructors-media li:nth-of-type(3n+1){
clear:both;
margin-left:0;
}


/* @end */

}

@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;}

.page-header h2{
  text-align: center;
}

/* @end .page-header */

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

.page-nav{
-webkit-transform : translateZ(0);
position:fixed;
z-index:2000000;
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;
}




/* @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-inner div+p{
margin-bottom:6px;
margin-bottom:.375rem;
}

.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;
}

.contents-o-section>p {
	text-align:center;
	width: 47.5%;
	margin: 32px auto 0;
	margin: 2rem auto 0;
}

.contents-o-section>p .job-btn {
	border: 1px solid hsl(28, 13%, 80%);
}

/* @end .main common-style */

/* @group .hexagon
--------------------------------------------------------*/


/* @group .hexagon-hover core */

.hexagon-hover .hexagon-in3,
.hexagon-hover .hexagon-in4,
.hexagon-hover .hexagon-body{
-webkit-transition:.5s;
transition:.5s;
}

.hexagon-hover a:hover *:before,
.hexagon-hover a:hover *:after{
opacity:0;
}

.hexagon-hover a:hover p:before{
opacity:1;
}

.hexagon-hover .hexagon-body p{
display:block;
opacity:0;
}

.hexagon-hover a:hover .hexagon-body p{
opacity:1;
}

/* @end */

/* @group .hexagon size */

.hexagon-list{
width:486px;
width:30.375rem;
max-width:none;
margin-right:auto;
margin-left:auto;
}

.hexagon-list li,
.hexagon-list .hexagon{
width:150px;
width:9.375rem;
}

.hexagon-list li,
.hexagon-list li:nth-of-type(3n+1){
margin:0 6px;
margin:0 .375rem;
}

.hexagon-list li:nth-of-type(4){
clear:both;
margin-left:86px;
margin-left:5.375rem;
}

.hexagon-list li:nth-of-type(4),
.hexagon-list li:nth-of-type(5),
.hexagon-list li:nth-of-type(6){
margin-top:-36px;
margin-top:-2.25rem;
}

.hexagon-list .hexagon-in1{
width:150px;
width:9.375rem;
height:236px;
height:14.75rem;
margin:-30px 0;
margin:-1.875rem 0;
}

.hexagon-target-list{
display:table;
width:auto;
max-width:none;
}

.hexagon-target-list li,
.hexagon-target-list li:nth-of-type(3n+1),
.hexagon-target-list li:nth-of-type(4){
clear:none;
width:120px;
width:7.5rem;
margin-right:6px;
margin-right:.375rem;
margin-left:6px;
margin-left:.375rem;
}

.hexagon-target-list li:nth-of-type(3n+1){
clear:none;
}

.hexagon-target-list li:nth-of-type(4n+1){
clear:both;
margin-left:0;
}

.hexagon-target-list .hexagon-in1{
width:120px;
width:7.5rem;
height:142px;
height:11.75rem;
margin:-24px auto;
margin:-1.5rem auto;
}


/* @end */

/* @group .hexagon-ic-hover core */

.hexagon-ic-hover .hexagon-body{
-webkit-transition:.5s;
transition:.5s;
}

.hexagon-ic-hover .hexagon-body p{
opacity:0;
}

.hexagon-ic-hover a:hover .hexagon-body p{
opacity:1;
}

.hexagon-ic-hover .hexagon-body:before{
position:absolute;
top:50%;
right:0;
left:0;
opacity:1;
}

.hexagon-ic-hover .hexagon-body p,
.hexagon-ic-hover .hexagon-body:before{
text-align:center;
color:#fff;
}

.hexagon-ic-hover a:hover .hexagon-body:before{
opacity:0;
}

.sec-rich a:hover .hexagon-body span{
opacity:0;
}

/* @end */

/* @group .hexagon-hover style */

.hexagon-hover-001 a:hover .hexagon-body{
background:hsla(335, 85%, 48%, 0.75);/* #e21267 */
}

.hexagon-hover-002 a:hover .hexagon-body{
background:hsla(34, 100%, 50%, 0.75);/* #ff9200 */
}

.hexagon-hover-003 a:hover .hexagon-body{
background:hsla(80, 79%, 40%, 0.75);/* #81b615 */
}

.hexagon-hover-004 a:hover .hexagon-body{
background:#6A228B;/* hsl(300, 10%, 50%) */
}

.hexagon-hover-005 a:hover .hexagon-body{
background:#2173af;/* hsl(205, 68%, 41%) */
}

.hexagon-hover a:hover .hexagon-body p{
margin-top:-12px;
margin-top:-.75rem;
padding:0 6px;
padding:0 .375rem;
}

/* @end */

/* @group .hexagon-ic style */

.hexagon-ic .hexagon-body:before{
margin-top:-42px;
margin-top:-2.625rem;
padding:0 6px;
padding:0 .375rem;
font-size:84px;
font-size:5.25rem;
line-height:1;
}

/* @end */

/* @group .hexagon-ic-hover style */

.hexagon-ic-hover .hexagon-body:before{
margin-top:-36px;
margin-top:-2.25rem;
padding:0 6px;
padding:0 .375rem;
font-size:72px;
font-size:4.5rem;
line-height:1;
}


.hexagon-ic-hover.sec-rich .hexagon-body span{
margin-top:-36px;
margin-top:-2.25rem;
}

.hexagon-ic-hover.sec-rich .hexagon-body span:before{
font-size:72px;
font-size:4.5rem;
line-height:1;
}

.hexagon-ic-hover .hexagon-body p{
margin-top:-12px;
margin-top:-.75rem;
padding:0 6px;
padding:0 .375rem;
}

.hexagon-ic-hover .hexagon-body p span{
display:inline-block;
}

.cat-programmer.hexagon-ic-hover .hexagon-body p,
.hexagon-skillup-list .hexagon-ic-hover .hexagon-body p{
margin-top:-24px;
margin-top:-1.5rem;
}

.sec-design.hexagon-ic-hover .hexagon-body p,
.sec-job.hexagon-ic-hover .hexagon-body p,
.curriculums-programing.hexagon-ic-hover .hexagon-body p{
margin-top:-36px;
margin-top:-2.25rem;
}

/* @end */

/* @group .hexagon background style */

.hexagon-thumb-img .hexagon-in3{
background-size:auto 216px;
background-size:auto 13.5rem;
}

.hexagon-list .hexagon-list-img .hexagon-in3{
background-size:auto 184px;
background-size:auto 11.5rem;
}

/* @end */

/* @group .hexagon contents style */

.hexagon-hover .hexagon-body p{
margin-top:-12px;
margin-top:-.75rem;
padding:0 6px;
padding:0 .375rem;
font-size:16px;
font-size:1rem;
line-height:1.5;/* 1.5/0.875 */
text-align:center;
color:#fff;
}

.instructors-intro .hexagon-hover .hexagon-body p{
margin-top:-18px;
margin-top:-1.125rem;
font-size:24px;
font-size:1.5rem;
line-height:1.5;/* 2.25/1.5 */
}


/* @end */

/* @end .hexagon */


/* @group .instructor-photo */

.c-greetings .instructor-photo,
.c-greetings img,
.m-voice figure,
.m-voice img{
width:132px;
width:8.25rem;
}

.pickup-photo span,
.pickup-photo img{
width:264px;
width:16.5rem;
}

/* @end */

/* site-top ------------------------*/

/* @group .top-kv
--------------------------------------------------------*/

.top-kv-cover ul,
.top-kv-cover li,
.top-kv-cover li a{
/*height:25%;*/
min-height:288px;
min-height:18rem;
}

/* @group .top-kv-pickup */

a.top-kv-pickup{
-webkit-transition:all 1s;
transition:all 1s;
}

.top-kv-pickup-cover{
display:table;
margin:0 auto;
padding:36px 0;
padding:2.25rem 0;
}

.top-kv-pickup h1{
display:block;
margin-bottom:12px;
margin-bottom:.75rem;
font-size:48px;
font-size:3rem;
line-height:1;
font-weight:500;
text-align:left;
}

.top-kv-pickup .top-kv-pickup-inner{
position:relative;
display:table;
width:464px;
width:29rem;
margin:0 auto;
}

.top-kv-pickup .top-kv-pickup-inner div{
display:table-cell;
vertical-align:middle;
padding-right:84px;
padding-right:5.25rem;
}

.top-kv-pickup h2,
.top-kv-pickup h2+p{
display:block;
font-size:24px;
font-size:1.5rem;
text-align:left;
}

.top-kv-pickup h2+p span{
width:36px;
width:2.25rem;
height:36px;
height:2.25rem;
line-height:1.75;
}

.top-kv-pickup .pickup-more{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:50%;
right:0;
display:block;
width:80px;
width:5rem;
height:80px;
height:5rem;
margin-top:-40px;
margin-top:-2.5rem;
padding:24px 0 0;
padding:1.5rem 0 0;
border-radius:50%;
font-size:16px;
font-size:1rem;
line-height:1.25;/* 1.25/1 */
text-align:center;
}

.top-kv-pickup .pickup-more:before{
content:'\25be';
position:absolute;
top:6px;
top:.375rem;
right:0;
left:0;
margin:0;
text-align:center;
}

.top-kv-pickup .pickup-more span{
display:block;
}

/* @end */



/* @end .top-kv */

/* @group .top-relation-list
--------------------------------------------------------*/

.top-relation-list ul{
overflow:hidden;
margin-top:-24px;
margin-top:-1.5rem;
}

.top-relation-list li{
float:left;
width:31.5%;
margin-top:24px;
margin-top:1.5rem;
margin-bottom:0;
}

.top-relation-list li:nth-of-type(3n+1){
clear:both;
}

.top-relation-list li:nth-of-type(3n+2),
.top-relation-list li:nth-of-type(3n+3){
margin-left:2.75%;
}

/* @end .site-top */

/* @group .top-rank-list */

.top-rank-list .top-rank-price,
.top-rank-list .top-rank-time{
margin-left:0;
}

/* @end */

/* course-top ------------------------*/

/* @group .course-deadline */

.coruce-page-nav{
overflow:hidden;
margin-bottom:0;
}

.coruce-page-nav li{
float:left;
width:47.5%;
margin-bottom:0;
}
.single-nav-button .coruce-page-nav {
text-align: center;
margin: 0 auto;
}
.single-nav-button .coruce-page-nav li {
float:none;	
width:100%;
}

.coruce-page-nav li:first-child{
margin-right:5%;
}

.course-practice div.lesson-photo {
width: 31.5%;
padding-right: 8px;
padding-right: 0.5rem;
float: left;
margin:8px 16px 0 0;
margin:0.5rem 1rem 0 0;
}
.course-practice figure {
	clear: both;
}

/* @end */

/* @group .course-index */

.course-index dl{
margin-left:0;
margin-bottom:0;
}

/* @end */

/* @group .course-curriculums */
.course-curriculums dd ul{
white-space: normal;
width: 120px;
margin: 0 auto;
}

.course-curriculums dd ul li{
text-align: center;
float: left;
margin: 0 5px;
}

.course-curriculums dd ul li p {
color: white;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
.course-curriculums ul li p{
font-family:"icomoon";
}


.course-curriculums ul li .c01,
.course-curriculums ul li .c02,
.course-curriculums ul li .c11 { 
content:'\e00d';
background-color:#ff9200;/* hsl(34, 100%, 50%) */
}

.course-curriculums ul li .c03,
.course-curriculums ul li .c04 { 
content:'\e002'; 
background-color:#ec7575;
}

.course-curriculums ul li .c05,
.course-curriculums ul li .c12,
.course-curriculums ul li .c06 { 
content:'\e007';
background-color: #3de5a8;/* hsl(0, 100%, 70%) */
}

.course-curriculums ul li .c10 { 
content:'\e001'; 
background-color:#51B749;
}

.course-curriculums ul li .c07,
.course-curriculums ul li .c08 { 
content:'\e000'; 
background-color: #6A228B;/* hsl(300, 10%, 50%) */}

.course-curriculums ul li .c09,
.course-curriculums ul li .c13 { 
content:'\e00b'; 
background-color: #2173af;/* hsl(205, 68%, 41%) */}


.course-curriculums ul li .c14,
.course-curriculums ul li .c15 { 
content:'\e00f'; 
background-color:#979797/* hsl(0, 0%, 59%) */;
}

.course-curriculums ul li .md { 
content:'\e013'; 
background-color:#ff9200;/* hsl(34, 100%, 50%) */
}


.course-curriculums dd ul li p:hover {
text-decoration: none;
}

.course-curriculums dd ul li {
	 position:relative;
}
.course-curriculums dd ul li p span {
display: none;
padding: 2px;
font-size: 12px;
margin-left: 8px;
line-height: 1.6;
}

.course-curriculums dd ul li p:hover span {
display: block;
position: absolute;
top: -10%;
left:-50%;
background-color: rgba(255,255,255,0.7);
border: 1px solid #cccccc;
color: black;
white-space:nowrap;
z-index:100;
text-align:left;
}


.course-curriculums dd ul li p:before {
font-size: 19px;
margin: 0 auto;
}

.course-curriculums dd ul li p.practice:js,
.course-curriculums dd ul li p.practice:before {
font-size: 17px;
}



/* @end */

/* curriculums-index ------------------------*/

/* @group .curriculums-difficulty */

.curriculums-difficulty th,
.curriculums-difficulty td{
padding:11px;
padding:.6875rem;
font-size:16px;
font-size:1rem;
line-height:1.5;/* 1.5/1 */
}

.curriculums-difficulty thead th{
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.curriculums-difficulty tbody th{
width:15.625%;
}

/* @end */

/* course-detail ------------------------*/

/* @group .course-detail-header / .curriculums-detail-header */

.course-detail-header,
.curriculums-detail-header{
position:relative;
margin-right:auto;
margin-left:auto;
text-align:center;}

.curriculums-detail-header h1,
.course-detail-header h1{
display:inline;
text-align:center;
margin-left:auto;}

.curriculums-detail-header h1 span,
.course-detail-header h1 span{
display:block;
text-align:center;}

.curriculums-detail-header h1 em,
.course-detail-header h1 em{
display:inline;}

.course-detail-header p,
.curriculums-detail-header p{
display:inline-block;
margin-bottom:6px;
margin-bottom:.375rem;
margin-right:6px;
margin-right:.375rem;
padding:3px 6px;
padding:.1875rem .375rem;
font-size:10px;
font-size:.625rem;
text-align:center;
letter-spacing:.0625em;}

.course-detail-header p strong{
line-height:1.2;}

/* @end */

/* @group .c-point */

.c-point header+p{
margin-left:16px;
margin-left:1rem;}

/* @end */

/* @group .c-greetings / m-voice */

.c-greetings div,
.m-voice header{
float:left;
width:132px;
width:8.25rem;}

/*.c-obtained div.video-container,
.c-obtained div#video-block{
float : none;
width : inherit;}*/

div#video-block+p {
margin-top:0;
}
.c-obtained div#video-block{
clear : both;
width : 50%;
float:left;
margin:0 32px 32px 0;
margin:0 2rem 2rem 0;
}
ul.checkbox-list {
	 clear:both;
}

.c-obtained iframe{
position: absolute;
width: 100%;
height: 100%;}

.c-greetings blockquote,
.m-voice blockquote{
position:relative;
z-index:2;
margin-left:148px;
margin-left:9.25rem;
min-height:120px;
min-height:7.5rem;
margin-bottom : 2rem;}

.no-csstransforms .c-greetings blockquote:before,
.no-csstransforms .c-greetings blockquote:after,
.no-csstransforms .m-voice blockquote:before,
.no-csstransforms .m-voice blockquote:after{
content:"";
position:absolute;
top:48px;
top:3rem;
}

.no-csstransforms .c-greetings blockquote:before,
.no-csstransforms .m-voice blockquote:before{
left:-5px;
left:-.3125rem;
z-index:1;
width:8px;
width:.5rem;
height:8px;
height:.5rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:solid #d2cbc5;/* hsl(28, 13%, 80%) */
border-width:0 0 1px 1px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.no-csstransforms .c-greetings blockquote:after,
.no-csstransforms .m-voice blockquote:after{
content:"";
position:absolute;
left:0;
z-index:3;
width:4px;
width:.25rem;
height:10px;
height:.625rem;
background:#fff;/* hsl(0, 0%, 100%) */
}

/* @end */


/* venue ------------------------*/

/* @group .train-access / .plane-access / .lodging-info / .facilities-info */

.facilities-info .contents-sub-label{
display:block;
}

.facilities-info li:not(:first-of-type){
margin-top:0;
}

.facilities-info li{
float:left;
width:31.5%;
margin-bottom:0;
}

.facilities-info li:not(:first-of-type){
margin-left:2.75%;
}

.facilities-info img{
height:36px;
height:2.25rem;
}

/* @end*/

/* flow ------------------------*/

/* style-class ------------------------*/

/* @group .plus-list */

.plus-list{
margin-right:-24px;
margin-right:-1.5rem;
margin-left:-24px;
margin-left:-1.5rem;
}

.plus-list ol{
display:table;
padding:0;
margin:0 auto;
border-spacing:24px 0;
border-spacing:1.5rem 0;
}

.plus-list li{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
width:33.333333%;
}

.plus-list strong{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:168px;
width:10.5rem;
height:168px;
height:10.5rem;
margin-bottom:0;
padding-top:60px;
padding-top:3.75rem;
border-radius:50%;
}

/* @end */

/* instructors ------------------------*/

/* @group .instructors-prof */

.instructors-prof h2+ul{
text-align:center;
}

.instructors-prof .instructor-photo,
.instructors-prof .instructor-photo img{
width:168px;
width:10.5rem;
}

.instructors-prof .instructor-photo {
	margin-bottom:16px;
		margin-bottom:1rem;
}

/* @end */

/* company ------------------------*/

/* @group .company */

.company th,
.company td{
border:solid #d2cbc5;/* hsl(28, 13%, 80%) */
border-width:1px 0;
vertical-align:top;
}

.company th{
width:20%;
padding:11px 0 11px 11px;
padding:.6875rem 0 .6875rem .6875rem;
white-space:nowrap;
}

.company td{
margin-bottom:0;
padding:11px;
padding:.6875rem;
}

.company td ul{
margin-bottom:0;
}

/*c-advantage*/
.c-advantage h2 {

	border-radius:50%;
width: 124px;
width: 7.75rem;
padding: 48px 0;
padding: 3rem 0;
	text-align:center;
	font-weight:bold;
		float:left;
		margin-right:32px;
	margin-right:2rem;
	font-size: 18px;
	font-size: 1.125rem;
	border:#f1873b solid 8px;
	border:#f1873b solid .5rem;

}
.c-advantage div {
	overflow:hidden;
}
.cercle-list li:nth-of-type(3n+1) {
clear:none;
}
.cercle-list {
max-width:640px;
}
.flow-payment ol {
	overflow:hidden;
}
.course-intro-list small span {
	display:inline-block;
}



/* @end */

/* 37.5em */}

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

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

/* @group .top-kv
--------------------------------------------------------*/

/* @group .top-kv-pickup */

.top-kv-pickup .top-kv-pickup-inner{
width:576px;
width:36rem;
}

.top-kv-pickup h1{
font-size:60px;
font-size:3.75rem;
line-height:.9;/* 3.375/3.75 */
}

/* @end */

/* @end .top-kv */

/* 48em */}

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

@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-o-section{
padding-right:0;
padding-left:0;
}

.top-kv{
margin-bottom:96px;
margin-bottom:6rem;
}

.contents-header,
.contents-section,
.top-kv,
.top-pickup-list,
.top-info-list-inner,
.top-rank-list-inner,
.top-relation-list-inner,
.top-relation-list-inner,
.course-index,
.curriculums-category,
.cercle-list-teacher {
width:52em;
margin-right:auto;
margin-left:auto;
}

.course-detail-header,
.curriculums-detail-header{
max-width:52em;
}

.point-section,
.contents-d-section,
.course-index-header,
.course-skillup-intro,
.instructors-intro,
.instructors-prof,
.c-intro,
.facilities-info h2+p,
.course-intro h2+p,
.cercle-list-teacher
{
width:42em;
margin-right:auto;
margin-left:auto;
}



.point-section ol{
margin-right:-5em;
margin-left:-5em;
}

.c-pickup{
/*width:48em;*/
width:55em;/* コンテンツ幅+3em */
}

.curriculums-difficulty h2+p{
text-align:center;
}

/* @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 @google maps */

.map-canvas{
width:auto;
height:336px;
height:21rem;
}

/* @end */

/* @group .signup-btn */

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

/* @end */

/* @group .column3-img */

.column3-img ul{
overflow:hidden;
background: none;
border: none;
font-size: 12px;
font-size: .75rem;
padding: 0;
width: 100%;
clear: both
}

.column3-img ul li{
float:left;
width:31.5%;
margin-bottom: 0;
}

.column3-img ul li figure{
text-align: left
}

.column3-img ul>li:not(:first-of-type) {
margin-left: 2.75%;
}
/* @end */

/* @group .point-section */

.point-section ol{
overflow:hidden;
}

.point-section ol>li{
float:left;
width:31.5%;
margin-bottom: 0;
}


.point-section ol>li:not(:first-of-type){
margin-left:2.75%;
}

.point-section ol>li.flow-payment-bunkatsu {
	margin-left: 0; 	
	}


.point-section ol>li ul,
.point-section ol>li p{
margin-bottom:0;
}

.point-section ol>li p,
.point-section ol>li li{
font-size:12px;
font-size:.75rem;
padding:8px;
}

.point-section ol>li .content-list li:before{
top:6px;
top:.375rem;
}

.instructors-prof .content-list li {
width: 46%;
display: inline-block
}


/* toolchip */
.tooltip:hover {
     background: transparent;
     text-decoration: none;
}
.tooltip div {
     display: none;
     padding: 8px;
     font-size: 14px;
     margin-left: 8px;
     line-height: 1.6;
}
.tooltip:hover div {
     display: block;
     position: absolute;
     left:70%;
     background-color: #FFF;
     border: 1px solid #cccccc;
     color: #000000;
     width: 200px;
   white-space:normal;
   z-index:10;
   text-align:left;
}
.tooltip:hover div p {
	 margin-bottom:0;
}


/* bunkatsu */
.c-basicinfo dl {
font-size: 14px;
position:relative;
}
.c-basicinfo dl,
.c-basicinfo dt,
.c-basicinfo dd {
display: block;	
}
.c-basicinfo dl dd {
	display: none;
}
.c-basicinfo dl:hover dd {
display: block;
position:absolute;
border: 1px solid #cccccc;
 background-color: #FFF;
 padding: 8px;
  padding: 0.5rem;
 width: 90%;
  top: 32px;
  left: 32px;
    z-index:11;
}

/* @end */

/* @group .hexagon
--------------------------------------------------------*/

/* @group .hexagon size */

.hexagon-target-list li:nth-of-type(4n+1){
clear:none;
margin-left:6px;
margin-left:.375rem;
}
.cercle-list {
max-width:900px;
}

/* @end */

/* @end .hexagon */

/* site-top ------------------------*/

/* @group .top-kv
--------------------------------------------------------*/

.top-kv-cover ul,
.top-kv-cover li,
.top-kv-cover li a{
/*height:25%;*/
min-height:276px;
min-height:17.25rem;
}

/* @group .bubbles */

.bubble{
position:absolute;
z-index:20001;
width:60px;
width:3.75rem;
height:60px;
height:3.75rem;
background:#fff;
border-radius:50%;}

.x1{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
transform:scale(0.9);
opacity:0.2;
-webkit-animation:moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;}

.x2{
left:240px;
left:15rem;
-webkit-transform:scale(0.6);
-moz-transform:scale(0.6);
transform:scale(0.6);
opacity:0.5;
-webkit-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;}

.x3{
left:384px;
left:24rem;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
transform:scale(0.8);
opacity:0.3;
-webkit-animation:moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
animation:moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;}

.x4{
left:576px;
left:46rem;
-webkit-transform:scale(0.75);
-moz-transform:scale(0.75);
transform:scale(0.75);
opacity:0.35;
-webkit-animation:moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
animation:moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;}

.x5{
left:160px;
left:10rem;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
transform:scale(0.8);
opacity:0.3; 
-webkit-animation:moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
animation:moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;}

@-webkit-keyframes moveclouds{
0%{top:358px;}
100%{top:-500px;}
}

@-webkit-keyframes sideWays{
0%{margin-left:0;}
100%{margin-left:50px;}
}

@-moz-keyframes moveclouds{
0%{top:358px;}
100%{top:-500px;}
}

@-moz-keyframes sideWays{
0%{margin-left:0;}
100%{margin-left:50px;}
}

@-ms-keyframes moveclouds{
0%{top:358px;}
100%{top:-500px;}
}

@-ms-keyframes sideWays{
0%{margin-left:0;}
100%{margin-left:50px;}
}

@keyframes moveclouds{
0%{top:358px;}
100%{top:-500px;}
}

@keyframes sideWays{
0%{margin-left:0;}
100%{margin-left:50px;}
}

/* @end */

/* @group .top-kv-pickup */

.top-kv-pickup-cover{
padding:24px 0;
padding:1.5rem 0;
}

/* @end */

/* @group .slider-active */

/*
.slider-active label{
width:24px;
width:1.5rem;
height:24px;
height:1.5rem;
}
*/

/* @end */

/* @end .top-kv */

/* @group .site-top header
--------------------------------------------------------*/

.top-contents-header p:before,
.top-contents-header p:after{
width:350%;
}

.top-contents-header div{
overflow:hidden;
width:52em;
margin:0 auto;
}

/* @end */

/* @group .top-pickup-list
--------------------------------------------------------*/

.top-pickup-list h2{
text-align:left;
}

.pickup-photo span,
.pickup-photo img{
width:288px;
width:15rem;
}

.top-pickup-list section .pickup-inner{
width:66%;
}

.top-pickup-list section .pickup-bottom{
clear:both;
border: 1px solid  #d2cbc5;
padding: 24px;
padding: 1.5rem;
}

.top-pickup-list section.pickup-photo{
width:33%;
}


.top-live-section .pickup-inner,
.top-retake-section .pickup-inner{
float:right;
}

.top-live-section .pickup-photo,
.top-retake-section .pickup-photo{
float:left;
text-align:left;
}

.top-juku .pickup-inner,
.top-curriculums-section .pickup-inner,
.top-holiday-section .pickup-inner{
float:left;
}

.top-juku .pickup-photo,
.top-curriculums-section .pickup-photo,
.top-holiday-section .pickup-photo{
float:right;
text-align:right;
}

/* @end top-pickup-list */

/* @group .top-info-list / .top-rank-list */

.top-info-list ol,
.top-rank-list ol{
border-bottom:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.top-info-list ol>li,
.top-rank-list ol>li{
position:relative;
margin:0;
}

.top-info-list ul,
.top-info-list .top-info-list-label,
.top-rank-list ul,
.top-rank-list .top-rank-list-label{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table;
width:100%;
padding:0;
border-bottom:0;
border-left:0;
vertical-align:bottom;
}

.top-info-list ul>li,
.top-rank-list ul>li{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
vertical-align:middle;
}

.top-info-list ul>li,
.top-rank-list ul>li{
border-left:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.top-info-list .top-info-list-label li,
.top-rank-list .top-rank-list-label li{
padding:5px 0;
padding:.3125rem 0;
background:#f7f7f7;/* hsl(0, 0%, 97%) */
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
text-align:center;
}

.top-rank-list h2{
margin-bottom:0;
}

.top-info-list h3,
.top-rank-list h3{
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}

.top-info-list h3 .sub-copy,
.top-rank-list h3 .sub-copy{
font-weight:bold;
}

.top-info-list h2,
.top-info-list h4,
.top-rank-list h4{position:absolute;left:-999em;}

.top-info-list h2+p,
.top-info-list h4+p,
.top-rank-list h4+p{
float:none;
display:block;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
white-space:nowrap;
text-align:center;
}

.top-info-list .top-info-list-title{
padding:12px 17px 11px;
padding:.75rem 1.0625rem .6875rem;
}

.top-info-list h3{
margin-top:0;
}

.top-info-list-level h2+p,
.top-info-list-level h4+p{
font-size:16px;
font-size:1rem;
line-height:1.5;/* 1.5/1 */
}

.top-rank-list .top-rank-title{
position:static;
padding:17px 11px 17px 52px;
padding:1.0625rem .6875rem 1.0625rem 3.25rem;
}

.top-rank-list .top-rank-title p{
top:50%;
left:0;
margin-top:-14px;
margin-top:-.875rem;
margin-left:12px;
margin-left:.75rem;
text-align:center;
}

.top-rank-list h4+p span{
display:block;
}

.top-rank-list .top-rank-price p em{
font-size:16px;
font-size:1rem;
}

.top-rank-list h2 em{
font-size:36px;
font-size:2.25rem;
}

.top-rank-list a .top-rank,
.top-rank-list .top-rank-time p{
position:relative;
}

.top-rank-list a .top-rank h2,
.top-rank-list .top-rank-time{
position:relative;
z-index:21;
}

.top-rank-list a .top-rank h2,
.top-rank-list a .top-rank h2 em{
position:absolute;
left:-999em;
color:transparent;
-webkit-background-clip:text;
}

.top-rank-list a .top-rank-time{
position:relative;
z-index:101;
padding:11px 0;
padding:.6875rem 0;
}

.top-rank-list a .top-rank:before,
.top-rank-list a .top-rank-time:before{
display:block;
font-family:"fontello";
font-size:72px;
font-size:4.5rem;
line-height:1;
color:#f1f1f1;/* hsl(0, 0%, 95%) */
text-align:center;
}

.top-rank-list a .top-rank:before{
font-size:60px;
font-size:3.75rem;
}

.top-rank-list a .top-rank-time:before{
/*position:absolute;*/
z-index:-1;
/*bottom:0;
top:50%;
right:0;
left:0;*/
font-size:72px;
font-size:4.5rem;
}

.top-rank-list a .top-rank-time p{
position:relative;
top:-64px;
top:-4rem;
margin-bottom:-52px;
margin-bottom:-3.375rem;
}

/*.top-rank-list ol>li:nth-child(2n) .top-rank:before,
.top-rank-list a:hover .top-rank:before,
.top-rank-list ol>li:nth-child(2n) a:hover .top-rank:before,*/

.top-rank-list ol>li:nth-child(2n) .top-rank-time:before,
.top-rank-list a:hover .top-rank-time:before,
.top-rank-list ol>li:nth-child(2n) a:hover .top-rank-time:before{
color:#fff;/* hsl(0, 0%, 100%) */
}

.first-place a .top-rank:before{
color:#cfb53c;/* hsl(49, 60%, 52%) */
}

.second-place a .top-rank:before{
color:#c0c0c0;/* hsl(0, 0%, 75%)*/
}

.third-place a .top-rank:before{
color:#8a7652;/* hsl(39, 25%, 43%) */
}

/* 32 column (1 column = 3.125% ) */

.top-info-list-open{
width:207px;
width:12.9375rem;
/*width:25%;*/
}

.top-info-list-time,
.top-info-list-level,
.top-rank,
.top-rank-price,
.top-rank-time{
/*width:15.625%;*/
width:130px;
width:8.125rem;
/*width:15.625%;*/
}

.c-recommended .checkbox-list {
	overflow:hidden;
}
.c-recommended .checkbox-list li {
	margin-top:16px;
	/*box-sizing: border-box;
	-moz-box-sizing:border-box;*/
}


/* @end */

/* @group .top-relation-list
--------------------------------------------------------*/

.top-relation-list img{
height:60px;
height:3.75rem;
}

/* @end .top-relation-list */

/* course-top ------------------------*/


/* @group .course-exercise */

.course-exercise h2+p,
.course-exercise table+p{
width:42em;
margin-right:auto;
margin-left:auto;
}

/*.course-exercise table{
table-layout:fixed;
}*/

.course-exercise td{
padding:11px;
padding:.6875rem;
font-size:16px;
font-size:1rem;
line-height:1.5;/* 1.5/1 */
text-align:center;
}

/* @end */

/* @group .course-index */

.course-index section{
position:relative;
margin:0;
}

.course-label,
.course-index a{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table;
width:100%;
padding:0;
vertical-align:bottom;
}

.course-index header,
.course-label li,
.course-index dl{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
vertical-align:middle;
}

.course-label{
margin-bottom:0;
background:#f7f7f7;/* hsl(0, 0%, 97%) */
border:solid #d2cbc5;/* hsl(28, 13%, 80%) */
border-width:1px 1px 1px 0;
}

.course-index a{
position:relative;
margin-top:-1px;
}

.course-label li,
/*.course-index header,*/
.course-index dl{
border-left:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.course-label li{
border-bottom-width:0;
}

.course-index header{
padding:17px 11px 17px 52px;
padding:1.0625rem .6875rem 1.0625rem 3.25rem;
}

.course-index header h2,
.course-index header h3,
.course-index header h4{
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */
}

.course-index header .sub-copy{
font-weight:bold;
}

.course-index header p{
top:50%;
left:12px;
left:.75rem;
margin-top:-14px;
margin-top:-.875rem;
}

.course-index .course-label li{
padding:5px 0;
padding:.3125rem 0;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
text-align:center;
}

.course-index dl{
float:none;
padding:0;
background:none;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}

.course-index dt{
position:absolute;
left:-999em;
}

.course-index dd{
float:none;
display:block;
padding:6px 0 5px;
padding:.375rem 0 .3125rem;
white-space:nowrap;
text-align:center;
}

.course-index dd span{
display:block;
}

.course-content dd em{
font-size:21px;
font-size:1.333333333rem;
}

.course-price dd em{
font-size:16px;
font-size:1rem;
}

.course-index a .course-time{
position:relative;
}

.course-index a .course-time{
position:static;
}

.course-index a .course-time dd{
position:relative;
z-index:21;
}

.course-index a .course-time:before{
position:absolute;
bottom:0;
top:50%;
right:0;
display:block;
width:15.625%;
margin-top:-36px;
margin-top:-2.25rem;
font-family:"fontello";
font-size:72px;
font-size:4.5rem;
line-height:1;
color:#f1f1f1;/* hsl(0, 0%, 95%) */
text-align:center;
}

.course-index section:nth-of-type(2n) a .course-time:before,
.course-index a:hover .course-time:before,
.course-index section:nth-of-type(2n) a:hover .course-time:before{
color:#fff;/* hsl(0, 0%, 100%) */
}

/* 32 column (1 column = 3.125% ) */

.course-content,
.course-curriculums,
.course-price,
.course-time{
width:129px;
width:8.0625rem;
/*width:15.625%;*/
}

/* @end */



/* @group .course-exercise */

.course-exercise .course-discount{
display:table;
width:100%;
border-top:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
border-bottom:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}



.course-exercise .course-discount section{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
width:15%;/* 100/6 */
padding:0;
border-top:0;
border-left-width:0;
border-bottom-width:0;
vertical-align:top;
}

.course-exercise .course-discount section h3,
.course-exercise .course-discount section dd{
text-align:center;
}

.course-exercise .course-discount section h3{
margin:0;
}

.course-exercise .course-discount section dl{
padding:12px 11px 11px;
padding:.75rem .6875rem .6875rem;
}

.course-exercise .course-discount section dl+dl{
margin-left:0;
border-top:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
}

.course-exercise .course-discount dl,
.course-exercise .course-discount dt,
.course-exercise .course-discount dd{
float:none;
}

.course-exercise .course-discount dt{
position:absolute;
left:-999em;
}

.course-exercise .course-discount ul{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
width:10%;
margin-bottom:0;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */

border-top:0;
border-bottom:0;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;
}

.course-exercise .course-discount li{
padding:12px 11px 11px;
padding:.75rem .6875rem .6875rem;
background:#f7f7f7;/* hsl(0, 0%, 97%) */
border-top:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
text-align:center;
}

.course-exercise .course-discount li:first-child{
padding:6px 11px 5px;
padding:.375rem .6875rem .3125rem;
background:#f7f7f7;/* hsl(0, 0%, 97%) */
border-top:0;
}

.course-practice figure {
	clear: both;
		overflow:hidden;
		text-align:left;
}
.course-practice figure img {
float: left;
margin-right: 16px;
	margin-right: 1rem;	
}
.course-practice figurecaption  {
	overflow:hidden;
}
.course-practice div {
	overflow:hidden;
}
.course-practice .coruce-page-nav {
clear: both;
}


#course-lesson figure{
margin: 0;
float: left
}

#course-lesson figure img{
float: none
}




/* @end */



/* ここは編集しない
.course-exercise .discount-late:before{
content:attr(data-heading);
}

.course-exercise .course-exercises-day:before{
content:attr(data-heading);
}
*/



/* @end */


/* .curriculums-category ------------------------*/

/* @group .curriculums-category */

.curriculums-category section{
position:relative;
margin:0;
background:hsl(53, 23%, 92%);/* #f0efe7 */
}

.curriculums-label,
.curriculums-category a{
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:visible;
display:table;
width:100%;
padding:0;
}

.curriculums-category a{
position:relative;
margin-top:-1px;
border-left:0;
}

.curriculums-category h3,
.curriculums-label li,
.curriculums-category dl{
-moz-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
vertical-align:middle;}

.curriculums-label{
margin-bottom:0;
background:#f7f7f7;/* hsl(0, 0%, 97%) */
border:solid #d2cbc5;/* hsl(28, 13%, 80%) */
border-width:1px 1px 0 0;}

.curriculums-label li,
.curriculums-category h3,
.curriculums-category dl{
border-left:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

.curriculums-category h3{
padding:17px;
padding:1.0625rem;
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */}

.curriculums-category .curriculums-title h3 .sub-copy{
font-weight:bold;}

.curriculums-category .curriculums-label li{
padding:5px 0;
padding:.3125rem 0;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
text-align:center;}

.curriculums-category dl{
float:none;
padding:0;
background:none;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
}
.curriculums-category dl.curriculums-date {
	margin-bottom: 0;
}

.curriculums-category dt{
position:absolute;
left:-999em;}

.curriculums-category dd{
float:none;
display:block;
padding:6px 0 5px;
padding:.375rem 0 .3125rem;
white-space:nowrap;
text-align:center;}

.curriculums-time dd em{
font-size:21px;
font-size:1.333333333rem;}

.curriculums-price dd em{
font-size:16px;
font-size:1rem;}

/* 32 column (1 column = 3.125% ) */

.curriculums-time,
.curriculums-price,
.curriculums-level,
.curriculums-date {
width:130px;
width:8.125rem;
/*width:15.625%;*/}

/* @end */

/* google-calender ------------------------*/

/* @group .google-calender */

.calender{max-width:none}

.js .mobile-calender{display:none;}
.full-calender{display:block;}

/* @end */

/* course-detail ------------------------*/

/* @group .c-info */

.c-info{
position:relative;
padding-bottom:84px;
padding-bottom:5.25rem;}

.curriculums-info{
padding-bottom:48px;
padding-bottom:3rem;}

.c-basicinfo{
-moz-box-sizing:border-box;
box-sizing:border-box;
float:right;
/*width:31.5%;*/
width:41.78125%;}

/*.c-basicinfo span {
	font-size: 12px;
	font-size: 0.75rem;
}*/

.c-skill,
.c-image{
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
/*width:65.5%;*/
width:54.71875%;
margin-bottom:48px;
margin-bottom:3rem;}

.c-info .c-signup{
position:absolute;
bottom:0;
right:0;
left:0;
margin-bottom:0;}

/* @end */

/* @group .c-basicinfo */

.c-basicinfo th,
.c-basicinfo td{
padding:6px 6px 5px;
padding:.375rem .375rem .3125rem;}

.c-basicinfo a{
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */}

/* @end */

/* @group .c-skill */

.c-skill .svg-wrap{
padding:39px 11px;
padding:2.4375rem .6875rem;
background:#fff;/* hsl(0, 0%, 100%) */
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */}

/* @end */

/* @group .c-image */

.c-image{max-width:none;}
.c-image .svg-image{background:#fff;/* hsl(0, 0%, 100%) */}
.c-image .svg-image div{
width:90%;
padding-top:71px;
padding-top:4.4375rem;}

.c-image .svg-image img{
width:100%;
text-align:center;}


/* @end */

/* @group .c-signup */

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

/* @end */

/* @group .c-point */

.c-point{
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:11px;
padding:.75rem;}

.c-point header{
margin:0 -11px 12px -18px;
margin:0 -.6875rem .75rem -1.125rem;}

.c-point header p,
.c-point h2,
.c-point h3{
float:left;
margin-bottom:0;}

.c-point h2,
.c-point h3{
position:relative;
overflow:hidden;
padding:7px 12px 5px 28px;
padding:.4375rem .75rem .3125rem 1.75rem;}

.c-point h2:before,
.c-point h3:before{
content:'';
position:absolute;
z-index:1;
top:.125rem;
left:-20px;
left:-1.25rem;
width:32px;
width:2rem;
height:32px;
height:2rem;
background:#f1873b;/* hsl(25, 87%, 59%) */
-webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);}

.c-point header p{
padding:6px 6px 6px 18px;
padding:.375rem .375rem .375rem 1.125rem;
white-space:nowrap;}

.c-point header.first-point h3:before{
background:#df1163;/* hsl(336, 86%, 47%) */}

.c-point header.second-point h3:before{
background:#ff9100;/* hsl(34, 100%, 50%) */}

.c-point header.third-point h3:before{
background:#7eb314;/* hsl(80, 80%, 39%) */}

.course-point-section header p{
padding:6px 6px 6px 18px;
padding:.375rem .375rem .375rem 1.125rem;
white-space:nowrap;}

.c-point ol{
overflow:hidden;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

.c-point li{
-moz-box-sizing:border-box;
box-sizing:border-box;
/*float:left;
width:50%;*/
/*width:31.5%;*/}

.c-point table { width:100%;}

.c-point thead th{
padding:5px 11px;
padding:.3125rem .6875rem;
font-size:14px;
font-size:.875rem;
line-height:1.714285714;/* 1.5/0.875 */
font-weight:normal;}

.c-point td{
padding:11px;
padding:.6875rem;
border:1px solid #d2cbc5;/* hsl(28, 13%, 80%) */
font-weight:normal;
vertical-align:middle;}

.c-point thead th{
background:#f7f7f7;/* hsl(0, 0%, 97%) */
text-align:center;}

.c-point tbody th:nth-of-type(1){
font-size:18px;
font-size:1.125rem;
line-height:1.333333333;/* 1.5/1.125 */}

.c-point tbody th:nth-of-type(2),
.c-point tbody td{
width:15%;
text-align:center;}

.c-point tbody td a{border-bottom:1px solid #269f4a;/* hsl(138, 62%, 39%) */}
.c-point tbody td a:hover { border-bottom-color:#3b2e1d;/* hsl(34, 34%, 17%) */}

/* @end */

/* @group .lesson-course-comment */
.c-comment li{
float:none;
width:auto;
}
/* @end */

/* @group .c-pickup */

.c-pickup-inner{
display:table;
width:100%;
border-spacing:24px 0;
border-spacing:1.5rem 0;}

.c-pickup aside,
.c-pickup section{
display:table-cell;
width:50%;}

.c-pickup aside{vertical-align:bottom;}
.c-pickup section{vertical-align:top;}

.c-pickup h2{
margin-bottom:18px;
margin-bottom:1.125rem;
font-size:24px;
font-size:1.5rem;
line-height:1.25;/* 1.875/1.5 */
text-align:center;}

.no-csstransforms .c-message ul:before{left:42.5%;}
.no-csstransforms .c-message ul:after{left:44%;}

/* @end */

/* venue ------------------------*/

/* @group .venue-map */

.venue-accessmap{
position:relative;}

.access-map-btn{
position:absolute;
top:0;
right:0;
padding:0 12px;
padding:0 .75rem;
font-size:12px;
font-size:75%;}

.access-map-btn span{
padding:3px 0 3px 24px;
padding:.1875rem 0 .1875rem 1.5rem;
text-align:center;}

.access-map-btn span:before{
margin-top:-10px;
margin-top:-.625rem;
font-size:18px;
font-size:1.125rem;
line-height:1;}

/* @end*/

/* @group .train-access / .plane-access / .lodging-info / .facilities-info */

.plane-access .contents-sub-label span{
display:inline-block;}

.facilities-info img{
height:54px;
height:3.375rem;}

/* @end*/


/* flow ------------------------*/

/* @group .flow-absence /.flow-cancel / .flow-payment */

.flow-absence h2+p,
.flow-payment h2+p{
text-align : center;}

.flow-cancel h2+p{
display : table;
margin-right : auto;
margin-left : auto;}

.flow-payment-bunkatsu {
	clear:both;float: left; margin-left: 0; margin-top: 16px; margin-top: 1rem;
	}


/* @end */

/* style-class ------------------------*/

/* @group .plus-list */

.plus-list{
margin-right:-64px;
margin-right:-4rem;
margin-left:-64px;
margin-left:-4rem;}

.plus-list ol{
border-spacing:64px 0;
border-spacing:4rem 0;}

/* @end */

/* instructors ------------------------*/

/* @group .instructors-media */

.instructors-media li { width:23.5%;}

.instructors-media li:nth-of-type(1),
.instructors-media li:nth-of-type(2),
.instructors-media li:nth-of-type(3),
.instructors-media li:nth-of-type(4) { margin-top:0;}

.instructors-media li:nth-of-type(4n+1) { clear:both;}
.instructors-media li:not(:nth-of-type(4n+1)) { margin-left : 2%;}

.cercle-list-teacher {
max-width: 850px;
}


/* @end */

/* company ------------------------*/

/* @group .company */

.company-partner ul { overflow:hidden;}

.company-partner li {
float:left;
width:45%;}

.company-partner li:nth-of-type(2) { margin-top:0;}

.company-partner li:nth-of-type(2n+1) { margin-right:3.5%;}

/* @end */

/* 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 */}

.cercle-list li {
	margin-right: 16px;
		margin-right: 1rem;
}

/* @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
--------------------------------------------------------*/
/*.curriculums-level .tooltip div {
font-size: .8rem;
color: #2b2b2b;
background: white;
padding: 5px;
line-height: 1;
}
.curriculums-level .tooltip:hover div{
border: gray 1px solid;
display:inline;
position:absolute;
right: 10px;
}

.curriculums-level .tooltip div p{
margin-bottom: 0
}*/
/* @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:none;
}
a[href]:after{content:" (" attr(href) ")";}
a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}

.page-nav,.page-top{display:none;}

/* @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 h1 a[href]:after{content:"";}

.page-header p{display:none;}

/* @end .page-header */

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

.page-footer .copyright a[href]:after{content:"";}

.page-footer-social li{
display:block;
height:auto;}

.page-footer-social a{display:block;width:100%;height:auto;}

.page-footer-social a[href]:after{
font-size:12px;
line-height:1.5;}

.page-footer-corp a[href]:after{content:" (http://all-web.org" attr(href) ")";}

/* @end .page-footer */

}

/* @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 */