@charset "utf-8";

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

@media(min-width:1000px){

/*STYLE*/
.sp {
display:none;
}

.cts {
width:1000px;
margin:auto;
}

section {
border:#d2c8b4 1px solid;
background:#fff;
padding:50px 70px;
}

p {
font-size:130%;
line-height:180%;
letter-spacing:1px;
}

.ex {
}

.ex p {
padding-bottom:30px;
}

.ex p:last-child {
padding-bottom:0;
}

.ex .attention {
font-size:110%;
display:flex;
}

.connect {
width:1000px;
margin:auto;
padding:30px 0;
}

.subitem {
border-top:#d2c8b4 4px solid;
border-bottom:#d2c8b4 4px solid;
padding:20px 0;
margin-bottom:20px;
text-align:center;
}


/*COUNTDOWN*/
#count {
width:100%;
height:55px;
background:#e50012;
position:fixed;
top:0;
z-index:999;
display:flex;
justify-content:center;
align-items:center;
}

#count .timer {
width:1000px;
margin:0 auto;
color:#fff;
font-size:150%;
font-weight:bold;
text-align:center;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}



/*MV*/
#mv {
width:100%;
height:732px;
background:#fff url(../img/mv_bg.jpg) top center;
padding:6px 0;
margin:55px 0 0;
display:flex;
justify-content:center;
align-items:center;
border-top:#fff 6px solid;
border-bottom:#fff 6px solid;
}

#mv h1 {
width:360px;
margin:0 auto 15px;
}

#mv .title {
width:860px;
margin:0 auto 30px;
}

#mv .copy {
width:960px;
margin:auto;
}




/*INTRO*/
#intro {
padding:50px 0;
}

#intro section {
margin-bottom:50px;
}

#intro .intro_titles {
}

#intro .intro_titles .logo {
width:400px;
margin:0 auto;
}

#intro .intro_titles .title {
width:800px;
margin:0 auto;
}



/*COURSE*/
#course {
}

#course section {
padding:0;
}

#course .limited {
margin:50px 0 50px;
}

#course .bar {
background:#004696 url(../img/course_bar_bg.png);
padding:10px 15px;
}

#course .bar img {
width:320px;
}


/*COURSE PROGRAM*/
#course #program {
padding:50px 70px;
}

#course #program h2 {
width:550px;
margin:0 auto 50px;
}

#course #program h2 .underline {
border-bottom:#e50012 5px solid;
padding-bottom:7px;
}

#course #program .programs {
padding:50px 0;
}

#course #program .programs .program {
margin-bottom:50px;
}

#course #program .programs .program:last-child {
margin-bottom:0;
}

#course #program .programs .program .program_title {
display:flex;
align-items:center;
border-bottom:#004696 5px solid;
}

#course #program .programs .program .program_title .number {
margin-right:20px;
}

#course #program .programs .program .program_title h3 {
width:450px;
}

#course #program .programs .program .program_cts {
border:#004696 1px solid;
border-top:none;
background:#fff url(../img/program_bg.png);
padding:40px 50px;
}

#course #program .programs .program .program_cts .details {
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:30px;
}

#course #program .programs .program:nth-child(odd) .program_cts .details {
flex-direction:row-reverse;
}

#course #program .programs .program .program_cts .details .photo {
width:300px;
background:#fff;
padding:10px;
border:#d2c8b4 1px solid;
}

#course #program .programs .program .program_cts .details .photo img {
}

#course #program .programs .program .program_cts .details .detail {
width:420px;
}

#course #program .programs .program .program_cts .list {
padding-bottom:30px;
}

#course #program .programs .program .program_cts .list p {
padding-bottom:0;
display:flex;
}





/*BENEFIT*/
.benefit {
margin:100px 0 50px;
border:#e5b907 5px solid;
background:url(../img/benefit_bg.png);
padding:80px 50px 50px;
position:relative;
}

.benefit .title {
width:679px;
position:absolute;
top:-35px;
left:0;
right:0;
margin:auto;
}

.benefit .presents {
}

.benefit .presents .present {
padding-bottom:100px;
}

.benefit .presents .present:last-child {
padding-bottom:0;
}

.benefit .presents .present .present_title {
display:flex;
align-items:center;
border-bottom:#e5b907 5px solid;
margin-bottom:25px;
position:relative;
height:110px;
}

.benefit .presents .present .present_title .number {
width:150px;
margin-right:15px;
}

.benefit .presents .present .present_title h3 {
width:330px;
padding-bottom:5px;
}

.benefit .presents .present .benefit_cts {
}

.benefit .presents .present .benefit_cts .details {
display:flex;
justify-content:space-between;
align-items:flex-start;
padding-bottom:30px;
}

.benefit .presents .present:nth-child(even) .benefit_cts .details {
flex-direction:row-reverse;
}

.benefit .presents .present .benefit_cts .details .photo {
width:300px;
background:#fff;
padding:10px;
border:#d2c8b4 1px solid;
}

.benefit .presents .present .benefit_cts .details .detail {
width:410px;
}




/*AFTER SUPPORT*/
.after_support {
padding:50px 0 0;
}

.after_support .item {
width:750px;
margin:0 auto 50px;
}



/*PRICE*/
#price {
}

#price .titlebar {
background:#fff url(../img/title_bar.png);
border:#d2c8b4 1px solid;
border-bottom:none;
padding:36px 0 30px;
text-align:center;
position:relative;
}

#price .titlebar:before {
content:"";
width:100%;
height:6px;
background:#e50012;
position:absolute;
top:0;
left:0;
}

#price .titlebar img {
width:550px;
}

#price .split {
padding-top:50px;
}

#price .split .subitem img {
width:650px;
}

#price .support {
padding-top:50px;
}

#price .support .subitem img {
width:680px;
}



/*BENEFIT*/
#benefit {
padding-bottom:50px;
}

#benefit .limited {
margin:50px 0 0;
}

#benefit section {
padding-bottom:70px;
}

#benefit .titlebar {
background:#fff url(../img/title_bar.png);
border:#d2c8b4 1px solid;
border-bottom:none;
padding:36px 0 30px;
text-align:center;
position:relative;
}

#benefit .titlebar:before {
content:"";
width:100%;
height:6px;
background:#b49632;
position:absolute;
top:0;
left:0;
}

#benefit .titlebar img {
width:650px;
}

#benefit .benefit {
margin-top:70px;
}



/*CTA*/
.cta {
margin-bottom:50px;
}

.cta .cts {
background:#fff url(../img/app_bg.png);
border:#004696 1px solid;
padding:35px 35px 35px;
position:relative;
}

.cta .cts .line {
width:100%;
height:5px;
background:#004696;
position:absolute;
top:0;
left:0;
}

.cta .cts .titles {
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:25px;
}

.cta .cts .titles .title {
width:500px;
}

.cta .cts .titles .prices {
}

.cta .cts .titles .prices .price {
width:220px;
margin:0 0 0 auto;
}

.cta .cts .titles .prices .split {
width:300px;
}

.cta .cts .btns {
display:flex;
justify-content:space-between;
}

.cta .cts .btns .btn {
width:48%;
}



/*PAY*/
#pay {
margin-bottom:50px;
}

#pay section {
padding:0;
}

#pay .bar {
background:#004696 url(../img/pay_bar_bg.png);
padding:10px 15px;
border-bottom:#d2c8b4 1px solid;
}

#pay .bar img {
width:300px;
}

#pay .pay {
padding:50px 70px;
}

#pay .pay .credit {
padding-bottom:50px;
}

#pay .pay .credit .subitem img {
width:550px;
}

#pay .pay .credit .cards {
width:500px;
margin:0 auto 20px;
}

#pay .pay .credit .attention p {
display:flex;
font-size:120%;
}

#pay .pay .contact {
padding-bottom:50px;
}

#pay .pay .contact .copy {
border:#ca312c 5px solid;
padding:40px 70px 0;
margin-bottom:50px;
}

#pay .pay .contact .ex {
padding-bottom:70px;
}

#pay .pay .contact .ex .list {

}

#pay .pay .contact .ex .list p {
display:flex;
padding-bottom:0;
}

#pay .pay .contact .tel {
width:700px;
margin:0 auto 50px;
}

#pay .pay .promise {
}

#pay .pay .promise img {
width:280px;
}

#pay .pay .promise .ex p {
display:flex;
}



/*LETTER*/
#letter {
margin-bottom:50px;
}

#letter .cts {
background:url(../img/letter.jpg);
border:#fff 7px solid;
padding:60px 70px 50px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

#letter h2 {
width:150px;
margin:0 auto 50px;
}

#letter h2 .underline {
border-bottom:#e50012 5px solid;
padding-bottom:7px;
}

#letter .sign {
width:220px;
margin:70px 0 0 auto;
}




/*PRESENT*/
#present {
background:#000;
padding:50px 30px 20px;
}

#present .present_title {
width:550px;
margin:0 auto 20px;
}

#present .present_copy {
width:100%;
margin-bottom:30px;
}

#present .present_limited {
margin-bottom:30px;
}

#present .present_detail {
width:780px;
margin:0 auto 20px;
background:#fff;
padding:50px 50px 40px;
}

#present .present_detail h3 {
font-size:150%;
font-weight:bold;
text-align:center;
position:relative;
display:flex;
justify-content:center;
align-items:center;
padding-bottom:20px;
}

#present .present_detail h3:before ,
#present .present_detail h3:after {
content:"";
display:block;
width:30px;
height:6px;
background:#e60012;
margin:0 10px;
}

#present .present_detail h3:before {
left: 0;
}

#present .present_detail h3:after {
right: 0;
}

#present .present_detail .subcopy {
text-align:center;
padding-bottom:30px;
}

#present .present_detail .schedules {

}

#present .present_detail .schedules .schedule {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:50px;
}

#present .present_detail .schedules .schedule:nth-child(odd) {
flex-direction:row-reverse;
}

#present .present_detail .schedules .schedule .photo {
width:40%;
}

#present .present_detail .schedules .schedule .details {
width:55%;
}

#present .present_detail .schedules .schedule .details .number {
line-height:150%;
}

#present .present_detail .schedules .schedule .details h4 {
font-size:150%;
font-weight:bold;
border-bottom:#e60012 1px solid;
padding-bottom:10px;
margin-bottom:10px;
}

#present .present_detail .schedules .schedule .details .detail {
}

#present .present_detail .schedules .schedule .details .detail:before {
content:"●";
color:#e60012;
padding-right:7px;
}

#present .present_detail .attention {
text-align:center;
}

#present .summary {
color:#fff;
text-align:center;
}



/*ROW*/
#row {
margin-bottom:25px;
}

#row h2 {
background:#fff url(../img/row_bar_bg.png);
border:#d2c8b4 1px solid;
border-top:none;
border-bottom:none;
padding:25px;
text-align:center;
}

#row h2 img {
width:450px;
}

#row section {
padding:50px;
}

#row table {
width:100%;
border-collapse:collapse;
border:#d2c8b4 1px solid;
}

#row table tr {
}

#row table th {
width:25%;
border:#d2c8b4 1px solid;
background:#f6f4f0;
padding:15px 20px;
font-size:100%;
font-weight:bold;
}

#row table td {
border:#d2c8b4 1px solid;
padding:15px 20px;
font-size:100%;
}



/*TERMS*/
.terms {
padding-bottom:70px;
}

.terms .item {
font-size:100%;
font-weight:bold;
}

.terms .txt {
font-size:100%;
}



/*LINKS*/
#links {
padding-bottom:25px;
}

#links .cts {
display:flex;
justify-content:center;
}

#links .cts a {
text-decoration:none;
}

#links .cts p {
font-size:110%;
}

#links .cts a p {
font-size:110%;
font-weight:bold;
}




/*FOOTER*/
footer {
width:100%;
background:#000;
padding:20px 0;
}

footer .copyright {
width:1000px;
margin:auto;
color:#fff;
text-align:center;
font-size:90%;
}




}