@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=Noto+Sans+JP:wght@100..900&family=Yusei+Magic&display=swap');
* {padding: 0px; margin: 0px; -webkit-text-size-adjust: 100%; line-height: 1.6em;}
.set {margin: 0px;padding: 0px;font-size: 16px;}
body {animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; color: #444;}
img {border: 0}
.alpha:hover {filter: alpha(opacity=80);opacity: 0.8;}
.cf:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.cf { min-height: 1px;}
* html .cf {height: 1px;}
ul {list-style-type: none;}

img {width: 100%;display: block;}

/* PC */
@media print, screen and (min-width: 976px){
.pc_none {display: none;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}
.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}
.wp-block-image img {height: auto;}
.font01 {font-family: "BIZ UDPGothic", sans-serif; font-weight: 400; font-style: normal;}
.font02 {font-family: "Yusei Magic", sans-serif; font-weight: 400; font-style: normal;}
.font03 {font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.small {font-size: 75%;}
.inner {width: 96%; max-width: 1300px; margin: 0 auto; padding: 0 2%;}

.creative_head {width: 100%;}
.title01 {text-align: center; font-size: 36px; color: #ff5b67; font-weight: bold;}
.title02 {text-align: center; font-size: 20px; }
.title03 {text-align: center; font-size: 50px; font-weight: bold; color: #0c439a!important;}
.txt01 {text-align: center; font-size: 16px; }

.box2 {width: calc(100% / 2 - 60px); float: left; padding: 30px;}
.box2 .course img {width: 50px; height: auto; float: left; margin-right: 20px;}
.box2 .course .title {font-size: 30px; border-bottom: dotted 6px #0c439a; padding-bottom: 10px; margin-bottom: 20px;}
.box2 .course .desc {font-size: 18px; width: 100%; text-align: justify; margin-bottom: 30px;}

.box3 {width: calc(100% / 3 - 60px); float: left; padding: 30px;}
.box3 .title {font-size: 24px; padding: 5px; background-color: #ff5b67; color: #fff; text-align: center; }
.box3 .desc {font-size: 18px; text-align: justify; margin-top: 10px}

.steam { width: 96%; height: auto; border: 2px solid #ff5b67; padding: 2%; border-radius: 10px;}
.steam .left {width: 18%; float: left;}
.steam .right {width: 80%; float: right;}
.steam .right .title {font-size: 30px; text-align: justify; color: #ff5b67; }
.steam .right .desc {text-align: justify; font-size: 16px; }

#chikara img.item02 {width: 300px; margin: 0 auto;}
#chikara .ans {font-size: 20px; text-align: justify; }
#chikara .ans span {font-size: 140%; color: #ff5b67; font-weight: bold;}
#chikara img.item03 {width: 600px; margin: 0 auto;}
#chikara .box2 img {width: 100%; height: auto; margin-bottom: 20px;}
#chikara .box2 .desc {font-size: 18px; width: 100%; text-align: justify; margin-bottom: 40px;}

#plan {border-radius: 20px; width: 100%; background-color: #e4effa;}
#plan .icon03 {width: 45%; float: left; margin-top: 5%;}
#plan .plan_t01 {width: 45%; font-size: 14px; font-weight: bold; float: right; margin-top: 5%;}
#plan .icon05 {width: 94%; margin: 0 3%; position: relative; top: -50px;}
#plan .icon06 {width: 40%; margin: 0 30%;}

#plus {width: 90%; margin: 0 5%; } 
#plus .icon06 {width: 50%; margin: 0 25%;}

#bnr {margin: 50px 0 200px;}
#bnr .bnr {width: 46%; margin: 2%; text-align: center; float: left; padding: 20px 0; background: #0c439a; border-radius: 10px; color: #fff; font-family: "Yusei Magic", sans-serif; font-weight: 400; font-style: normal; font-size: 26px;}

#taiken {width: 100%; margin: 0; height: 150px;} 
#taiken .bnr01 {height: 150px; width: auto; position: fixed; bottom: 0; left: calc((100% - 562px) / 2);}
}

/* SP */
@media only screen and (max-width: 975px) {
body {font-family: "BIZ UDPGothic", sans-serif; font-weight: 400; font-style: normal;}
.sp_none {display: none;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 20px;}
.mt50 {margin-top: 30px;}
.mt100 {margin-top: 50px;}
.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 20px;}
.mb50 {margin-bottom: 30px;}
.mb100 {margin-bottom: 50px;}
.wp-block-image img {height: auto;}
.font01 {font-family: "BIZ UDPGothic", sans-serif; font-weight: 400; font-style: normal;}
.font02 {font-family: "Yusei Magic", sans-serif; font-weight: 400; font-style: normal;}
.font03 {font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.small {font-size: 50%;}
.inner {width: 90%; margin: 0 auto; padding: 0 5%;}

.creative_head {width: 100%;}
.title01 {text-align: center; font-size: 24px; color: #ff5b67; font-weight: bold; width: 90%; margin: 30px auto 20px; padding: 0 5%;}
.title02 {text-align: justify; font-size: 16px; width: 90%; margin: 0 auto; padding: 0 5%; }
.title03 {text-align: center; font-size: 36px; font-weight: bold; color: #0c439a!important;}
.txt01 {text-align: justify; font-size: 16px; }

.box2 {width: 100%; padding: 0 0 30px;}
.box2 .course img {width: 35px; height: auto; float: left; margin-right: 10px;}
.box2 .course .title {font-size: 20px; border-bottom: dotted 6px #0c439a; padding-bottom: 10px; margin-bottom: 10px;}
.box2 .course .desc {font-size: 16px; width: 100%; text-align: justify; margin-bottom: 30px;}

.box3 {width: calc(100%); padding: 0 0 30px;}
.box3 .title {font-size: 16px; padding: 5px; background-color: #ff5b67; color: #fff; text-align: center; }
.box3 .desc {font-size: 16px; text-align: justify; margin-top: 10px}

.steam { width: 96%; height: auto; border: 2px solid #ff5b67; padding: 2%; border-radius: 10px;}
.steam .left {width: 100%;} 
.steam .right {width: 100%;}
.steam .right .title {font-size: 20px; text-align: center; color: #ff5b67; }
.steam .right .desc {text-align: justify; font-size: 12px; }

#chikara img.item02 {width: 200px; margin: 0 auto;}
#chikara .ans {font-size: 16px; text-align: justify; }
#chikara .ans span {font-size: 140%; color: #ff5b67; font-weight: bold;}
#chikara img.item03 {width: 90%; margin: 0 auto;}
#chikara .box2 img {width: 100%; height: auto; margin-bottom: 20px;}
#chikara .box2 .desc {font-size: 16px; width: 100%; text-align: justify; margin-bottom: 40px;}

#plan {border-radius: 20px; width: 100%; background-color: #e4effa;}
#plan .icon03 {width:90%; float: left; margin: 5% 10% 30px 0;}
#plan .plan_t01 {width: 90%; font-size: 12px; font-weight: bold; margin: 5%;}
#plan .icon05 {width: 110%; margin: 0 -5%; position: relative; top: 0px;}
#plan .icon06 {width: 90%; margin: 30px 5% 30px;}

#plus {width: 90%; margin: 0 5%; } 
#plus .icon06 {width: 90%; margin: 30px 5% 30px;}

#bnr {margin: 50px 0 200px;}
#bnr .bnr {width: 46%; margin: 2%; text-align: center; float: left; padding: 20px 0; background: #0c439a; border-radius: 10px; color: #fff; font-family: "Yusei Magic", sans-serif; font-weight: 400; font-style: normal; font-size: 26px;}

#taiken {width: 100%; margin: 0; height: 150px;} 
#taiken .bnr01 {width: 90%; position: fixed; bottom: 0; }
}