html {height: 100vh;font-size: 62.5%;}
body {font-family: source-han-serif-japanese, serif;font-weight: 400;font-style: normal;color: #3d332a;margin: 0px;padding: 0px;text-align: center;font-size: 1.6rem;background-image: url("../images/bk.png");background-repeat:repeat;overflow-x: hidden;background-attachment: fixed;}
p {font-size: 1.8rem;margin: 0;line-height: 3.3rem;}
a {transition: all 0.3s ease;text-decoration: none;color: #f03a69;}
a img {display: inline-block;vertical-align: top;opacity: 1;transition: all 0.3s ease;}
a img:hover {opacity: 0.6;}
h2 {margin: 0 auto;}
/* font */
.red {color: #ec6672;}
.wine {color: #860000;}
.or {color: #f63300;}
.bl {color:#055597;}
.lbl {color: #33F5FF;}
.gr {color: #056743;}
.under {text-decoration: underline;}
.under-r {text-decoration: underline #ec6672;}
.yl { color: #FBFF94;}
.redbox {margin: 0 auto;color: #fff;max-width: 980px;}
.up {font-size: 2.2rem;}
.up2{  font-size: 3rem;}
.down {font-size: 1.6rem;}
.mincho{font-family: ten-mincho, serif;font-style: normal;}
.btn-txt{font-size:13px;text-align:center!important;}
.btn-txt-w{font-size:13px;text-align:center!important;color:#fff;}
/* display */
.forpc {display: block;}
.forsp {display: none;}
/*margin*/
.mt2 {margin-top: 2rem;}
.mt4 {margin-top: 4rem;}
.mb2 {margin-bottom: 2rem;}
.mb4 {margin-bottom: 4rem;}
/*position*/
.block { display: flex; width: 100%;max-width: 900px;flex-wrap: wrap;margin: 0 auto;}
.pic-center{margin: 0 auto;width: 100%;}
.block img {padding: 1rem 0;}
.clear {clear: both;}
.img_right {float: right;}

/***************
     header
***************/
.head {background: url("../images/main-bk.png");padding:0;position:relative;margin: 0 auto;z-index: 1;background-size:cover;background-repeat: no-repeat;background-position: center;}
.top-hl{background: url("../images/hl-bk.png");padding:0;position:relative;margin: 0 auto;z-index: 1;background-size:cover;background-repeat: repeat-x;background-position: center top;height: 150px;}
.main-title {max-width: 980px;margin: 0 auto;text-align: center;z-index: 3;position: relative;padding:30px 0 30px 0;}

/***************
    contents
***************/
.section-all {max-width: 100%;margin: 150px auto 0 auto;position: relative;}
.contain .wrapper {width: 100%;max-width: 960px;margin: 0 auto;padding: 0;}
.contain .wrapper p {text-align: justify;padding:10px 0;font-family: tbudgothic-std,sans-serif;font-weight: 400;font-style: normal;}
.contain .wrapper .t-center {text-align: center;padding: 2rem 0;}
.sec-hl {background:url("../images/c-hl-bk.png");margin: 0 auto;text-align: center;width: 100%;height: 360px;background-size:cover;background-position: center;display: flex;align-items: center;font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal;background-repeat: repeat-x;}
.sec-hl .wrapper {color:#fff;max-width: 980px;font-size:30px;height: auto;}
.end{position: relative;}
.end-txt{color:#fff;position: absolute;z-index:50;background:rgba(0,0,0,0.70);width: 100%;height: 100%;max-width: 750px;left: 0;right: 0;margin: auto;font-size:50px;line-height: 200px;}

/*sec01*/
.pre-hl {margin:0 auto;text-align: center;}
.pre-hl img {margin: 0 auto 0 auto;}
.sec01-line{display: flex;align-items: center;justify-content: space-between}
.list01{background-color:rgba(67,37,93,0.49);background-image: url(../images/list01-lt.png),url(../images/list01-lb.png),url(../images/list01-rt.png),url(../images/list01-rb.png);background-repeat: no-repeat;background-position: left top,left bottom, right top ,right bottom;padding:60px 0;margin:20px auto;}
.line-l{margin-right: 10px;border-radius: 0px 10px 10px 0px;width: 45%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b2e3+0,f8e4fb+50,b4b2e3+100 */
background: #b4b2e3; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b2e3 0%, #f8e4fb 50%, #b4b2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2e3', endColorstr='#b4b2e3',GradientType=0 ); /* IE6-9 */
height: 10px;
}
.line-r{
margin-left: 10px;
border-radius: 10px 0px 0px 10px;
width: 45%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b2e3+0,f8e4fb+50,b4b2e3+100 */
background: #b4b2e3; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b2e3 0%, #f8e4fb 50%, #b4b2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2e3', endColorstr='#b4b2e3',GradientType=0 ); /* IE6-9 */
height: 10px;
}
.l-center{width: auto;}
.line{
width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b2e3+0,f8e4fb+50,b4b2e3+100 */
background: #b4b2e3; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b2e3 0%, #f8e4fb 50%, #b4b2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2e3', endColorstr='#b4b2e3',GradientType=0 ); /* IE6-9 */
height: 10px;}
.sec01 {margin:0;background:url(../images/sec01-bk.png);background-size:cover;padding:40px 0;}
.sec01 .wrapper {width: 98%;margin:0 auto;padding-top:100px;padding: 0;max-width: 980px;}
.list01 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.list01 ul li{list-style: none;background-image: url(../images/list01-icon.png);background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#fff;margin-bottom:25px;font-size:22px;}
.pre-inner{display: flex;justify-content: center;margin:20px auto;}

/*section02*/
.sec02 {margin: 0 auto;padding:60px 0;width: 100%;background-color: #250946;background-image: url(../images/sec02-bk.png);background-position: center top;background-repeat: no-repeat;}

/*section03*/
.sec03 {margin: 0 auto;padding: 40px 0 40px 0;width: 100%;}
.sec03 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}
.list02{border-radius: 5px;box-shadow: 0px 0px 16px -6px rgba(148,68,201,0.6);background-image: url(../images/list02-bk.png);background-repeat: repeat,no-repeat;background-position: center, right;background-size:auto, contain;}
.list02-in{background:url(../images/list02-bk-pic.png);background-repeat: no-repeat;background-position: right;background-size:contain;}
.list02 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.list02 ul li{list-style: none;background-image: url(../images/list02-icon.png);background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#5A0070;margin-bottom:25px;font-weight: bold;font-size:20px;background-position: left;}

/*section04*/
.sec04{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec04 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section05*/
.sec05{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec05 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section06*/
.sec06{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec06 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section07*/
.sec07{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec07 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section08*/
.sec08{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec08 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section09*/
.sec09{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec09 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}
.list03{background-color:#5893B2;padding:10px;}
.list03-in{background:url("../images/list03-bk.png");background-repeat: no-repeat;color:#fff;}
.list03 ul{width: 80%;margin: 0 auto;padding:25px 0 10px 0;}
.list03 ul li{list-style: none;background-image: url(../images/list03-icon.png);background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#fff;margin-bottom:25px;font-size:20px;font-weight: bold;}
.lesson-mark{position: absolute;margin: auto;left: 0;right: 0;top:-50px;}


.lesson01{background-image:url("../images/sec09-lesson01-bk.png");background-color:#C5EBEE;padding:85px 0 50px 0;}
.lesson01-list{background:url("../images/sec09-lesson01-list.png");background-repeat: no-repeat;border:solid 2px #88C5CC;border-radius: 5px;padding:10px;position: relative;max-width: 980px;margin: 0 auto;background-color: #fff;background-size:contain;background-position: right;}
.lesson01-list-in{border-radius: 5px;border:solid thin #88C5CC;}
.lesson-title01{font-size:25px;padding-top:120px;color:#6BA2A8;font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal; }
.lesson-list01 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.lesson-list01 ul li{list-style: none;background-image: url("../images/sec09-lesson01-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-weight: bold;font-size:20px;line-height: 25px;}

.lesson02{background-image:url("../images/sec09-lesson02-bk.png");background-color:#C5EBEE;padding:85px 0 50px 0;}
.lesson02-list{background:url("../images/sec09-lesson02-list.png");background-repeat: no-repeat;border:solid 2px #88C5CC;border-radius: 5px;padding:10px;position: relative;max-width: 980px;margin: 0 auto;background-color: #fff;background-size:contain;background-position: right;}
.lesson02-list-in{border-radius: 5px;border:solid thin #88C5CC;}
.lesson-title02{font-size:25px;padding-top:120px;color:#6696D4; font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal; }
.lesson-list02 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.lesson-list02 ul li{list-style: none;background-image: url("../images/sec09-lesson01-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-weight: bold;font-size:20px;line-height: 25px;}


.lesson03{background-image:url("../images/sec09-lesson03-bk.png");background-color:#C5EBEE;padding:85px 0 50px 0;}
.lesson03-list{background:url("../images/sec09-lesson03-list.png");background-repeat: no-repeat;border:solid 2px #88C5CC;border-radius: 5px;padding:10px;position: relative;max-width: 980px;margin: 0 auto;background-color: #fff;background-size:contain;background-position: right;}
.lesson03-list-in{border-radius: 5px;border:solid thin #88C5CC;}
.lesson-title03{font-size:25px;padding-top:120px;color:#AA89BF;font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal;  }
.lesson-list03 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.lesson-list03 ul li{list-style: none;background-image: url("../images/sec09-lesson03-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-weight: bold;font-size:20px;line-height: 25px;}

/*section10*/
.sec10{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec10 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}
.pre-box{background:url("../images/sec10-list-bk.png");background-repeat: no-repeat;background-size:cover;}
.pre-box-in{background:url("../images/sec10-list-lt.png"),url("../images/sec10-list-lb.png"),url("../images/sec10-list-rt.png"),url("../images/sec10-list-rb.png");background-repeat: no-repeat;background-position: left top,left bottom,right top,right bottom;padding-top:50px;}
.pre-icon{position: absolute;left: 0;top:-89px}
.pre-title{font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal;text-align:left!important;font-size:22px;}
.pre01{position: relative;border:solid thin #fff;background-image:url("../images/sec10-pre01-bk.png");width: 90%;margin: 100px auto 20px auto;color:#fff;padding:40px 20px 0 20px;background-position:200px -50px;background-color:#000354;background-repeat: no-repeat;}
.pre01{position: relative;border:solid thin #fff;background-image:url("../images/sec10-pre01-bk.png");width: 90%;margin: 100px auto 20px auto;color:#fff;padding:40px 20px 0 20px;background-position:200px -50px;background-color:#000354;background-repeat: no-repeat;}
.pre02{position: relative;border:solid thin #fff;background-image:url("../images/sec10-pre02-bk.png");width: 90%;margin: 100px auto 20px auto;color:#fff;padding:50px 10px 0 10px;background-color:#000354;background-size:contain;background-repeat: no-repeat;background-position: right;}
/*section11*/
.sec11{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec11 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;background-image: url("../images/sec11-bk.png");background-repeat: no-repeat;background-position: right top;background-size:80%;}
/*section12*/
.sec12{margin: 0 auto;padding: 40px 0;width: 100%;background:url("../images/sec12-bk.png");background-size:cover;background-position: center;}
.sec12 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;background-repeat: no-repeat;background-position: right top;background-size:80%;}
.list04{background:url("../images/sec12-list-bk.png");border-radius: 10px;
	border-radius: 10px;background-repeat: repeat;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);margin:0 auto;padding:15px 0;}
.list-line{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#857d0b+1,d2cd83+50,857d0b+100 */
background: #857d0b; /* Old browsers */
background: -moz-linear-gradient(left,  #857d0b 1%, #d2cd83 50%, #857d0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #857d0b 1%,#d2cd83 50%,#857d0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #857d0b 1%,#d2cd83 50%,#857d0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857d0b', endColorstr='#857d0b',GradientType=1 ); /* IE6-9 */
	height: 5px;
}
.list04 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.list04 ul li{list-style: none;background-image: url("../images/sec12-list-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-size:20px;font-weight: bold;}
/*section11*/
.sec13{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;background-image: url("../images/sec13-bk.png");background-position: center;background-repeat: no-repeat;}
.sec13 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;background-repeat: no-repeat;background-position:  top;background-size:80%;}
 
.kiyaku{background:#fff;padding:20px;font-size:13px;}
.kiyaku p{font-size:13px;}

/***************
     footer
***************/
footer {background-color: #3F255D;margin:0 auto;padding: 20px 0 20px 0;color: #fff;}
footer p {padding: 2rem 0 0 0;text-align: center;font-size: 1.4rem;}
footer a, footer a:active, footer a:visited {color: #fff;text-decoration: underline;}
footer a:hover {color: #bbb;}

@media (max-width:640px) {
.forpc, .nonebr {display: none !important;}
.forsp {display: block;}
p {font-size: 1.6rem;padding: 0;margin: 0;line-height: 2.6rem;}
img {max-width: 100%;margin: 0 auto;vertical-align: bottom;padding: 1rem 0;}
a {transition: all 0.3s ease;text-decoration: none;}
a img {display: inline-block;vertical-align: top;opacity: 1;transition: all 0.3s ease;}
a img:hover {opacity: 0.6;}
/* font */
.up {font-size: 2rem;}
/* size */
.middle {width: 100%;}
.herf {width: 50%;}
.mini {width: 100%;}
/* display */
.forpc {display: none;}
.forsp {display: block;}
/*position*/
.block {display: flex;width: 100%;flex-wrap: wrap;margin: 0 auto;}
.block img {padding: 1rem 0;width: auto;}
.clear {clear: both;}
.img_right {float: none;display: block;padding-left: 0;}
.btn-txt{font-size:13px;text-align:center!important;width: 90%;margin: 0 auto;}
.btn-txt-w{font-size:13px;text-align:center!important;color:#fff;width: 90%;margin: 0 auto;}
.end{position: relative;}
.end-txt{color:#fff;position: absolute;z-index:50;background:rgba(0,0,0,0.70);width: 100%;height: 100%;max-width: 750px;left: 0;right: 0;margin: auto;font-size:40px;line-height: 100px;}

/***************
    contents
***************/
.section-all {max-width: 100%;margin: 0 auto;position: relative;}
.contain .wrapper {width: 95%;max-width: 600px;margin: 0 auto;padding: 0;}
.contain .wrapper p {text-align: justify;padding:20px 0}
.contain .wrapper .t-center {text-align: center;padding: 2rem 0;}
.sec-hl {background:url("../images/c-hl-bk.png");margin: 0 auto;text-align: center;width: 100%;height: 300px;background-size:cover;background-position: center;display: flex;align-items: center;font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal;background-repeat: repeat-x;}
.sec-hl .wrapper {color:#fff;max-width:90%;font-size:20px;height: auto;}
/***************
     header
***************/
.head {background: url("../images/main-bk.png");padding:0;position:relative;margin: 0 auto;z-index: 1;background-size:cover;background-repeat: no-repeat;background-position: center;}
.top-hl{background: url("../images/hl-bk.png");padding:0;position:relative;margin: 0 auto;z-index: 1;background-size:cover;background-repeat: repeat-x;background-position: center top;height: 60px;}
.main-title {max-width: 980px;margin: 0 auto;text-align: center;z-index: 3;position: relative;padding:10px 0 10px 0;}

/*sec01*/
.pre-hl {margin:0 auto;text-align: center;}
.pre-hl img {margin: 0 auto 0 auto;}
.sec01-line{display: flex;align-items: center;justify-content: space-between}
.list01{background-color:rgba(67,37,93,0.49);background-image: url(../images/list01-lt.png),url(../images/list01-lb.png),url(../images/list01-rt.png),url(../images/list01-rb.png);background-repeat: no-repeat;background-position: left top,left bottom, right top ,right bottom;padding:60px 0;margin:20px auto;}
.l-center{width: 100px;}
.line-l{margin-right: 10px;border-radius: 0px 10px 10px 0px;width: 45%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b2e3+0,f8e4fb+50,b4b2e3+100 */
background: #b4b2e3; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b2e3 0%, #f8e4fb 50%, #b4b2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2e3', endColorstr='#b4b2e3',GradientType=0 ); /* IE6-9 */
height: 10px;
}
.line-r{
margin-left: 10px;
border-radius: 10px 0px 0px 10px;
width: 45%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b2e3+0,f8e4fb+50,b4b2e3+100 */
background: #b4b2e3; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b2e3 0%, #f8e4fb 50%, #b4b2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2e3', endColorstr='#b4b2e3',GradientType=0 ); /* IE6-9 */
height: 10px;
}
.line{
width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b2e3+0,f8e4fb+50,b4b2e3+100 */
background: #b4b2e3; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b2e3 0%, #f8e4fb 50%, #b4b2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b2e3 0%,#f8e4fb 50%,#b4b2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2e3', endColorstr='#b4b2e3',GradientType=0 ); /* IE6-9 */
height: 10px;}
.sec01 {margin:0;background:url(../images/sec01-bk.png);background-size:cover;padding:40px 0;}
.sec01 .wrapper {width: 98%;margin:0 auto;padding-top:100px;padding: 0;max-width: 980px;}
.list01 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.list01 ul li{list-style: none;background-image: url(../images/list01-icon.png);background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#fff;margin-bottom:25px;font-size:22px;}
.pre-inner{display: flex;justify-content: center;margin:20px auto;}

/*section02*/
.sec02 {margin: 0 auto;padding:60px 0;width: 100%;background-color: #250946;background-image: url(../images/sec02-bk.png);background-position: center top;background-repeat: no-repeat;}

/*section03*/
.sec03 {margin: 0 auto;padding: 40px 0 40px 0;width: 100%;}
.sec03 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}
.list02{border-radius: 5px;box-shadow: 0px 0px 16px -6px rgba(148,68,201,0.6);background-image: url(../images/list02-bk.png);background-repeat: repeat,no-repeat;background-position: center, right;background-size:auto, contain;}
.list02-in{background:url(../images/list02-bk-pic.png);background-repeat: no-repeat;background-position: right;background-size:contain;}
.list02 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.list02 ul li{list-style: none;background-image: url(../images/list02-icon.png);background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#5A0070;margin-bottom:25px;font-weight: bold;font-size:20px;background-position: left;}

/*section04*/
.sec04{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec04 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section05*/
.sec05{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec05 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section06*/
.sec06{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec06 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section07*/
.sec07{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec07 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section08*/
.sec08{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec08 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}

/*section09*/
.sec09{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec09 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}
.list03{background-color:#5893B2;padding:10px;}
.list03-in{background:url("../images/list03-bk.png");background-repeat: no-repeat;color:#fff;background-size:cover;background-position: center;}
.list03 ul{width: 85%;margin: 0 auto;padding:25px 0 10px 0;}
.list03 ul li{list-style: none;background-image: url(../images/list03-icon.png);background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#fff;margin-bottom:25px;font-size:20px;font-weight: bold;}
.lesson-mark{position: absolute;margin: auto;left: 0;right: 0;top:-50px;}


.lesson01{background-image:url("../images/sec09-lesson01-bk.png");background-color:#C5EBEE;padding:80px 0 50px 0;}
.lesson01-list{background:url("../images/sec09-lesson01-list.png");background-repeat: no-repeat;border:solid 2px #88C5CC;border-radius: 5px;padding:10px;position: relative;max-width: 980px;margin: 0 auto;background-color: #fff;background-size:contain;background-position: bottom;}
.lesson01-list-in{border-radius: 5px;border:solid thin #88C5CC;}
.lesson-title01{font-size:20px;padding-top:80px;color:#6BA2A8;font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal; }
.lesson-list01 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.lesson-list01 ul li{list-style: none;background-image: url("../images/sec09-lesson01-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-weight: bold;font-size:20px;line-height: 25px;}

.lesson02{background-image:url("../images/sec09-lesson02-bk.png");background-color:#C5EBEE;padding:80px 0 50px 0;}
.lesson02-list{background:url("../images/sec09-lesson02-list.png");background-repeat: no-repeat;border:solid 2px #88C5CC;border-radius: 5px;padding:10px;position: relative;max-width: 980px;margin: 0 auto;background-color: #fff;background-size:contain;background-position: bottom;}
.lesson02-list-in{border-radius: 5px;border:solid thin #88C5CC;}
.lesson-title02{font-size:20px;padding-top:80px;color:#6696D4; font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal; }
.lesson-list02 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.lesson-list02 ul li{list-style: none;background-image: url("../images/sec09-lesson01-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-weight: bold;font-size:20px;line-height: 25px;}


.lesson03{background-image:url("../images/sec09-lesson03-bk.png");background-color:#C5EBEE;padding:80px 0 50px 0;}
.lesson03-list{background:url("../images/sec09-lesson03-list.png");background-repeat: no-repeat;border:solid 2px #88C5CC;border-radius: 5px;padding:10px;position: relative;max-width: 980px;margin: 0 auto;background-color: #fff;background-size:contain;background-position:bottom;}
.lesson03-list-in{border-radius: 5px;border:solid thin #88C5CC;}
.lesson-title03{font-size:25px;padding-top:80px;color:#AA89BF;font-family: fot-chiaro-std, sans-serif;font-weight: 700;font-style: normal;  }
.lesson-list03 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.lesson-list03 ul li{list-style: none;background-image: url("../images/sec09-lesson03-icon.png");background-repeat: no-repeat;background-size:20px;text-align: left;padding-left: 25px;color:#000;margin-bottom:25px;font-weight: bold;font-size:20px;line-height: 25px;}

/*section10*/
.sec10{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec10 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;}
.pre-box{background:url("../images/sec10-list-bk.png");background-repeat: no-repeat;background-size:cover;}
.pre-box-in{background:url("../images/sec10-list-lt.png"),url("../images/sec10-list-lb.png"),url("../images/sec10-list-rt.png"),url("../images/sec10-list-rb.png");background-repeat: no-repeat;background-position: left top,left bottom,right top,right bottom;}
.pre-icon{position: absolute;right: 0;top:-40px;}
.pre01{position: relative;border:solid thin #fff;background-image:url("../images/sec10-pre01-bk.png");width: 90%;margin: 100px auto 20px auto;color:#fff;padding:50px 10px 0 10px;background-color:#000354;background-size:contain;background-repeat: no-repeat;background-position: right;}
.pre02{position: relative;border:solid thin #fff;background-image:url("../images/sec10-pre02-bk.png");width: 90%;margin: 100px auto 20px auto;color:#fff;padding:50px 10px 0 10px;background-color:#000354;background-size:contain;background-repeat: no-repeat;background-position: right;}
/*section11*/
.sec11{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;}
.sec11 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;background-image: url("../images/sec11-bk.png");background-repeat: no-repeat;background-position: right bottom;background-size:80%;}
/*section12*/
.sec12{margin: 0 auto;padding: 20px 0;width: 100%;background:url("../images/sec12-bk.png");background-size:cover;background-position: center top;}
.sec12 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;background-repeat: no-repeat;background-position: right top;background-size:80%;}
.list04{background:url("../images/sec12-list-bk.png");border-radius: 10px;border-radius: 10px;background-repeat: repeat;box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);margin:0 auto;padding:15px 0;}
.list-line{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#857d0b+1,d2cd83+50,857d0b+100 */
background: #857d0b; /* Old browsers */
background: -moz-linear-gradient(left,  #857d0b 1%, #d2cd83 50%, #857d0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #857d0b 1%,#d2cd83 50%,#857d0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #857d0b 1%,#d2cd83 50%,#857d0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857d0b', endColorstr='#857d0b',GradientType=1 ); /* IE6-9 */
	height: 5px;
}
.list04 ul{width: 80%;margin: 0 auto;padding:50px 0;}
.list04 ul li{list-style: none;background-image: url("../images/sec12-list-icon.png");background-repeat: no-repeat;background-size:15px;text-align: left;padding-left: 25px;color:#5A0070;margin-bottom:25px;}
/*section11*/
.sec13{margin: 0 auto 0 auto;padding: 4rem 0 4rem 0;width: 100%;background-image: url("../images/sec13-bk.png");background-position: center;}
.sec13 .wrapper{width: 90%;max-width: 980px;margin: 0 auto;background-repeat: no-repeat;background-position:  top;background-size:80%;}
 
.kiyaku{background:#fff;padding:20px;font-size:13px;}
.kiyaku p{font-size:13px;}

/***************
     footer
***************/
footer {background-color: #3F255D;margin:0 auto;padding: 20px 0 20px 0;color: #fff;}
footer p {padding: 2rem 0 0 0;text-align: center;font-size: 1.4rem;}
footer a, footer a:active, footer a:visited {color: #fff;text-decoration: underline;}
footer a:hover {color: #bbb;}
}