@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap&text=0123456789');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap&text=0123456789');

/* ------------------------------
 UA stylesheet RESET
------------------------------ */
*,*:before,*:after{box-sizing:border-box;font-style:normal;font-optical-sizing:auto;}
html,body{margin:0;padding:0;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,div,pre,blockquote,fieldset{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;}
p{margin:0;padding:0;font-size:100%;}
ol,ul,li,dl,dt,dd{margin:0;padding:0;font-weight:normal;list-style:none;}
form,input,button,select,optgroup,textarea{margin:0;padding:0;}
table,caption,thead,tbody,tfoot,tr,td,th{margin:0;padding:0;border-collapse:collapse;border-spacing:0;border:0;text-align:left;font-weight:normal;}
hr{margin:0;padding:0;height:0;border:0;box-sizing:content-box;overflow:visible;}
img,svg,figure,abbr,fieldset{border:0;vertical-align:middle;}
object,embed{vertical-align:top;}


/* --------------------------
 BASIC
-------------------------- */
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block !important;}
.sp_no{display:none;}
}

/* --------------------------
 FONT/TEXT
-------------------------- */
/* a ----------*/
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:not([href]):not([class]),a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}

/* text-align ----------*/
.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right;}

/* text-decoration ----------*/
.t-ul{text-decoration:underline;}
.t-ol{text-decoration:overline;}
.t-lt{text-decoration:line-through;}
.t-bg{background:linear-gradient(transparent 90%, #fbbc05 0%);}
.t-bg-blue{display:inline;padding:5px;font-weight:700;color:#ffffff;background:#0249b5;}
.t-bg-red{font-weight:700;background:linear-gradient(transparent 75%, #ffd0e8 0%);}

/* font-color ----------*/
.f-black{color:#333333;}
.f-white{color:#ffffff;}
.f-red{color:#e26b5a;}
.f-blue{color:#66aba5;}
.f-yellow{color:#f1b04e;}

/* font-weight ----------*/
.f-w100{font-weight:100;}/*Thin*/
.f-w200{font-weight:200;}/*ExtraLight*/
.f-w300{font-weight:300;}/*Light*/
.f-w400{font-weight:400;}/*Regular*/
.f-w500{font-weight:500;}/*Medium*/
.f-w600{font-weight:600;}/*SemiBold*/
.f-w700,.bold{font-weight:700;}/*Bold*/
.f-w800{font-weight:800;}/*ExtraBold*/
.f-w900{font-weight:900;}/*Black*/

/* --------------------------
 h
-------------------------- */
h1,h2,h3,h4,h5,h6{/* 基本設定 */
position:relative;
display:block;
}

/* --------------------------
 HTML/BODY
-------------------------- */
html,body{  
position:relative;
width:100%;
color:#333333;
font-size:18px;
line-height:0;
text-align:center;
letter-spacing:0em;
word-break:break-all;
font-family:"Noto Sans JP",sans-serif;
}

/* --------------------------
 FV
-------------------------- */
.fv{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.fv-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
background:url(../img/fv-bg.png) no-repeat center;
background-size:cover;
}
.fv-container{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.fv-box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.fv-title{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.fv-title img{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.fv{}
.fv-wrapper{}
.fv-container{background:none;}
.fv-box{}
.fv-title{}
.fv-title img{width:100%;margin:0 auto;}
}


/* ------------------------------
 SECTION
------------------------------ */
.section{
position:relative;
display:block;
margin:0;
padding:0;
}
.section-wrapper{
position:relative;
display:block;
margin:0;
padding:120px 0;
background-color:;
background-image:url(../img/);
background-position:;
background-repeat:;
background-size:;
}
.section-container{
position:relative;
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:750px;
}

/* section-title --------------------*/
.section-title{
position:relative;
display:block;
margin:0 auto 40px auto;
padding:0;
}
.section-title-img{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.section-title-img img{
display:bloxk;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.section-title-bottom{
position:relative;
display:block;
margin:40px auto 0 auto;
padding:0;
width:40px;
height:20px;
background:#0089d8;
clip-path:polygon(0 0,100% 0,50% 100%);
}
/* section-box --------------------*/
.section-box{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
}
/* section-text --------------------*/
.section-text{
position:relative;
display:block;
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
}
.section-text p{margin:40px 0;padding:0;}
.section-text ul{margin:0;}
.section-text p:last-child{margin:0;padding:0;}
@media only screen and (max-width:750px){
.section{}
.section-wrapper{padding:12vw 0;}
.section-container{}
.section-container + .section-container{padding:12vw 0;}
/* section-title --------------------*/
.section-title{margin:0 auto 8vw auto;}
.section-title-img{}
.section-title-img img{}
.section-title-bottom{margin:4vw auto 0 auto;width:20px;height:10px;}
/* section-box --------------------*/
.section-box{}
/* section-text --------------------*/
.section-text{font-size:14px;line-height:30px;}
.section-text p{margin:30px 0;padding:0;}
.section-text p:last-child{}
.section-text br{display:none;}
br.all{display:block !important;}
}

/* --------------------------
 INTRODUCTION
-------------------------- */
#intro{}
#intro .section-wrapper{
background:#ffffff url(../img/intro-bg.png) no-repeat top center;
background-size:cover;
}
#intro .section-wrapper:before{
content:"";
position:absolute;
bottom:0;
display:block;
width:100%;
height:100%;
background:linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,1));
}
#intro .section-text{text-align:center;}
@media only screen and (max-width:750px){
#intro{}
#intro .section-wrapper{}
#intro .section-wrapper:before{}
#intro .section-text{text-align:justify;}
}

/* --------------------------
 MERIT
-------------------------- */
#merit{}
#merit .section-wrapper{background:#ffffff;}
#merit .section-container{max-width:1000px;}
#merit .section-text{text-align:center;}
/*----------*/
.merit-wrapper{
display:block;
width:100%;
margin:60px auto 0 auto;
padding:0;
}
.merit-container{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
width:92%;
margin:0 auto;
padding:0;
}
.merit-box{
position:relative;
width:calc(50% - 5px);
margin:0 0 10px 0;
padding:40px 30px;
background:#f6f4f0;
clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.merit-box:before{
content:"";
position:absolute;
bottom:10px;
right:10px;
font-size:40px;
line-height:40px;
color:#b7e3fd;
opacity:0.5;
font-family:"Zen Old Mincho",serif;
font-weight:700;
font-style:normal;
}
.merit-box:nth-of-type(1):before{content:"01";}
.merit-box:nth-of-type(2):before{content:"02";}
.merit-box:nth-of-type(3):before{content:"03";}
.merit-box:nth-of-type(4):before{content:"04";}
.merit-box:nth-of-type(5):before{content:"05";}
.merit-box:nth-of-type(6):before{content:"06";}
.merit-text{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.merit-text dl{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.merit-text dt{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
font-size:20px;
line-height:30px;
font-weight:700;
text-align:left;
color:#0249b5;
}
.merit-text dt:after{
content:"";
position:relative;
display:block;
width:30px;
height:2px;
margin:15px auto 15px 0;
padding:0;
background:#ffd0e8;
}
.merit-text dd{
position:relative;
display:block;
margin:0;
padding:0;
font-size:16px;
line-height:30px;
text-align:justify;
}
@media only screen and (max-width:750px){
#merit{}
#merit .section-wrapper{}
#merit .section-text{text-align:justify;}
/*----------*/
.merit-wrapper{margin:8vw auto 0 auto;}
.merit-container{display:block;}
.merit-box{width:100%;margin:0 0 4vw 0;padding:6vw 4vw;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));}
.merit-box:before{font-size:30px;line-height:30px;}
.merit-text{}
.merit-text dl{}
.merit-text dt{font-size:16px;line-height:30px;}
.merit-text dt:after{margin:10px auto 10px 0;}
.merit-text dd{font-size:14px;line-height:24px;}
}

/* --------------------------
 FEATURE
-------------------------- */
#feature{}
#feature .section-wrapper{
background:url(../img/bg-01.png) no-repeat center;
background-size:cover;
}
/*----------*/
.feature-wrapper{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.feature-container{
display:block;
width:88%;
margin:0 auto;
padding:0;
}
.feature-box{
width:100%;
margin:0 auto 60px auto;
padding:0;
}
.feature-box:last-of-type{
margin:0 auto 0 auto;
}
.feature-text{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.feature-text dl{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
margin:0 auto;
padding:0;
}
.feature-text dt{
position:relative;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:90px;
height:90px;
margin:0 auto;
padding:5px 0 0 0;
font-family:"League Gothic",sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:14px;
letter-spacing:1px;
text-indent:1px;
text-align:center;
color:#ffffff;
background:#0249b5;
border-radius:50%;
}
.feature-text dt .feature-num{
position:relative;
display:block;
margin:10px auto 0 auto;
font-size:32px;
line-height:24px;
}
.feature-text dd{
position:relative;
display:block;
flex:1;
margin:0 0 0 30px;
padding:0;
font-size:20px;
line-height:30px;
font-weight:700;
text-align:justify;
}
@media only screen and (max-width:750px){
#feature{}
#feature .section-wrapper{}
/*----------*/
.feature-wrapper{}
.feature-container{}
.feature-box{margin:0 auto 8vw auto;}
.feature-box:last-of-type{}
.feature-text{}
.feature-text dl{}
.feature-text dt{width:80px;height:80px;padding:5px 0 0 0;font-size:16px;line-height:12px;}
.feature-text dt .feature-num{margin:5px 0 0 0;font-size:24px;line-height:18px;}
.feature-text dd{margin:0 0 0 4vw;font-size:16px;line-height:30px;}
}

/* --------------------------
 VOICE
-------------------------- */
#voice{}
#voice .section-wrapper{background:#ffffff;}
#voice .section-text{text-align:center;}
/*----------*/
.voice-wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:60px auto;
padding:0;
}
.voice-container{
padding:0 4%;
}
.voice-box{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-evenly;
align-items:center;
margin:0 auto 30px auto;
padding:0;
}
.voice-img{
position:relative;
display:block;
margin:0 auto;
padding:0;
width:100px;
height:100px;
}
.voice-img img{width:100%;height:auto;}
.voice-text{
position:relative;
display:block;
flex:1;
margin:0 0 0 10px;
padding:20px;
font-size:18px;
line-height:30px;
font-weight:700;
text-align:justify;
color:#333333;
background:#f6f4f0;
border-radius:10px;
}
.voice-text:before{
content:"";
position:absolute;
display:block;
top:calc(50% - 8px);
left:-9px;
width:10px;
height:16px;
background:#f6f4f0;
clip-path:polygon(0 50%,100% 0,100% 100%);
}
@media only screen and (max-width:750px){
#voice{}
#voice .section-wrapper{}
#voice .section-text{text-align:justify;}
/*----------*/
.voice-wrapper{margin:8vw auto;}
.voice-container{}
.voice-box{margin:0 auto 4vw auto;}
.voice-img{width:60px;height:60px;}
.voice-img img{}
.voice-text{font-size:14px;line-height:24px;}
.voice-text:before{}
}

/* --------------------------
 REVIEW
-------------------------- */
#review{}
#review .section-wrapper{background:#ffffff;}
#review .section-container{max-width:1000px;}
.review-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.review-container{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-evenly;
align-items:stretch;
margin:0 auto;
padding:0;
}
.review-box{
position:relative;
display:block;
width:28%;
margin:0;
padding:0;
background:#f6f4f0;
}
.review-img{
position:relative;
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:300px;
}
.review-img img{width:100%;height:auto;}
.review-text{
position:relative;
display:block;
margin:0;
padding:0;
text-align:justify;
color:#333333;
}
.review-name{
display:block;
height:40px;
margin:-20px 20px -20px 20px;
padding:5px 0;
font-size:16px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#0249b5;
clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.review-text p{
margin:0;
padding:40px 20px 20px 20px;
font-size:16px;
line-height:30px;
background:#f6f4f0;
}
@media only screen and (max-width:750px){
#review{}
#review .section-wrapper{padding:12vw 0 12vw 0;}
#review .section-container{}
.review-wrapper{}
.review-container{display:block;}
.review-box{width:92%;margin:0 auto 8vw auto;background:none;}
.review-box:last-of-type{margin:0 auto;}
.review-img{width:50%;}
.review-img img{border-radius:50%;}
.review-text{}
.review-name{font-size:14px;}
.review-text p{font-size:14px;}
}

/* --------------------------
 SKILL
-------------------------- */
#skill{}
#skill .section-wrapper{
background:url(../img/bg-01.png) no-repeat center;
background-size:cover;
}
/*----------*/
.skill-wrapper{
display:block;
width:100%;
max-width:750px;
margin:60px auto 0 auto;
padding:0;
}
.skill-container{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-evenly;
align-items:stretch;
width:100%;
margin:0 auto;
padding:0;
}
.skill-box{
position:relative;
width:44%;
margin:0 0 60px 0;
padding:0;
}
.skill-box:before{
content:"";
position:absolute;
top:0;
left:0;
font-size:40px;
line-height:40px;
color:#96d4f8;
opacity:0.8;
font-family:"Zen Old Mincho",serif;
font-weight:700;
font-style:normal;
}
.skill-box:nth-of-type(1):before{content:"01";}
.skill-box:nth-of-type(2):before{content:"02";}
.skill-box:nth-of-type(3):before{content:"03";}
.skill-box:nth-of-type(4):before{content:"04";}
.skill-box:nth-of-type(5):before{content:"05";}
.skill-box:nth-of-type(6):before{content:"06";}
.skill-box:nth-of-type(7):before{content:"07";}
.skill-box:nth-of-type(8):before{content:"08";}
.skill-box:nth-of-type(9):before{content:"09";}
.skill-box:nth-of-type(10):before{content:"10";}
.skill-box:nth-of-type(11):before{content:"11";}
.skill-box:nth-of-type(12):before{content:"12";}
.skill-text{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:40px 0 0 0;
font-size:20px;
line-height:40px;
font-weight:700;
text-align:justify;
}
@media only screen and (max-width:750px){
#skill{}
#skill .section-wrapper{}
/*----------*/
.skill-wrapper{margin:4vw auto 0 auto;}
.skill-container{display:block;}
.skill-box{width:84%;margin:0 auto 6vw auto;}
.skill-box:before{font-size:30px;line-height:30px;}
.skill-text{padding:30px 0 0 0;font-size:16px;line-height:30px;}
}

/* --------------------------
 SEMINAR-IMG
-------------------------- */
.seminar-img{
display:block;
aspect-ratio:2 / 1;
width:100%;
height:auto;
max-height:500px;
}
#seminar01{
background:url(../img/seminar01-img.png) no-repeat center;
background-size:cover;
}
#seminar02{
background:url(../img/seminar02-img.png) no-repeat center left;
background-size:cover;
}
#seminar03{
background:url(../img/seminar03-img.png) no-repeat center;
background-size:cover;
}
#seminar04{
background:url(../img/seminar04-img.png) no-repeat center;
background-size:cover;
}
#seminar05{
background:url(../img/seminar05-img.png) no-repeat center;
background-size:cover;
}

/* --------------------------
 CURRICULUM
-------------------------- */
#curriculum{}
#curriculum .section-wrapper{background:#0249b5 url(../img/bg-02.png) repeat center top;}
/*----------*/
.curriculum-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.curriculum-container{
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.curriculum-box{
position:relative;
display:block;
margin:0 auto;
padding:0 4% 120px 4%;
}
.curriculum-box:last-of-type{
padding:0 4% 0 4%;
}
.curriculum-img{
position:relative;
display:block;
aspect-ratio:2 / 1;
width:100%;
height:auto;
background-color:#ffffff;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.curriculum-box:nth-of-type(1) .curriculum-img{background-image:url(../img/curriculum01-img.png);}
.curriculum-box:nth-of-type(2) .curriculum-img{background-image:url(../img/curriculum02-img.png);}
.curriculum-box:nth-of-type(3) .curriculum-img{background-image:url(../img/curriculum03-img.png);}
.curriculum-box:nth-of-type(4) .curriculum-img{background-image:url(../img/curriculum04-img.png);}
.curriculum-box:nth-of-type(5) .curriculum-img{background-image:url(../img/curriculum05-img.png);}
.curriculum-box:nth-of-type(6) .curriculum-img{background-image:url(../img/curriculum06-img.png);}
.curriculum-title{
position:relative;
display:block;
width:100%;
margin:-50px 0 30px 0;
padding:0;
z-index:100;
}
.curriculum-title-num{
position:relative;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:90px;
height:90px;
margin:0 auto 20px auto;
padding:0;
font-family:"League Gothic",sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:14px;
letter-spacing:1px;
text-indent:1px;
text-align:center;
color:#0249b5;
background:#e4f4fd;
border-radius:50%;
}
.curriculum-title-num .curriculum-num{
position:relative;
display:block;
margin:0 auto 10px auto;
font-size:32px;
line-height:24px;
}
.curriculum-title-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:30px;
line-height:50px;
text-align:center;
font-weight:700;
color:#ffffff;
}
.curriculum-title-bottom{
position:relative;
display:block;
margin:30px auto 0 auto;
padding:0;
width:40px;
height:20px;
background:#0089d8;
clip-path:polygon(0 0,100% 0,50% 100%);
}
.curriculum-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
font-weight:400;
color:#ffffff;
}
.curriculum-text p{
margin:0;
padding:0;
}
@media only screen and (max-width:750px){
#curriculum{}
#curriculum .section-wrapper{}
/*----------*/
.curriculum-wrapper{}
.curriculum-container{}
.curriculum-box{padding:0 4vw 16vw 4vw;}
.curriculum-box:last-of-type{}
.curriculum-img{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.curriculum-title{margin:-35px 0 4vw 0;}
.curriculum-title-num{width:70px;height:70px;margin:0 auto 4vw auto;font-size:16px;line-height:12px;}
.curriculum-title-num .curriculum-num{margin:0 auto 5px auto;font-size:24px;line-height:18px;}
.curriculum-title-text{font-size:16px;line-height:30px;}
.curriculum-title-bottom{margin:4vw auto 0 auto;width:20px;height:10px;}
.curriculum-text{font-size:14px;line-height:24px;}
.curriculum-text p{}
}

/* --------------------------
 COURSE
-------------------------- */
#course{}
#course .section-wrapper{background:#0249b5 url(../img/bg-02.png) repeat center top;}
/*----------*/
.course-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.course-container{
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.course-box{
position:relative;
display:block;
margin:0 auto;
padding:0 4% 120px 4%;
}
.course-box:last-of-type{padding:0 4% 0 4%;}
.course-img{
position:relative;
display:block;
aspect-ratio:2 / 1;
width:100%;
height:auto;
background-color:#ffffff;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.course-box:nth-of-type(1) .course-img{background-image:url(../img/course01-img.png);}
.course-box:nth-of-type(2) .course-img{background-image:url(../img/course02-img.png);}
.course-title{
position:relative;
display:block;
width:100%;
margin:40px 0 40px 0;
padding:0;
z-index:100;
}
.course-title-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:30px;
line-height:50px;
text-align:center;
font-weight:700;
color:#ffffff;
}
.course-title-bottom{
position:relative;
display:block;
margin:40px auto 0 auto;
padding:0;
width:40px;
height:20px;
background:#0089d8;
clip-path:polygon(0 0,100% 0,50% 100%);
}
.course-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
font-weight:400;
color:#ffffff;
}
.course-text p{
margin:0 0 40px 0;
padding:0;
text-align:center;
}
.course-text ul{
display:block;
margin:40px auto 40px auto;
padding:0;
}
.course-text li{
position:relative;
display:block;
margin:0 0 30px 0;
padding:20px 20px 20px 60px;
font-size:20px;
line-height:40px;
font-weight:700;
color:#0249b5;
background:#ffffff;
text-align:justify;
}
.course-text li:before{
content:"";
position:absolute;
top:30px;
left:30px;
display:block;
width:20px;
height:20px;
background:#e4007f;
border-radius:50%;
}
@media only screen and (max-width:750px){
#course{}
#course .section-wrapper{}
/*----------*/
.course-wrapper{}
.course-container{}
.course-box{padding:0 4% 12vw 4%;}
.course-box:last-of-type{padding:0 4% 0 4%;}
.course-img{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.course-title{margin:4vw 0 4vw 0;}
.course-title-text{font-size:18px;line-height:30px;}
.course-title-bottom{margin:4vw auto 0 auto;width:20px;height:10px;}
.course-text{font-size:14px;line-height:24px;}
.course-text p{margin:0 0 4vw 0;text-align:justify;}
.course-text p br{display:none;}
.course-text ul{margin:4vw auto 4vw auto;}
.course-text li{margin:0 0 4vw 0;padding:20px 20px 20px 40px;font-size:14px;line-height:24px;}
.course-text li:before{top:25px;left:20px;width:14px;height:14px;}
}


/* --------------------------
 PRICE
-------------------------- */
.price{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:40px auto 0 auto;
padding:0;
}
/* normal ----------*/
.normal-price{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
margin:0;
padding:0;
text-align:center;
color:#ffffff;
}
.normal-price .price-type{
position:relative;
display:block;
margin:0 5px 0 0;
padding:10px;
font-size:16px;
line-height:20px;
font-weight:700;
text-align:center;
color:#0249b5;
background:#ffffff;
}
.normal-price .price-value{
position:relative;
display:block;
margin:0;
padding:0;
font-family:"Oswald",sans-serif;
font-size:40px;
line-height:34px;
font-weight:500;
color:#ffffff;
}
.normal-price .price-yen{
position:relative;
display:block;
margin:0;
padding:13px 0 0 0;
font-size:20px;
line-height:20px;
font-weight:700;
color:#ffffff;
}
.normal-price .price-tax{
position:relative;
display:block;
margin:0 -5px;
padding:15px 0 0 0;
font-size:12px;
line-height:18px;
font-weight:700;
color:#ffffff;
}
/* cross ----------*/
.price-cross .price-value:before,.price-cross .price-value:after{content:"";position:absolute;left:0;display:block;width:100%;height:2px;background:#ffffff;}
.price-cross .price-value:before{top:12px;}
.price-cross .price-value:after{bottom:10px;}
/* arrow ----------*/
.price-arrow{
display:block;
margin:20px auto;
padding:15px 0 0 0;
width:200px;
height:80px;
font-family:"League Gothic",sans-serif;
font-size:30px;
line-height:30px;
font-weight:100;
text-align:center;
color:#ffffff;
background:#5ec3fd;
clip-path:polygon(20% 0,80% 0,80% 50%,100% 50%,50% 100%,0 50%,20% 50%);
}
/* special ----------*/
.special-price{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
margin:0;
padding:0;
text-align:center;
color:#ffd0e8;
}
.special-price .price-type{
position:relative;
display:block;
margin:0 10px 0 0;
padding:10px;
font-size:24px;
line-height:30px;
font-weight:700;
text-align:center;
color:#0249b5;
background:#ffd0e8;
}
.special-price .price-value{
position:relative;
display:block;
margin:0;
padding:0;
font-family:"Oswald",sans-serif;
font-size:50px;
line-height:45px;
font-weight:500;
color:#ffd0e8;
}
.special-price .price-yen{
position:relative;
display:block;
margin:0;
padding:14px 0 0 0;
font-size:28px;
line-height:30px;
font-weight:700;
color:#ffd0e8;
}
.special-price .price-tax{
position:relative;
display:block;
margin:0 -5px;
padding:25px 0 0 0;
font-size:14px;
line-height:20px;
font-weight:700;
color:#ffd0e8;
}

/* payment ----------*/
.payment{
position:relative;
display:block;
margin:40px auto 0 auto;
padding:0;
}
.payment dt{
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
font-size:16px;
line-height:30px;
font-weight:700;
color:#ffffff;
}
.payment dd + dt{margin:40px auto 0 auto;}
.payment dt span{
position:relative;
display:block;
margin:0 10px;
padding:0;
width:10px;
height:10px;
border-radius:50%;
background:#b7e3fd;
}
.payment dt span:before,.payment dt span:after{
content:"";
display:block;
width:10px;
height:10px;
margin:0;
padding:0;
border-radius:50%;
position:absolute;
}
.payment dt span:first-of-type:before{left:-20px;background:#b7e3fd;/* 設定可 */}
.payment dt span:first-of-type:after{left:-40px;background:#b7e3fd;/* 設定可 */}
.payment dt span:last-of-type:before{right:-20px;background:#b7e3fd;/* 設定可 */}
.payment dt span:last-of-type:after{right:-40px;background:#b7e3fd;/* 設定可 */}
.payment dd{
position:relative;
display:block;
margin:0;
padding:0;
font-size:16px;
line-height:30px;
color:#ffffff;
}
.payment-img{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
margin:10px 0 0 0;
}
.payment-img img{
display:block;
margin:0 10px 0 0;
width:auto;
height:40px;
}
.payment-img img:last-of-type{margin:0;}
@media only screen and (max-width:750px){
.price{margin:8vw auto 0 auto;}
/* normal ----------*/
.normal-price{}
.normal-price .price-type{padding:5px;font-size:14px;line-height:20px;}
.normal-price .price-value{font-size:24px;line-height:28px;}
.normal-price .price-yen{padding:6px 0 0 0;font-size:16px;line-height:20px;}
.normal-price .price-tax{padding:9px 0 0 0;}
/* cross ----------*/
.price-cross .price-value:before,.price-cross .price-value:after{}
.price-cross .price-value:before{}
.price-cross .price-value:after{}
/* arrow ----------*/
.price-arrow{width:150px;height:60px;font-size:24px;line-height:20px;}
/* special ----------*/
.special-price{}
.special-price .price-type{padding:5px;font-size:16px;line-height:20px;}
.special-price .price-value{font-size:32px;line-height:30px;}
.special-price .price-yen{padding:8px 0 0 0;font-size:20px;line-height:20px;}
.special-price .price-tax{padding:11px 0 0 0;font-size:12px;}
/* payment ----------*/
.payment{margin:8vw auto 0 auto;}
.payment dt{font-size:14px;}
.payment dd + dt{margin:40px auto 0 auto;}
.payment dt span{}
.payment dt span:before,.payment dt span:after{}
.payment dt span:first-of-type:before{}
.payment dt span:first-of-type:after{}
.payment dt span:last-of-type:before{}
.payment dt span:last-of-type:after{}
.payment dd{font-size:14px;line-height:24px;text-align:justify;}
.payment-img{}
.payment-img img{}
.payment-img img:last-of-type{}
}


/* --------------------------
 COMMUNITY
-------------------------- */
#community{}
#community .section-wrapper{background:#0249b5 url(../img/bg-02.png) repeat center top;}
#community .section-text{color:#ffffff;text-align:center;}
/*----------*/
.community-wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.community-container{
display:block;
width:80%;
margin:60px auto 0 auto;
padding:0;
}
.community-text{}
.community-text ul{}
.community-text li{
position:relative;
display:block;
margin:0 0 30px 0;
padding:20px 20px 20px 60px;
font-size:20px;
line-height:40px;
font-weight:700;
color:#0249b5;
background:#ffffff;
text-align:justify;
}
.community-text li:before{
content:"";
position:absolute;
top:30px;
left:30px;
display:block;
width:20px;
height:20px;
background:#e4007f;
border-radius:50%;
}
@media only screen and (max-width:750px){
#community{}
#community .section-wrapper{}
#community .section-text{text-align:justify;}
/*----------*/
.community-wrapper{}
.community-container{width:92%;margin:8vw auto 0 auto;}
.community-text{}
.community-text ul{}
.community-text li{margin:0 0 4vw 0;padding:20px 20px 20px 40px;font-size:14px;line-height:24px;}
.community-text li:before{top:25px;left:20px;width:14px;height:14px;}
}

/* --------------------------
 SCHEDULE
-------------------------- */
#schedule{}
#schedule .section-wrapper{background:#0249b5 url(../img/bg-02.png) repeat center top;}
#schedule .section-text{color:#ffffff;}
/*----------*/
.schedule-wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.schedule-container{
display:block;
width:70%;
margin:0 auto;
padding:0;
}
.schedule-box{
position:relative;
display:block;
margin:90px auto 0 auto;
padding:0;
}
.schedule-title{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
z-index:100;
}
.schedule-title-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:24px;
line-height:40px;
text-align:center;
font-weight:700;
color:#ffffff;
}
.schedule-title-bottom{
position:relative;
display:block;
margin:30px auto 0 auto;
padding:0;
width:40px;
height:20px;
background:#0089d8;
clip-path:polygon(0 0,100% 0,50% 100%);
}
.schedule-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.schedule-text dl{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
margin:30px auto 0 auto;
padding:0;
}
.schedule-text dt{
position:relative;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:90px;
height:90px;
margin:0 auto;
padding:0 0 0 0;
font-family:"League Gothic",sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:20px;
line-height:14px;
letter-spacing:1px;
text-indent:1px;
text-align:center;
color:#0249b5;
background:#e4f4fd;
border-radius:50%;
}
.schedule-text dt .schedule-num{
position:relative;
display:block;
margin:0 auto 10px auto;
font-size:32px;
line-height:24px;
}
.schedule-text dd{
position:relative;
display:block;
flex:1;
margin:0 0 0 30px;
padding:0;
font-size:20px;
line-height:40px;
font-weight:400;
text-align:justify;
color:#ffffff;
}
.schedule-text dd span{
display:inline-block;
width:100px;
margin:0 10px 0 0;
font-size:14px;
line-height:20px;
text-align:center;
font-weight:700;
color:#0249b5;
background:#ffffff;
}
@media only screen and (max-width:750px){
#schedule{}
#schedule .section-wrapper{}
#schedule .section-text{}
/*----------*/
.schedule-wrapper{}
.schedule-container{width:92%;}
.schedule-box{margin:12vw auto 0 auto;}
.schedule-title{}
.schedule-title-text{font-size:16px;line-height:30px;}
.schedule-title-bottom{margin:4vw auto 0 auto;width:20px;height:10px;}
.schedule-text{}
.schedule-text dl{margin:4vw auto 0 auto;}
.schedule-text dt{width:70px;height:70px;font-size:16px;line-height:12px;}
.schedule-text dt .schedule-num{margin:0 auto 5px auto;font-size:24px;line-height:18px;}
.schedule-text dd{margin:0 0 0 4vw;font-size:14px;line-height:30px;}
.schedule-text dd span{width:70px;font-size:12px;}
}

/* --------------------------
 FAQ
-------------------------- */
#faq{}
#faq .section-wrapper{background:#ffffff;}
.faq-wrapper{}
.faq-container{padding:0 4%;}
.faq-box{margin:0 auto 30px auto;}
#faq input[type=checkbox]{display:none;}
/* FAQ_QUESTION ----- */
.faq-question{
position:relative;
display:block;
width:100%;
max-width:920px;
margin:0 auto;
padding:20px 40px 20px 70px;
font-size:16px;
line-height:30px;
text-align:justify;
color:#333333;
border-radius:10px;
cursor:pointer;
box-sizing:border-box;
background:#f6f4f0;
}
.faq-question:hover{background:#f4fbfe;}
.faq-question:before{
content:"Q";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
font-family:"League Gothic",sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:26px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#0249b5;
border-radius:50%;
}
.faq-question:after{
content:"＋";
position:absolute;
display:block;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
font-size:18px;
line-height:19px;
color:#0249b5;
}
#faq input[type=checkbox]:checked + .faq-question:after{content:"－";}
#faq input[type=checkbox]:checked + .faq-question{background:#f4fbfe;border-radius:10px 10px 0 0;}
#faq input[type=checkbox]:checked + .faq-question:hover{background:#e4f4fd;}
/* FAQ_ANSWER ----- */
.faq-answer{
position:relative;
margin:0 auto;
padding:0 20px 0 70px;
width:100%;
max-width:920px;
height:0;
font-size:16px;
line-height:30px;
text-align:justify;
transition:1s;
box-sizing:border-box;
color:#333333;
background:#f6f4f0;
border-radius:0 0 10px 10px;
opacity:0;
}
.faq-answer:before{
content:"A";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
font-family:"League Gothic",sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:26px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#e4007f;
border-radius:50%;
}
.faq-answer p{margin:0;padding:0;}
.faq-answer:last-of-type{margin:0 auto;}
#faq input[type=checkbox]:checked + .faq-question + .faq-answer{
padding:20px 20px 20px 70px;
height:auto;
opacity:1;
}
@media only screen and (max-width:750px){
#faq{}
#faq .section-wrapper{}
.faq-wrapper{}
.faq-container{}
.faq-box{margin:0 auto 4vw auto;}
#faq input[type=checkbox]{}
/* FAQ_QUESTION ----- */
.faq-question{padding:20px 40px 20px 40px;font-size:14px;line-height:24px;border-radius:6px;}
.faq-question:hover{}
.faq-question:before{top:20px;left:10px;width:24px;height:24px;font-size:20px;line-height:24px;}
.faq-question:after{margin-top:-8px;right:5px;width:16px;height:16px;font-size:16px;line-height:16px;}
#faq input[type=checkbox]:checked + .faq-question:after{}
#faq input[type=checkbox]:checked + .faq-question{border-radius:6px 6px 0 0;}
#faq input[type=checkbox]:checked + .faq-question:hover{}
/* FAQ_ANSWER ----- */
.faq-answer{padding:0 40px 0 40px;font-size:14px;line-height:24px;border-radius:0 0 6px 6px;}
.faq-answer:before{top:20px;left:10px;width:24px;height:24px;font-size:20px;line-height:24px;}
.faq-answer p{}
.faq-answer p br{display:none;}
.faq-answer:last-of-type{}
#faq input[type=checkbox]:checked + .faq-question + .faq-answer{padding:20px 40px 20px 40px;height:auto;}
}

/* --------------------------
 CONCLUSION
-------------------------- */
#conclusion{}
#conclusion .section-wrapper{
background:#f5f5f5 url(../img/bg-03.png) no-repeat center;
background-size:cover;
}
#conclusion .section-text{text-align:center;}
@media only screen and (max-width:750px){
#conclusion{}
#conclusion .section-wrapper{}
#conclusion .section-box{padding:0;}
#conclusion .section-text{}
#conclusion .section-text br{display:block;}
}


/* --------------------------
 CTA
-------------------------- */
.cta{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.cta-limit{
position:absolute;
top:-30px;
left:0;
right:0;
display:block;
width:92%;
max-width:690px;
margin:0 auto;
padding:10px;
font-size:28px;
line-height:40px;
font-weight:700;
color:#ffffff;
background:#e4007f;
}
.cta-limit:after{
content:"";
position:absolute;
bottom:-20px;
left:0;
right:0;
display:block;
width:40px;
height:20px;
margin:0 auto;
background:#e4007f;
clip-path:polygon(0 0,100% 0,50% 100%);
}
.cta-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 0 60px 0;
background:#0249b5 url(../img/bg-04.png) no-repeat center;
background-size:cover;
}
.cta-container{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
z-index:10;
}
.cta-title{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.cta-title img{
position:relative;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.cta-box{
padding:0 4%;
}
@media only screen and (max-width:750px){
.cta{}
.cta-limit{top:-20px;font-size:16px;line-height:20px;}
.cta-limit:after{bottom:-10px;width:20px;height:10px;}
.cta-wrapper{padding:0 0 8vw 0;}
.cta-container{}
.cta-title{}
}

/* --------------------------
 BTN
-------------------------- */
.btn{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.btn-wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.btn-box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0 10%;
box-sizing:border-box;
}
.btn-bg{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);
color:#ffffff;
background:linear-gradient(to bottom,#ff9933,#ff7166);
border-radius:10px;
}
.btn-bg:hover{
box-shadow:0px 0 10px 0px rgba(0,0,0,0.2);
background:linear-gradient(to bottom,#ffcc99,#ffb8b2);
}
.btn-bg a{
display:block;
width:100%;
margin:0;
padding:30px 0;
font-family:"Noto Sans JP",sans-serif;
font-size:24px;
line-height:40px;
font-weight:700;
text-align:center;
text-decoration:none;
color:#ffffff;
}
.btn-bg a:hover{text-decoration:none;}
.btn-bg:after{
content:"";
position:absolute;
right:-10px;
bottom:-10px;
display:block;
width:56px;
height:62px;
margin:0;
padding:0;
background-image:url(../img/cursor-hand.png);
background-position:left top;
background-repeat:no-repeat;
background-size:cover;
}
.fv .btn{
position:absolute;
bottom:80px;
}
@media only screen and (max-width:750px){
.btn-box{padding:0 4%;}
.btn-bg a{
padding:20px 0;
font-size:20px;
line-height:30px;
}
.btn-bg a .btn-course{
display:block;
font-size:14px;
line-height:20px;
}
.fv .btn{
position:absolute;
bottom:8vw;
}
}



/* --------------------------
 FOOTER
-------------------------- */
footer{
position:relative;
display:block;
margin:0;
padding:40px 0 40px 0;
color:#333333;
}
footer a{color:#333333;text-decoration:none;}
footer a:hover{color:#333333;text-decoration:underline;}
.footer-nav{
position:relative;
display:block;
max-width:750px;
margin:0 auto;
padding:0;
}
.footer-nav ul{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
margin:0;
padding:0 4%;
text-align:center;
}
.footer-nav ul li{
position:relative;
display:block;
margin:0;
padding:0 20px;
font-size:12px;
line-height:20px;
border-right:1px solid #0089d8;
}
.footer-nav ul li:last-of-type{border-right:none;}
.footer-copyright{
position:relative;
display:block;
margin:20px 0 0 0;
padding:0 4%;
text-align:center;
font-size:12px;
line-height:20px;
}
@media only screen and (max-width:750px){
footer{}
.footer-nav{}
.footer-nav ul{flex-direction:column;text-align:left;}
.footer-nav ul li{width:100%;margin:0 0 20px 0;padding:0 0 0 5px;border-left:1px solid #0089d8;border-right:none;}
.footer-copyright{margin:0;text-align:right;}
}