@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:959px){

/* common */
.pc {
display:none;
}

img {
width:100%;
}

.tx {
padding-bottom:1em;
}

.txend {
padding-bottom:2em;
}

.btn_activity {
width:50%;
margin:auto;
}

p {
line-height:150%;
}


/* header */
header {
background:#fff;
width:100%;
z-index:999 !important;
box-shadow:0 0 10px #c8c8c8;
}

header .cts {
width:94%;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
}

header .logo {
width:24%;
float:left;
padding:2vw 0 3vw;
}

header .logo img {
width:100%;
}

header .contact {
}

header .contact .tel {
width:35vw;
float:left;
padding:2px 0;
}

header .contact .tel img {
width:100%;
}

header .contact .app {
width:30%;
float:right;
}


/*main_movie*/
.container {
width:100%;
height:56.25vw;
overflow:hidden;
}

.container .movie_area {
position: relative;
padding-bottom: 56.25%;
height:0;
overflow: hidden;
background:url(../img/main_bg.png);
}

.container .movie_area iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:-1;
}

.main_cts {
position:absolute;
width:78vw;
top:-1px;
left:0;
right:0;
margin:auto;
z-index:1;
}

.swiper-container {
width:100%;
height:100vw;
position:relative;
}

.swiper-container img {
width:100%;
text-align:center;
}


/* movie */
.intro {
background:url(../img/bg_type1.png);
padding:4vw 0 5vw;
}

.intro .movie {
width:92%;
margin:auto;
}

.intro .movie .movie_title {
width:90%;
margin:auto;
padding-bottom:3vw;
}

.intro .movie .cap {
font-size:90%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
}

.youtube {
position:relative;
width:100%;
padding-top:55%;
}

.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
padding:1px;
background:#000;
box-sizing:border-box;
}



/*MV*/
#mv {
width:100%;
background:url(../img/mv_bg.jpg) center;
background-size:cover;
text-align:center;
position:relative;
}

#mv .mv {
}

#mv .mv img {
}

#mv .cta {
width:90%;
position:absolute;
bottom:25px;
left:0;
right:0;
margin:auto;
-webkit-animation:cta 1s ease infinite alternate;
animation:cta 1s ease  infinite alternate;
}

#mv .cta img {
width:100%;
height:auto;
}

@keyframes cta {
0%{transform:scale(1);}
100%{transform:scale(1.05);}
}




/*about*/
.about {
width:92%;
margin:auto;
padding:4vw 0 5vw;
font-size:4vw;
}

.about_title {
width:100%;
background:#dc0000;
padding:4vw 4vw;
text-align:center;
}

.about .about_photo {
width:90%;
margin:auto;
text-align:center;
padding-bottom:20px;
}

.about .about_copy {
width:90%;
margin:auto;
padding-bottom:5vw;
}



/*CURRICULUM*/
#curriculum {
background:#f0ebe6;
margin-bottom:30px;
}

#curriculum .cts {
width:90%;
margin:auto;
padding:40px 0;
}

#curriculum .curriculum_title {
width:60%;
margin:0 auto 20px;
}

#curriculum .curriculum_title img {
width:100%;
height:auto;
}

#curriculum .details {
}

#curriculum .details .detail {
background:#fff;
display:flex;
align-items:center;
margin-bottom:15px;
padding:15px 15px;
}

#curriculum .details .detail:last-child {
margin-bottom:0;
}

#curriculum .details .detail img {
width:45px;
}

#curriculum .details .detail .ex {
margin-left:10px;
font-size:120%;
font-weight:bold;
}



/*CASE TITLE*/
.case_title {
padding:20px 0 30px;
text-align:center;
}

.case_title img {
width:80%;
}



/*SEMINAR CTA*/
#seminar_cta.anchor {
padding-top:90px;
margin-top:-90px;
}



/*seminar*/
.seminar_frame {
background:url(../img/line_r.png);
padding:1vw 0;
}

.seminar_area {
background:#f0ebe6;
padding:5vw 0 3vw;
}

.seminar {
width:92%;
margin:0 auto 4vw;
padding:0 5vw 5vw;
background:#fff;
border-radius:10px;
box-shadow:0 0 10px #c8c8c8;
}

.seminar .holding_area {
width:25vw;
height:15vw;
margin:0 auto 2vw;
background:url(../img/seminar_area.png);
background-size:100% 100%;
}

.seminar .holding_area .area {
text-align:center;
color:#fff;
padding:4vw 2vw;
font-size:3.5vw;
}

.seminar .holding_area .area .online {
}

.seminar .ex_area {
width:100%;
padding:0 0 2vw;
}

.seminar .ex_area .title_area {
border-bottom:#d2d2d2 1px solid;
margin-bottom:3vw;
padding-bottom:3vw;
}

.seminar .ex_area .title {
width:100%;
}

.seminar .ex_area .parts {
width:100%;
}

.seminar .ex_area .parts .access {
padding-bottom:2vw;
}

.seminar .ex_area .parts .access img {
width:50%;
}

.seminar .ex_area .parts .price {
font-size:3.5vw;
}

.seminar .ex_area .ex {
font-size:4vw;
padding-bottom:2vw;
}

.btn_app {
width:96%;
margin:auto;
padding-bottom:3vw;
}

.seminar .ex_area .title_area .title .date {
color:#003278;
font-weight:bold;
font-size:5.5vw;
line-height:7vw;
}

.seminar .ex_area .title_area .title .place {
font-weight:bold;
font-size:4vw;
padding-bottom:1.5vw;
}

.seminar .seminar_attention {
font-size:3vw;
text-align:center;
padding-bottom:1.5vw;
}

.seminar .seminar_note {
width:100%;
margin:0 auto 3vw;
font-size:3vw;
border:#ccc 1px dotted;
padding:3vw 4vw;
color:#666;
border-radius:10px;
}

.seminar .seminar_benefits {
text-align:center;
font-weight:bold;
background:#ffdc00;
padding:3vw;
margin:0 auto 7vw;
width:100%;
border-radius:2vw;
position:relative;
}

.seminar .seminar_benefits:after {
width:0;
height:0;
border-top:#ffdc00 4vw solid;
border-right:8vw solid transparent;
border-bottom:4vw solid transparent;
border-left:8vw solid transparent;
position:absolute;
display:block;
content:"";
left:0;
right:0;
margin:auto;
bottom:-8vw;
}

.seminar .seminar_benefits .benefits_title {
} 

.seminar .seminar_benefits .benefits_present {
font-size:4vw;
color:#dc0000;
}


/*point*/
.point {
background:url(../img/point_bg.png);
padding:5vw 0;
}

.point .point_title {
width:92%;
margin:auto;
padding-bottom:3vw;
}

.point .point_area {
width:92%;
margin:auto;
}

.point .point_area img {
width:100%;
}

.point .point_area .point_l {
width:100%;
}

.point .point_area .point_r {
width:100%;
}

.point .point_number {
width:35vw;
margin:auto;
}

.point .point_area .point_cts {
width:100%;
border:#dc0000 1px dotted;
background:#fff;
margin-bottom:5vw;
}

.point .point_area .point_cts p {
line-height:150%;
}

.point .point_area .point_cts .ex_area_top {
padding:4vw 5vw 3vw;
}

.point .point_area .point_cts .ex_area_bottom {
padding:4vw 5vw 5vw;
overflow:hidden;
}

.point .point_area .point_cts .point_theme {
color:#dc0000;
font-weight:bold;
font-size:5vw;
text-align:center;
line-height:7vw;
}

.point .point_area .point_cts .point_ex p {
font-size:4.5vw;
}


/*appearance*/
.appearance_title {
width:100%;
background:#329600;
padding:4vw 18vw;
text-align:center;
}

.appearance {
background:url(../img/bg_type1.png);
padding:5vw 0 4vw;
}

.appearance .appearance_area {
width:92%;
margin:auto;
}

.appearance .appearance_area img {
width:100%;
}

.appearance .appearance_area .appearance_l {
width:100%;

margin-right:30px;
}

.appearance .appearance_area .appearance_r {
width:100%;

}

.appearance .appearance_area .appearance_cts {
width:100%;
border:#b4b4b4 1px dotted;
background:#fff;
margin-bottom:4vw;
}

.appearance .appearance_area .appearance_cts_end {
margin-bottom:0;
}

.appearance .appearance_area .appearance_cts .appearance_ex {
padding:3vw 5vw;
}

.appearance .appearance_area .appearance_cts .appearance_ex .appearance_time {
font-family: 'Arvo', serif;
color:#b4b4b4;
font-size:10vw;
line-height:120%;
text-align:center;
padding-bottom:1vw;
}

.appearance .appearance_area .appearance_cts .appearance_ex .appearance_cap {
font-size:4.5vw;
}

.appearance br {
display:none;
}


/*result*/
.result {
background:url(../img/bg_type2.png);
padding:5vw 0;
}

.result .result_title {
width:90%;
margin:auto;
padding-bottom:4vw;
}

.result .rows {
width:92%;
margin:auto;
}

.result .rows_end {
padding-bottom:50px;
}

.result .rows img {
width:100%;
}

.result .result_cts {
width:100%;
border:#e1e1e1 1px solid;
box-sizing:border-box;
margin-bottom:3vw;
}

.result .result_end {
margin-right:0;
}


/*message*/
.message {
padding:5vw 0;
}

.message .message_area {
width:92%;
margin:auto;
}

.message .message_area .message_l {
width:100%;
}

.message .message_area .message_title {
width:85%;
margin:auto;
padding-bottom:3vw;
}

.message .message_area .message_r {
width:60%;
margin:auto;
}

..message .message_area .message_r img {
width:100%;
}

.message .message_area .message_l .message_ex {
font-size:4vw;
padding-bottom:3vw;
}

.message .message_area .message_about {
background:url(../img/message_bg.png);
border-radius:10px;
padding:5vw 5vw;
margin-bottom:5vw;
}

.message .message_area .message_about .message_about_title {
font-weight:bold;
color:#dc0000;
padding-bottom:1vw;
font-size:4vw;
}

.message .message_area .message_about .message_about_ex {
font-size:4vw;
}

.message .message_area .benefits {
background:#ffdc00;
padding:5vw 5vw;
border-radius:2vw;
}

.message .message_area .benefits .title {
width:90%;
margin:0 auto 5vw;
}

.message .message_area .benefits .title img {
width:100%;
}

.message .message_area .benefits .presents {
}

.message .message_area .benefits .presents .present {
width:100%;
}

.message .message_area .benefits .presents .present img {
width:100%;
height:auto;
}

.message .message_area .benefits .presents .ex {
width:100%;
}

.message .message_area .benefits .summary {
font-size:135%;
font-weight:bold;
text-align:center;
padding-top:20px;
}


/*faq*/
.faq_title {
width:100%;
background:#6e5aa0;
padding:5vw 25vw;
text-align:center;
}

.faq {
padding:5vw 0 5vw;
}

.faq .faq_area {
width:92%;
margin:auto;
}

.faq .faq_area .faq_cts {
margin-bottom:7vw;
}

.faq .faq_area .faq_cts .question {
color:#6e5aa0;
font-weight:bold;
border-bottom:#d2d2d2 2px solid;
padding-bottom:5px;
margin-bottom:7px;
font-size:4vw;
}

.faq .faq_area .faq_cts .question .ql {
width:8vw;
float:left;
text-align:center;
}

.faq .faq_area .faq_cts .question .qr {
width:83vw;
float:right;
}

.faq .faq_area .faq_cts .answer {
font-size:3.5vw;
}

.faq .faq_area .faq_cts .answer .al {
width:8vw;
float:left;
text-align:center;
font-weight:bold;
}

.faq .faq_area .faq_cts .answer .ar {
width:83vw;
float:right;
}


/*attention*/
.attention {
background:#f0f0f0;
padding:5vw 0 3vw;
}

.attention .attention_title {
width:92%;
margin:auto;
text-align:center;
padding-bottom:3vw;
font-weight:bold;
font-size:5vw;
}

.attention .attention_area {
width:92%;
margin:0 auto 3vw;
background:#fff;
border-radius:10px;
padding:5vw 5vw;
}

.attention .attention_subtitle {
font-weight:bold;
font-size:4.5vw;
padding-bottom:5px;
}

.attention .attention_ex {
font-size:4vw;
}


/*footer*/
footer {
}

footer .footer_area {
width:92%;
margin:auto;
text-align:center;
padding:3vw 0 3vw;
}

footer .links {
font-size:3.5vw;
padding-bottom:20px;
}

footer .copyright {
font-size:3vw;
color:#b4b4b4;
}


/* row & privacy policy */
.under {
background:url(../img/bg_type1.png);
padding:5vw 0 0;
}

.under .under_title_area {
font-weight:bold;
width:92%;
margin:auto;
text-align:center;
padding-bottom:5vw;
}

.under .under_title {
font-size:5.5vw;
}

.under .under_subtitle {
font-size:3.5vw;
}

.under .row_area {
width:92%;
margin:0 auto 5vw;
font-size:3.5vw;
}

.under .row_area .row_cts {
border-bottom:#b4b4b4 1px solid;
padding-bottom:3vw;
margin-bottom:3vw;
}

.under .row_area .row_cts_top {
border-top:#b4b4b4 1px solid;
padding-top:2vw;
}

.under .row_area .row_cts .item {
width:100%;
font-weight:bold;
}

.under .row_area .row_cts .detail {
width:100%;
}

.under .privacy_area {
width:92%;
margin:0 auto 50px;
font-size:3.5vw;
}

.under .privacy_area .privacy_cts {
border-bottom:#b4b4b4 1px solid;
padding-bottom:3.5vw;
margin-bottom:3.5vw;
}

.under .privacy_area .privacy_cts p {
}

.under .privacy_area .privacy_cts .privacy_title {
font-weight:bold;
}


/*campaign*/
.campaign {
background:#ffdc00;
}

.campaign .copy {
width:90%;
margin:auto;
text-align:center;
padding:2.5vw 0;
font-size:4vw;
font-weight:bold;
}



}