/******* setting.scss *******/

/******* mixin.scss *******/

/* line 8, ../sass/_mixin.scss */
#index .banner, #index .secCont, #index .recommend ul, #index .access dl, #index .linkBannerArea ul, .courseList ul, .tabNav, #access .logoArea, #access .movieList, .staffLink, #staffDetail .staffDetailCont, #other #tab02 .pickup, #blog #cont, #blog #main .post, #blog #main .area, #reservation #mainCont #consentForm dl {
*zoom: 1; }

/* line 10, ../sass/_mixin.scss */
#index .banner:after, #index .secCont:after, #index .recommend ul:after, #index .access dl:after, #index .linkBannerArea ul:after, .courseList ul:after, .tabNav:after, #access .logoArea:after, #access .movieList:after, .staffLink:after, #staffDetail .staffDetailCont:after, #other #tab02 .pickup:after, #blog #cont:after, #blog #main .post:after, #blog #main .area:after, #reservation #mainCont #consentForm dl:after {
content: " ";
clear: both;
display: block; }


/* line 101, ../sass/_mixin.scss */
#index .blog dl dt a, #blog #sidever .sideblog li a, #blog #main .area h3 a, #blog #main .pager a {
text-decoration: none; }

/* line 103, ../sass/_mixin.scss */
#index .blog dl dt a:hover, #blog #sidever .sideblog li a:hover, #blog #main .area h3 a:hover, #blog #main .pager a:hover {
text-decoration: underline; }


/* line 111, ../sass/_mixin.scss */
#corseDetail .flow:before, #corseDetail .tidbit:before {
background: url(../img/corse/tabNavBg.gif) repeat;
content: "";
display: block;
height: 10px;
margin: 0 auto 40px;
text-indent: 100%;
white-space: nowrap;
width: 100%; }


/******* contents.scss *******/

/*********index*********/

/* line 10, ../sass/main.scss */
#index.contents {
padding-top: 0; }

/* line 13, ../sass/main.scss */
#index .mainVisual {
position: relative; }

/* line 15, ../sass/main.scss */
#index .mainVisual img {
width: 100%; }

/* line 18, ../sass/main.scss */
#index .mainVisual .slides li {
display: none; }

/* line 20, ../sass/main.scss */
#index .mainVisual .slides li:first-child {
display: block; }

/* line 24, ../sass/main.scss */
#index .mainVisual .flex-control-nav {
position: absolute;
bottom: 15%;
width: 100%;
text-align: center;
z-index: 5; }

/* line 30, ../sass/main.scss */
#index .mainVisual .flex-control-nav li {
display: inline-block;
margin: 0 10px; }

/* line 33, ../sass/main.scss */
#index .mainVisual .flex-control-nav li a {
display: block;
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 20px; }

/* line 38, ../sass/main.scss */
#index .mainVisual .flex-control-nav li a.flex-active {
background-color: #003366; }

/* line 45, ../sass/main.scss */
#index .mainVisual .flex-direction-nav li {
position: absolute;
top: 45%;
left: 10%;
z-index: 5; }

/* line 50, ../sass/main.scss */
#index .mainVisual .flex-direction-nav li a {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 86px;
width: 86px;
background-image: url(../img/index/left.png); }

/* line 54, ../sass/main.scss */
#index .mainVisual .flex-direction-nav li.flex-nav-next {
left: auto;
right: 10%; }

/* line 57, ../sass/main.scss */
#index .mainVisual .flex-direction-nav li.flex-nav-next a {
background-image: url(../img/index/right.png); }

/* line 64, ../sass/main.scss */
#index .mainVisual_sp {
display: none; }

/* line 66, ../sass/main.scss */
#index .mainVisual_sp .slides li {
display: none; }

/* line 68, ../sass/main.scss */
#index .mainVisual_sp .slides li:first-child {
display: block; }

/* line 72, ../sass/main.scss */
#index .mainVisual_sp .flex-control-nav,
#index .mainVisual_sp .flex-direction-nav {
display: none; }

/* line 77, ../sass/main.scss */
#index .banner {
margin: -25px auto 30px;
position: relative;
z-index: 5;
width: 1200px; }

/* line 83, ../sass/main.scss */
#index .banner li {
float: left;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#index .banner li:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60); }

/* line 86, ../sass/main.scss */
#index .banner li:nth-child(2n) {
float: right; }

/* line 91, ../sass/main.scss */
#index section {
padding: 70px 0; }

/* line 93, ../sass/main.scss */
#index section h2 {
color: #003366;
font-size: 240%;
margin: 0 auto 30px;
line-height: 100%;
text-align: center; }

/* line 99, ../sass/main.scss */
#index section h2 span {
display: block;
font-size: 60%; }

/* line 104, ../sass/main.scss */
#index section .moreBtn {
display: none; }

/* line 108, ../sass/main.scss */
#index .secCont {
margin: 0 auto;
width: 1200px; }

/* line 113, ../sass/main.scss */
#index .secWrap {
background: url(../img/index/secBg.gif) repeat; }

/* line 116, ../sass/main.scss */
#index .course {
background: url(../img/index/secBg.gif) repeat;
padding: 80px 40px; }

/* line 123, ../sass/main.scss */
#index .recommend ul li {
float: left;
margin: 0 0 40px;
overflow: hidden;
width: 580px; }

/* line 129, ../sass/main.scss */
#index .recommend ul li:nth-child(2n) {
float: right; }

/* line 132, ../sass/main.scss */
#index .recommend ul li a {
display: block;
text-decoration: none;
position: relative;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#index .recommend ul li a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60); }

/* line 138, ../sass/main.scss */
#index .recommend ul li .pict {
position: absolute;
top: 0px;
left: 0px;
width: 180px; }

/* line 141, ../sass/main.scss */
#index .recommend ul li .pict img {
width: 100%; }

/* line 145, ../sass/main.scss */
#index .recommend ul li dl {
padding: 10px 0 0 200px; }

/* line 147, ../sass/main.scss */
#index .recommend ul li dl dt {
border-bottom: 1px dotted #051F63;
color: #051F63;
font-size: 140%;
font-weight: bold;
margin: 0 0 20px;
padding: 0 0 10px; }

/* line 155, ../sass/main.scss */
#index .recommend ul li dl dd {
margin-bottom: 20px; }

/* line 157, ../sass/main.scss */
#index .recommend ul li dl dd.btn {
background: #051F63;
color: #fff;
height: auto;
display: inline-block;
padding: 8px 0;
text-align: center;
width: 145px; }

/* line 170, ../sass/main.scss */
#index .recommend .link {
margin: 30px auto 0;
text-align: center; }

/* line 173, ../sass/main.scss */
#index .recommend .link a {
background: #051F63;
color: #fff;
display: inline-block;
font-size: 120%;
font-weight: bold;
padding: 18px 0;
text-decoration: none;
width: 380px;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#index .recommend .link a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60); }

/* line 186, ../sass/main.scss */
#index .reserve {
background: url(../img/index/reserveBg.jpg) no-repeat 50% 0;
background-size: auto 100%;
padding: 0; }

/* line 190, ../sass/main.scss */
#index .reserve .secCont {
height: 360px;
padding: 140px 590px 0 40px;
position: relative;
width: 570px; }

/* line 196, ../sass/main.scss */
#index .reserve h2 {
color: #fff;
margin: 0 0 30px;
text-align: left; }

/* line 202, ../sass/main.scss */
#index .reserve dl dt {
color: #fff;
font-size: 140%;
font-weight: bold;
margin: 0 0 25px; }

/* line 208, ../sass/main.scss */
#index .reserve dl dd {
color: #fff; }

/* line 212, ../sass/main.scss */
#index .reserve .pict {
position: absolute;
top: 55px;
right: 0px; }

/* line 217, ../sass/main.scss */
#index .access .gMap {
margin: 0 auto 35px; }

/* line 222, ../sass/main.scss */
#index .access dl dt {
color: #051F63;
font-size: 140%;
font-weight: bold;
margin: 0 auto 25px;
text-align: center; }

/* line 229, ../sass/main.scss */
#index .access dl dd {
float: left;
text-align: center;
width: 580px; }

/* line 233, ../sass/main.scss */
#index .access dl dd.info {
font-size: 110%; }

/* line 235, ../sass/main.scss */
#index .access dl dd.info a {
pointer-events: none;
text-decoration: none; }

/* line 240, ../sass/main.scss */
#index .access dl dd.link {
float: right;
padding: 5px 0 0; }

/* line 243, ../sass/main.scss */
#index .access dl dd.link a {
background: #051F63;
color: #fff;
display: block;
font-size: 140%;
font-weight: bold;
padding: 45px 0;
text-decoration: none;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#index .access dl dd.link a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60); }

/* line 257, ../sass/main.scss */
#index .blog {
float: left;
width: 692px; }

/* line 260, ../sass/main.scss */
#index .blog dl {
padding: 20px 20px 20px 105px;
position: relative; }

/* line 263, ../sass/main.scss */
#index .blog dl:nth-of-type(2n-1) {
background: url(../img/index/blogBg.gif) repeat; }

/* line 266, ../sass/main.scss */
#index .blog dl dt {
font-weight: bold; }

/* line 273, ../sass/main.scss */
#index .blog dl dd.date {
color: #F2410C; }

/* line 276, ../sass/main.scss */
#index .blog dl dd.icon {
position: absolute;
top: 20px;
left: 20px;
width: 65px; }

/* line 279, ../sass/main.scss */
#index .blog dl dd.icon img {
width: 100%; }

/* line 286, ../sass/main.scss */
#index .facebook {
float: right;
width: 467px; }

/* line 289, ../sass/main.scss */
#index .facebook .facebookCont {
background: url(../img/index/blogBg.gif) repeat;
padding: 22px;
max-width: 500px;
margin: 0 auto; }

/* line 294, ../sass/main.scss */
#index .facebook .facebookCont .fb_iframe_widget,
#index .facebook .facebookCont .fb_iframe_widget span,
#index .facebook .facebookCont .fb_iframe_widget iframe[style] {
width: 100% !important; }

/* line 299, ../sass/main.scss */
#index .facebook .facebookCont iframe {
vertical-align: middle; }

/* line 304, ../sass/main.scss */
#index .linkBannerArea {
border-top: 1px solid #ddd;
padding: 40px 0 15px; }

/* line 307, ../sass/main.scss */
#index .linkBannerArea ul {
margin: 0 auto;
text-align: center;
width: 1200px; }

/* line 312, ../sass/main.scss */
#index .linkBannerArea ul li {
display: inline-block;
margin: 0 11px 18px 0; }


/* line 321, ../sass/main.scss */
.courseList .slides li {
display: none; }

/* line 323, ../sass/main.scss */
.courseList .slides li:first-child {
display: block; }

/* line 329, ../sass/main.scss */
.courseList ul li {
background: #fff;
float: left;
margin: 0 40px 0 0;
width: 373px; }

/* line 334, ../sass/main.scss */
.courseList ul li a {
text-decoration: none;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
.courseList ul li a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60); }

/* line 343, ../sass/main.scss */
.courseList ul li .pict img {
width: 100%; }

/* line 347, ../sass/main.scss */
.courseList ul li dl {
padding: 20px; }


/* line 349, ../sass/main.scss */
.courseList ul li dl dt {
text-align: center;
color: #051F63;
font-size: 120%;
font-weight: bold;
line-height: 161%;
margin: 0 0 20px; }
.courseList ul li dl dd{
margin-bottom: 20px;}


/* line 366, ../sass/main.scss */
.courseList ul li dl dd.price {
font-size: 161%;
font-weight: bold;
margin-bottom: 20px;
color:#FF8932;}


/* line 359, ../sass/main.scss */
.courseList ul li dl dd.btn {
background: #051F63;
color: #fff;
padding: 20px 0;
text-align: center;
margin-bottom: 0;}



/* line 373, ../sass/main.scss */
.courseList .flex-control-nav {
padding: 40px 0 0;
text-align: center; }

/* line 376, ../sass/main.scss */
.courseList .flex-control-nav li {
display: inline-block;
margin: 0 10px; }

/* line 379, ../sass/main.scss */
.courseList .flex-control-nav li a {
display: block;
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 20px;
width: 20px;
background-color: #2A83BB;
border-radius: 20px; }

/* line 384, ../sass/main.scss */
.courseList .flex-control-nav li a.flex-active {
background-color: #003366; }

/* line 390, ../sass/main.scss */
.courseList .flex-direction-nav {
display: none; }


/*********corseDetail*********/

/* line 399, ../sass/main.scss */
#corseDetail h2 {
color: #003366;
font-size: 320%;
font-weight: normal;
margin: 0 auto 25px;
line-height: 100%;
text-align: center; }

/* line 406, ../sass/main.scss */
#corseDetail h2 span {
color: #333;
display: block;
font-size: 43%; }

/* line 412, ../sass/main.scss */
#corseDetail .mainVisual {
margin: 0 0 40px;
position: relative; }

/* line 416, ../sass/main.scss */
#corseDetail .mainVisual .slides li {
display: none; }

/* line 418, ../sass/main.scss */
#corseDetail .mainVisual .slides li:first-child {
display: block; }

/* line 423, ../sass/main.scss */
#corseDetail .mainVisual .flex-direction-nav {
display: none; }

/* line 426, ../sass/main.scss */
#corseDetail .mainVisual .flex-control-nav {
position: absolute;
bottom: 20px;
text-align: center;
width: 100%; }

/* line 431, ../sass/main.scss */
#corseDetail .mainVisual .flex-control-nav li {
display: inline-block;
margin: 0 10px; }

/* line 434, ../sass/main.scss */
#corseDetail .mainVisual .flex-control-nav li img {
border: 1px solid #fff;
display: block; }

/* line 437, ../sass/main.scss */
#corseDetail .mainVisual .flex-control-nav li img.flex-active {
border-color: #FF8932; }

/* line 444, ../sass/main.scss */
#corseDetail .lead {
color: #003366;
font-size: 200%;
margin: 0 auto 40px;
line-height: 140%;
text-align: center; }

/* line 451, ../sass/main.scss */
#corseDetail section {
margin: 0 auto 60px; }

/* line 454, ../sass/main.scss */
#corseDetail h3 {
color: #003366;
font-size: 200%;
margin: 0 auto 30px;
line-height: 140%;
text-align: center; }

/* line 462, ../sass/main.scss */
#corseDetail .charge .secCont {
border: 1px dotted #003366;
display: table;
width: 100%; }

/* line 466, ../sass/main.scss */
#corseDetail .charge .secCont dl {
display: table-cell;
text-align: center;
width: 50%; }

/* line 470, ../sass/main.scss */
#corseDetail .charge .secCont dl:last-of-type {
border-left: 1px dotted #003366; }

/* line 473, ../sass/main.scss */
#corseDetail .charge .secCont dl dt {
background: url(../img/corse/tabNavBg.gif) repeat;
color: #003366;
font-size: 160%;
padding: 25px 0; }

/* line 479, ../sass/main.scss */
#corseDetail .charge .secCont dl dd {
color: #333;
font-size: 161%;
padding: 15px 10px; }

/* line 483, ../sass/main.scss */
#corseDetail .charge .secCont dl dd strong {
color: #FF8932;
font-size: 161%; }

/* line 487, ../sass/main.scss */
#corseDetail .charge .secCont dl dd span {
font-size: 62%; }

/* line 490, ../sass/main.scss */
#corseDetail .charge .secCont dl.discount dd {
color: #333;
font-size: 130%;
padding: 25px 10px; }

/* line 494, ../sass/main.scss */
#corseDetail .charge .secCont dl.discount dd strong {
color: #FF8932; }

/* line 503, ../sass/main.scss */
#corseDetail .about table {
margin: 0; }

/* line 505, ../sass/main.scss */
#corseDetail .about table th {
width: 140px; }

/* line 507, ../sass/main.scss */
#corseDetail .about table th.note {
border-left: 1px dotted #003366; }

/* line 509, ../sass/main.scss */
#corseDetail .about table th.note + td {
width: 35%;
border-right: 1px dotted #003366;}

/* line 515, ../sass/main.scss */
#corseDetail .about table td ul {
margin: 0; }

/* line 517, ../sass/main.scss */
#corseDetail .about table td ul li {
margin: 0 0 15px; }

/* line 519, ../sass/main.scss */
#corseDetail .about table td ul li:last-child {
margin: 0; }

/* line 529, ../sass/main.scss */
#corseDetail .option table td {
padding: 25px;
vertical-align: middle;
width: 50%; }

/* line 533, ../sass/main.scss */
#corseDetail .option table td:last-of-type {
border-left: 1px dotted #003366; }

#corseDetail .option table td:last-child{ border-right: 1px dotted #003366;}

/* line 536, ../sass/main.scss */
#corseDetail .option table td dl {
display: table;
width: 100%; }

/* line 539, ../sass/main.scss */
#corseDetail .option table td dl dt {
font-weight: bold;
display: table-cell;
line-height: 140%;
vertical-align: middle;
width: 70%; }

/* line 545, ../sass/main.scss */
#corseDetail .option table td dl dt span {
display: block;
font-size: 80%;
font-weight: normal; }

/* line 551, ../sass/main.scss */
#corseDetail .option table td dl dd {
color: #FF8932;
font-size: 140%;
display: table-cell;
vertical-align: middle;
text-align: right;
width: 25%; }

/* line 565, ../sass/main.scss */
#corseDetail .flow .secCont {
display: table;
width: 100%; }

/* line 568, ../sass/main.scss */
#corseDetail .flow .secCont dl {
background: url(../img/corse/flowIcon.gif) no-repeat 30px 50%;
display: table-cell;
padding-left: 70px;
text-align: center; }

/* line 573, ../sass/main.scss */
#corseDetail .flow .secCont dl:first-of-type {
background: none;
padding: 0; }

/* line 577, ../sass/main.scss */
#corseDetail .flow .secCont dl dt {
border-bottom: 1px dotted #003366;
color: #003366;
padding: 0 0 10px; }

/* line 581, ../sass/main.scss */
#corseDetail .flow .secCont dl dt span {
font-size: 230%;
margin: 0 0 0 5px;
vertical-align: middle; }

/* line 587, ../sass/main.scss */
#corseDetail .flow .secCont dl dd {
margin: 15px 0 0; }

/* line 589, ../sass/main.scss */
#corseDetail .flow .secCont dl dd img {
width: 100%; }

/* line 597, ../sass/main.scss */
#corseDetail .link {
margin: 30px auto 60px;
text-align: center;
width: 100%; }

/* line 601, ../sass/main.scss */
#corseDetail .link a {
background: #051F63;
color: #fff;
display: inline-block;
font-size: 120%;
font-weight: bold;
padding: 30px 0;
text-decoration: none;
width: 100%;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#corseDetail .link a:hover {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter: alpha(opacity=60); }

/* line 615, ../sass/main.scss */
#corseDetail .tidbit dl {
border-bottom: 1px dotted #003366; }

/* line 125, ../sass/_mixin.scss */
#corseDetail .tidbit dl:first-of-type {
border-top: 1px dotted #003366; }

/* line 128, ../sass/_mixin.scss */
#corseDetail .tidbit dl dt {
color: #003366;
font-size: 140%;
font-weight: bold;
padding: 20px 120px 20px 30px;
position: relative; }

/* line 134, ../sass/_mixin.scss */
#corseDetail .tidbit dl dt:after {
background: url(../img/sec/more.png) no-repeat 100% 10px;
content: "more";
display: block;
cursor: pointer;
font-weight: normal;
padding: 0 30px 0 0;
position: absolute;
top: 20px;
right: 0px; }

/* line 144, ../sass/_mixin.scss */
#corseDetail .tidbit dl dd {
transition: all 0.5s;
max-height: 0;
overflow: hidden; }

/* line 149, ../sass/_mixin.scss */
#corseDetail .tidbit dl.show {
padding-bottom: 1px; }

/* line 152, ../sass/_mixin.scss */
#corseDetail .tidbit dl.show dt:after {
background-image: url(../img/sec/close.png);
content: "close"; }

/* line 157, ../sass/_mixin.scss */
#corseDetail .tidbit dl.show dd {
max-height: 1500px; }
@media screen and (max-width: 750px) {

/* line 162, ../sass/_mixin.scss */
#corseDetail .tidbit dl dt {
font-size: 110%;
padding-right: 40px; }

/* line 165, ../sass/_mixin.scss */
#corseDetail .tidbit dl dt:after {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 10px;
width: 19px;
padding: 0;
content: "";
top: 30px; } }

/* line 617, ../sass/main.scss */
#corseDetail .tidbit dl dt {
background: url(../img/corse/tidbitIcon.jpg) no-repeat 0 24px;
background-size: 15px; }


/* line 625, ../sass/main.scss */
.tabNav {
border-bottom: 5px solid #003366;
display: table;
width: 100%;
margin-bottom: 40px; }

/* line 631, ../sass/main.scss */
.tabNav li {
background: url(../img/corse/tabNavBg.gif) repeat;
border-left: 30px solid #fff;
display: table-cell;
vertical-align: middle;
text-align: center; }

/* line 637, ../sass/main.scss */
.tabNav li:first-child {
border: none; }

/* line 640, ../sass/main.scss */
.tabNav li.c {
background: #003366; }

/* line 642, ../sass/main.scss */
.tabNav li.c a {
color: #fff; }

/* line 646, ../sass/main.scss */
.tabNav li a {
font-weight: bold;
display: block;
padding: 20px 0;
text-decoration: none;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
.tabNav li a:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50); }

/* line 655, ../sass/main.scss */
.tabNav.t2 li {
width: 585px; }

/* line 660, ../sass/main.scss */
.tabNav.t3 li {
width: 380px; }

/* line 665, ../sass/main.scss */
.tabNav.t4 li {
width: 277px; }

/* line 670, ../sass/main.scss */
.tabNav.t5 li {
width: 216px; }


/* line 675, ../sass/main.scss */
.tabCont {
display: none;
padding: 0; }


/* line 679, ../sass/main.scss */
#tab01 {
display: block; }


/*********recruit*********/

/* line 686, ../sass/main.scss */
#recruit p.lead {
color: #003366;
font-size: 170%;
text-align: center; }


/*********faq*********/

/* line 697, ../sass/main.scss */
#faq .faqCont dl {
border-bottom: 1px dotted #003366; }

/* line 125, ../sass/_mixin.scss */
#faq .faqCont dl:first-of-type {
border-top: 1px dotted #003366; }

/* line 128, ../sass/_mixin.scss */
#faq .faqCont dl dt {
color: #003366;
font-size: 140%;
font-weight: bold;
padding: 20px 120px 20px 30px;
position: relative; }

/* line 134, ../sass/_mixin.scss */
#faq .faqCont dl dt:after {
background: url(../img/sec/more.png) no-repeat 100% 10px;
content: "more";
display: block;
cursor: pointer;
font-weight: normal;
padding: 0 30px 0 0;
position: absolute;
top: 20px;
right: 0px; }

/* line 144, ../sass/_mixin.scss */
#faq .faqCont dl dd {
transition: all 0.5s;
max-height: 0;
overflow: hidden; }

/* line 149, ../sass/_mixin.scss */
#faq .faqCont dl.show {
padding-bottom: 1px; }

/* line 152, ../sass/_mixin.scss */
#faq .faqCont dl.show dt:after {
background-image: url(../img/sec/close.png);
content: "close"; }

/* line 157, ../sass/_mixin.scss */
#faq .faqCont dl.show dd {
max-height: 250px; }
@media screen and (max-width: 750px) {

/* line 162, ../sass/_mixin.scss */
#faq .faqCont dl dt {
font-size: 110%;
padding-right: 40px; }

/* line 165, ../sass/_mixin.scss */
#faq .faqCont dl dt:after {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 10px;
width: 19px;
padding: 0;
content: "";
top: 30px; } }

/* line 699, ../sass/main.scss */
#faq .faqCont dl dt {
background: url(../img/faq/faqIcon01.png) no-repeat 20px 23px;
padding-left: 60px; }

/* line 702, ../sass/main.scss */
#faq .faqCont dl dt:after {
right: 20px; }

/* line 706, ../sass/main.scss */
#faq .faqCont dl dd {
background: url(../img/faq/faqIcon02.png) no-repeat 20px 0; }

/* line 709, ../sass/main.scss */
#faq .faqCont dl.show {
background: url(../img/corse/tabNavBg.gif) repeat; }

/* line 711, ../sass/main.scss */
#faq .faqCont dl.show dd {
padding: 0 20px 20px 60px; }


/*********privacy*********/

/* line 722, ../sass/main.scss */
#privacy h2 {
background: url(../img/corse/tabNavBg.gif) repeat;
font-size: 150%;
padding: 15px 30px 10px;
margin: 35px 0; }

/* line 727, ../sass/main.scss */
#privacy h2 + p {
margin: 0 0 20px; }


/*********access*********/

/* line 736, ../sass/main.scss */
#access p.lead {
color: #003366;
font-size: 200%;
text-align: center; }

/* line 740, ../sass/main.scss */
#access p.lead span {
font-size: 70%; }

/* line 744, ../sass/main.scss */
#access .gMap {
margin: 0 auto 50px;
padding-bottom: 50%; }

/* line 748, ../sass/main.scss */
#access .logoArea {
border-bottom: 1px dotted #003366;
margin-bottom: 40px;
padding-bottom: 50px; }

/* line 753, ../sass/main.scss */
#access .logoArea .logo {
float: left;
padding: 15px 0 0;
text-align: center;
width: 630px; }

/* line 759, ../sass/main.scss */
#access .logoArea p {
color: #003366;
font-size: 140%;
float: right;
margin: 0;
width: 570px; }

/* line 767, ../sass/main.scss */
#access h2 {
color: #003366;
font-size: 200%;
margin: 0 auto 10px;
text-align: center; }

/* line 773, ../sass/main.scss */
#access .fig {
border-bottom: 1px dotted #003366;
margin: 0 auto 40px;
padding-bottom: 50px; }

/* line 777, ../sass/main.scss */
#access .fig img {
width: 100%; }

/* line 781, ../sass/main.scss */
#access h3 {
background: url(../img/access/h3icon.jpg) no-repeat 0 0;
color: #003366;
font-size: 150%;
margin-bottom: 25px;
padding: 1px 0 3px 40px; }

/* line 788, ../sass/main.scss */
#access .lead2 {
color: #003366;
font-size: 150%; }

/* line 792, ../sass/main.scss */
#access .movieList {
margin-bottom: 50px; }

/* line 795, ../sass/main.scss */
#access .movieList li {
float: left;
margin-left: 52px;
position: relative;
width: 198px; }

/* line 800, ../sass/main.scss */
#access .movieList li:before {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 10px;
width: 10px;
background-image: url(../img/corse/flowIcon.gif);
content: "";
position: absolute;
top: 50px;
left: -30px; }

/* line 806, ../sass/main.scss */
#access .movieList li:first-child {
margin: 0; }

/* line 808, ../sass/main.scss */
#access .movieList li:first-child:before {
display: none; }

/* line 812, ../sass/main.scss */
#access .movieList li span {
display: block;
padding: 20px 0 0;
text-align: center; }

/* line 817, ../sass/main.scss */
#access .movieList li .movie {
position: relative;
padding-top: 56.25%;
width: 100%; }

/* line 821, ../sass/main.scss */
#access .movieList li .movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important; }


/*********staff*********/

/* line 837, ../sass/main.scss */
.staffLink li {
float: left;
margin: 0 0 40px 40px;
width: 270px; }

/* line 841, ../sass/main.scss */
.staffLink li:nth-child(4n+1) {
margin-left: 0; }

/* line 844, ../sass/main.scss */
.staffLink li img {
width: 100%; }

/* line 847, ../sass/main.scss */
.staffLink li a {
display: block;
text-decoration: none;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
.staffLink li a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
filter: alpha(opacity=70); }

/* line 852, ../sass/main.scss */
.staffLink li div {
background: url(../img/staff/staffLinkBg.jpg) no-repeat 0 0;
background-size: 100%;
display: table;
text-align: center;
width: 100%; }

/* line 859, ../sass/main.scss */
.staffLink li span {
color: #fff;
display: table-cell;
height: 130px;
padding: 0 20px;
vertical-align: middle; }

/* line 865, ../sass/main.scss */
.staffLink li span strong {
display: block;
margin-top: 10px;
font-size: 140%; }


/* line 874, ../sass/main.scss */
#staffDetail {
position: relative; }

/* line 876, ../sass/main.scss */
#staffDetail:before {
background: url(../img/staff/bg02.jpg) repeat-x;
content: "";
display: block;
height: 284px;
position: absolute;
top: 437px;
left: 0px;
width: 100%; }

/* line 884, ../sass/main.scss */
#staffDetail .staffDetailCont {
background: url(../img/staff/bg01.jpg) no-repeat 50% 0;
position: relative;
padding-bottom: 20px;
z-index: 5; }

/* line 890, ../sass/main.scss */
#staffDetail .staffDetailCont .pictArea {
float: left;
padding-top: 40px; }

/* line 893, ../sass/main.scss */
#staffDetail .staffDetailCont .pictArea .name {
position: absolute;
top: 85px;
left: 540px; }

/* line 895, ../sass/main.scss */
#staffDetail .staffDetailCont .pictArea .name dt {
color: #fff;
font-size: 150%;
margin-bottom: 10px; }

/* line 899, ../sass/main.scss */
#staffDetail .staffDetailCont .pictArea .name dt strong {
font-size: 190%;
font-weight: normal;
display: block;
margin-top: 10px; }

/* line 906, ../sass/main.scss */
#staffDetail .staffDetailCont .pictArea .name dd {
color: #fff; }

/* line 911, ../sass/main.scss */
#staffDetail .staffDetailCont .detail {
float: right;
padding-top: 335px;
width: 660px; }

/* line 915, ../sass/main.scss */
#staffDetail .staffDetailCont .detail h2 {
color: #003366;
font-size: 280%;
font-weight: normal;
margin-bottom: 50px; }

/* line 921, ../sass/main.scss */
#staffDetail .staffDetailCont .detail h3 {
background: url(../img/staff/h3bg.png) no-repeat 20px 13px, url(../img/corse/tabNavBg.gif) repeat;
color: #003366;
font-size: 140%;
font-weight: normal;
margin-bottom: 20px;
padding: 8px 20px 5px 55px; }


/*********staff*********/

/* line 936, ../sass/main.scss */
#other h2 {
color: #003366;
font-size: 250%;
font-weight: normal;
margin: 0 auto 50px;
text-align: center; }

/* line 943, ../sass/main.scss */
#other #tab01 {
padding: 0; }

/* line 945, ../sass/main.scss */
#other #tab01 h2 {
background: url(../img/other/bg.jpg) no-repeat 100% 0;
height: 193px;
margin: 0 auto;
padding: 60px 0 0; }

/* line 951, ../sass/main.scss */
#other #tab01 .pict {
display: none; }

/* line 956, ../sass/main.scss */
#other #tab02 .pickup {
margin-bottom: 40px; }

/* line 959, ../sass/main.scss */
#other #tab02 .pickup dl {
border: 1px solid #FF8932;
float: left;
text-align: center;
width: 580px; }

/* line 964, ../sass/main.scss */
#other #tab02 .pickup dl:last-of-type {
float: right; }

/* line 967, ../sass/main.scss */
#other #tab02 .pickup dl dt {
background: #FF8932;
color: #fff;
font-size: 150%;
padding: 15px 0; }

/* line 973, ../sass/main.scss */
#other #tab02 .pickup dl dd {
color: #FF8932;
font-size: 300%;
padding: 20px 0; }

/* line 982, ../sass/main.scss */
#other #tab02 table td.price {
background: #003366;
border-bottom: 1px dotted #fff;
color: #fff;
font-size: 120%;
width: 100px; }

/* line 993, ../sass/main.scss */
#other #tab03 table {
border: 1px solid #003366; }

/* line 995, ../sass/main.scss */
#other #tab03 table th {
background: #003366;
color: #fff;
font-size: 150%;
text-align: center;
width: 450px; }

/* line 1004, ../sass/main.scss */
#other #tab03 .pict img {
width: 100%; }

/* line 1009, ../sass/main.scss */
#other .tabCont {
display: block; }


/*********contact*********/

/* line 1017, ../sass/main.scss */
#contact h2 {
color: #003366;
font-size: 250%;
font-weight: normal;
margin: 0 auto 30px;
text-align: center; }

/* line 1024, ../sass/main.scss */
#contact .outLine {
margin: 50px 0; }

/* line 1026, ../sass/main.scss */
#contact .outLine .telArea {
border: 10px solid rgba(0, 51, 102, 0.05);
color: #003366;
font-size: 450%;
font-weight: bold;
line-height: 140%;
padding: 25px 0 30px;
text-align: center; }

/* line 1034, ../sass/main.scss */
#contact .outLine .telArea a {
pointer-events: none;
text-decoration: none; }

/* line 1038, ../sass/main.scss */
#contact .outLine .telArea span {
display: block;
font-size: 43%;
line-height: 100%; }

/* line 1045, ../sass/main.scss */
#contact .btn {
margin: 0 auto 30px;
text-align: center;
width: 690px; }

/* line 1049, ../sass/main.scss */
#contact .btn input,
#contact .btn a {
display: block;
color: #fff;
background: #003366;
border: none;
font-size: 140%;
padding: 20px 0;
cursor: pointer;
text-align: center;
text-decoration: none;
width: 100%;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#contact .btn input:hover,
#contact .btn a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
filter: alpha(opacity=70); }

/* line 1064, ../sass/main.scss */
#contact .thanksInfo {
margin: 0 auto 40px;
text-align: center; }

/* line 1067, ../sass/main.scss */
#contact .thanksInfo dt {
color: #003366;
font-size: 120%;
font-weight: bold;
margin: 0 auto 10px; }

/* line 1074, ../sass/main.scss */
#contact .thanksInfo dd a[href*="tel"] {
color: #333;
pointer-events: none;
text-decoration: none; }


/*********blog*********/

/* line 1086, ../sass/main.scss */
#blog #cont {
margin: 0 auto 20px; }

/* line 1090, ../sass/main.scss */
#blog #sidever {
float: left;
width: 220px; }

/* line 1093, ../sass/main.scss */
#blog #sidever .sideblog {
padding-bottom: 20px; }

/* line 1095, ../sass/main.scss */
#blog #sidever .sideblog dt {
background: #003366;
color: #fff;
padding: 18px 0;
text-align: center; }

/* line 1101, ../sass/main.scss */
#blog #sidever .sideblog li {
border-bottom: 1px dotted #003366; }

/* line 1103, ../sass/main.scss */
#blog #sidever .sideblog li a {
display: block;
padding: 20px 10px; }

/* line 1111, ../sass/main.scss */
#blog #main {
float: right;
width: 940px; }

/* line 1114, ../sass/main.scss */
#blog #main .post {
border-bottom: 1px dotted #003366;
padding: 40px 0;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#blog #main .post:hover {
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
-ms-filter: "alpha(opacity=40)";
filter: alpha(opacity=40); }

/* line 1119, ../sass/main.scss */
#blog #main .post:first-of-type {
padding-top: 0; }

/* line 1123, ../sass/main.scss */
#blog #main .area {
float: left;
width: 700px; }

/* line 1127, ../sass/main.scss */
#blog #main .area .dateArea {
background: #003366;
color: #fff;
float: left;
height: 100px;
font-size: 430%;
line-height: 100%;
margin: 0 40px 0 0;
padding: 20px 0 0;
text-align: center;
width: 120px; }

/* line 1138, ../sass/main.scss */
#blog #main .area .dateArea .dateYear {
color: #FF8932;
font-size: 30%;
display: block;
line-height: 120%; }

/* line 1145, ../sass/main.scss */
#blog #main .area h3 {
font-size: 160%;
margin-bottom: 25px; }

/* line 1151, ../sass/main.scss */
#blog #main .area h3 + p {
margin: 0; }

/* line 1153, ../sass/main.scss */
#blog #main .area h3 + p + p + p {
margin: 0; }

/* line 1158, ../sass/main.scss */
#blog #main .area + a {
display: block;
float: right;
width: 200px; }

/* line 1162, ../sass/main.scss */
#blog #main .area + a img {
width: 100%; }

/* line 1168, ../sass/main.scss */
#blog #main .post_single .area {
float: none;
margin-bottom: 30px;
width: 100%; }

/* line 1172, ../sass/main.scss */
#blog #main .post_single .area h3 {
padding-top: 40px; }

/* line 1177, ../sass/main.scss */
#blog #main .social4i {
border-bottom: 1px dotted #003366;
border-top: 1px dotted #003366;
margin: 0 auto 30px;
padding: 30px 0;
text-align: center; }

/* line 1183, ../sass/main.scss */
#blog #main .social4i .social4in {
float: none !important;
text-align: center; }

/* line 1187, ../sass/main.scss */
#blog #main .social4i .socialicons {
display: inline-block;
float: none !important;
vertical-align: bottom; }

/* line 1193, ../sass/main.scss */
#blog #main .pager {
padding: 40px 0;
text-align: center; }

/* line 1196, ../sass/main.scss */
#blog #main .pager a {
border: 1px solid #003366;
display: inline-block;
margin: 0 3px;
padding: 5px 12px; }

/* line 1203, ../sass/main.scss */
#blog #main .pager .current {
border: 1px solid #003366;
display: inline-block;
margin: 0 3px;
padding: 5px 12px; }


/*********reservation*********/

/* line 1216, ../sass/main.scss */
#reservation #mainCont {
background: none;
padding: 0; }

/* line 1219, ../sass/main.scss */
#reservation #mainCont h3 {
background: rgba(0, 51, 102, 0.05);
color: #003366;
font-size: 200%;
font-weight: normal;
margin: 0 auto;
padding: 30px 0 0; }

/* line 1226, ../sass/main.scss */
#reservation #mainCont h3 span {
display: block;
font-size: 80%; }

/* line 1231, ../sass/main.scss */
#reservation #mainCont .sectionH3 {
margin: 0 auto 30px;
width: 100%; }

/* line 1234, ../sass/main.scss */
#reservation #mainCont .sectionH3 table {
width: 100%; }

/* line 1239, ../sass/main.scss */
#reservation #mainCont .sectionH3 table td.name_kana input, #reservation #mainCont .sectionH3 table td.name input {
width: 30% !important; }

/* line 1244, ../sass/main.scss */
#reservation #mainCont .sectionH3 table td.birthday select {
width: 25% !important; }

/* line 1248, ../sass/main.scss */
#reservation #mainCont .sectionH3 table td #zip {
width: 20% !important; }

/* line 1251, ../sass/main.scss */
#reservation #mainCont .sectionH3 table td #pref,
#reservation #mainCont .sectionH3 table td #city,
#reservation #mainCont .sectionH3 table td #addr {
width: 65% !important; }

/* line 1258, ../sass/main.scss */
#reservation #mainCont .sectionH3 table #note th {
padding: 0; }

/* line 1260, ../sass/main.scss */
#reservation #mainCont .sectionH3 table #note th span {
color: #ff0000;
font-size: 130%;
display: block; }

/* line 1264, ../sass/main.scss */
#reservation #mainCont .sectionH3 table #note th span a {
pointer-events: none;
text-decoration: none; }

/* line 1274, ../sass/main.scss */
#reservation #mainCont .sectionH3 #paymant table th,
#reservation #mainCont .sectionH3 #paymant table td {
background: none; }

/* line 1281, ../sass/main.scss */
#reservation #mainCont #consentForm {
background: #FFDCD0;
border: 1px solid #BB0706;
margin: 0 auto 40px;
padding: 20px 20px 15px; }

/* line 1286, ../sass/main.scss */
#reservation #mainCont #consentForm dl {
background: none;
border: none;
margin: 0 auto;
padding: 0;
width: 100%; }

/* line 1293, ../sass/main.scss */
#reservation #mainCont #consentForm dl dt {
color: #BB0706;
font-size: 230%;
font-weight: bold;
float: left;
margin: 0 20px 0 0;
padding: 0;
vertical-align: middle; }

/* line 1301, ../sass/main.scss */
#reservation #mainCont #consentForm dl dt:before {
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 40px;
width: 45px;
content: "";
background-image: url(../img/reservation/icon02.png);
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top; }

/* line 1310, ../sass/main.scss */
#reservation #mainCont #consentForm dl dd {
float: left;
margin: 0;
padding: 13px 0 0;
vertical-align: middle; }

/* line 1315, ../sass/main.scss */
#reservation #mainCont #consentForm dl dd.link {
float: right;
padding: 0;
width: 270px; }

/* line 1319, ../sass/main.scss */
#reservation #mainCont #consentForm dl dd.link a {
background: #003366;
display: block;
color: #fff;
font-size: 130%;
position: relative;
padding: 10px 0;
text-align: center;
text-decoration: none;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#reservation #mainCont #consentForm dl dd.link a:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
filter: alpha(opacity=70); }

/* line 1329, ../sass/main.scss */
#reservation #mainCont #consentForm dl dd.link a:after {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 50px;
width: 50px;
content: "";
background-image: url(../img/reservation/icon01.png);
position: absolute;
top: -5px;
right: 5px; }

/* line 1341, ../sass/main.scss */
#reservation #mainCont .submitBtn input {
background: #003366;
color: #fff;
font-size: 150%;
height: auto;
padding: 15px 0;
text-indent: 0;
width: 700px;
transition: opacity 0.3s; }

/* line 32, ../sass/_mixin.scss */
#reservation #mainCont .submitBtn input:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
filter: alpha(opacity=70); }

/* line 1353, ../sass/main.scss */
#reservation h2 {
color: #003366;
font-size: 250%;
font-weight: normal;
margin: 0 auto 30px;
text-align: center; }

/*************************** COURSE SELECT ***************************/

#courseSelect .section{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;}


#courseSelect .section h2{
    width: 100%;
    margin-bottom: 80px;}

#courseSelect .section dl{
    padding: 20px;
    border: 1px #ccc solid;
    width: 331px;
    margin-right: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}


#courseSelect .section dl.select{
    background:url(../img/index/secBg.gif) repeat;}

#courseSelect .section dl:nth-child(3n){
    margin-right:0;}

#courseSelect .section dl dt{
    position: relative;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;}

#courseSelect .section dl dt img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
    height: 60px;}

#courseSelect .section dl dd{
    width: 250px;
    vertical-align: middle;}

#courseSelect form,
#courseSelect .submitBtn {
    text-align: center;
    margin:  0 auto;
}

#courseSelect .submitBtn input{
    border: none;
}


/*************************** RESRVE INFO ***************************/

#reserveInfo #allCourse{
    display: flex;
    justify-content: space-between;
}

#reserveInfo #allCourse div{
    width: 373px;}

#reserveInfo #allCourse div h3{
    padding: 20px;
    font-size: 140%;
margin-bottom: 20px;}

#reserveInfo #iteTr,
#reservation #mainCont .sectionH3 #paymant table tr#totalPri{
    background-color : #E5EAEF;
}


#reserveInfo #iteTr .courseNum,
#reserveInfo #iteTr .coursePrice{
    width: 20%;}
#reserveInfo #iteTr .courseName{
    width: 60%;}

#reserveInfo #iteTr th{
    text-align: center;
}

#reservation #mainCont .sectionH3 #paymant table td{
    background-color: #fff;}

#reservation #mainCont .sectionH3 #paymant table td.coursePrice{
    text-align: right;
    font-size: 140%;}

#reservation #mainCont .sectionH3 #paymant table tr#totalPri td{
    font-size: 140%;
    font-weight: bold;
    text-align: right;
    background-color:#E5EAEF; }


#reservation #mainCont .sectionH3 h3{
    text-align: center;
}