@charset 'UTF-8';
@keyframes smeBounceDown{0%{transform:translateY(-300px)}1%{opacity:1}40%{opacity:1;transform:translateY(10%)}60%{opacity:1;transform:translateY(-5%)}80%{opacity:1;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}.sme-animation-bounce-down{opacity:0}.sme-animation-bounce-down-fired{animation-fill-mode:forwards;animation:smeBounceDown .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeBounceIn{0%{transform:scale(1.05)}20%{transform:scale(1)}40%{transform:scale(1.025)}60%{transform:scale(1)}80%{transform:scale(1.0125)}to{transform:scale(1)}}.sme-animation-bounce-in-fired{animation:smeBounceIn .8s cubic-bezier(0,0,0,1);will-change:animation}@keyframes smeFadeIn{0%{opacity:0}to{opacity:1}}.sme-animation-fade-in{opacity:0}.sme-animation-fade-in-fired{animation:smeFadeIn .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sme-animation-fade-in-up{opacity:0}.sme-animation-fade-in-up-fired{animation:smeFadeInUp .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sme-animation-fade-in-down{opacity:0}.sme-animation-fade-in-down-fired{animation:smeFadeInDown .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sme-animation-fade-in-left{opacity:0}.sme-animation-fade-in-left-fired{animation:smeFadeInLeft .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.sme-animation-fade-in-right{opacity:0}.sme-animation-fade-in-right-fired{animation:smeFadeInRight .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}*,
::before, ::after{box-sizing:border-box;border-width:0;border-style:solid;}
html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{margin:0;}
main{display:block;}
p, table, blockquote, address, pre, iframe, form, figure, dl{margin:0;}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;margin:0;}
ul, ol{margin:0;padding:0;list-style:none;}
dt{font-weight:bold;}
dd{margin-left:0;}
hr{clear:both;overflow:visible;box-sizing:content-box;height:0;margin:0;color:inherit;border-top-width:1px;}
pre{font-family:monospace, monospace;font-size:inherit;}
address{font-style:inherit;}
a{text-decoration:none;color:inherit;background-color:transparent;}
abbr[title]{text-decoration:underline dotted;}
b, strong{font-weight:bolder;}
code, kbd, samp{font-family:monospace, monospace;font-size:inherit;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
svg, img, embed, object, iframe{vertical-align:bottom;}
button, input, optgroup, select, textarea{font:inherit;margin:0;padding:0;text-align:inherit;vertical-align:middle;text-transform:inherit;color:inherit;border-radius:0;background:transparent;-webkit-appearance:none;appearance:none;}
[type='checkbox']{-webkit-appearance:checkbox;appearance:checkbox;}
[type='radio']{-webkit-appearance:radio;appearance:radio;}
button, [type='button'],
[type='reset'],
[type='submit']{cursor:pointer;}
button:disabled, [type='button']:disabled,
[type='reset']:disabled,
[type='submit']:disabled{cursor:default;}:-moz-focusring{outline:auto;}
select:disabled{opacity:inherit;}
option{padding:0;}
fieldset{min-width:0;margin:0;padding:0;}
legend{padding:0;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button{height:auto;}
[type='search']{outline-offset:-2px;}
[type='search']::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
label[for]{cursor:pointer;}
details{display:block;}
summary{display:list-item;}
[contenteditable]:focus{outline:auto;}
table{border-color:inherit;}
caption{text-align:left;}
td, th{padding:0;vertical-align:top;}
th{font-weight:bold;text-align:left;}
iframe {
height: auto;
vertical-align: bottom;
}@font-face {
font-family: "NotoSansJP";
font-weight: 300 900;
src: url(//creators-factory.com/wp-content/themes/CF/fonts/NotoSansJP-VariableFont_wght.woff2) format("woff2");
font-display: swap;
} *{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"NotoSansJP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;font-size:16px;font-weight:400;line-height:1.7;counter-reset:number 0;word-wrap:break-word;word-break:normal;color:#1f1f1f;background-image:url(//creators-factory.com/wp-content/themes/CF/img/top/body_bg.jpg);background-repeat:repeat;background-size:90%;line-break:strict;text-size-adjust:100%;overflow-wrap:anywhere;}
.font_normal{font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
strong{font-weight:bold;}
li {
list-style: none;
} a{text-decoration:none;color:#337ab7;}
a:hover, a:focus{text-decoration:none;}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
figure{margin:0;}
img{max-width:100%;height:auto;vertical-align:middle;}
.link_text{text-align:center;}
.link_text a{font-size:15px;font-weight:600;display:inline-block;margin-top:30px;padding:0 10px 10px 10px;border-bottom:2px solid #333;}
.strike-line{text-decoration:line-through;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{display:block;max-width:100%;height:auto;}
.img-rounded{border-radius:6px;}
.img-round{width:100%;max-width:180px;border-radius:50%;aspect-ratio:1 / 1;object-fit:cover;}
.img-thumbnail{line-height:1.42857143;display:inline-block;max-width:100%;height:auto;padding:4px;transition:all 0.2s ease-in-out;border:1px solid #ddd;border-radius:4px;background-color:#fff;}
.img-circle{border-radius:50%;}
.triangle{width:0;height:0;margin:20px auto;border-top:30px solid #333;border-right:30px solid transparent;border-left:30px solid transparent;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;}
.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
.sr-only-focusable:active, .sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0;}
[role="button"]{cursor:pointer;}
.lead{font-size:16px;font-weight:300;line-height:1.4;margin-bottom:20px;}
.ex-bold{font-weight:900 !important;}
.bold{font-weight:700;}
.sem-bold{font-weight:600;}
.bold-none{font-weight:normal;}
.is-w65{width:65%;}
.is-gap-2{gap:2%;}
.is-row-gap-24{row-gap:24px;}
.gap40{gap:40px;}
.mt_-7{margin-top:-7px;}
.text32{font-size:32px;}
.text24{font-size:24px;}
.text22{font-size:22px;}
.text20{font-size:20px;}
.text18{font-size:18px;}
.text16{font-size:16px;}
.text14{font-size:14px;}
.text12{font-size:12px;}
.text10{font-size:10px;}
.red{color:#ed3838;}
.blue{color:#009;}
.green{color:#090;}
.yellow{color:#ff0;}
.clearfix{zoom:1;}
.clearfix:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:".";}
.transparent a:hover img{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
.transparent_png a:hover img{opacity:0.7;-moz-opacity:0.7;}
.transparent_none{opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.4;}
.aspect-16-9{aspect-ratio:16 / 9;}
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.cb{clear:both;}
.gap-10{gap:10px;}
.pt0{padding-top:0 !important;}
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt6{padding-top:6px !important;}
.pt7{padding-top:7px !important;}
.pt8{padding-top:8px !important;}
.pt9{padding-top:9px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt65{padding-top:65px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt80{padding-top:80px !important;}
.pt85{padding-top:85px !important;}
.pt90{padding-top:90px !important;}
.pt95{padding-top:95px !important;}
.pt100{padding-top:100px !important;}
.pr0{padding-right:0 !important;}
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr3{padding-right:3px !important;}
.pr4{padding-right:4px !important;}
.pr5{padding-right:5px !important;}
.pr6{padding-right:6px !important;}
.pr7{padding-right:7px !important;}
.pr8{padding-right:8px !important;}
.pr9{padding-right:9px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}
.pr65{padding-right:65px !important;}
.pr70{padding-right:70px !important;}
.pr75{padding-right:75px !important;}
.pr80{padding-right:80px !important;}
.pr85{padding-right:85px !important;}
.pr90{padding-right:90px !important;}
.pr95{padding-right:95px !important;}
.pr100{padding-right:100px !important;}
.pl0{padding-left:0 !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl3{padding-left:3px !important;}
.pl4{padding-left:4px !important;}
.pl5{padding-left:5px !important;}
.pl6{padding-left:6px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl9{padding-left:9px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl80{padding-left:80px !important;}
.pl85{padding-left:85px !important;}
.pl90{padding-left:90px !important;}
.pl95{padding-left:95px !important;}
.pl100{padding-left:100px !important;}
.pb0{padding-bottom:0 !important;}
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb3{padding-bottom:3px !important;}
.pb4{padding-bottom:4px !important;}
.pb5{padding-bottom:5px !important;}
.pb6{padding-bottom:6px !important;}
.pb7{padding-bottom:7px !important;}
.pb8{padding-bottom:8px !important;}
.pb9{padding-bottom:9px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb85{padding-bottom:85px !important;}
.pb90{padding-bottom:90px !important;}
.pb95{padding-bottom:95px !important;}
.pb100{padding-bottom:100px !important;}
.pd30{padding:30px !important;}
.mt--40{margin-top:-40px;}
@media(max-width:768px){
.mt--40{margin-top:0;}
}
.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.mr0{margin-right:0 !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}
.mr85{margin-right:85px !important;}
.mr90{margin-right:90px !important;}
.mr95{margin-right:95px !important;}
.mr100{margin-right:100px !important;}
.ml0{margin-left:0 !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}
.ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;}
.ml95{margin-left:95px !important;}
.ml100{margin-left:100px !important;}
.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.w-100{width:100% !important;}
.center{margin-right:auto !important;margin-left:auto !important;}
.flex-center{display:flex;justify-content:center;}
.tc{text-align:center !important;}
.pc_tc{text-align:center !important;}
@media all and (max-width: 768px) {
.pc_tc{text-align:left !important;}
}
.tr{text-align:right;}
.tl{text-align:left;}
.t-format1{width:100%;padding:0;border-collapse:collapse;border-top:1px solid #d1d1d1;border-left:1px solid #d1d1d1;background:#f5f5f5;}
.t-format1 td{padding:15px;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background:#fff;}
.t-format1 th{font-weight:bold;padding:15px;text-align:left;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.t-format1 .td_color{font-weight:bold;background:#c9e590;}
.t-format1 td table td{border:none;}
button, input, optgroup, select, textarea{font:inherit;margin:0;color:inherit;background:#fff;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],
html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{margin:0 2px;padding:0.35em 0.625em 0.75em;border:1px solid #c0c0c0;}
*[data-role="button"]{font-family:inherit;font-size:0.894rem;display:inline;width:auto;min-width:144px;margin-top:8px;margin-bottom:8px;padding-top:1px;padding-right:1.957494407rem;padding-bottom:1px;padding-left:1.957494407rem;cursor:pointer;white-space:nowrap;border:1px solid #95a5a6;outline:none;background-color:transparent;-webkit-appearance:button;-moz-appearance:button;appearance:button;}
*[data-role="button"]:hover{background-color:#ecf0f1;}
a[data-role="button"]{border:none;}
a[data-role="button"]:hover{background-color:transparent;}
input, textarea, select{font-family:inherit;display:inline;width:inherit;width:100%;padding-right:13px;padding-left:13px;border:1px solid #95a5a6;}
input{line-height:34px;}
input:focus, textarea:focus, select:focus{outline:none;}
input[type="checkbox"],
input[type="radio"]{width:34px;}
textarea{min-height:144px;padding-top:8px;padding-bottom:8px;}
select{line-height:38px;height:38px;padding-right:13px;padding-left:13px;background-color:#ecf0f1;}
option{line-height:38px;height:38px;padding-top:8px;padding-right:13px;padding-bottom:8px;padding-left:13px;}
option:selected{padding-top:0;padding-bottom:0;}
label{font-size:16px;display:block;margin-bottom:10px;}
.space-top-40{margin-top:-40px !important;}
.space-40{margin-top:40px !important;}
.space-60{margin-top:60px !important;}
.space-80{margin-top:80px !important;}
.space-100{margin-top:100px !important;}
.space-140{margin-top:140px !important;}
.space-160{margin-top:160px !important;}
.sp-space-160{margin-top:160px !important;}
@media(max-width:768px){
.space-60{margin-top:30px !important;}
.space-80{margin-top:40px !important;}
.space-100{margin-top:50px !important;}
.space-160{margin-top:80px !important;}
.space-top-40{margin-top:-20px !important;}
.sp-mt0{margin-top:0 !important;}
}
.is-row{display:flex;}
.is-align-end{align-items:end;}
.col-3{flex:0 0 25%;max-width:25%;}
.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;}
.gap-20{gap:20px !important;}
.gap-30{gap:30px !important;}
.row-gap-40{row-gap:40px !important;}
.round-20{border-radius:20px;}
.title-S{font-size:28px;font-weight:700;line-height:1.3;}
.title-M{font-size:34px;font-weight:700;line-height:1.2;}
.arrow-right{line-height:1;position:relative;display:inline-block;width:0.7em;height:0.1em;margin:0 0.2em;vertical-align:middle;color:#333;background:currentColor;}
.arrow-right::before{position:absolute;top:50%;right:-0.05em;box-sizing:border-box;width:0.45em;height:0.45em;content:"";transform:rotate(45deg);transform-origin:top right;border:0.1em solid currentColor;border-bottom:0;border-left:0;}
.coming-Soon{position:relative;}
.coming-Soon::before{font-size:30px;font-weight:700;position:absolute;z-index:1;top:50%;left:50%;content:"Coming Soon";transform:translate(-50%, -50%);color:#fff;}
.coming-Soon::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:rgb(0 0 0 / 0.7);}
@media(max-width:768px){
.sp-mt30{margin-top:30px;}
.title-S{font-size:20px;}
.title-M{font-size:24px !important;}
.mb140{margin-bottom:140px;}
}
@media(max-width:1000px){
@media(max-width:1000px){
.swipe-hint-container {
position: relative;
}
.swipe-hint-finger {
position: absolute;
z-index: 10;
top: 50%;
right: 40px;
width: 30px;
height: 30px;
animation: swipeFingerMove 3.5s infinite ease-in-out;
pointer-events: none;
border-radius: 50%;
background: rgba(0, 0, 0, 0.8);
}
.swipe-hint-finger::before {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
content: "";
transform: translate(-50%, -50%);
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
} @keyframes swipeFingerMove {
0%,
25% {
right: 40px;
opacity: 1;
}
75%,
100% {
right: calc(100% - 40px);
}
} .swipe-hint-hidden .swipe-hint-finger,
.swipe-hint-hidden .swipe-hint-text {
display: none;
}
}
}
  :root{--base-color:#c8f806;--base-fontColor:#333;--fontSizeS:14px;--fontSizeM:16px;--fontSizeXM:24px;--fontSizeL:32px;--fontSizeXL:36px;}
@media(max-width:768px){
.css-1uu2td5{…}
}
.link{color:#471ff8;text-decoration:underline;font-size:12px;}
.box_bg-black{background-color:#222;color:#fff;font-weight:700;display:inline-block;padding:0.2em 0.8em;}
.box_bg-accent{background-color:#ef4110;color:#fff;font-weight:700;display:inline-block;padding:0.2em 0.8em;}
.pc-none{display:none;}
.scroll-hint-icon{height:90px !important;}
body.single{background:#fff;}
.content_wrap{display:flex;}
.main_bg{background-color:var(--base-color);padding:60px 0;max-width:96%;margin:auto;border-radius:40px;}
.is-webStart .main_bg{background-color:#4CF9A5;}
.is-webStart .header.main_bg{background-color:#4CF9A5;}
.is-design .main_bg{background-color:#f8ee06;}
.is-design .header.main_bg{background-color:#f8ee06;}
.is-onlinegym .main_bg{background-color:#53d6ff;}
.is-onlinegym .header.main_bg{background-color:#53d6ff;}
.is_course.main_bg{padding:20px 0 80px;}
.point_number-blue{background-color:#471ff8;color:#fff;font-size:18px;border-radius:50px;display:inline-block;font-weight:bold;padding:10px 20px;text-transform:uppercase;margin-bottom:14px;}
@media(max-width:570px){
.is_course.main_bg{padding:20px 0 30px;}
.sp-img-M {
width: 70%;
} p{font-size:14px;}
.single_cntent p{font-size:15px;}
}
.--imgRound img{border-radius:20px;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.check_list li{position:relative;font-weight:700;font-size:18px;padding-left:24px;}
.check_list li + li{margin-top:8px;}
.check_list li::before{content:"";position:absolute;left:6px;top:10px;width:6px;height:12px;border:solid #333;border-width:0 2px 2px 0;transform:rotate(45deg);background-color:transparent;}
.section_title{font-size:42px;font-weight:900;line-height:1.4;}
.section_subTitle{font-size:clamp(14px, calc(10.476190476190476px + 0.9523809523809524vw), 20px);font-weight:bold;line-height:1;font-family:"Jost", sans-serif;text-transform:uppercase;order:-1;margin-bottom:10px;}
.cta-title{font-size:24px;font-size:95px;text-align:center;margin-bottom:50px;font-weight:900;text-transform:uppercase;color:#471ff8;}
.title-shape{position:relative;z-index:1;}
.title-shape::before{content:"";background-image:url(https://creators-factory.com/wp-content/themes/CF/img/common/title-shape-main.svg);background-repeat:no-repeat;position:absolute;background-size:8%;top:-10px;left:calc(100% - 106%);width:100%;height:160%;z-index:-1;}
.title-shape-gray::before{background-image:url(https://creators-factory.com/wp-content/themes/CF/img/common/title-shape-gray.svg);background-repeat:no-repeat;}
.title_border-left{border-left:2px solid #333;padding-left:16px;}
.content_title{display:flex;flex-direction:column;}
.content_title.color-title{color:var(--base-color);}
.style_ttl span{font-size:2rem;color:var(--accent-orange);}
.sub_ttl{font-weight:bold;margin-bottom:40px;}
.sub_ttl02{font-size:2.2rem;margin-bottom:30px;text-align:center;}
.cushion_title-yellow{font-size:clamp(24px, 2.4vw, 36px);font-weight:700;}
.cushion_title-yellow span{display:inline-block;background-color:var(--base-color);padding:0 0.5em;margin-top:10px;}
@media(max-width:570px){
.cushion_title-yellow{font-size:calc(39 / 570 * 100vw);}
}
.img_layout{width:90%;margin-left:auto;display:block;}
.img_hover{position:relative;height:100%;}
.img_hover::before{display:inline-block;position:absolute;right:33px;bottom:23px;content:url(https://creators-factory.com/wp-content/themes/CF/img/common/arrow-black.svg);z-index:5;}
.img_hover::after{content:"";position:absolute;right:15px;bottom:10px;aspect-ratio:1;width:50px;border-radius:50%;background-color:#fff;z-index:4;transition-property:transform, background-color;transition-duration:0.3s;transition-timing-function:ease-in-out;}
.border-black{border:1px solid #333;}
@media(max-width:768px){
.img_hover::after{width:40px;}
.img_hover::before{right:30px;bottom:18px;}
}
@media (any-hover: hover) {
.img_hover:hover::before{content:url(https://creators-factory.com/wp-content/themes/CF/img/common/arrow.svg);}
.img_hover:hover::after{background-color:#471ff8;transform:scale(1.2);}
}
@media(max-width:768px){
.main_bg{padding:30px 0;}
.main_bg p{font-size:14px;}
.title-shape::before{top:-30px;background-size:20%;}
.cta-title{font-size:calc(80 / 480 * 100vw);margin-bottom:20px;}
.img_layout{width:100%;margin:20px auto 0;}
}
.l-inner{position:relative;z-index:1;width:90%;margin:0 auto;}
.full-inner{width:90%;max-width:1480px;margin:0 auto;}
.inner{max-width:1100px;margin:0 auto;padding:0 15px;}
.max-inner{max-width:1400px;margin:0 auto;width:94%;}
.middle-inner{max-width:1200px;margin:0 auto;width:94%;}
.min-inner{max-width:960px;width:94%;margin:0 auto;}
.inner880{max-width:880px;margin:0 auto;}
.inner640{max-width:640px;margin:0 auto;}
.flex{display:flex;flex-wrap:wrap;}
.flex-stretch{display:flex;}
.is-between{justify-content:space-between;}
.is-center{justify-content:center;}
.is-start{align-items:start;}
.is-wrap{flex-wrap:wrap;}
.is-reverse{flex-direction:row-reverse;}
.flex-wrap{flex-wrap:wrap;}
.flex_end{justify-content:flex-end;}
.align-center{align-items:center;}
.align-start{align-items:flex-start;}
.link-color{color:#2c8ae8;text-decoration:underline;}
.font-white{color:#fff;}
.list-option{margin-top:20px;}
.annotation{font-size:12px;}
.black-bg-opacity{background:rgba(0, 0, 0, 0.5);}
.block-parts{display:block;}
.bg-white{background:#fff !important;}
.line-text{background:linear-gradient(transparent 50%, #fce90a 50%);}
.w-30{width:30%;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.center{margin:auto;}
.thumbnail_round img{border-radius:50%;width:40%;aspect-ratio:1;object-fit:cover;border:5px solid var(--base-color);}
.number_count, .number_count02{position:relative;}
.number_count-box{counter-reset:number 0;}
.number_count::before{counter-increment:number 1;content:counter(number, decimal-leading-zero);width:105px;height:105px;border-radius:50%;border:3px solid #333;position:absolute;top:-48px;left:20px;display:inline-block;text-align:center;line-height:105px;font-size:48px;font-family:"Jost", sans-serif;z-index:1;background-color:#fff;}
.systematic .number_count::before{counter-increment:number 1;content:"STEP.0" counter(number) " ";width:auto;height:auto;border-radius:50px;padding:1em 1.5em;border:2px solid #333;position:absolute;top:-36px;right:20px;left:auto;display:inline-block;text-align:center;line-height:1.6;font-size:16px;font-weight:900;}
.number_count-box02{counter-reset:number 0;}
.number_count02::before{counter-increment:number 1;content:counter(number, decimal-leading-zero);width:80px;aspect-ratio:1;border-radius:50%;background-color:#555;color:#fff;position:absolute;top:-46px;left:20px;display:inline-block;text-align:center;font-size:30px;line-height:80px;}
@media(max-width:768px){
.systematic .number_count::before{right:0px;left:90px;width:40%;}
.number_count02::before{width:60px;top:-36px;font-size:24px;line-height:60px;}
} .section-round-style{border-radius:20px;}
.section-round{max-width:calc(100% - 80px);margin:40px auto;border-radius:30px;}
.section-round-min{margin:40px auto;border-radius:30px;}
.round-40{border-radius:40px;}
.round-60{border-radius:60px;}
.round-80{border-radius:80px;}
.l-section{margin:100px auto;}
.ll-section{margin:170px auto;}
.m-section{margin:60px auto;}
.pd-large{padding:100px 0;}
.pd-normal{padding:60px 40px;}
.content{margin:60px 0 80px;}
.couse_content{margin-top:0;}
.sectionBg-gray{padding:60px 0;background:#fff;}
.sectionBg-orange{padding:2.4em;background:#fffae2;}
.container-list{display:flex;flex-wrap:wrap;}
@media(max-width:768px){
.round-80{border-radius:40px;}
.section-round{max-width:100%;}
.number_count::before{width:65px;height:65px;top:-19px;left:60px;transform:translate(-50%, 0);line-height:66px;font-size:30px;z-index:1;}
} .inner-paddingM{padding:2em 3.6em;}
.width-middle{display:block;width:70%;}
.img-large{width:90%;margin:auto;}
.is-center{justify-content:center;}
.mt-50{margin-top:50px;}
.mb-0{margin-bottom:0 !important;}
.accent_title{font-size:42px;font-weight:700;line-height:1.4;}
.accent_title-sm{font-size:28px;font-weight:700;line-height:1.4;}
.accent_title-s{font-size:22px;font-weight:700;line-height:1.4;}
h3.accent_title-sm + p{margin-top:30px;}
.accent_title-ss{font-size:22px;font-weight:700;line-height:1.4;}
.schedule_list .accent_title-ss{font-size:26px;}
@media(max-width:768px){
.accent_title-sm{font-size:20px;}
.accent_title-s{font-size:20px;}
h3.accent_title-sm + p{margin-top:20px;}
.accent_title-ss{font-size:18px !important;}
}
.border_bottom-dash{border-bottom:1px dashed #333;padding-bottom:15px;}
.border_bottom-dash-w{border-bottom:1px dashed #fff;padding-bottom:15px;}
.title-bg-point{background:var(--accent-yellow);padding:0.4em;line-height:1.5;}
.list-style li{font-size:16px;font-weight:bold;margin-bottom:6px;counter-increment:cnt;}
.list-style li:before{width:25px;height:25px;text-align:center;display:inline-block;line-height:1.6;}
.list-style02{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.list-style02 li{font-size:18px;font-weight:bold;counter-increment:cnt;background:#fff;padding:26px;width:48%;border-radius:10px;margin-bottom:20px;display:flex;line-height:1.4;align-items:center;}
.webStart-page .list-style02 li:before{background:#45bf8a;}
.webDesign-page .list-style02 li:before{background:#6fc7ed;}
.list_style-wrap{display:flex;flex-wrap:wrap;gap:60px 40px;}
.schedule_list-full, .schedule_list-weekend, .schedule_list-day{position:relative;}
.schedule_list-full::before, .schedule_list-weekend::before, .schedule_list-day::before{position:absolute;top:-40px;left:-10px;width:100%;aspect-ratio:1;max-width:90px;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;white-apace:pre;padding:10px;line-height:1.3;}
@media(max-width:768px){
.schedule_list-full::before, .schedule_list-weekend::before, .schedule_list-day::before{top:-20px;left:auto;right:-10px;max-width:80px;font-size:12px;}
}
.schedule_list-full::before{content:"フルタイム\Aクラス";background:#ff4300;}
.schedule_list-weekend::before{content:"土曜クラス";background:#00bfff;}
.schedule_list-day::before{content:"お昼クラス";background:#471ff8;}
.schedule_time{font-weight:600;background-color:#efefef;padding:1em 1.5em;border-radius:6px;}
.attention_box{border:3px solid #333;padding:2em;width:63%;font-weight:700;}
.attention_box p{text-indent:-1em;padding-left:1em;}
.schedule_list-full-Tag::before, .schedule_list-weekend-Tag::before, .schedule_list-day-Tag::before{content:"";display:inline-block;border-radius:50%;aspect-ratio:1;width:100%;max-width:14px;margin-right:5px;}
.schedule_list-full-Tag::before{background:#ff4300;}
.schedule_list-weekend-Tag::before{background:#00bfff;}
.schedule_list-day-Tag::before{background:#471ff8;}
@media(max-width:768px){
.attention_box{padding:1.4em;width:100%;font-size:12px;}
}
.list_style-item{border-radius:6px;border:2px solid #333;background:#fbfbfb;font-size:18px;font-weight:700;text-align:center;padding:16px 10px;position:relative;overflow:hidden;flex-grow:1;}
.header_bodyWrap .list_style-item::before{top:-30%;left:-15%;}
.is_course .list_style-item{padding:5px 10px;font-size:15px;margin-top:30px;}
.list_style-title{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(2 * 1.6em);}
.list_style-itemBody{background-color:#fff;padding:0.8em 1.2em 1.4em;height:100%;}
.list_style-itemBody h3{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:12px;}
.list_style-itemBody p{font-size:14px;}
.list_style-item-round{border-radius:20px;overflow:auto;}
.list_style-item-round img{width:100%;}
.list_style-itemImage h3, .list_style-itemImage h4{font-size:clamp(1.125rem, 1vw + 1rem, 1.5rem);font-weight:900;margin:14px 0 16px;text-align:center;border-bottom:1px dashed #777;padding-bottom:0.6em;color:#444;}
.page-template-archive-course_list .list_style-itemImage h3{margin:0 0 16px;}
.list_style-itemImage .title-top{margin-top:0;font-size:clamp(1.125rem, 1vw + 1rem, 1.375rem);line-height:1.4;}
.list_style-itemImage img{width:100%;border-radius:10px;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.list_style-item-2{width:calc(100% / 2 - 20px);}
.list_style-item-3{width:calc(100% / 3 - 27px);display:flex;flex-direction:column;}
.list_style-item-3.reverse{flex-direction:column-reverse;}
.list_style-item-4{width:calc(100% / 4 - 30px);display:flex;flex-direction:column;}
@media(max-width:768px){
.list_style-wrap{gap:30px;}
.school_environment .list_style-item-4{width:100%;}
.header_body .list_style-wrap, .scroll_list-wrap .list_style-wrap{gap:2px;}
.list_style-item{font-size:13px;line-height:1.6;}
.list_style-item-2{width:calc(100% / 2 - 8px);}
.item-sp-1{width:100%;}
.list_style-item-4{width:calc(100% / 2 - 8px);}
.main-bg .is-row{flex-direction:column-reverse;}
.list_style-item{padding:14px 10px;}
.list_style-item::before{width:38px;}
.list_style-itemImage h4 + p{font-size:14px;}
.scroll_list-wrap{overflow:auto;-webkit-overflow-scrolling:touch;}
.scroll_list{width:1000px;}
.scroll-list img{width:100%;max-width:none;display:block;}
}
@media(max-width:570px){
.list_style-itemImage .title-top{font-size:calc(28 / 570 * 100vw);text-align:left;}
}
.teacher_work{border-top:1px solid #333;padding-top:24px;margin-top:24px;}
.teacher_name{display:block;font-size:18px;font-weight:700;text-align:center;margin:20px 0;}
.cta_wrap .main_btn a{font-size:18px;transition:background-color 0.3s;}
.cta_wrap .main_btn a:hover, .header_bodyWrap .main_btn a:hover{background-color:#555;}
.day-section{display:flex;color:#fff;margin-top:60px;position:relative;align-items:start;}
.day-section::before{content:"";display:inline-block;font-weight:bold;width:20px;margin-top:7px;border-radius:50%;aspect-ratio:1;background-color:var(--base-color);flex-shrink:0;transform:translateX(-2px);}
.day-section::after{content:"";display:inline-block;width:2px;height:100%;background-color:var(--base-color);position:absolute;top:36px;left:6px;}
.day-body{padding-left:16px;font-size:15px;}
.day-num{font-size:15px;font-weight:700;margin-bottom:10px;color:var(--base-color);}
.day-title{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--base-color);}
.day-list li{display:inline-block;padding:10px 20px;margin-top:16px;border:2px solid #fff;border-radius:10px;font-size:14px;font-weight:700;}
@media(max-width:768px){
.day-section{flex-direction:column;margin-top:40px;align-items:stretch;}
.day-section::before{width:20px;transform:translateX(-3px);}
.day-body{padding-left:22px;margin-top:-24px;}
}  .splide__track{padding-top:6px;}
.slide_item{display:block;position:relative;max-width:460px;background-color:#fff;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);padding:2em 1.5em;border-radius:20px;border:4px solid #c8f806;transition:transform 0.3s ease-in-out;}
@media (any-hover: hover) {
.slide_item:hover{transform:translateY(-6px);}
}
.slide_item-tagWrap{display:flex;gap:10px;margin-bottom:30px;align-items:center;justify-content:space-between;}
.change_body{width:46%;padding:6px 16px 16px;font-weight:700;line-height:1.3;min-height:100px;border-radius:8px;}
.change_before{background-color:#F2F2F2;}
.change_after{background-color:#F5FFDB;}
.slide_item-tag{position:relative;display:inline-block;background-color:#F64610;padding:0.2em 1em;border-radius:20px;font-weight:700;font-size:clamp(0.688rem, 1vw + 0.25rem, 0.875rem);margin-top:0.5em;color:#fff;}
.slide_item-tag-gray{background-color:#5A5A5A;}
.slide_item-tag-black{background-color:#222;border:2px solid;}
.slide_item-img{width:50%;}
.slide_name{font-size:18px;font-weight:700;text-align:center;margin:0 0 1em;}
.slide_title{font-size:20px;font-weight:700;border-bottom:2px dotted #ddd;padding-bottom:1em;margin-bottom:1em;}
.splide .splide__arrow{background-color:transparent;border:2px solid #333;height:4em;width:4em;transform:rotate(180deg);}
.splide .splide__arrows{position:absolute;left:60px;top:-10px;}
.splide .splide__arrow--next{right:0;}
.splide .splide__track--draggable{padding-top:80px;}
.splide__list{height:auto;}
@media(max-width:570px){
.slide_item{max-width:100%;margin:0 0.5em;padding:1em 1.4em;}
} .font-l{font-size:2.6rem;font-weight:700;}
.font-m{font-size:20px;font-weight:bold;line-height:1.4;}
.link_iconArrow{position:relative;}
.link_iconArrow::before, .link_iconArrow::after{position:absolute;bottom:14px;right:0;margin:auto;content:"";transition:0.2s ease-in;}
.link_iconArrow::before{right:15px;width:16px;height:2px;background:#222;}
.link_iconArrow::after{right:15px;bottom:12px;width:6px;height:6px;border-top:2px solid #222;border-right:2px solid #222;transform:rotate(45deg);}
.link_iconArrow:hover::before{transform:translateX(4px);}
blockquote{font-style:italic;position:relative;box-sizing:border-box;padding:10px 15px 10px 50px;color:#555;background:#efefef;}
blockquote:before{font-family:sans-serif;font-size:90px;line-height:1;position:absolute;top:10px;left:-3px;display:inline-block;content:"“";color:#cfcfcf;}
blockquote p{line-height:1.7;margin:10px 0;padding:0;}
blockquote cite {
font-size: 0.9em;
display: block;
text-align: right;
color: #888;
} a{color:#333;}
.font-w{color:#fff !important;}
.none{display:block;}
.nav-open{display:none;}
.nav-close{display:block;}
.fa-white{color:#fff;}
.blue_color{background:#030a2d !important;}
.border-left{border-left:5px solid #222;padding-left:16px;}
.marker_yellow_futo{font-weight:bold;background:linear-gradient(transparent 0%, #ff6 0%);}
.title-marker{font-size:2.4rem;font-weight:900;line-height:1.4;}
.title-marker-L{font-size:clamp(1.25rem, 2vw + 1rem, 2.125rem) !important;}
.title-marker span{background:linear-gradient(transparent 60%, #ff6 0%);}
.line-marker{background:linear-gradient(transparent 60%, var(--base-color) 0%);}
h2.line-marker + p{font-size:14px;}
.through{text-decoration:line-through;}
.school-photoWrap{display:flex;width:90%;margin-top:-30px;margin-bottom:100px;margin-right:auto;margin-left:auto;}
.flame-gray{background:#eee;padding:0.4em;}
.monthly-calendar table{border-collapse:collapse;}
.monthly-prev, .monthly-next{background:#222;color:#fff;}
.inpage_content .monthly-next a{color:#fff !important;}
.content-form th, .content-form td{border:none !important;}
.content-form fieldset{padding:2em !important;}
.content-form legend{font-size:1.8rem;}
.content-text.medium, .content-text.fat{border:none;background:#eee;margin-bottom:20px;}
#action-button button{text-align:center;background:#222;color:#fff;border-radius:50px;padding:1em;width:60%;margin:40px auto 0;display:block;}
@media all and (max-width: 460px) {
.video-flame{height:auto;}
} .cv_btn{overflow:hidden;width:40%;margin:0 auto;transition:0.6s;border:2px solid #333;}
.main_btn{font-size:16px;width:55%;max-width:360px;}
.main_btn.-full{width:100%;}
.top_cvbtn .main_btn{margin:0 10px;}
.top_cvbtn .online_btn{margin-left:3%;}
.l-main_btn{width:36%;}
.m-main_btn{width:76%;margin-top:20px;}
.main_btn a{font-weight:bold;position:relative;display:block;padding:1.2em 1em;font-size:16px;transition:all 0.4s;text-align:center;border-radius:60px;background:#222;color:#fff;}
.main_btn.-border a{border:2px solid #333;background-color:transparent;color:var(--base-fontColor);overflow:hidden;}
.main_btn.-border.-green a{border:2px solid var(--base-color);color:var(--base-color);}
.main_btn.-border span{position:relative;z-index:1;}
.main_btn.-border a::after{content:"";position:absolute;top:0;left:0;transform:translateY(100%) rotate(-10deg);width:180%;height:180%;background:#333;transition:transform 0.3s ease-in-out;}
.main_btn.-border.-green a::after{background:var(--base-color);}
.border_button a{width:60%;border:2px solid #333;font-weight:bold;position:relative;display:block;padding:1.6em 1em;font-size:16px;transition:all 0.4s;text-align:center;border-radius:60px;margin:auto;transition:0.2s ease-in-out;}
.border_button--white a{width:40%;border:2px solid #fff;color:#fff;}
@media (any-hover: hover) {
.main_btn.-border a:hover::after{transform:translate(-2%, -40%) rotate(-10deg);}
.main_btn.-border a:hover{color:#fff;}
.main_btn.-border.-green a:hover{color:#333;}
.border_button a:hover{background:#333;color:#fff;}
.border_button--white a:hover{border:2px solid #fff;color:#471ff8;background-color:#fff;}
}
@media(max-width:768px){
.border_button a{width:100%;padding:1.2em 1em;font-size:14px;}
}
.main_btn-L a{padding:24px 15px;}
.main_btn.btn_yellow a{border:2px solid #333;}
.main_btn.btn_black a{background:#111;color:#fff;}
.main_btn.btn_blue a{background:var(--accent-blue);}
.contact_btn-black a{color:#fff;background:#222;}
.contact_btn-accent a{color:#fff;background:#471FF8;}
.contact_btn-main a{background:#ef4110;color:#fff;}
.contact_btn-yellow a{background-color:#f8ee06;color:#333;}
.contact_btn a{color:#fff;background:#06c755;font-weight:700;}
.cta_btn a{color:#fff;background:#053657;}
.main_btn.cv_online_btn a:hover{color:#fff;}
.top_cvbtn{display:flex;margin-top:60px;}
.cv_online_btn a{background:linear-gradient(to right, #323aad, #52b5e7);color:#fff;}
.content_ttl{font-size:clamp(2.4rem, 0.977rem + 1.36vw, 3.2rem);font-weight:700;line-height:1.6;margin-bottom:16px;text-align:left;}
.section-title-s{margin-bottom:10px;font-weight:bold;}
@media all and (max-width: 768px) {
.width-middle{width:100%;}
.main_btn.btn_yellow a{color:#222;}
.list-style02 li{font-size:16px;width:49%;flex-direction:column;padding:16px;}
.list-style02 li:before{margin-bottom:16px;margin-right:0;}
.accent_title{font-size:21px;line-height:1.4;}
} .header{}
.header_bg{padding:20px 0 0;}
.header_body{margin-top:25px;}
.header_tag{margin-bottom:10px;margin-top:20px;display:flex;}
.header_bodyWrap{display:flex;align-items:self-start;justify-content:space-between;gap:35px;margin-top:35px;}
.top_mv{position:absolute;left:-240px;bottom:-80px;}
.top_mv img{width:80%;}
.video{position:relative;text-align:center;width:96%;height:520px;margin:-40px auto 0;}
.video::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.1;border-radius:20px;}
.video video{width:100%;height:520px;object-fit:cover;object-position:0% 17%;border-radius:20px;object-position:center;}
@media(max-width:768px){
.top_mv{width:40%;right:-20px;bottom:-30px;margin-top:-100px;margin-left:auto;transform:translateY(0px);}
.video{margin-top:-10px;}
.header_top{padding-top:110px;}
.header_top .header_bg{padding:20px 26px 0;}
.video::before{display:none;}
}
.top-logo{margin-top:60px;position:relative;z-index:1;}
.header_txt_img{width:90%;margin-bottom:10px;}
.header_tag li{display:inline-block;background-color:#333;color:#fff;font-weight:700;padding:0.2em 1.1em;font-size:13px;}
.gray_tag li{background:#f2f2f2;border:1px solid;color:#333;padding:0.2em 1.1em;font-size:13px;}
.order-wrap{display:flex;flex-direction:column;}
.title_style01{font-size:2.6rem;font-weight:bold;margin-bottom:30px;}
.borderLeft_title{border-left:2px solid #333;padding-left:10px;font-weight:700;}
@media(max-width:768px){
.borderLeft_title{font-size:14px;line-height:1.2;}
} .header_bg{position:relative;}
.header_inpage .header_inner{position:absolute;top:20px;z-index:99;width:73%;transform:translateX(40px);}
.header_logo{margin-right:auto;}
.header_menu{margin:0 auto;padding-bottom:20px;border-bottom:1px dashed #c7c7c7;}
.is_course .header_menu{border-bottom:1px dashed #333;}
.header_menu-sub{width:15%;}
.header_menu-sub li{width:50%;padding:0 10px;transition:all 0.4s;}
.header_menu-sub li:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
.gnav li{font-size:15px;font-weight:bold;}
.gnav li a{position:relative;display:block;padding:5px;margin:0 10px;}
.gnav li a::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#333;transform-origin:right top;transform:scale(0, 1);transition:transform 0.3s ease-in-out;}
@media (any-hover: hover) {
.gnav li a:hover{color:#4c10ef;}
.gnav li a:hover::before{transform-origin:left top;transform:scale(1, 1);background:#4c10ef;}
.sub_menu a:hover::before{display:none;}
}
.sub_menuWrap{position:relative;}
.sub_menu{position:absolute;top:52px;visibility:hidden;padding:15px 20px;transition:0.3s;opacity:0;background:#fff;z-index:30;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);border-radius:10px;}
.sub_menu.-short{min-width:200px;right:-20px;}
.sub_menu.-wide{min-width:270px;left:-40%;}
.sub_menuWrap:hover .sub_menu, .sub_menuWrap:focus-within .sub_menu{visibility:visible;opacity:1;}
.gnav .sub_menu a{padding:10px 0;}
.sub_menu a:hover{color:#666;}
.zdo_drawer_menu .zdo_drawer_nav .course-btn a::before{content:"コース";width:50px;height:auto;background:#333;color:#fff;font-size:12px;text-align:center;}
.zdo_drawer_menu .zdo_drawer_nav .course-btn.course-btn-cv a::before{content:"相談";background:#ef4110;}
.header_cath{font-size:calc(42 / 1200 * 100vw);font-weight:900;line-height:1.35;}
@media(min-width:1600px){
.header_cath{font-size:56px;}
}
.header_cath_sub{font-size:16px;font-weight:normal;margin-top:20px;margin-bottom:40px;text-align:left;font-weight:bold;line-height:2;}
.pc_nav{border:2px solid #333;width:50px;height:50px;aspect-ratio:1;border-radius:50%;margin-left:20px;font-size:24px;color:#333;text-align:center;}
.pc_nav::before{content:"…";display:inline-block;}
.fixed-nav{display:none;}
@media(min-width:1119px){
.fixed-nav{display:block;position:fixed;z-index:99;bottom:0;right:0;width:20%;min-width:290px;transition:transform 0.4s ease;}
}
.fixed-nav .toripen{width:100px;margin:-80px auto 10px;transform:translateX(-10px);}
.fixed-nav .side-content-title{font-size:20px;text-align:center;}
.fixed{position:fixed;z-index:99;top:1%;left:5%;width:90%;transition:0.4s;transform:translateY(-150%);}
.fixed .header_menu{width:90%;margin:0 auto;background-color:#fff;border-bottom:none;padding:16px 30px;border-radius:50px;}
.fixed .header_menu .is-show{transform:translateY(10%);}
.fixed .header_menu-sub{display:none;}
.is-show{transform:translateY(10%);}
.image_bg{padding:60px 0 80px;}
.image_bg .inner{position:relative;}
.top-image_bg{background-image:url(https://creators-factory.com/wp-content/themes/CF/img/top/top-imag_bg.jpg);background-repeat:no-repeat;background-size:cover;position:relative;margin-top:130px;}
.top-image_bg::before{content:"";position:absolute;top:0;left:0;background-color:rgba(0, 0, 0, 0.4);width:100%;height:100%;}
.top-image_bg .content-body{color:#fff;}
.button_box a{display:block;border:2px solid #444;font-weight:900;font-size:18px;padding:20px 10px;text-align:center;border-radius:20px;margin-top:30px;}
@media screen and (max-width:1220px){
.header_inpage .header_inner{width:100%;transform:translateY(0);}
.fixed .header_menu{width:100%;margin:inherit;}
}
@media(max-width:1080px){
.is_course .header_bodyWrap{flex-direction:column;margin-top:80px !important;}
}
@media screen and (max-width:768px){
.header_body{margin-top:0;}
.header_bodyWrap{flex-direction:column-reverse;gap:0;align-items:start;margin-top:16px;}
.video video{max-width:100%;height:260px;}
.video{max-width:100%;width:100%;order:-1;height:auto;}
.header_txt_img{width:100%;}
.top-logo{margin-top:-20px;}
.header_cath{font-size:calc(45 / 700 * 100vw);}
}
@media screen and (max-width:768px){
.header_tag{margin-bottom:20px;}
.main_btn{width:45%;}
.header{margin-bottom:40px;}
}
@media screen and (max-width:570px){
.main_btn{width:100%;max-width:100%;}
.header_cath{font-size:calc(30 / 480 * 100vw);}
.is_course .header_cath{font-size:calc(35 / 480 * 100vw);}
.header_tag li{font-size:11px;}
}  .school{margin-top:130px;padding:20px 0;background-size:cover;}
.main-gradation-bg{padding:60px 2em;background:linear-gradient(to right, rgba(254, 219, 53, 1), rgba(255, 190, 43, 1));}
.main-bg{background-color:#fff;padding:60px 2em;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.main-bg.space-s{padding:30px 2em;}
.is_course .main-bg{padding:28px 3em 50px;width:32%;}
.is_course .main-bg h2{font-size:20px;font-weight:700;margin-bottom:24px;}
.main-bg-L{background-color:#fff;padding:60px 4em;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.main-bg-min{background-color:#fff;padding:60px 4em;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.main-bg-sm{background-color:#fff;padding:2em;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.main-bg-tbSpace{background-color:#fff;padding:60px 0;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
@media(max-width:768px){
.main-bg{padding:60px 1.6em;}
.main-bg-L{padding:60px 2em;}
.main-bg-min{padding:60px 2em;}
.main-bg-sm{padding:1.4em;}
}
.main-bg-link{display:block;position:relative;background-color:#fff;padding:30px 4em 44px;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.main-bg-link::before{position:absolute;top:50%;transform:translateY(-50%);left:-243px;width:270px;aspect-ratio:1;border-radius:50%;background:var(--base-color);content:"";transition:left 0.3s, transform 0.3s;}
.main-bg-link::after{position:absolute;bottom:10px;right:10px;width:25px;height:25px;border-radius:50%;background:#333;content:"";transition:background 0.3s, transform 0.3s;}
@media (any-hover: hover) {
.main-bg-link:hover::after{transform:scale(1.3);background:var(--base-color);}
.main-bg-link:hover::before{left:-273px;}
}
.main-bg-black{background-color:#444;padding:80px 2em;}
.main-bg-gray{background-color:#555;color:#fff;padding:2em;}
.main-bg-gray .course_goal h4{color:#fff;}
.main-bg-gray .course_goal{border-left:1px dashed #fff;}
.main-bg-gray .slide_item-tag{color:#333;}
@media screen and (max-width:1100px){
.main-gradation-bg{padding:60px 16px 90px;}
.main-bg-black{padding:80px 1em 60px;}
}
@media(max-width:768px){
.main-bg-min{padding:60px 1.6em;}
.home .main-bg-black{margin-top:150px !important;padding:80px 26px;}
.couse_step .main-bg-min{padding:30px 0;}
.couse_step .ml30{margin-left:15px !important;}
.couse_step .mr30{margin-right:15px !important;}
.main-bg-link{padding:30px 1.4em 50px;}
}
@media screen and (max-width:570px){
.main-gradation-bg{padding:60px 16px 40px;}
.main-bg{padding:60px 20px 30px;}
.is-inpage .main-bg{padding:30px 20px;}
} .top_career-img{position:relative;text-align:center;margin-top:80px;z-index:2;}
.top_career-list{display:flex;margin-top:-100px;position:relative;}
.top_career-item h3{font-size:clamp(18px, 4vw, 28px);line-height:1.3;font-weight:bold;margin:20px 0 10px;color:#c8f806;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.top_career-item p{font-size:15px;padding:0 30px;}
.about-section.main-bg-black{width:94%;margin:auto;border-radius:30px;}
.about-section{color:#fff;}
.about-section h2{font-size:26px;line-height:1.4;font-weight:bold;color:#c8f806;}
.about-section .title-body p{font-size:clamp(18px, calc(1.85vw + 12.1px), 38px);font-weight:900;line-height:1.4;margin-top:30px;}
.top_career-title{display:none;}
.flow-img img{width:100%;}
.flow-img{text-align:center;}
@media(max-width:768px){
.top_career-img{display:none;}
.flow-img img{width:80%;}
.top_career-list{flex-direction:column;margin-top:0;gap:50px;margin-top:30px;}
.top_career-title{display:inline-block;background-color:var(--base-color);padding:0.1em 0.5em;font-size:24px;font-weight:bold;color:#333;margin-top:50px;}
}  .thumbnail_list-wrap{display:flex;flex-wrap:wrap;row-gap:50px;column-gap:32px;justify-content:space-between;margin-top:60px;}
.thumbnail_item{display:flex;align-items:start;gap:24px;width:46%;}
.thumbnail_item img{width:46%;border-radius:10px;}
.thumbnail_item h3{font-size:24px;font-weight:900;line-height:1.4;margin-bottom:20px;}
.thumbnail_item-body h4{font-size:clamp(16px, 3.5vw, 24px);font-weight:900;line-height:1.4;margin-bottom:20px;}
.thumbnail_item-body p{font-size:15px;}
@media(max-width:1100px){
.thumbnail_list-wrap{row-gap:40px;margin-top:40px;}
.thumbnail_item{flex-direction:column;width:calc(100% / 2 - 18px);}
.thumbnail_item img{width:100%;}
}
@media(max-width:570px){
.thumbnail_list-wrap{flex-direction:column;}
.thumbnail_item-body{display:contents;}
.thumbnail_item{width:100%;gap:15px;}
.thumbnail_item-body h4{margin-bottom:0;order:-1;}
.thumbnail_item-body h4{font-size:calc(28 / 570 * 100vw);}
}  .support_body{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:60px;margin-top:60px;counter-reset:number 0;}
.support_list{position:relative;border-radius:10px;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.support_list::before{position:absolute;top:-20px;left:-20px;width:58px;height:58px;background:#d52d2d;border-radius:50%;color:#fff;font-weight:bold;font-size:28px;text-align:center;line-height:58px;counter-increment:number 1;content:counter(number, decimal-leading-zero);}
.support_list_title{font-size:2rem;font-weight:bold;margin-bottom:10px;text-align:center;color:#d52d2d;}
.support_listBody{padding:1em 2.5em 1.8em 2.5em;}
.support_listImg img{border-radius:10px 10px 0 0;width:100%;}
@media all and (max-width: 768px) {
.support_listBody{padding:1em 1.4em 1.8em 1.4em;}
.school{margin-top:60px;}
}
@media all and (max-width: 570px) {
.support_body{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));}
.support_list p{font-size:14px;}
} .course_scheduleWrap{position:relative;}
.header_illust01{position:absolute;bottom:-80px;left:-80px;width:50%;}
.header_illust02{position:absolute;bottom:-100px;right:-50px;width:36%;}
@media(max-width:1080px){
.header_illust01{position:absolute;bottom:-40px;left:-40px;width:150px;}
.header_illust02{display:none;}
}
.course_scheduleBody{border-bottom:1px solid #d0d0d0;margin-bottom:20px;padding-bottom:20px;}
.course_scheduleList{font-size:12px;margin-bottom:2px;}
.course_scheduleTitle{font-size:17px;font-weight:700;}
.course_schedule-title{font-size:18px !important;background-color:#471ff8;display:inline-block;padding:0.2em 1em;color:#fff;border-radius:60px;}
.policy_body{width:100%;}
.policy_body .school_body{grid-template-columns:repeat(auto-fit, minmax(277px, 1fr));}
.policy_body .school_list{margin-bottom:16px;}
.policy_body .school_list_title{color:var(--accent-orange);}
.school_body{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:40px;}
.school_list{border-radius:10px;background:#fff;padding:1.8em;border:1px solid #222;}
.school_list a{display:block;padding:1em 2em 4rem;}
.school_list > p{font-size:15px;}
.school_list_img{margin:-70px 0 10px;text-align:center;}
.school_list .school_list_nom{font-family:"Jost", sans-serif;text-align:center;font-weight:bold;font-size:30px;border:1px dashed #111;border-radius:50%;width:80px;height:80px;line-height:80px;background-color:#fff;margin:-60px auto 20px;}
.school_list_title{font-size:22px;font-weight:bold;margin-bottom:10px;text-align:center;}
.school_list_btn{overflow:hidden;max-width:1600px;margin:0 auto;}
.school_list_btn p{font-size:1.5rem;}
.school_list_ttl{font-size:3vmin;font-weight:500;margin-bottom:20px;color:#fff;}
.school_list_btn li{position:relative;width:33.3333%;background-size:cover;}
.school_list_btn li a{display:block;padding:30px 50px 50px;}
.school_list_btn li:nth-child(1){background:url(//creators-factory.com/wp-content/themes/CF/img/top/school_list_img01.png) no-repeat;background-size:cover;}
.school_list_btn li:nth-child(2){background:url(//creators-factory.com/wp-content/themes/CF/img/top/school_list_img02.png) no-repeat;background-size:cover;}
.school_list_btn li:nth-child(3){background:url(//creators-factory.com/wp-content/themes/CF/img/top/school_list_img03.png) no-repeat;background-size:cover;}
.school_list_btn li:before{position:absolute;right:0;bottom:0;display:block;width:30px;height:30px;margin-top:-8px;content:"";transition:0.3s;background:#e8d921;}
.school_list_btn li:after{position:absolute;right:5px;bottom:7px;display:block;width:0;height:0;content:"";border:6px solid transparent;border-left:6px solid #333;}
.school_list_btn li:hover:before{background:var(--accent-orange);}
.school_list_btn li:hover:after{border-left:7px solid #fff;}
.point-body-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.point-body{background:#fff;padding:1.8em;border-radius:10px;width:calc(100% / 3 - 20px);font-size:1.4rem;}
.point-number{font-size:2.8rem;font-weight:bold;letter-spacing:0.1em;text-align:center;text-transform:uppercase;margin-top:-50px;margin-bottom:20px;}
.point-title{font-size:21px;font-weight:bold;margin-bottom:10px;text-align:center;line-height:1.4;color:var(--accent-orange);}
.policy_title{display:inline-block;padding:0.1em 0.6em;margin-top:20px;background-color:#471ff8;color:#fff;margin-bottom:12px;font-size:clamp(1.125rem, 2vw + 1rem, 1.75rem);font-weight:800;line-height:1.4;}
.policy_title-s{font-size:18px;}
.policy_list{width:calc(100% / 3 - 24px);border:2px solid #222;padding:1.4em 1.8em;font-weight:700;line-height:1.6;background:#fff;border-radius:10px;}
.row_list-2{width:calc(100% / 2 - 24px);padding:2.4em 2.8em;}
.policy_list .policy_list p{font-weight:400;}
.inpage_policy_list{padding:1.4em 1.8em;}
.inpage_policy_list p{font-size:14px;}
.policy_list h4{font-size:24px;text-align:center;margin:16px 0;color:var(--accent-orange);}
.inpage_policy_list h4{color:var(--accent-orange);}
.number_style{border:2px solid #222;width:60px;height:60px;line-height:60px;text-align:center;font-size:22px;border-radius:50%;margin:0 auto 20px;}
@media screen and (max-width:768px){
.point-body-wrap{flex-direction:column;}
.point-body{width:100%;margin-top:40px;}
.policy_list{width:100%;margin-top:20px;padding:1em 1.8em;}
.course_scheduleTitle{font-size:15px;}
}
@media screen and (max-width:1080px){
.header_bodyWrap .main-bg{width:100%;}
.school_list{margin-top:30px;}
.black-bg-opacity{background:rgba(0, 0, 0, 0.6);}
.pd-normal{padding:40px 0;}
.w-50, .w-60{width:100%;}
}
@media screen and (max-width:570px){
.school_list{width:100%;}
.recommend_item_txt{font-size:1.4rem;line-height:1.8;}
.primary-text{font-size:1.4rem;line-height:1.8;}
.school_body{gap:0;}
}
.all_btn{width:50%;margin-bottom:40px;}
.cv_btn:hover{border-radius:30px;}
.cv_btn a{position:relative;z-index:100;display:block;padding:15px 0;text-align:center;color:#333;}
.learning{padding:80px 0;}
.home .learning{padding:60px 0 80px;margin-top:160px;}
.learning_list{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:30px;}
.learning_list_img{width:130px;margin:-80px auto 20px;}
.learning_list li{margin:30px 0;padding:30px 25px;border-radius:10px;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.learning_list li h3{font-size:1.2vw;font-weight:bold;margin-bottom:15px;text-align:center;}
.learning_list li h3 span{background:linear-gradient(transparent 50%, #fce90a 50%);}
.learning_list li p{font-size:1.4rem;}
@media screen and (max-width:1100px){
.learning_list li h3{font-size:16px;}
.learning_list_img{width:110px;}
} #nav-drawer{position:relative;top:7px;}
.nav-unshown{display:none;}
#nav-open{display:inline-block;width:30px;height:22px;vertical-align:middle;}
#nav-open span,
#nav-open span:before,
#nav-open span:after{position:absolute;display:block;width:25px;height:3px;content:"";cursor:pointer;border-radius:3px;background:#555;}
#nav-open span:before{bottom:-8px;}
#nav-open span:after{bottom:-16px;}
#nav-close{position:fixed;z-index:99;top:0;left:0;display:none;width:100%;height:100%;transition:0.3s ease-in-out;opacity:0;background:black;}
#nav-content{position:fixed;z-index:9999;top:0;left:0;overflow:auto;width:90%;max-width:330px;height:100%;transition:0.3s ease-in-out;-webkit-transform:translateX(-105%);transform:translateX(-105%);background:#fff;}
#nav-input:checked ~ #nav-close{display:block;opacity:0.5;}
#nav-input:checked ~ #nav-content{-webkit-transform:translateX(0%);transform:translateX(0%);box-shadow:6px 0 25px rgba(0, 0, 0, 0.15);}
#nav-content h3{font-size:2rem;padding:10px 0;text-align:center;color:#fff;background:linear-gradient(to right, rgba(255, 127, 152, 0.6), #ff947f);}
.sp-gnav li{font-size:1.6rem;padding:14px 0;border-bottom:1px solid #ccc;}
.sp-gnav li a{display:block;padding-left:20px;}
@media screen and (min-width:768px){
#nav-open{display:none;}
}
#IconList1 a:before{position:absolute;top:50%;right:20px;display:block;width:8px;height:8px;margin-top:-4px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#333;}
#IconList1 a:after{position:absolute;top:50%;right:23px;display:block;width:8px;height:8px;margin-top:-4px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;}
.style_ttl{font-size:clamp(2rem, 1.227rem + 1.36vw, 2.8rem);font-weight:bold;line-height:1.5;margin-bottom:30px;color:#222;}
.content_btn{max-width:350px;margin:0 auto;transition:0.6s;border:2px solid #fff;}
.content_btn a{display:block;padding:10px 0;text-align:center;color:#fff;}
.content_btn:hover{border-radius:30px;}
.header_in{position:absolute;top:13%;right:0;bottom:0;left:0;width:80%;margin:auto;}
.header .k-title{font-size:2.2rem;font-weight:bold;max-width:730px;margin:0 auto 30px;padding:8px 0;text-align:center;color:#fff;background:rgba(221, 1, 123, 0.7);}
.header .catch{font-size:5.6rem;font-weight:bold;line-height:1.2;text-align:center;color:#fff;text-shadow:1px 1px 2px #333;font-feature-settings:"palt";}
.header .nav_wrap{position:fixed;z-index:999;top:0;width:100%;padding:6px 0;transition:0.3s;background:rgba(255, 255, 255, 0.8);}
.monthly-calendar caption{font-size:2rem !important;font-weight:bold;margin:0 0 30px 0;}
.monthly-calendar th, .monthly-calendar td{text-align:center;border:1px solid #d1d1d1;}
.monthly-calendar th{font-size:1.6rem !important;font-weight:bold;padding:5px 0;}
.day-number, .calendar-mark{text-align:center;}
a.calendar-daylink{font-size:20px;display:block;text-align:center;}
.monthly-prev, .monthly-next{float:left;margin-top:20px;padding:8px 20px;border:1px solid #333;}
.monthly-next{float:right;margin-right:1rem;}
th.day-left{line-height:3.5rem !important;}
a.booking-timelink{font-size:20px;display:block;text-align:center;}
.jiseki{padding:40px 0;}
.jiseki_list li{line-height:1.2;width:32%;margin-bottom:20px;text-align:center;transition:transform 0.3s ease-in-out;}
.jiseki_list li:hover{transform:translateY(-6px);}
.jiseki_list li span{font-size:12px;}
.jiseki_list li img{border-radius:20px;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.news_wrap{border:2px solid #666;border-radius:20px;padding:40px;width:64%;}
.news_item + .news_item{margin-top:20px;}
.news_item p{margin-top:5px;}
.news_item a{font-size:14px;font-weight:bold;margin-top:5px;}
.news_item a:hover{color:var(--accent-orange);}
.news_bnr{display:flex;justify-content:space-between;margin-top:34px;gap:20px;}
@keyframes loop {
from{transform:translateX(0);}
to{transform:translateX(-100%);}
}
.scroll-top{display:flex;align-items:center;}
.scroll-list{animation:loop infinite linear 28s both;}
.scroll-list li{width:1200px;margin-right:20px;}
@media all and (max-width: 570px) {
.style_ttl{font-size:24px;}
.section_title{font-size:calc(32 / 570 * 100vw);}
.jiseki_list li img{border-radius:10px;}
} .content-body{width:45%;}
.home .main-content .content-body-move{width:50%;}
.main-content .content-body-move{width:100%;}
.content-body-move iframe{aspect-ratio:16 / 9;width:100%;}
@media all and (max-width: 768px) {
.content-body .mt40{margin-top:0 !important;}
.main-content .content-body-move{margin-top:0;}
.home .main-content .content-body-move{width:100%;}
.worries .main-bg{padding:30px 0;}
.worries_image{width:100%;}
.worries_text{font-size:20px;margin-top:10px;}
.worries_border{margin-top:0;}
.news_wrap{width:100%;padding:30px;margin-top:40px;}
}
@media all and (max-width: 570px) {
.content-body{width:100%;margin-bottom:20px;}
.content-body-img{width:100%;text-align:center;}
.content-body-move{width:100%;}
} .entrance{padding:60px 0;}
.page-template-page-onlinegym .entrance{padding:60px 0;color:#fff;background:linear-gradient(to right, #3e1b95, #327abd);}
.entrance h2{font-size:24px;line-height:1.4;font-weight:bold;margin-bottom:20px;text-align:center;}
.entrance_list{display:flex;}
.entrance_list li{position:relative;width:33.333%;margin-right:3%;transition:0.5s;border:2px solid #333;background:#fff;background-image:none, linear-gradient(-45deg, #dd017b 10px, transparent 0), none, none;}
.entrance_list li:hover{box-shadow:6px 6px #444;}
.entrance_list li:last-child{margin-right:0;}
.entrance_list a{display:block;padding:20px;color:#333;}
.entrance_list h3{font-size:26px;font-weight:bold;position:relative;margin-bottom:20px;text-align:center;}
.entrance_list h3:after{position:absolute;top:0;right:0;bottom:-3px;left:0;width:145px;margin:auto;content:"";border-bottom:3px solid #dd017b;}
.environment{padding:60px 0 80px;background:url(//creators-factory.com/wp-content/themes/CF/img/top/chek_bg.jpg);}
.environment_txt_box{max-width:760px;margin:0 auto;}
.environment_txt{margin-bottom:20px;}
.recommend{margin:120px auto;padding:60px 8px;background:#fcf8ed;}
.recommend_body{display:flex;justify-content:space-between;}
.recommend_bodyTitle{width:30%;}
.recommend_bodyList{width:64%;}
.recommend_list{margin-bottom:40px;}
.recommend_list li{width:calc(100% / 4);padding:20px;border-right:1px solid #eee;background:#fff;}
.recommend_list li:last-child{border-right:none;}
.recommend_list_ttl{font-size:20px;font-weight:bold;margin-bottom:20px;line-height:1.4;}
.recommend_box{font-size:20px;font-weight:bold;padding:20px 50px;border:2px solid #333;border-radius:10px;background-color:#fff;}
.recommend_box li{margin-bottom:10px;list-style:circle;}
.balloon1{position:relative;display:inline-block;max-width:100%;margin:1.5em 0;padding:10px;border-radius:6px;background:#fedb35;}
.balloon1:before{position:absolute;top:100%;left:50%;margin-left:-15px;content:"";border:15px solid transparent;border-top:15px solid #fedb35;}
.recommend_item{width:33%;padding:0 10px;}
.recommend_item h3{font-size:17px;font-weight:bold;line-height:1.4;width:100%;margin-bottom:20px;transform-origin:50% 50%;animation:img_box_9955 3s linear infinite;text-align:center;}
.recommend_buttonWrap{display:flex;justify-content:space-between;}
.recommend_button{width:48%;margin-top:60px;font-size:20px;font-weight:bold;}
.recommend_button a{position:relative;display:block;width:100%;background:#333;color:#fff;text-align:center;padding:40px 20px;transition:0.3s ease-in-out;}
.recommend_button a:hover{background:#555;}
.recommend_button a::before{content:"";position:absolute;top:50%;right:-0.05em;width:40px;height:40px;border:1px solid #fff;border-radius:50%;transform:translate(-50%, -50%);}
.recommend_button a::after{content:"";width:0.65em;height:0.65em;border:0.1em solid currentColor;border-left:0;border-bottom:0;transform:rotate(45deg);transform-origin:top right;position:absolute;top:50%;right:33px;box-sizing:border-box;}
@keyframes img_box_9955 {
0%{transform:translateY(0);}
33.33333%{transform:translateY(-10px);}
66.66667%{transform:translateY(0);}
100%{transform:translateY(0);}
}
.recommend_item_txt{padding:30px;border-radius:10px;background:#fff;}
@media all and (max-width: 1100px) {
.recommend_body{flex-direction:column;}
.recommend_bodyTitle, .recommend_bodyList{width:100%;}
.recommend_mainImage{display:none;}
}
@media all and (max-width: 768px) {
.recommend_buttonWrap{flex-direction:column;}
.recommend_button{width:100%;margin-top:20px;font-size:16px;}
.recommend_button a{padding:20px;}
}
.voice{padding:60px 30px;background:#f5f7f8;}
.voice_ttl{font-size:17px;line-height:1.5;font-weight:bold;margin-bottom:16px;}
.voice_list_box{margin:0 8px 10px;padding:15px;border-radius:10px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.voice_list_box_img{margin-bottom:10px;border:1px solid #ccc;width:100%;}
.character{background:url(//creators-factory.com/wp-content/themes/CF/img/top/students_bg.jpg) no-repeat;background-size:cover;}
.character_bg{padding:80px 0;background:rgba(8, 32, 54, 0.6);}
.character h2{color:#fff;}
.character h2 span{display:block;text-align:center;color:#e8d921;}
.character h2:after{border-bottom:2px solid #e8d921;}
.character_item{width:32%;margin-bottom:30px;padding:24px;color:#fff;border:2px solid #fff;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(8px);}
.character_item p{font-size:15px;}
.character_item h3{font-size:22px;font-weight:bold;line-height:1.5;margin-bottom:10px;color:#e8d921;}
.primary-price{font-size:2px;}
.primary-price span{font-size:13px;}
.course_body{background-repeat:no-repeat;background-size:cover;width:calc(100% / 2 - 20px);position:relative;border-radius:20px;border:3px solid #333;}
.course_body.list01{background-image:url(https://creators-factory.com/wp-content/themes/CF/img/top/course_img01.jpg);}
.course_body.list02{background-image:url(https://creators-factory.com/wp-content/themes/CF/img/top/course_img03.jpg);}
.course_body.list03{background-image:url(https://creators-factory.com/wp-content/themes/CF/img/top/course_img02.jpg);}
.course_body.list04{background-image:url(https://creators-factory.com/wp-content/themes/CF/img/top/course_img04.jpg);}
.course_body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:20px;}
.course_name{position:relative;z-index:4;padding:30px 30px 80px 30px;}
.course_body-text{font-size:14px;line-height:1.8;}
.course_read{font-size:15px;font-weight:700;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:50px;}
.course_name h3{font-size:30px;font-weight:700;line-height:1.2;padding:0.1em 0.4em;background-color:#471ff8;color:#fff;display:inline-block;}
.course_goal{width:30%;border-left:1px dashed #333;padding-left:40px;}
.course_goal h4{font-size:18px;font-weight:700;margin-bottom:10px;color:#333;}
.course_goal li{margin-bottom:5px;font-size:14px;list-style:circle;}
@media(max-width:768px){
.course_body{flex-direction:column;gap:0;padding:1.2em;}
.course_name{width:100%;}
.course_goal{width:100%;border-top:1px dashed #333;border-left:none;padding-left:0;margin-top:20px;padding-top:20px;}
.main-bg-link::before{display:none;}
.course_name h3{font-size:20px;}
}
.tag-black{color:#fff;padding:5px 16px;background:#222;border-radius:6px;font-size:13px;line-height:2;}
.flow_list{position:relative;margin:0 0 60px;padding:30px 20px;border:3px dotted #333;border-radius:8px;}
.flow_list a{text-decoration:underline;color:var(--accent-orange);}
.flow_list a:hover{text-decoration:none;}
.flow_list .box-title{font-size:26px;font-weight:bold;line-height:1;position:absolute;top:-17px;left:10px;display:inline-block;padding:0 9px;color:#333;background:#fff8e9;}
.access_area{margin:60px 0 0;}
.map_box{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:30%;}
.map_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
.qa{padding:60px 0;margin-top:140px;}
.faq_content dl{display:flex;}
.a_list{margin-top:14px;}
.q_icon, .a_icon{font-size:20px;font-weight:bold;line-height:2;width:40px;height:40px;margin:0 30px;text-align:center;color:#333;border-radius:50%;aspect-ratio:1;background:var(--base-color);flex-shrink:0;}
.a_icon{color:#fff;background:#333;}
.fa_content{font-size:20px;font-weight:bold;}
.a_content{font-size:16px;}
.a_list{margin-bottom:35px;padding-bottom:35px;border-bottom:1px dotted #aaa;}
.contact{margin-bottom:0;}
.contact_list{width:47%;padding:20px;border-radius:8px;background:#efe031;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);}
.contact_list .cv_btn{width:70%;margin:30px auto;}
.contact_list h3{font-size:20px;font-weight:bold;padding:8px;text-align:center;color:#fff;}
.contact_list_ttl01{background:#20c4d9;}
.contact_list_ttl02{background:var(--accent-orange);}
.contact_button a{display:block;color:#fff;text-align:center;padding:3em 20px;position:relative;overflow:hidden;}
.en_font{font-family:"Jost", sans-serif;font-size:calc(66 / 1100 * 100vw);line-height:1;text-transform:uppercase;position:relative;font-weight:bold;}
.en_font-s{font-size:30px;font-weight:bold;}
.jp_font{font-size:22px;position:relative;font-weight:bold;}
.jp_font-l{font-size:clamp(26px, calc(40 / 1100 * 100vw), 70px);font-weight:bold;}
.contact_button-black a{background:#fece30;color:#111;}
.contact_button a::before{position:absolute;left:0;top:0;content:"";display:inline-block;width:100%;height:100%;transform:translateX(100%);transition:cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;}
.contact_button a:hover::before{transform:translateX(0);}
.contact_button-red a{background:#d52d2d;}
.contact_button-black a:hover{color:#fff;}
.contact_button-black a::before, .contact_button-red a::before{background:#555;}
.last_inner_bg{padding:60px 0;}
.last_ttl{font-size:40px;font-style:italic;margin-bottom:0;padding:30px 0;color:var(--accent-orange);}
.last h3{font-size:26px;font-weight:bold;margin:30px 0;padding:10px 0;text-align:center;color:var(--accent-orange);}
.last h3::before, .last h3::after{display:block;height:2px;content:"";background:linear-gradient(to right, var(--accent-orange);, #ed850c);}
.last h3::before{margin-bottom:16px;}
.last h3::after{margin-top:16px;}
.scroll{height:180px;animation:scrollmove 120s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/top/scroll.jpg) repeat-x;}
.scroll02{height:260px;animation:scrollmove 120s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/top/scroll02.jpg) repeat-x;background-size:cover;}
.scroll03{height:340px;animation:scrollmove 120s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/inpage/scroll03.jpg) repeat-x;background-size:cover;}
.scroll04{height:344px;animation:scrollmove02 240s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/inpage/scroll04.png) repeat-x;background-size:cover;}
.scroll04-2{height:344px;animation:scrollmove03 240s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/inpage/scroll04-2.png) repeat-x;background-size:cover;}
.scroll05{height:340px;animation:scrollmove 180s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/inpage/scroll05.jpg) repeat-x;background-size:cover;}
.scroll06{height:300px;animation:scrollmove 80s linear infinite;background:url(//creators-factory.com/wp-content/themes/CF/img/inpage/scroll06.jpg) repeat-x;background-size:cover;}
.scroll_section{margin-bottom:100px;}
@keyframes scrollmove {
0%{background-position:0 0;}
100%{background-position:3200px 0;}
}
@keyframes scrollmove02 {
0%{background-position:0 0;}
100%{background-position:8514px 0;}
}
@keyframes scrollmove03 {
0%{background-position:0 0;}
100%{background-position:-8514px 0;}
}
@media(max-width:570px){
.scroll03, .scroll04, .scroll04-2{height:240px;}
}
.single_area{margin:60px 0;}
.single_area h2{font-size:26px;font-weight:bold;line-height:1.4;}
.single_list_box{width:29%;margin:0 2% 40px;}
.single_list_box img{border-radius:10px;}
.couse_section .single_list_box{width:23%;margin:0 1% 40px;}
.couse_section .single_time:after{border-top:1px solid #222;}
.couse_section .couse_flow_list{width:100%;}
.couse_section .couse_flow_list li{width:31%;background:#fff;border-radius:8px;padding:26px;margin-bottom:30px;}
.couse_section .couse_flow_list li h3{font-size:18px;font-weight:bold;}
.couse_flow_list .couse_flow_img{margin:16px auto;text-align:center;}
.single_list_box h3{font-size:18px;line-height:1.6;font-weight:500;}
.single_list_box_img{margin-bottom:10px;}
.single h3{font-weight:bold;}
.single_txt{font-size:16px;margin-top:5px;}
.single_time{font-size:14px;display:flex;align-items:center;margin-top:16px;}
.single_time:after{flex-grow:1;margin-left:25px;content:"";border-top:1px solid #ccc;}
.footer_logo > p{font-size:15px;}
.footer{position:relative;background-color:#333;}
.footer_inner{padding:50px 24px 90px;}
.footer_logo{padding-right:20px;}
.footer_list a{color:#fff;}
.footer_fb{width:500px;}
.footer_list li{font-size:14px;margin-bottom:16px;}
.footer_list li a:hover{text-decoration:underline;}
.footer_list-inner{padding-left:15px;}
.footer_box{margin-right:8%;}
.sns_body li a{display:block;border:2px solid #333;border-radius:8px;text-align:center;padding:2.8em 2em;transition:background 0.4s;font-weight:700;}
.sns_body li a:hover{background:#471ff8;color:#fff;}
.sp-nav-sns li a{display:block;border:2px solid #333;color:#333;text-align:center;padding:1.3em 1em;border-radius:10px;}
.attention{margin-bottom:40px;padding:20px 30px;border:2px dotted #ef8b8b;}
.attention_ttl{font-size:22px;margin-bottom:20px;text-align:center;color:#ef8b8b;}
.attention_list{margin-bottom:5px;}
@media(max-width:768px){
.sns_body.list_style-wrap{gap:8px;}
.sns_body .list_style-item-4{width:calc(100% / 2 - 4px);}
}
@media(max-width:570px){
.sns_body li a{padding:2em 1em;font-size:16px;}
} .wpcf7{max-width:640px;margin:0 auto !important;}
.wpcf7-submit{font-weight:bold;display:block;width:70%;margin:20px auto;padding:15px;transition:0.3s;color:#fff;border:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#222;text-align:center;}
.wpcf7-submit:hover{background:#2a3a89;}
div.wpcf7-response-output{background:#fff;}
.move{width:46%;margin:0 20px 20px;}
.move_full{width:60%;margin:30px auto 0;aspect-ratio:16 / 9;}
.move_full iframe{width:100%;height:100%;}
@media screen and (max-width:768px){
.move_full{width:100%;}
.scroll_section{margin-bottom:40px;}
}
#npcatch .title{font-size:14px;}
#npcatch li{clear:both;overflow:hidden;margin:0;margin-bottom:8px;padding-bottom:5px;vertical-align:top;border-bottom:1px dotted #aaa;}
.cause{margin-bottom:0;}
.inpage_cath_wrap{position:relative;margin:120px 3.6% 30px;}
.inpage_cath{margin-bottom:50px;}
.inpage_cath_img img{width:100%;height:460px;border-radius:30px;object-fit:cover;}
.inpage_cath-title{font-size:42px;font-weight:bold;line-height:1.4;}
.inpage_cath-subtitle{font-family:"Jost", sans-serif;font-size:18px;order:1;letter-spacing:0.1em;}
.inpage_content time{font-size:14px;color:#aaa;}
.inpage_content img{margin-bottom:30px;}
.inpage_content .cate{font-size:14px;padding-right:8px;}
.inpage_content h1{font-size:30px;line-height:1.4;font-weight:bold;margin-bottom:10px;padding-bottom:20px;margin-top:10px;}
.blog_content h2{font-size:2.4rem;font-weight:bold;line-height:1.4;margin:50px 0 30px;padding:0.8em 1em;text-align:left;}
.inpage_content h2{font-size:28px;font-weight:bold;line-height:1.4;margin:3em 0 1em;text-align:left;}
.page-id-15 .inpage_content h2{background:inherit !important;padding-left:0;}
.single_cntent h2{background:var(--base-color);border-radius:10px;}
.blog_content h3{font-size:22px;font-weight:bold;line-height:1.4;margin:40px 0 30px;padding-bottom:6px;}
.inpage_content h3{font-size:22px;font-weight:700;line-height:1.4;margin:60px 0 40px;padding:0.2em 0.8em 0.8em 2em;border-bottom:2px solid #555;position:relative;}
.inpage_content h3:before, .inpage_content h3::after{content:"";position:absolute;display:block;}
.inpage_content h3:before{width:33px;height:33px;border-radius:50%;background:#ffffff;border:2px solid #222;left:0;top:2px;}
.inpage_content h3::after{border-left:2px solid #222;border-bottom:2px solid #222;width:16px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:9px;top:11px;}
.inpage_content h4, .blog_content h4{font-size:18px;font-weight:bold;line-height:1.4;margin:45px 0 1em;border-bottom:1px solid #222;padding-bottom:8px;}
.inpage_content h4 + p,
.blog_content h4 + p{margin:10px 0 30px;}
.inpage_content p{margin:30px 0;}
.inpage_content ul, .inpage_content ol{padding:1.2em;}
.inpage_content ul li, .inpage_content ol li{line-height:1.8;padding:0.3em 0;list-style:disc;}
.inpage_content a{color:#00a1ff;}
.page-id-1286 .inpage_content .main_btn a{color:#fff;}
.inpage_content .l-main_btn a{color:#222;}
.inpage_content a:hover{text-decoration:underline;}
.inpage_content .l-main_btn a:hover{text-decoration:none;}
.blog-cta{padding:3em 2em 5em;color:#fff;background:#333;border-radius:18px;}
.blog-cta h3{font-size:26px;margin-bottom:20px;text-align:center;font-weight:700;}
.blog-cta .l-main_btn{width:60%;}
.page-top.blog-cta{padding:2em;}
.page-top.blog-cta p{margin:0;}
.page-top.blog-cta a{color:#fff;text-decoration:underline;}
.page_ttl{color:#333;}
.side{float:left;width:28%;}
.side div{margin-bottom:30px;}
.side h3{font-size:18px;font-weight:bold;position:relative;z-index:-1;margin-bottom:35px;padding:0.8em 0.6em;text-align:center;background:#eee;}
.side h3:after{position:absolute;top:100%;right:0;left:0;width:0;height:0;margin:0 auto;content:"";border:15px solid transparent;border-top:15px solid #eee;}
.sidebar_btn{margin-bottom:20px !important;}
.sidebar_btn a{font-weight:bold;display:block;padding:20px 10px;transition:0.2s;text-align:center;color:#333;border-radius:5px;background:#e8d921;}
.sidebar_btn a:hover{color:#fff;background:#222;}
.sidebar_btn{position:relative;}
.sidebar_btn::before{position:absolute;top:51%;right:25px;width:7px;height:7px;margin-top:-5px;content:"";transition:0.3s;transform:rotate(45deg);border-top:2px solid #333;border-right:2px solid #333;}
.sidebar_btn:hover::before{right:15px;border-top:2px solid #fff;border-right:2px solid #fff;}
.page_content{float:none;width:100%;margin-right:0;}
.page_content h2:first-of-type{margin-top:0;}
.page_content .under-line_title{font-size:28px;}
.page_content .under-line_title::after{content:"";display:block;width:6%;height:3px;background:#222;margin-top:10px;}
.glay_bg{margin:0;padding:80px 0;background:#f2f2f2;}
.main_column{width:80%;margin:auto;}
.news_content{margin-top:80px;}
.Bg-gray{background:#f5f7f8;padding:3em;}
.single_voice_img{width:36%;}
.single_voice_img.thumbnail_round img{width:100%;}
.single_voice_list{width:61%;padding:0.25em 1em;}
.single_voice_list li{list-style:none !important;}
.page_over_link{margin-top:40px;}
.post-navigation{overflow:hidden;padding:12px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.prev a{float:left;width:50%;}
.next a{float:right;width:50%;text-align:right;}
.c_list{padding:0.5em 0.5em 0.5em 2em !important;color:#666 !important;border:dashed 2px #333 !important;background:#fff;}
.c_list li{line-height:1.5 !important;float:none !important;width:100% !important;padding:0.2em 0 !important;list-style-type:circle !important;}
.flex_list_02{width:50%;padding:0 1.5%;}
.box26{position:relative;margin:2em 0;padding:0.5em 1em;border:solid 2px #e8d921;border-radius:8px;}
.box26 .box-title{font-size:19px;font-weight:bold;line-height:1;position:absolute;top:-13px;left:10px;display:inline-block;padding:0 9px;color:var(--accent-orange);background:#fff;}
.couse_list{padding:15px 0;border:2px solid #1f1f1f;width:96%;max-width:1200px;margin:0 auto 20px;border-radius:10px;}
.couse_list li{font-size:16px;font-weight:bold;width:25%;}
.couse_list_4 li{width:25%;}
.couse_list li a{display:block;position:relative;padding:10px;text-align:center;}
.couse_list li a{border-left:1px solid #ccc;}
.couse_list li:first-of-type a{border-left:none;}
.couse_list li a:hover{color:#471ff8;}
.dli-arrow-down::before{content:"";width:0.5em;height:0.5em;border:0.1em solid currentColor;border-top:0;border-right:0;transform:rotate(-45deg);transform-origin:bottom left;position:absolute;left:50%;bottom:-0.05em;box-sizing:border-box;}
.inner_course{font-size:18px;font-weight:bold;font-weight:bold;line-height:1;position:relative;z-index:-1;width:45%;margin:0 10px;padding:18px;text-align:center;letter-spacing:0.05em;color:#fff;background:#ff7f98;}
.inner_course02{background:#3498db;}
.inner_course:after{position:absolute;bottom:-34px;left:50%;width:0;height:0;margin-left:-17px;content:"";border:20px solid transparent;border-top:20px solid #ff7f98;}
.inner_course02:after{border-top:20px solid #3498db;}
.tableWrap table tr td:first-child{font-size:16px;font-weight:bold;position:relative;z-index:-1;width:auto;padding:30px 10px;text-align:center;color:#fff;border-bottom:1px dotted #aaa;background:#030a2d;}
.tableWrap table .space{font-weight:bold;text-align:center;vertical-align:middle;border-right:1px dotted #aaa;border-bottom:1px dotted #aaa;}
.kokuban_bg{margin:30px 0;padding:20px 20px 0;background:#27333b;}
.checklist{position:relative;padding:1em 1em 1em 2.3em;border-radius:5px;}
.blog_content{font-size:16px;line-height:1.9;padding-bottom:40px;}
.news_list{margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:20px;}
.news_list-title{font-size:16px;font-weight:700;}
.news_list time{font-size:14px;}
.news_list h1{font-size:18px;}
.news_list h1 a{color:#333;}
.news_list h1 a:hover{text-decoration:underline;}
.checklist li{float:none;width:auto;}
.checklist li{line-height:1.5;padding:0.5em 0;list-style-type:none !important;}
.checklist li:before{display:inline-block;width:10px;height:10px;margin-right:10px;content:"";border-radius:50%;background:#222;}
.cv_btn a{color:#333;}
.cv_btn a:hover{text-decoration:none;}
.cv_btnWrap{gap:32px;justify-content:center;}
.l-cv_btn{position:relative;width:40%;}
.l-cv_btn a{font-size:18px;font-weight:bold;display:block;padding:20px 0;transition:0.3s all;text-align:center;color:#fff;border-radius:6px;background:var(--accent-orange);box-shadow:0 0 15px rgba(0, 0, 0, 0.3);}
.l-cv_btn:nth-child(2) a{background:#053657;}
.l-cv_btn::before{position:absolute;top:51%;right:25px;width:7px;height:7px;margin-top:-5px;content:"";transition:0.3s;transform:rotate(45deg);border-top:2px solid #fff;border-right:2px solid #fff;}
.l-cv_btn:hover::before{right:15px;}
.cv_btn02{font-size:24px;width:60%;margin-bottom:30px;text-align:center;border:2px solid #fff;}
.cv_btn02 a{font-weight:bold;color:#fff;}
.cv_btn02:hover{background:linear-gradient(to right, #ff7f98, #ff947f);}
.no_bullets ul{border:none;}
.toc_list ul li{font-size:15px;line-height:1.8;}
.sb-type-fb-flat, .sb-content{font-size:16px;}
.seminar_list{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.seminar_img{width:40%;}
.seminar_content{width:56%;}
.seminar_content h2{font-size:24px;margin-bottom:20px;text-align:left;color:var(--accent-orange);}
.seminar_content p{font-size:16px;}
.seminar_content .cv_btn{width:80%;margin-top:30px;}
.excursion{background:#f5f7f8;padding:60px 0;}
.excursion_list{width:30%;}
.excursion_list a{display:block;text-align:center;padding:15px;font-size:16px;background:#fff;border:1px solid #cecece;border-radius:10px;}
.excursion_lisIcon{margin-bottom:15px;}
.excursion_lisIcon img{width:35px;height:35px;}
.related{margin:20px 0;padding:40px 0;border-top:1px solid #ccc;}
.related h3{margin-bottom:20px;padding-bottom:5px;border-bottom:2px solid #333;}
.related ul{margin:0;padding:0;list-style:none;}
.related li{margin-bottom:10px;}
.related-title{font-size:16px;font-weight:bold;}
.related li a{display:flex;}
.related a img{max-width:200px;max-height:160px;margin:5px 10px 10px 0;object-fit:cover;}
.pagination{display:block;width:100%;margin-bottom:60px;text-align:center;}
.pagination a{text-decoration:none;color:#333;background:#f6f6f6;}
.hover{transition:0.3s;}
.hover:hover{opacity:0.8;}
.content-body > p{margin-bottom:20px;line-height:1.6;}
@media screen and (max-width:667px){
.voice{padding:60px 0;}
.course_list_img{width:60%;}
.content-body > p{font-size:14px;line-height:2;}
.school_list > p{font-size:14px;line-height:2;}
.course_list a{padding:20px 15px 20px;}
.learning_list{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));}
.page_content .under-line_title{font-size:20px;}
.page_content .under-line_title::after{width:12%;}
.inpage_cath_wrap{margin-top:80px;}
}
.wp-pagenavi{margin-top:60px;}
.wp-pagenavi .current{background-color:#555;color:#fff;}
.wp-pagenavi a, .wp-pagenavi span{background-color:#eee;padding:1em 1.4em;display:inline-block;}
@media all and (max-width: 1330px) {
.header_logo{width:9%;}
}
@media all and (max-width: 1190px) {
.header_menu-sub{display:none;}
.ll-main_btn{width:80%;}
}
@media all and (max-width: 1000px) {
.sp-mt20{margin-top:20px;}
.sp-text14{font-size:14px;}
.nav-open{display:block;}
.nav-close{display:none;}
.l-inner{width:100%;}
.home .header{height:auto;padding:0;background-size:auto;}
.header_cath_sub{font-size:12px;margin-bottom:30px;margin-left:0;line-height:1.7;}
.ll-main_btn{width:80%;}
.top_cvbtn .main_btn{font-size:14px;margin-bottom:2em;}
.top_cvbtn .online_btn{margin-left:0;}
.course_list .main_btn{width:90%;}
.ll-main_btn a{font-size:16px;}
.course_list-full .course_list_img{width:100%;}
.course_list-full p{width:auto;}
.header_logo{position:absolute;z-index:999;top:8px;left:8px;width:25%;}
.zdo_drawer_menu *{font:inherit;font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;margin:0;list-style:none;text-align:left;text-decoration:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.zdo_drawer_menu a{text-decoration:none;}
.zdo_drawer_menu .zdo_drawer_bg{position:fixed;z-index:997;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(51, 51, 51, 0.5);}
.zdo_drawer_menu .zdo_drawer_button{position:fixed;z-index:9999;top:10px;right:0;width:82px;padding:0;cursor:pointer;text-align:center;letter-spacing:0.1em;border-radius:10px 0 0 10px;}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar{width:40px;}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1{transform:rotate(30deg);}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2{opacity:0;}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3{transform:rotate(-30deg);}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text{display:none;}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close{display:block;}
.zdo_drawer_menu .zdo_drawer_bar{display:block;height:2px;margin:8px 0;transition:all 0.2s;transform-origin:0 0;}
.zdo_drawer_menu .zdo_drawer_text{font-size:10px;margin-top:-5px;text-align:center;}
.zdo_drawer_menu .zdo_drawer_close{display:none;letter-spacing:0.08em;}
.zdo_drawer_menu .zdo_drawer_menu_text{display:block;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper{position:fixed;z-index:999;top:0;right:0;width:100%;height:100%;transition:all 0.2s;transform:translate(100%);background-color:#fff;backdrop-filter:blur(8px);padding:0 1.4em;overflow:auto;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper.open{transform:translate(0);}
.zdo_drawer_menu.left .zdo_drawer_button{right:auto;left:32px;}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper{right:auto;left:0;transform:translate(-312px);}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open{transform:translate(0);}
.zdo_drawer_menu .zdo_drawer_nav{display:flex;flex-wrap:wrap;padding:53px 0 20px;}
.zdo_drawer_menu .zdo_drawer_nav li{font-size:15px;width:100%;border-bottom:1px solid #efefef;}
.zdo_drawer_menu .zdo_drawer_nav li.w100v{width:50%;border:none !important;background:#333;}
.zdo_drawer_menu .zdo_drawer_nav li.w100o{background:#3e1b95;}
.zdo_drawer_menu .zdo_drawer_nav li.w100v a{color:#fff;}
.zdo_drawer_menu .zdo_drawer_nav li:nth-child(even){border-right:none;}
.zdo_drawer_menu .zdo_drawer_nav li:last-child{border-right:none;}
.zdo_drawer_menu .zdo_drawer_nav li a{display:flex;align-items:center;padding:1em;font-weight:600;}
.zdo_drawer_menu .zdo_drawer_nav li a::before{content:"";display:inline-block;width:5px;height:1px;background:#222;margin-right:10px;}
.zdo_drawer_menu .zdo_drawer_button{padding:5px 23px;color:#fff;background:#471ff8;}
.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar{background-color:#fff;}
.sp-nav-smallText{font-size:13px;color:#aaa;margin-bottom:20px;}
.sp-nav-smallText li{margin-bottom:16px;}
.sp-nav-smallText a{color:#888;}
.tab-none{display:none;}
}
@media all and (max-width: 768px) {
body{font-size:16px;line-height:1.8;}
.top_cvbtn{margin-top:20px;}
.slick-prev:before, .slick-next:before{font-size:20px !important;}
.none{display:none;}
.sp-none{display:none;}
.pc-none{display:block;}
.txt_l{font-size:16px;}
.txt_m, .learning_list li p, .character_item p{font-size:14px;}
h2{font-size:19px;}
.home .header_bg{padding:100px 20px 0;}
.header_bage_wrap{width:73%;}
.cv_btn{width:96%;margin:0 auto 20px;}
.btn_area{margin-bottom:30px;}
.scroll{height:160px;}
.sub_ttl, .sub_ttl02{font-size:14px;}
.header .catch{font-size:24px;line-height:1.4;}
.header .k-title{font-size:16px;margin:0 auto 30px;padding:10px 10px;}
.header .nav_wrap .logo{width:60%;}
.header_in{width:100%;}
.img-center{text-align:center;max-width:100%;margin-top:20px;}
.img-center img{width:40%;}
.school{background:none;}
.school_list{background:#fff;}
.school_list_btn li{width:100%;margin:10px 10px 0;}
.school_list_ttl{font-size:4vmin;}
.school_list_btn p{font-size:14px;}
.school_list_btn img{width:22%;}
.learning_list li{width:100%;}
.content_btn{margin:0 20px;}
.recommend_list_ttl{font-size:16px;line-height:1.5;}
.recommend_list li{width:50%;padding:16px;}
.recommend_list li:nth-child(2){border-right:none;}
.recommend_list li img{width:60%;}
.recommend_box{font-size:16px;margin:20px 0;}
.character_item{width:100%;padding:20px;}
.character_item h3{font-size:18px;}
.entrance{padding:40px 20px;}
.entrance_list{flex-wrap:wrap;}
.entrance_list img{width:100%;}
.entrance_list li{width:100%;margin-right:0;margin-bottom:20px;}
.entrance_list h3{font-size:20px;}
.student_list{width:100%;margin-bottom:30px;}
.environment{margin-bottom:40px;}
.environment_txt{width:100%;margin-right:0;}
.character_item img{width:100%;}
.learn{padding:30px 0;}
.learn_box{width:100%;margin-bottom:20px;padding:0;}
.learn_icon{line-height:100px;width:70px;height:70px;}
.learn h3{font-size:20px;margin-bottom:20px;}
.recommend_box{margin-bottom:30px;padding:20px 20px 20px 40px;}
.recommend_list{font-size:18px;margin-bottom:0;}
.recommend_item{width:100%;margin-bottom:20px;padding:0;}
.voice_list_box{width:100%;margin-bottom:0;}
.course{background-position:0;background-size:120%;}
.course_box{width:100%;padding:0;}
.course_box p{font-size:14px;}
.course_box h3{font-size:18px;padding:15px 10px;}
.course_box_list{font-size:14px;}
.movie{width:100%;margin-bottom:60px;}
.character_item{max-width:100%;}
.character span{display:block;margin-top:10px;}
.course_list{width:100%;margin-top:60px;padding:20px 15px 30px;}
.course_list h3{font-size:18px;}
.course_list > p{font-size:14px;}
.flow{padding:30px 0;}
.flow .inner_bg{padding:60px 20px 30px;background:rgba(255, 255, 255, 0.8);}
.flow_list{position:relative;margin:0 0 40px;padding:30px 10px 20px;}
.flow_list .box-title{font-size:1.8rem;line-height:1;top:-14px;left:10px;padding:0 9px;}
.flow .entrance_list a{padding:20px 10px;}
.flow .entrance_list p{font-size:1.4rem;}
.flow .entrance_list h3{font-size:1.8rem;}
.q_icon, .a_icon{margin:0 15px 24px;}
.last_ttl{font-size:2.4rem;line-height:1.8;padding:0;}
.last h3{font-size:2rem;font-weight:bold;margin:30px 0;padding:10px 15px;text-align:center;}
.single_area{margin:40px 0;}
.single_list_box{width:47%;margin:0 1.5% 0;}
.single_list_box h3{font-size:14px;}
.single_list_box_img{width:100%;}
.student_list p{font-size:14px;}
.footer_list{margin-bottom:30px;}
.footer_fb{width:100%;max-width:500px;}
.footer_box{width:100%;max-width:100%;padding:0;}
.voice h3{font-size:1.8rem;}
.q_icon, .a_icon{font-size:16px;line-height:1.8;width:30px;height:30px;margin:0 12px 17px;}
.fa_content{font-size:16px;margin-bottom:10px;padding-top:0;}
.a_content{font-size:14px;font-weight:normal;}
.attention_ttl{font-size:20px;}
.contact{margin-bottom:0;}
.inpage_cath-title{font-size:calc(30px + 1vw);}
.inpage_content h1{font-size:24px;}
.blog-page{height:25vh;}
.inpage_content{width:100%;margin-right:0;}
.single_cntent{padding:0;}
.side{width:100%;margin-top:60px;}
.cv_btn02{font-size:1.8rem;width:100%;}
.inner_course{font-size:16px;}
.tableWrap table tr td:first-child{font-size:14px;}
.tableWrap table td{font-size:14px;}
.tableWrap table .space{font-weight:normal;padding:0 3px;}
.tab ul li a{font-size:14px;}
.tab #contents .div{border:1px solid #030a2d;}
.inpage_content h2, .blog_content h2{font-size:20px;}
.inpage_content h3, .blog_content h3{font-size:20px;}
.blog-cta{padding:20px 15px;font-size:14px;}
.blog-cta .l-main_btn{width:100%;}
.text24{font-size:20px;}
.inpage_content h4{font-size:20px;padding:7px 5px;}
.flex_list_02{width:100%;padding:0;}
.inner_course:after{display:none;}
.move{width:100%;margin:0 0 20px;}
.contact_list{width:100%;margin-bottom:20px;}
.jiseki_list li{width:48%;}
.fuki_maru{margin:-60px auto 30px;}
.footer_logo_wrap{padding-bottom:10px;}
.footer_logo{margin-bottom:10px;padding-right:0;}
.inpage_cath span{font-size:1.8rem;}
.seminar_img{width:100%;margin-bottom:20px;}
.seminar_content{width:100%;}
.seminar_content h2{font-size:2rem;}
.excursion_list{font-size:1.6rem;width:100%;margin-bottom:20px;}
.excursion_list a{padding:8px 10px;}
.material-icons{font-size:3rem;}
.main_column{width:100%;}
.couse_list{padding:10px 0;}
.couse_list li{font-size:12px;width:50%;}
.couse_list li:nth-child(2) a{border-right:1px solid #ccc;}
.couse_list .inner{padding:0;}
.related a img{max-width:120px;}
.inpage_cath_img img{min-height:200px;max-height:250px;}
.l-cv_btn{width:100%;margin-bottom:20px;}
.l-cv_btn a{font-size:1.6rem;}
.couse_section .single_list_box{width:48%;margin:0 1% 20px;}
.inpage_cath-subtitle{font-size:14px;}
}
.n2-ss-align{max-width:500px;margin:0 auto 30px;}
.page-template{background:url(//creators-factory.com/wp-content/themes/CF/img/common/body_bg.png);}
.content-form{padding-top:100px;}
.tl{margin-bottom:30px;padding-left:0;}
.tl_label{font-size:0.8em;font-weight:bold;display:inline-block;margin-bottom:1em;padding:3px 12px;color:#fff;border-radius:15px;background:#425164;}
.main-bdr, .main-bdr{border-color:#6bb6ff;}
.tl li{position:relative;padding:0 0 1.5em 1.8em;list-style:none;}
.tl > li:before{position:absolute;top:24px;bottom:-6px;left:6px;display:block;width:2px;content:"";background:#ccd5db;}
.main-bc, .has-sango-main-background-color{background-color:#6bb6ff;}
.tl_marker{position:absolute;top:6px;left:-3px;display:inline-block;width:20px;height:20px;content:"";border:solid 3px #ccd5db !important;border-radius:50%;background:#00bfff !important;}
.tl_title{font-size:20px;font-weight:bold;line-height:1.5;}
.tl_content{margin-top:0.5em;padding:0 0 1.5em;border-bottom:dashed 1px #ccd5db;}
.tl li:not(:first-of-type):not(:last-of-type) .tl_marker{background:transparent !important;}
.blogcath img{margin-bottom:0;}
.box2{font-size:16px;margin:2em 0;padding:1em 1em;background:#f3f3f3;}
.box3{font-size:16px;margin:2em 0;padding:1em 2em;background:#edf6ff;border-radius:18px;}
.box4{font-size:16px;margin:1em 0 2em;padding:5px;background:#fff9e5;}
.memo{font-size:16px;margin-bottom:1em;padding:1em 2em;background:#fffae2;border-radius:18px;}
.memo_ttl{font-size:18px;font-weight:bold;margin-bottom:5px;color:#ff9532;}
.memo.alert{background:#ffebeb;}
.memo.alert .memo_ttl{color:#ff8376;}
.say{display:table;overflow:hidden;width:100%;margin:1.5em 0;}
.entry-content p{margin:0 0 1.5em;}
.entry-content img{max-width:100%;height:auto;}
.faceicon{display:table-cell;width:90px;padding-right:10px;text-align:center;vertical-align:top;}
.faceicon img{width:100%;height:auto;margin-bottom:0;border:solid 3px #eaedf2;border-radius:50%;}
.faceicon span{font-size:11px;font-weight:700;}
.chatting{font-size:0.95em;position:relative;width:100%;padding:10px 0;vertical-align:top;border-radius:10px;border:1px solid #ccc;background-color:#fff;}
.sc{display:inline-block;padding:13px;text-align:left;word-break:break-word;}
.keiko_yellow{background:linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);}
.small{font-size:1.3rem;}
.single-post img.aligncenter{display:block;margin:0 auto;}
.grecaptcha-badge{opacity:0;}
.cat-item a{font-size:16px;position:relative;display:block;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #eee;}
.cat-item a::after{position:absolute;top:10px;right:20px;width:5px;height:5px;content:"";transition:0.3s all;transform:rotate(45deg);border-top:2px solid #222;border-right:2px solid #222;}
.cat-item a:hover::after{right:10px;}
@media only screen and (min-width: 768px) {
.sc{padding:10px 15px;}
}
@media only screen and (min-width: 481px) {
.faceicon{width:100px;}
.chatting{width:calc(100% - 20px);padding:10px 0;border-radius:10px;}
} .inpage_catch{margin-bottom:80px;padding:60px 20px;background:linear-gradient(to right, #ff9400, #ff6560);}
.page-template-page-onlinegym .inpage_catch{background:linear-gradient(to right, #3e1b95, #327abd);}
.webStart-page .main-bg{background-color:#cbf7e4;}
.webDesign-page .main-bg{background-color:#b7e0f2;}
.inpage_catch_ttl{font-size:2.4rem;font-weight:bold;width:80%;color:#fff;}
.inpage_catch_icon{width:4%;margin-right:3%;}
.couse_section h2{font-size:3rem;font-weight:bold;line-height:1.6;margin-bottom:20px;text-align:left;}
.couse_section h2::before{content:counter(number, decimal-leading-zero);display:block;font-size:5rem;counter-increment:number 1;}
.couse_section_txt{font-size:15px;}
.content-l-box{width:60%;}
.couse_section_box{position:relative;background:#fffae2;padding:30px;}
.webStart-page .couse_section_box{background:#ecf6fa;}
.couse_section_box figure{width:34%;}
.couse_section_box02 figure{width:20%;}
.couse_section_box02 .checklist li:before{left:2em;}
.couse_section_box03{padding:2em;background:#053657;}
.couse_section_box03 h2{color:#fff;}
.entry{margin-bottom:100px;}
.couse_flow{margin-bottom:60px;}
.couse_flow_list{width:66%;}
.couse_flow_list li{position:relative;width:30%;}
.couse_flow_listB li{position:relative;width:22.5%;padding:20px 10px;text-align:center;color:#fff;background:#3e1b95;}
.couse_flow_list li > p{font-size:1.4rem;}
.couse_flow_list li a{display:block;padding:15px;text-align:center;border:2px solid #333;}
.couse_flow_img{width:70%;}
.couse_flow_list span{font-size:5rem;font-weight:normal;}
.couse_flow_item01 a{color:#fff;background:#333;}
.recommend .arrow li:before{left:107%;}
.flow-textContent{width:32%;margin-right:auto;}
.couse_flow_top h3{font-size:2rem;font-weight:bold;margin-bottom:10px;color:#222;text-align:center;}
.couse_flow_top p{font-size:1.5rem;}
.couse_flow_top figure{margin-bottom:10px;}
.couse_flow_top li{width:30%;}
.couse_flow_txt{margin-bottom:60px;text-align:center;}
.entry_ttl{font-size:23px;font-weight:bold;margin-bottom:20px;line-height:1.6;}
.entry_ttl span{font-size:1.6rem;margin-right:20px;padding:0.6em 1.4em;border-radius:50px;color:#fff;background:var(--accent-orange);}
.page-template-page-onlinegym .entry_ttl span{background:#45bf8a;}
.page-template-page-onlinestart .entry_ttl span{background:#6fc7ed;}
.curriculum{gap:20px;}
.curriculum_list{width:31%;padding:1.4em;border-radius:5px;border:2px solid #222;}
.curriculum_list:nth-child(3){margin-top:0;}
.curriculum_list_co{background:#61af38;}
.curriculum_list_mar{background:#f28c00;}
.curriculum_list_vp{background:#dd4f50;}
.curriculum_list h3{font-size:1.8rem;}
.curriculum_list ul{font-size:14px;}
.curriculum_ttl{font-size:2.4rem;font-weight:bold;margin-bottom:30px;}
.curriculum_price_wrap{margin-bottom:60px;padding:60px;background:#fff;border-radius:18px;}
.curriculum_price_wrapTypeB{background:#f5f7ff;}
.curriculum_camp_wrap, .curriculum_news_wrap{width:48%;padding:30px 30px 10px;background:#f7f7f7;}
.curriculum_news_wrap{background:#fffae2;}
.curriculum_news_wrap a{text-decoration:underline;color:#2e65e0;}
.curriculum_price_wrap li{width:48%;margin-bottom:30px;}
.curriculum_news_title{font-size:12px;font-weight:bold;padding:1em;text-align:center;border-radius:50px;color:#333;background:var(--base-color);}
.curriculum_news_title_line{background:transparent;border:solid 1px #222;color:#222;}
.course_list .primary-text{margin-top:14px;margin-bottom:20px;font-size:1.4rem;line-height:1.6;}
.course_list-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;}
@media(max-width:768px){
.course_list-wrap{flex-direction:column;}
.course_body{width:100%;}
}
@media(max-width:570px){
.course_name{padding:0 0 80px 0;}
.course_read{margin-bottom:30px;}
}
.curriculum_price_wrap .curriculum_news_title{margin-top:0;}
.curriculum_price{margin-bottom:30px;}
.curriculum_price li{width:46%;padding-bottom:10px;border-bottom:1px dotted #ccc;}
.curriculum_price span{margin-right:10px;color:var(--accent-orange);}
.curriculum_price_txt{font-size:1.5rem;}
.reason-wrap{display:flex;justify-content:space-between;}
.reason-wrap li{width:32%;background:#fffae2;border-radius:10px;padding:1em 1em 1.2em;margin-bottom:20px;font-weight:bold;}
.reason-wrap h3{color:#f28c00;margin-top:-30px;margin-bottom:10px;}
.new_item{display:block;width:20%;margin-bottom:10px;padding:3px 10px;text-align:center;color:#fff;background:#333;}
.curriculum_point li{font-size:1.4rem;font-weight:bold;width:30%;margin-top:20px;padding:10px;text-align:center;border-radius:6px;background:#fdeabe;}
.scroll_inpage{margin-bottom:80px;}
.kokuban_bg{padding:30px;background:#27343c;}
.feature_box img{align-self:flex-start;}
.feature_box{margin-bottom:60px;}
.t-format1{font-size:15px;margin-bottom:60px;}
.t-format1 .td_color{background:#e6f5c7;}
.over-hideen{overflow:hidden;}
.skill_list li{width:32%;margin-bottom:20px;padding:10px 16px;border-radius:5px;background:#f7f7f7;}
.skill_list_img{width:25%;}
.skill_list_img img{width:90px;}
.skill_list_txt p{font-size:14px;}
.skill_list_txt h4{font-size:15px;line-height:1.4;font-weight:bold;}
.blog_content-list{width:48%;background:#fff;padding:1.6em;margin-bottom:30px;border-radius:10px;}
.blog_content-list h3{width:100%;font-size:1.8rem;font-weight:bold;margin-bottom:20px;}
.os-img{margin-bottom:20px;}
.online-fe-list div{margin-bottom:30px;}
.price-list li{border-radius:8px;font-weight:bold;padding:16px 24px;margin-bottom:16px;background:#fff;box-shadow:0 0 10px #f5f5f5;}
.col-2{width:calc(100% / 2 - 30px);}
.col-2-lL{width:55%;}
.col-2-lR{width:40%;}
.title-typeB{font-size:2rem;line-height:1.4;margin-bottom:0.5em;color:#3e1b95;}
.font-sm{font-size:15px;}
.bottom_nav{position:fixed;z-index:99;bottom:0;display:none;width:100%;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(8px);}
.bottom_nav_list{font-size:14px;font-weight:bold;display:flex;justify-content:space-around;max-width:1200px;margin:0 auto;padding:10px 6px;gap:5px;}
.bottom_nav_list li{width:47%;text-align:center;}
.bottom_nav_list a{display:block;padding:14px 20px;border-radius:6px;}
.course_bgA{margin-bottom:3em;padding:2em;background:#eef2ff;}
.t-format1 td.tdstrong{font-weight:bold;background:#f7f5ff;}
.t-format1 td.tdstrong02{font-weight:bold;background:#fdf3ef;}
.t-format1 th.thstorong{color:#fff;background:#4625b2;}
.t-format1 th.thstorong02{color:#fff;background:var(--accent-orange);}
.t-format1 th.black{color:#fff;background:#444;}
.pc_none{display:none;}
.sale_content .boxTyepA{margin-top:30px;padding:1.2em 1.2em 0.1em;background:#fffae2;}
.sale_content .boxTyepA p{margin:0 0 15px;}
.inpage_content .memo p, .inpage_content .box3 p{margin:0;}
.section_bgB{padding:2.4em 2.4em 5em;background:#f2f5ff;}
.list_culmun2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.list_culmun2-col3{width:32%;margin-bottom:10px;}
.list_culmun2-col2{width:46%;}
.list_boxStyleA{padding:2.4em 4em;background:#fffae2;}
.list_boxStyleB{background:#eefaf5;}
.list_boxStyleC{background:#ecf6fa;}
.list_boxStyleA h3{font-size:18px;}
.list_culmun_inner{margin-top:30px;}
.list_culmun_inner h3{font-size:2rem;font-weight:bold;}
.list_culmun_inner h4{font-size:18px;margin-bottom:5px;color:var(--accent-orange);}
.flex-row{display:flex;}
.school_styleList{width:31%;margin-bottom:30px;padding:20px;background:#fff;}
.school_styleList p, .school_styleList ul{font-size:14px;}
.school_styleList h3{font-weight:bold;margin-bottom:10px;padding:7px;text-align:center;color:#fff;background:#3e1b95;}
.school_styleList h4{margin:20px 0;padding-left:10px;color:#3e1b95;border-left:4px solid #3e1b95;}
.school_styleList .school_price{font-size:18px;}
.school_styleList ul{margin-top:20px;padding-top:20px;border-top:1px dashed #ccc;}
.kdai h3{font-size:22px;font-weight:bold;text-align:center;color:#3e1b95;}
.kdai_box{font-size:14px;margin-top:20px;}
.kdai_boxList{display:flex;justify-content:space-between;}
.kdai_box h4{font-size:18px;color:#3e1b95;}
.kdai_box ul{width:46%;padding:20px;}
.kdai_boxListA{background:#fff8e9;}
.kdai_boxListB{background:#f2f5ff;}
.kdai_boxListC{background:#f7f7f7;}
.couse_point{display:flex;margin-bottom:90px;}
.couse_point_re{flex-direction:row-reverse;}
.couse_pointBody{position:relative;width:47%;margin-right:3%;}
.couse_point_re .couse_pointBody{margin-right:0;margin-left:3%;}
.couse_pointBody h3{font-size:26px;font-weight:bold;margin-bottom:26px;}
.couse_pointBody h3 span{font-size:13px;display:block;letter-spacing:0.1em;color:#3e1b95;}
.couse_point_img{width:50%;}
.onlin_img{width:24%;margin:0 auto 40px;text-align:center;}
.content_sns{display:flex;justify-content:space-between;flex-wrap:wrap;}
.content_sns li{width:calc(100% / 3 - 20px);}
.content_sns li a{font-size:18px;font-weight:bold;display:block;padding:15px;transition:0.3s all;text-align:center;}
.content_sns li:nth-child(1) a{color:#d11919;border:2px solid #d11919;}
.content_sns li:nth-child(1) a:hover{color:#fff;background:#d11919;}
.content_sns li:nth-child(2) a{color:#37b920;border:2px solid #37b920;}
.content_sns li:nth-child(2) a:hover{color:#fff;background:#37b920;}
.content_sns li:nth-child(3) a{color:#e626c1;border:2px solid #e626c1;}
.content_sns li:nth-child(3) a:hover{color:#fff;background:#e626c1;}
.content_sns li:nth-child(4) a{color:#1a92f4;border:2px solid #1a92f4;}
.content_sns li:nth-child(4) a:hover{color:#fff;background:#1a92f4;}
.content_sns li:nth-child(5) a{color:#45d1ab;border:2px solid #45d1ab;}
.content_sns li:nth-child(5) a:hover{color:#fff;background:#45d1ab;}
.content_sns li:nth-child(6) a{color:#222;border:2px solid #222;}
.content_sns li:nth-child(6) a:hover{color:#fff;background:#222;}
.re_list{display:flex;padding:0 !important;}
.re_list li{width:30%;padding:0 !important;list-style:none !important;background:#e8e8e8;margin-right:16px;}
.re_list li a{font-weight:bold;display:block;padding:15px;transition:0.2s;text-align:center;color:#333;}
.re_list li a:hover{text-decoration:none;color:#fff;background:#333;}
.re_body{display:flex;justify-content:space-between;margin-bottom:40px;}
.re_body_img{width:30%;}
.re_body_list{font-size:18px;font-weight:bold;width:64%;max-height:200px;padding:10px 30px !important;background:#fff8e9;}
.twitter_voice{display:flex;flex-wrap:wrap;margin-top:30px;justify-content:space-between;}
.twitter_listWrap{width:calc(100% / 3 - 20px);margin-bottom:30px;background:#fff;padding:1em;border-radius:20px;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
.twitter_icon{width:20%;margin-right:10px;}
.twitter_icon img{border-radius:50%;}
.twitter_account{font-size:12px;color:#444;}
.twitter_text{font-size:13px;margin-top:16px;line-height:1.7;}
@media(max-width:768px){
.twitter_voice{gap:20px;}
}
.liquid-speech-balloon-text p{margin:0;}
button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.slide-arrow{position:absolute;top:0;bottom:0;margin:auto;z-index:2;}
.prev-arrow{left:-30px;width:50px;height:50px;border-radius:50%;background:#222;}
.prev-arrow:before{content:"";display:inline-block;width:10px;height:10px;margin-left:22px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);}
.next-arrow{right:-30px;width:50px;height:50px;border-radius:50%;background:#222;}
.next-arrow:before{content:"";display:inline-block;width:10px;height:10px;margin-left:18px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.sectionBg-gray .entry_ttl span{display:block;max-width:160px;margin:0 auto 10px;padding:0.2em 1.4em;text-align:center;font-size:18px;}
.footer-sns{margin-right:0;}
#toc_container{width:100%;padding:2em;}
#toc_container a{color:#222;font-size:1.3rem;}
#npcatch .title{max-width:200px;margin-left:12px;}
.list-tag{background:#333;display:inline-block;padding:5px 12px;border-radius:50px;color:#fff;font-size:12px;font-weight:bold;letter-spacing:0.1em;}
.list-tag.remaining{background:#ed3838;}
.list-tag:first-child{margin-right:5px;}
.list-tag-border{display:inline-block;padding:5px 12px;border:1px solid #333;font-size:11px;font-weight:bold;margin-right:10px;text-align:center;margin-bottom:5px;}
.schedule-box{position:relative;background:#fff;border:1px solid #666;padding:1.6em 1.2em;margin-bottom:20px;margin-right:2.4%;}
.schedule-box:last-child{margin-right:0;}
.schedule-box-tag.schedule-box{padding:3em 2em 1.1em;width:100%;}
.schedule-box-tag.schedule-box ul{display:flex;flex-wrap:wrap;}
.border-text{text-decoration:line-through;}
.schedule-box-tag.schedule-box li::before{content:"■";margin-left:16px;}
.schedule-box-tag::before{content:"無期限で使えるサポート内容";position:absolute;top:0;left:0;padding:0.3em 1em;background:#222;font-size:1.2rem;font-weight:600;color:#fff;}
.schedule-day{font-size:26px;font-weight:600;margin-top:20px;}
.schedule-day span{font-size:14px;}
.price-tag{background:#222;color:#fff;padding:0.2em 1em;font-size:14px;font-weight:bold;text-align:center;}
.webStart-page .price-tag{padding:10px;background:#45bf8a;}
.webDesign-page .price-tag{padding:10px;background:#6fc7ed;}
.price-tag.goSchool{background-color:#f28c00;}
.price-tag.goOnline{background-color:#6fc7ed;}
.price-box{background:#fff;margin-bottom:20px;border:1px solid #aaa;}
.price-body{padding:1em 1.6em;min-height:110px;}
.subTitle_underline{font-weight:bold;border-bottom:1px dashed #aaa;padding-bottom:4px;font-size:14px;margin:16px 0 0;}
.subTitle_underline::before{content:"";width:10px;height:10px;background-color:#222;display:inline-block;border-radius:50%;margin-right:5px;}
.price-fz{font-size:30px;font-weight:500;line-height:1.6;}
.price-fz span{font-size:14px;display:inline-block;}
.option_list{background:#fff;border-radius:10px;padding:30px;}
.option_listText{font-size:14px;border-top:1px solid #ccc;margin-top:10px;padding-top:10px;}
.iframe-wrap{width:32%;margin-bottom:10px;}
.iframe-wrap iframe{aspect-ratio:16/9;}
.list-option li{list-style:circle;margin-left:10px;}
@media only screen and (max-width: 980px) {
.full-inner{width:90%;}
.container-list{flex-direction:column;}
.col-md-1{width:100%;}
.footer-sns{width:100%;margin-top:16px;}
.twitter_listWrap{width:48%;margin-right:10px;}
.schedule-box{margin-right:0;}
.page_coursepage .list_boxStyleA{padding:2.4em 0;}
}
@media only screen and (max-width: 768px) {
.sp-tl{text-align:left !important;}
.sp-text12{font-size:12px;}
.entry_ttl{font-size:20px;margin-bottom:20px;}
.couse_section_txt{font-size:14px;}
.twitter_listWrap{width:auto;margin-right:0;margin-bottom:0;}
.post-type-archive-voice .Bg-gray{padding:1.2em 1.2em 2em;}
.post-type-archive-voice .Bg-gray h1{font-size:1.8rem;}
#npcatch .title{max-width:400px;}
.sp-mb30{margin-bottom:30px;}
.cv_btnWrap{gap:initial;}
.couse_section h2:before{font-size:3.4rem;}
.couse_flow_txt{text-align:left;}
.reason-wrap{flex-direction:column;}
.reason-wrap li{width:100%;margin-bottom:40px;}
.couse_section .couse_flow_list li{width:100%;}
.curriculum_price_wrap .flex{flex-direction:column;}
.curriculum_price_wrap li{width:100%;}
.list_boxStyleA{padding:2em 1em;}
.section_bgB{padding:1em 0.5em 3.4em;}
.sectionBg-orange{padding:1.4em 1em;}
.prev-arrow{left:-5px;}
.next-arrow{right:-5px;}
.flow-textContent{width:100%;margin-right:auto;}
.couse_flow_list{width:100%;}
.re_list{flex-direction:column;}
.re_list li{width:100%;margin-bottom:15px;}
.re_body_img{width:55%;margin:0 auto !important;}
.re_body_list{font-size:16px;width:100%;max-height:none;}
.re_body{flex-direction:column;}
.list_culmun2{flex-direction:column;}
.list_culmun2 li{width:100%;margin-bottom:30px;}
.pc_none{display:block;}
.page-template{background-size:200px;}
.l-section{margin:60px auto;}
.ll-section{margin:60px auto;}
.inpage_catch{margin-bottom:40px;padding:20px 0;}
.inpage_catch_ttl{font-size:1.6rem;}
.inpage_catch_icon{width:10%;margin-right:3%;}
.content-l-box, .couse_section_box figure{width:100%;}
.couse_section h2{font-size:2rem;}
.couse_section_box02 figure{width:40%;margin:0 auto 20px;}
.couse_section_box02 .checklist{width:100%;}
.entry_ttl span{font-size:1.3rem;display:block;margin-right:0;margin-bottom:10px;text-align:center;}
.couse_flow{margin-bottom:30px;}
.couse_flow_list li a{font-size:1.1rem;padding:10px;}
.couse_flow_listB li{width:48%;margin-bottom:20px;padding:10px;}
.couse_flow_listB.arrow li:before{display:none;}
.curriculum_list{width:100%;}
.curriculum_price_wrap{margin-bottom:40px;padding:20px 10px;}
.curriculum_price{font-size:1.8rem;}
.curriculum_price li{width:100%;margin-bottom:20px;}
.curriculum_price span{margin-right:0;}
.curriculum_point li{width:48%;}
.curriculum_list h3{font-size:1.6rem;}
.couse_flow_top h3{text-align:center;}
.entry{margin-bottom:60px;}
.scroll-tabele{overflow-x:auto;}
.t-format1{font-size:1.4rem;max-width:640px;}
.couse_flow_top li{width:70%;margin:auto;margin-bottom:30px;}
.couse_flow_img{margin-left:auto;margin-right:auto;}
.recommend .arrow li:before{display:none;}
.skill_list li{flex-direction:column;width:49%;padding:10px;}
.skill_list_img{width:100%;margin-bottom:10px;text-align:center;}
.skill_list_txt{width:100%;text-align:center;}
.skill_list_txt h3{font-size:12px;margin-bottom:8px;text-align:center;}
.curriculum_ttl{font-size:2rem;}
.blog_content-list{width:auto;}
.curriculum_camp_wrap, .curriculum_news_wrap{width:100%;margin-bottom:50px;padding:20px;}
.new_item{width:100%;}
.col-sm-1{width:100%;}
.title-typeB{font-size:1.6rem;color:#186690;}
.font-sm{font-size:13px;}
.bottom_nav_list{font-size:12px;max-width:100%;}
.bottom_nav_list a{padding:1.3em 0.2em;}
.table_scllor{max-width:none;}
.tableWrap{overflow-y:auto;margin-bottom:50px;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.tableWrap .t-format1{margin-bottom:10px;}
.tableWrap::-webkit-scrollbar{height:10px;}
.tableWrap::-webkit-scrollbar-track{margin:0 2px;border-radius:5px;background:#ccc;}
.tableWrap::-webkit-scrollbar-thumb{border-radius:5px;background:#666;}
.school_styleList{width:100%;}
.kdai_boxList{flex-direction:column;}
.kdai_box ul{width:100%;margin-bottom:30px;}
.couse_point{flex-direction:column;margin-bottom:60px;}
.couse_point_re{flex-direction:column;}
.couse_pointBody{position:relative;width:100%;margin-right:0;}
.couse_point_re .couse_pointBody{margin-right:0;margin-left:0;}
.couse_pointBody h3{font-size:22px;}
.couse_point_img{width:100%;margin-top:20px;}
.onlin_img{width:40%;}
.content_sns li{width:calc(100% / 3 - 5px);}
.content_sns li a{font-size:13px;padding:10px;}
.footer-sns{flex-wrap:wrap;display:flex;padding:0;justify-content:space-between;}
.footer_box{margin-right:0;}
.footer-sns li{width:100%;margin-bottom:15px;}
.sp-nav-sns li{width:49%;}
.schedule-box{padding:1.2em 1em;margin-bottom:20px;margin-right:0;}
.schedule-day{font-size:26px;}
.skill_list_txt p{font-size:13px;}
.iframe-wrap{width:100%;margin-bottom:20px;}
.couse_section_box03{padding:1em;}
.slick-list{margin-bottom:20px;}
}
@media only screen and (max-width: 570px) {
.single_list-sp01 li{width:100%;}
.list-style li{font-size:14px;}
.list-style li:before{line-height:1.8;}
.inner-paddingM{padding:1.2em 1em;}
.schedule-box-tag.schedule-box{padding:3em 1em 1.1em;}
.flex-row{flex-direction:column;}
}
@media screen and (max-width:570px){
.couse_flow_top li{width:100%;}
.price-body{padding:0.4em 1em 1.2em 1em;}
}
@media screen and (max-width:370px){
.sp-block{display:block;}
.list-tag-border{width:100%;}
} .visually-hidden{position:absolute !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;white-space:nowrap !important;border:0 !important;clip-path:inset(50%) !important;}
.results_item{width:48%;background:#fff;padding:2em;border-radius:20px;margin-bottom:30px;box-shadow:0px 0px 36px 0px rgba(137, 172, 92, 0.15);}
@media only screen and (min-width: 1119px) {
.bottom_nav_list{display:none;}
}
@media only screen and (max-width: 768px) {
.results_item{width:100%;padding:1.2em;}
.single_voice_list{font-size:13px;}
}  .side-contentWrap{width:33%;position:relative;}
@media(max-width:1200px){
.side-contentWrap{width:40%;}
}
.side-content{padding:20px 30px;background:#fff;border:3px solid #333;border-radius:20px;}
.side-content + .side-content{margin-top:26px;}
.side-content img{width:100%;margin-right:20px;}
.side-content-title{font-size:calc(20 / 1200 * 100vw);font-weight:bold;line-height:1.4;}
@media(min-width:1400px){
.side-content-title{font-size:23px;}
}
.side-content-bodyTitle{font-size:20px;font-weight:bold;display:flex;align-items:center;border-left:4px solid #333;padding-left:10px;}
.side-content-nav{margin-top:20px;font-weight:700;}
.side-content-nav li a{padding:16px 0;border-bottom:1px solid #eee;font-size:15px;color:#333;position:relative;display:flex;align-items:center;gap:12px;}
.dli-arrow-right::before{content:"";width:0.65em;height:0.65em;border:0.1em solid currentColor;border-left:0;border-bottom:0;transform:rotate(45deg);transform-origin:top right;position:absolute;top:50%;right:-0.05em;box-sizing:border-box;}
.link_arrow-left{position:relative;display:inline-block;}
.link_arrow-left::before{content:"";display:inline-block;width:26px;height:26px;background-color:#333;border-radius:3px;transition:transform 0.3s;}
.link_arrow-left::after{display:inline-block;position:absolute;left:8px;content:url(https://creators-factory.com/wp-content/themes/CF/img/common/arrow.svg);transition:transform 0.3s;line-height:0;}
.link_arrow-left:hover::before, .link_arrow-left:hover::after{transform:translateX(5px);background-color:#4c10ef;}
.arrow_button{font-weight:700;display:inline-flex;align-items:center;justify-content:end;gap:10px;border-bottom:2px solid #333;padding-bottom:8px;padding-right:10px;transition:border-bottom 0.3s;}
.arrow_button-re{border-bottom:2px solid #c8f806;color:#fff;}
.arrow_button-re::before{background-color:#c8f806;}
.arrow_button-re::after{content:url(https://creators-factory.com/wp-content/themes/CF/img/common/arrow-black.svg);}
.school-mind{width:40%;}
@media(max-width:768px){
.school-mind{width:80%;margin:40px auto 0;}
} .round_button a{display:block;background-color:#ef4110;color:#fff;border-radius:60px;padding:1.2em 1em;text-align:center;margin-top:20px;font-weight:bold;transition:transform 0.3s ease-in-out;}
@media (any-hover: hover) {
.round_button a:hover{transform:translateY(-6px);}
}
.text-link a{color:#40a0d1;font-size:14px;}
.square_button a{display:block;border-radius:8px;line-height:1.4;text-align:center;padding:1em 0.5em;border:2px solid var(--accent-orange);color:var(--accent-orange);font-weight:bold;margin-top:20px;}
.square_button-blue a{border:2px solid #29afe9;color:#29afe9;}
.square_button-black a{border:2px solid #333;color:#333;}
.slick-initialized .slick-slide{height:auto;}
#booking-package{background-color:var(--base-color) !important;padding:15px;}
.column-repList{display:flex;margin:80px auto 0;align-items:center;}
.column-reverse{flex-direction:row-reverse;}
.column-repList-body{width:45%;margin-left:5%;}
.column-reverse .column-repList-body{margin-right:4%;margin-left:0;}
.column-repList-title{font-size:clamp(1.25rem, 3vw + 1rem, 2.375rem);font-weight:900;line-height:1.4;margin-bottom:22px;}
.column-repList-img{position:relative;width:50%;}
.column-repList-img img{width:100%;}
.column-repList-img{text-align:center;}
.column-repList-img.-s img{width:70%;}
.column-repList{position:relative;}
.column-repList::after{position:absolute;top:-26px;left:80px;content:"";border-bottom:1px dashed #666;width:calc(100% - 80px);}
.column-repList::before{font-family:"Jost", sans-serif;font-size:50px;font-weight:bold;position:absolute;top:-70px;left:0;}
.column-repList:nth-of-type(2)::before{content:"01";}
.column-repList:nth-of-type(3)::before{content:"02";}
.column-repList:nth-of-type(4)::before{content:"03";}
.column-repList:nth-of-type(5)::before{content:"04";}
.column-repList:nth-of-type(6)::before{content:"05";}
.column-repList:nth-of-type(7)::before{content:"06";}
.recommend-min{padding:60px 38px;}
@media all and (max-width: 1100px) {
.is-over-scroll{overflow:scroll;}
.is-over-scroll .flow-school img{max-width:initial;width:900px;}
}
@media all and (max-width: 768px) {
.column-repList::after{top:-44px;left:50px;content:"";width:calc(100% - 50px);}
.column-repList::before{font-size:30px;}
}
.table-style{width:100%;border-spacing:10px;}
.table-title .table-width{width:20%;}
.table-style .table-title th{font-weight:700;text-align:center;border-radius:5px;padding:10px;vertical-align:middle;}
.table-style .table-title-yellow{background:var(--base-color);}
.table-style .table-title-orange{background:#f8ee06;}
.table-style .table-title-green{background:#4CF9A5;}
.table-style .table-title-blue{background:#53d6ff;}
.table-style .table-title th.table-title-none{background:#777;}
.table-style td{background:#fff;padding:16px;border-radius:5px;text-align:center;font-size:14px;background:#f5f5f5;vertical-align:middle;font-weight:bold;}
.table-style td.table_button{background:none;}
.table-style .table_sub-title{border:2px solid #222;max-width:100px;background:#fff;font-weight:bold;width:14%;}
.table-style .table-bgColor-orange{background:#fffae2;}
.table-style .table-bgColor-white{background:#fff;}
.table-style .table-bgColor-black{background:#333;color:#fff;}
.table-style .table_none{background:transparent;}
.table-style .table_button{padding:0;}
.table-style .table_button a{display:block;padding:16px;background:#222;border-radius:50px;color:#fff;font-weight:bold;transition:background 0.3s;}
.table-style .table_button a:hover{background:#555;}
.qa-list{margin-bottom:20px;text-align:center;}
.qa-list-titleBorder{display:flex;align-items:center;}
.qa-list-titleBorder::before{content:"";display:inline-block;width:100%;border-top:2px dashed #fff;}
.qa-list-titleBorder::after{content:"";display:inline-block;width:100%;border-top:2px dashed #fff;}
.qa-list-title{display:inline-block;font-size:21px;font-weight:bold;padding:20px 26px 20px 46px;cursor:pointer;background-color:var(--base-color);border-radius:5px;line-height:1.4;position:relative;text-align:center;flex:none;}
.qa-list-title:focus-within{}
.qa-list-title::before, .qa-list-title::after{position:absolute;top:50%;left:14px;width:20px;height:3px;content:"";transition-timing-function:ease-out;transition-duration:0.2s;transition-property:transform;background-color:#222;}
.qa-list-title::after{transform:rotate(90deg);}
.active.qa-list-title::before, .active.qa-list-title::after{transform:rotate(180deg);}
.active.qa-list-titleBorder .qa-list-title::before, .active.qa-list-titleBorder .qa-list-title::after{transform:rotate(180deg);}
.webStart-page .qa-list-title{background-color:#45bf8a;}
.webDesign-page .qa-list-title{background-color:#6fc7ed;}
.qa-list-body{overflow:hidden;max-height:0;border-radius:5px;transition-timing-function:ease-out;transition-duration:0.3s;transition-property:max-height overflow;}
.active + .qa-list-body{max-height:var(--max-height);margin:20px 0;}
.webStart-page .curriculum_list h4{color:#49afd8;}
.qa-list-body > p{margin-bottom:30px;}
.option-box{display:flex;gap:20px;}
.option-title{font-size:20px;font-weight:bold;margin-bottom:10px;}
.option-item{width:38%;background-color:#fff;padding:20px;border-radius:10px;font-size:14px;}
.option-itemTitle{font-size:18px;font-weight:bold;color:#f28c00;}
.option-price{font-size:18px;font-weight:bold;}
.second-title{font-size:24px;font-weight:bold;border-bottom:1px solid #ccc;margin:30px 0;}
.content-emBox{width:100%;padding:2.6em;background:#fff;margin:60px auto 0;border-radius:10px;}
.content-emBox-title{display:block;max-width:220px;border-radius:8px;padding:0.5em 1em;margin-top:-65px;margin-bottom:20px;background:#222;color:#fff;font-weight:bold;font-size:18px;}
.content-emBox-list{font-weight:bold;font-size:18px;}
.content-emBox-list li{border-bottom:1px dashed #777;padding:10px 0;}
.content-emBox-list li::before{content:"👉";font-size:24px;margin-right:5px;}
.content_bgimage{margin-top:60px;}
@media only screen and (max-width: 768px) { .column-reverse .column-repList-body{margin-right:0;margin-top:0;}
.sp-text-left{text-align:left !important;}
.column-repList{flex-direction:column-reverse;}
.column-repList, .column-repList-body, .column-repList-img{width:100%;}
.column-repList-img{margin:0 0 20px;}
.recommend-min{padding:60px 0;}
.column-repList-title{margin-bottom:16px;}
.column-repList-img::before{font-size:50px;}
.column-repList-body{font-size:14px;}
.option-box{flex-direction:column;}
.option-title{font-size:18px;}
.option-item{width:100%;padding:14px;}
.content-emBox{padding:1.5em;}
.qa-list-title{font-size:16px;padding:20px 26px 20px 46px;}
.table-style{width:740px;}
.table-style .table_sub-title{width:16%;}
.table-style td{font-size:12px;}
.content-emBox-list{font-size:14px;}
}
@media only screen and (max-width: 570px) {
.column-repList-title{font-size:calc(34 / 570 * 100vw);}
}
.jicoo-widget iframe{height:100%;}
.info_section{background-color:#c8f806;padding:60px 0 0;margin-top:-40px;}
.info_list{transform:translateY(40px);display:flex;justify-content:space-between;gap:2%;row-gap:20px;}
.course_cta{position:relative;background-image:url(https://creators-factory.com/wp-content/themes/CF/img/top/content_main.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:14px;padding:100px 140px;color:#fff;}
.course_cta{display:flex;align-items:center;justify-content:space-between;}
.course_cta::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);border-radius:14px;}
.course_cta-button_wrap,.course_cta-title{position:relative;}
.course_cta-title{font-size:28px;font-weight:700;}
.systematic .main-bg{padding:20px 2em 34px;}
@media(max-width:1200px){
.course_cta{padding:100px 60px;}
}
@media(max-width:1080px){
.course_cta{flex-direction:column;padding:60px 24px;}
.course_cta-title{font-size:3.8vw;text-align:center;}
}
@media(max-width:768px){
.info_section{padding:20px 0;margin-top:20px;overflow-y:scroll;}
.info_list{transform:translateY(0);justify-content:start;flex-wrap:wrap;gap:4%;row-gap:20px;}
.info_list li{width:48%;}
}
.wp-pagenavi a, .wp-pagenavi span {
padding: 10px 20px !important;
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.is-style-scene-box01{padding:1.5em;border-radius:10px;background:#fffae2;}
.is-style-scene-box02{padding:1.5em;border-radius:10px;background:#edf6ff;}
.is-style-scene-box03{padding:1.5em;border-radius:10px;background:#ffebeb;}
.is-style-scene-box04{margin:32px auto;padding:1.5em;border:1px solid #a6db97;border-radius:10px;background:#eaf9e5;}
.is-style-scene-box05{margin:32px auto;padding:1.5em;border:1px solid #ccc;border-radius:10px;background:#f4f4f4;}
.is-style-scene-box06{margin:32px auto;padding:3em 4em;border-radius:20px;background:#fff;box-shadow:0 0 36px 0 rgba(137, 172, 92, 0.15);}
@media(max-width:768px){
.is-style-scene-box06{padding:2em 1em;}
}
.is-style-title-border{padding-bottom:1em;border-bottom:1px solid #333;}
.wp-block-table table{border-collapse:collapse;}
.wp-block-table th{padding:0.5em;background-color:#eee;}
.wp-block-table td {
padding: 0.5em;
border: solid 1px #ccc;
}#npcatch li{margin:0;}
#npcatch li a{display:flex;padding:0.5rem 0;width:100%;}
#npcatch figure{padding:0 0.5rem 0 0;}
#npcatch img{height:auto;}
#npcatch .title {
display: block;
}.wp-pagenavi{clear:both;}
.wp-pagenavi a, .wp-pagenavi span{text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#000;}
.wp-pagenavi span.current {
font-weight: bold;
}