@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
.btn_join {width: 850px; position: relative; z-index: 1;}


/* -------------------------------------------------------------- */
#mainContents {padding:90px 0;}


/* -------------------------------------------------------------- */
.one_period {margin-bottom: 9%; font-size: 20px;}
.one_period p {margin-bottom: 3%;}

@media print, screen and (max-width:1400px){
.one_period {font-size: 1.5vw;}
}

/* -------------------------------------------------------------- */
.period_headline, .period_headline span {font-size: 34px;}
.period_headline {margin-bottom: 6%;}

.period_headline figure {width: 12%; margin-right: 3%;}
.period_headline span {width: 85%;} 


@media print, screen and (max-width:1400px){
.period_headline, .period_headline span {font-size: 2.4vw;}
}

/* -------------------------------------------------------------- */
.period_headline.ver_sitelogo {padding-bottom: 0; margin-bottom: 3%;}

.period_headline.ver_sitelogo span, 
.period_headline.ver_sitelogo figure {vertical-align: top;}

.period_headline.ver_sitelogo figure {width: 22%; margin-right: 1%;}
.period_headline.ver_sitelogo span {width:77%; }


/* -------------------------------------------------------------- */
.sub_headline {margin-bottom: 35px; font-size: 40px; }
.sub_headline-last{width: 130%;}
.caution{margin-bottom: 8%; }
.caution p{display: inline-block; color: #FF0000; margin-bottom: 0.5em; padding-bottom: 4px; border-bottom: 1px solid #FFF;}

@media print, screen and (max-width:1400px){
.sub_headline {font-size: 2.6vw;}
}

/*=========================================================================
FIRST VIEW
=========================================================================*/
#firstView {padding: 140px 0;}


/* -------------------------------------------------------------- */
#Logo {width: 45%; margin-bottom: 3%;}

/* -------------------------------------------------------------- */
#viewCatch {font-size: 42px; margin-bottom: 3%;}
#viewInfo {font-size: 23px; margin-bottom: 3%;}

@media print, screen and (max-width:1400px){
#viewCatch {font-size: 3vw;}
#viewInfo {font-size: 1.5vw;}
}

/* -------------------------------------------------------------- */
dl#resubNotes {letter-spacing: -.4em; font-size: 0; margin-top: 6%; width: 96%;}

dl#resubNotes dt,
dl#resubNotes dd {letter-spacing: 0;display: inline-block;vertical-align: top;font-size: 100%;width: 48%;}

/* -------------------------------------------------------------- */
dl#resubNotes dt {margin-right: 4%;}

/* -------------------------------------------------------------- */
.view_boxtext {font-size: 32px; padding: 3%;}


@media print, screen and (max-width:1400px){
.view_boxtext {font-size: 2.4vw;}
}

/* -------------------------------------------------------------- */
dl#resubNotes dt .view_boxtext {margin-bottom: 20%;}


/* -------------------------------------------------------------- */
#Extra.view_boxtext {padding-top:9%; padding-bottom: 9%;} 

/* -------------------------------------------------------------- */
dl#resubNotes dt .view_boxtext:after {top: 122%; width: 8%; height: 100%;}

/* -------------------------------------------------------------- */
img#viewIcon {width: 32%; margin-bottom: 3%;}

/* -------------------------------------------------------------- */
dl#resubNotes dd, dl#resubNotes dd p {font-size: 22px;}
dl#resubNotes dd p {margin-bottom: 1%;}


@media print, screen and (max-width:1400px){
dl#resubNotes dd, dl#resubNotes dd p {font-size: 1.5vw;}
}

/* -------------------------------------------------------------- */
#notesHeadline {font-size: 26px; margin-bottom: 3%; padding-bottom: 2%; }

@media print, screen and (max-width:1400px){
#notesHeadline {font-size: 2vw;}
}

/* -------------------------------------------------------------- */
#resubPickup {margin-top: 6%;}


/*=========================================================================
PROMOTION
=========================================================================*/
dl#bookContainer {letter-spacing: -.4em; font-size: 0; margin-bottom: 5%;}
dl#bookContainer h2{color: #FFF; display: block; text-align: center; margin-bottom: 70px; font-size: 60px; line-height: 60px;}
dl#bookContainer h2 img{vertical-align: text-bottom; padding-right: 2.5%;}
/* -------------------------------------------------------------- */
dl#bookContainer dt,
dl#bookContainer dd {letter-spacing: 0; font-size: 100%; display: inline-block; vertical-align: text-top;}

/* -------------------------------------------------------------- */
dl#bookContainer dt {width: 50%; margin-right: 6%;}

/* -------------------------------------------------------------- */
dl#bookContainer dd {width: 44%; font-size: 18px;}
dl#bookContainer dd p {margin-bottom: 3%; display: block; padding: 2.5% 0; text-align: center; margin-bottom: 5%; border: 1px solid #FFF; font-size: 18px;}

@media print, screen and (max-width:1400px){
dl#bookContainer dd, dl#bookContainer dd p {font-size: 1.4vw;}
}

/* -------------------------------------------------------------- */
.book_pickup {margin-bottom: 3%; font-size: 18px;}
.book_pickup:first-of-type {padding-top: 9%;}

@media print, screen and (max-width:1400px){
.book_pickup { font-size: 1.4vw;}
}
.book-btm p{padding-top: 2em;}
.book-profile{margin-top: 4em; font-size: 18px;}
.book-profile strong{font-size: 36px; margin-bottom: 5%; text-align: center; display: block;}
.book-profile span{font-size: 24px; margin-bottom: 5%; text-align: center; display: block;}
.book-link{margin-bottom: 5%;}
.book-link ul{display: flex; justify-content: space-between;}
.book-link ul li{width: 45%;}
.book-link ul li a{display:block; width: 100%; padding: 25px 0; color: #FFF; background-color: #FF0000; border-radius: 50px; font-size: 30px; text-decoration: none; text-align: center;}

/* -------------------------------------------------------------- */
#bookHeadline {font-size: 36px; margin-bottom: 30px; text-align: center;}

@media print, screen and (max-width:1400px){
#bookHeadline {font-size: 3vw; }
}

/*=========================================================================
ABOUT
=========================================================================*/
#aboutTitle {font-size: 60px; margin-bottom: 4%;}
#aboutTitle img.text_logo {width: 25%; display: inline-block; margin-right: 1%;}


@media print, screen and (max-width:1400px){
#aboutTitle {font-size: 4vw;}
}

/* -------------------------------------------------------------- */
ul.instructor_list {margin-bottom: 6%; display: flex; justify-content: space-between; flex-wrap: wrap;}
ul.instructor_list li {width: 30%; font-size: 16px; margin-bottom: 5%;}
/*
ul.instructor_list li:nth-of-type(3n) {margin-right: 0;}
*/
ul.instructor_list::after{content: ""; display: block; width: 30%;}
ul.instructor_list li h4{margin-top: 10%;}
@media print, screen and (max-width:1400px){
ul.instructor_list li {font-size: 1.4vw;}
}

/* -------------------------------------------------------------- */
.instructor_photo {margin-bottom: 6%;}

/* -------------------------------------------------------------- */
.instructor_name {font-size:24px; margin-bottom: 6%;}

@media print, screen and (max-width:1400px){
.instructor_name {font-size:1.8vw;}
}


/*=========================================================================
BOTTOM
=========================================================================*/
#bottomHeadline {width: 30%; margin-bottom: 12%;}

#Bottom dl#resubNotes {margin-bottom: 12%;} 




/*=========================================================================
MODAL
=========================================================================*/
.other_section, .other_section p {font-size: 15px;}
.other_section {margin-bottom: 45px;}
.other_section p {margin-bottom: 30px;}

@media print, screen and (max-width:1400px){
.other_section, .other_section p  {font-size:1.05vw;}
.other_section {margin-bottom: 6%;}
.other_section p {margin-bottom: 4%;}
}
@media print, screen and (max-width:1200px){
.other_section, .other_section p {font-size: 14px;}
}

@media print, screen and (max-width:900px){
.other_section, .other_section p {font-size: 13px;}
}

/* -------------------------------------------------------------- */
.other_pageTitle {font-size: 30px; margin-bottom: 10px;}
#Specified.other_pageTitle {text-align: center; margin-bottom: 30px;}

@media print, screen and (max-width:1400px){
.other_pageTitle {font-size:28px;}
}
@media print, screen and (max-width:1200px){
.other_pageTitle {font-size:26px;}
}
@media print, screen and (max-width:1000px){
.other_pageTitle {font-size:24px;}
}
@media print, screen and (max-width:900px){
.other_pageTitle {font-size:22px;}
}
@media print, screen and (max-width:800px){
.other_pageTitle {font-size:20px;}
}

/* -------------------------------------------------------------- */
#btnClose {margin-top: 12%; font-size: 20px;}

@media print, screen and (max-width:1200px){
#btnClose {font-size: 18px;}
}

@media print, screen and (max-width:900px){
#btnClose {font-size: 16px;}
}




/* -------------------------------------------------------------- */
dl#specifiedbody {
letter-spacing: -.4em;
font-size: 0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

/* -------------------------------------------------------------- */
dl#specifiedbody dt, dl#specifiedbody dd {
border-bottom: 1px solid #ccc;
padding: 20px 0;
font-size:15px;
display: inline-block;
vertical-align: top;
letter-spacing: 0;
}
dl#specifiedbody dt:first-of-type, 
dl#specifiedbody dd:first-of-type {border-top: 1px solid #ccc;}



/* -------------------------------------------------------------- */
dl#specifiedbody dt {width: 30%;}
dl#specifiedbody dd {width: 70%;}

dl#specifiedbody dt p, dl#specifiedbody dd p {padding: 0 2%;}


}