@charset "UTF-8";
/*各イベントの色

大阪キャリアフォーラム  
RGB:190, 211, 0
Hex:bed300

ロサンゼルスキャリアフォーラム
RGB:237, 108, 0
Hex:ed6c00


ロンドンキャリアフォーラム
RGB:198, 29, 9
Hex:c61d09

東京サマー
キャリアフォーラム
RGB:80, 161, 53
Hex:571db4
// Color2
Hex:bbdbb0

ボストンキャリアフォーラム
RGB:0, 46, 106
Hex:ed6c00
// Color2
Hex:89ABE3


東京ウインターキャリアフォーラム
RGB:130, 24, 21
Hex:823200

*/
.button { -background-color: #ff9100; font-weight: 700; border-radius: 10px; }

.button::before { background-color: #f8b61c !important; }

.cf-custom-content-02 { font-size: 16px; line-height: 180%; color: #000; font-size: 16px; line-height: 180%; }

.cf-detail .cf-custom-content-02 p { font-size: inherit; }

.cf-custom-content-02 { padding-bottom: 2rem; }

.cf-custom-content-02 .reg-list ul { margin: 5px 0px 5px 10px; }

.cf-custom-content-02 .reg-list li { list-style-type: none; /*点を非表示*/ position: relative; /*基準位置*/ padding-left: 20px; text-indent: 0; margin: 5px 0px; }

.cf-custom-content-02 .reg-list li:before { border-radius: 50%; /*丸くする*/ width: 7px; /*点の幅*/ height: 7px; /*点の高さ*/ display: block; position: absolute; /*絶対配置*/ left: 0; /*点の位置*/ top: 0.7em; /*点の位置*/ content: ""; background: #7c4acc; /*点の色*/ }

.cf-custom-content-02 .eventcolor { /* eventcolor */ color: #571db4; }

.cf-custom-content-02 .eventbgcolor { /* eventcolor */ background-color: #571db4; }

.cf-custom-content-02 .txt-bold { font-weight: 700; }

.cf-custom-content-02 .txt-emp { font-weight: 700; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f6ff5f)); background: -webkit-linear-gradient(transparent 60%, #f6ff5f 60%); background: -o-linear-gradient(transparent 60%, #f6ff5f 60%); background: linear-gradient(transparent 60%, #f6ff5f 60%); }

.cf-custom-content-02 .eventtitle { /* eventcolor */ background: rgba(80, 161, 53, 0.7); }

.cf-custom-content-02 .eventname { position: absolute; bottom: 0px; font-weight: bold; color: #fff; right: 0px; width: 100%; text-align: center; padding: 10px 3px; font-size: 32px; line-height: 32px; }

.cf-custom-content-02 .header-icon { font-size: 30px; vertical-align: middle; opacity: 0.5; margin-right: 5px; }

.cf-custom-content-02 .note-red { color: #e00000; }

.cf-custom-content-02 .clear { margin: 0 0 2rem 0; padding: 0; clear: both; }

.cf-custom-content-02 .sml { font-size: 80%; }

.cf-custom-content-02 h1 { font-size: 28px; line-height: 1.6; margin: 20px 0; font-weight: 700; }

.cf-custom-content-02 h2 { padding: 12px 3px 12px 12px; margin: 40px 0 40px 0; border-top: 1px solid #571db4; border-bottom: 1px solid #ccc; border-left: 12px solid #571db4; border-right: 1px solid #ccc; font-size: 22px; font-weight: 700; line-height: 1.6; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), color-stop(25%, white), to(white)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, white 25%, white 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, white 25%, white 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, white 25%, white 100%); }

.cf-custom-content-02 h2.narrow { margin: 20px 0 10px; }

.cf-custom-content-02 h3 { position: relative; font-size: 1.7rem; font-weight: bold; padding-top: 1rem; margin: 2rem 0 1rem 0; border-top: 1px solid #ccc; }

.cf-custom-content-02 h3::after { position: absolute; top: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 3px; background-color: #ccc; }

.cf-custom-content-02 .event-catch { font-size: 24px; line-height: 1.2; margin: 20px 0; }

.cf-custom-content-02 table { border-collapse: collapse; border-spacing: 0; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf-custom-content-02 .event-info-main { padding: 0; margin: 0 0 20px 0; }

.cf-custom-content-02 .event-info-main th { background: #571db4; border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-left: 1px solid #571db4; border-right: 1px solid #571db4; color: #fff; padding: 5px; font-size: 14px; }

.cf-custom-content-02 .event-info-main td { border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-right: 1px solid #fff; padding: 10px; font-weight: 700; }

.cf-custom-content-02 .event-info-main .material-symbols-outlined { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }

.cf-custom-content-02 .event-info-b { font-size: 160%; }

.cf-custom-content-02 .event-info-timetable { position: relative; padding: 20px 20px 20px 20px; background-color: #f2f2f2; margin: 32px 0; }

.cf-custom-content-02 .event-info-timetable-tit { position: absolute; padding: 8px 12px; top: 0; left: 0; background-color: #571db4; color: #fff; font-size: 12px; line-height: 12px; font-weight: 700; }

.cf-custom-content-02 .event-info-sub { padding: 0; border: 5px solid #f2f2f2; }

.cf-custom-content-02 .event-info-sub th { background: #7c4acc; border-top: 0px solid #f2f2f2; border-bottom: 8px solid #f2f2f2; border-right: 0px solid #fff; border-left: 15px solid #f2f2f2; color: #fff; padding: 4px 20px; text-align: right; min-width: 94px; }

.cf-custom-content-02 .event-info-sub td { background: #fff; border-top: 5px solid #f2f2f2; border-bottom: 8px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-left: 1px solid #fff; padding: 4px 20px; font-weight: 400; line-height: 20px; }

.cf-custom-content-02 .event-info-sub-day { margin: 10px 0 0 0; font-weight: 700; }

.cf-custom-content-02 .sns-outer { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cf-custom-content-02 .sns-inner { margin: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cf-custom-content-02 .event-info-main dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.cf-custom-content-02 .event-info-main dt { background-color: #999; color: #fff; }

.cf-custom-content-02 time { display: inline; }

.cf-custom-content-02 .mgt20 { margin-top: 20px !important; }

.cf-custom-content-02 .pgt20 { padding-top: 32px !important; }

.cf-custom-content-02 .eventimg { display: block; position: relative; }

.cf-custom-content-02 .eventimg img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; }

.cf-custom-content-02 .eventimg .eventdate { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; background: rgba(67, 0, 166, 0.7); text-align: center; padding: 8px; color: #fff; text-shadow: 0 0 10px #571db4; font-size: 32px; font-weight: 700; }

.cf-custom-content-02 .eventtitle-date { font-size: 18px; line-height: 22px; padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf-custom-content-02 .event-badge { position: absolute !important; opacity: 0.8 !important; top: 5px; left: 10px !important; width: 100px; -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2)) !important; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2)) !important; }

.cf-custom-content-02 .point-list { margin: 28px 0 50px 0; }

.cf-custom-content-02 .point-list li { list-style-type: none; /*点を非表示*/ position: relative; /*基準位置*/ padding-left: 30px; text-indent: 0; margin: 5px 0px; }

.cf-custom-content-02 .point-list li:before { font-family: 'Material Icons'; content: "task_alt"; font-size: 1.6em; color: #571db4; position: absolute; /*絶対配置*/ left: 0; /*点の位置*/ top: 0.1em; }

.cf-custom-content-02 .com-list-logo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cf-custom-content-02 .com-list-logo-in { width: 12%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 150px; padding: 10px; }

.cf-custom-content-02 .com-list-logo-in img { width: 100%; height: auto; max-height: 150px; -o-object-fit: contain; object-fit: contain; }

.cf-custom-content-02 .com-list-logo-txt { width: 100%; text-align: center; padding: 20px 0; }

.cf-custom-content-02 .button-inner-button { position: relative; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; display: inline-block; width: 100%; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; text-align: center; margin: 20px 0 0 0; padding: 20px 30px 20px 10px; font-size: 18px; line-height: 18px; font-weight: 700; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color: #50a135; background: -webkit-gradient(linear, left top, left bottom, from(#ffe224), color-stop(50%, #edd013), color-stop(50%, #edd013), to(#c5ac0a)); background: -webkit-linear-gradient(#ffe224 0%, #edd013 50%, #edd013 50%, #c5ac0a 100%); background: -o-linear-gradient(#ffe224 0%, #edd013 50%, #edd013 50%, #c5ac0a 100%); background: linear-gradient(#ffe224 0%, #edd013 50%, #edd013 50%, #c5ac0a 100%); border-radius: 30px; color: #000; }

.cf-custom-content-02 .button-inner-button::after { display: block; position: absolute; color: #000; top: 13px; right: 10px; font-size: 26px; line-height: 32px; font-family: 'Material Icons'; content: "arrow_forward"; }

.cf-custom-content-02 .button-inner-button:hover { background-color: rgba(80, 161, 53, 0.8); }

.cf-custom-content-02 .button-inner-button-in-img { position: absolute; bottom: 0px; left: 15px; width: 120px; }

.cf-custom-content-02 .button-inner-button-in-img img { width: 100%; }

.cf-custom-content-02 .comingsoon { pointer-events: none; opacity: 0.8; position: relative; }

.cf-custom-content-02 .comingsoon::before { display: inline-block; background-color: #f70000; color: #fff; content: 'Coming Soon!'; position: absolute; padding: 5px 10px; font-size: 16px; line-height: 16px; top: calc(50% - 10px); left: calc(50% - 54px); -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); opacity: 0.8; width: auto; }

.cf-custom-content-02 .ended { pointer-events: none; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.cf-custom-content-02 .ended dl dt { color: #aaa !important; }

.cf-custom-content-02 .ended dl dt span { background: #aaa !important; }

.cf-custom-content-02 .ended dl dd { background: #aaa !important; }

.cf-custom-content-02 .ended::before { display: inline-block; background-color: #000; color: #fff; content: '終了しました'; position: absolute; padding: 5px 10px; font-size: 30px; font-weight: bold; line-height: 16px; top: calc(50% - 1em); left: calc(50% - 4.5em); width: 9em; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0.8; text-align: center; z-index: 2; padding: 0.5em; }

.cf-custom-content-02 .button-balloon { position: relative; display: inline-block; margin: 1.5em 20px; width: calc(100% - 40px) !important; padding: 12px 10px; width: 100%; text-align: center; font-size: 14px; line-height: 20px; background: #f2f2f2; }

.cf-custom-content-02 .button-balloon:before { content: ""; position: absolute; top: -30px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #f2f2f2; }

.cf-custom-content-02 .font140 { font-size: 20px; line-height: 24px; }

.cf-custom-content-02 .font120 { font-size: 16px; }

.cf-custom-content-02 .fontred { color: #fa4141; }

.cf-custom-content-02 .fontbold { font-weight: bold; }

.cf-custom-content-02 .forpc { display: block; }

.cf-custom-content-02 .forsp { display: none; }

.cf-custom-content-02 .event-head { color: #FFF; float: left; padding: 0.1rem; margin-right: 0.5rem; text-align: center; width: 11.5rem; }

.cf-custom-content-02 .event-list { padding-left: 2rem; list-style-type: circle; }

.cf-custom-content-02 .event-list-num { padding-left: 2rem; list-style-type: decimal; padding-left: 2rem; }

.cf-custom-content-02 .event-list-ol { padding-left: 2rem; list-style-type: decimal; }

.cf-custom-content-02 .event-timetable { margin-top: 0.3rem; }

.cf-custom-content-02 .event-time { color: #999; font-weight: bold; float: left; padding: 0.1rem; margin-right: 0.5rem; text-align: left; width: 6rem; }

.cf-custom-content-02 .prc { color: #39F; }

.cf-custom-content-02 .map { margin: 2rem 0; }

.cf-custom-content-02 .event-timetable-note { padding-left: 15px; padding-top: 10px; font-size: 14px; line-height: 1.4em; }

.cf-custom-content-02 .event-timetable-note span { display: inline-block; background-color: #fa4141; color: #fff; padding: 0.2em 1em; }

.cf-custom-content-02 .scholor-p { overflow: auto; margin-bottom: 0; text-align: left; }

.cf-custom-content-02 .click1 { display: inline-block; background-color: #fa4141; border: 2px solid #fa4141; color: #fff; text-align: center; border-radius: 7px; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; cursor: pointer; font-size: 2.1rem; width: 100%; background-color: #fa4141; border: 2px solid #fa4141; color: #fff; font-size: 1.9rem; padding: 0.5em 0.3em; }

.cf-custom-content-02 .click1:hover { color: #fa4141; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff; }

.cf-custom-content-02 .question { float: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; display: inline-block; padding: 5px 10px; line-height: 2rem; color: #000; font-size: 16px; font-weight: 700; text-align: center; background: #eee; border: 3px solid #eee; z-index: 0; margin-bottom: 1rem; margin-top: 1rem; border-radius: 5px; }

.cf-custom-content-02 .question:after { content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eee transparent transparent transparent; z-index: -1; }

.cf-custom-content-02 .voice { float: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; display: inline-block; padding: 0.7rem; color: #000; text-align: left; background: #fff; border: 3px solid #9CF; z-index: 0; margin-bottom: 2rem; border-radius: 2rem; }

.cf-custom-content-02 .voice:before { content: ""; position: absolute; bottom: -8px; left: 70%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #FFF transparent transparent transparent; z-index: 0; }

.cf-custom-content-02 .voice:after { content: ""; position: absolute; bottom: -12px; left: 70%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #9CF transparent transparent transparent; z-index: -1; }

.cf-custom-content-02 .voice2 { float: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; display: inline-block; padding: 0.7rem; color: #000; text-align: left; background: #fff; border: 3px solid #9CF; z-index: 0; margin-bottom: 2rem; border-radius: 2rem; }

.cf-custom-content-02 .voice2:before { content: ""; position: absolute; bottom: -8px; left: 25%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #FFF transparent transparent transparent; z-index: 0; }

.cf-custom-content-02 .voice2:after { content: ""; position: absolute; bottom: -12px; left: 25%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #9CF transparent transparent transparent; z-index: -1; }

.cf-custom-content-02 .top-mov { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; }

.cf-custom-content-02 .top-mov-in { width: 49%; text-align: center; margin: 10px 0; }

.cf-custom-content-02 .top-mov-in iframe { width: 100%; max-width: 560px; height: auto; min-height: 220px; }

.cf-custom-content-02 .balloon { display: inline-block; background: #571db4; color: #fff; padding: 5px 15px; border-radius: 2rem; font-size: 12px; position: relative; text-align: center; font-weight: bold; margin: 0 auto 2rem !important; }

.cf-custom-content-02 .balloon:after { border-top: 12px solid #571db4; border-right: 12px solid transparent; border-left: 12px solid transparent; content: ''; margin-left: -10px; position: absolute; bottom: -10px; left: 50%; }

.cf-custom-content-02 .balloon-txt { font-weight: bold; font-size: 20px; line-height: 25px; color: rgba(0, 0, 0, 0); text-shadow: 1.5px 1.5px 0 #fff; -webkit-text-stroke: 1px #444; text-stroke: 1px #444; }

.cf-custom-content-02 .sp-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cf-custom-content-02 .sp-logo-in { padding: 15px; width: 25%; }

.cf-custom-content-02 .sp-logo-in img { width: 100%; }

.cf-custom-content-02 .topsem { position: relative; margin: 32px 0 32px 0; padding: 20px 20px 5px 20px; /* 文章色 */ background-color: #fff; /* 背景色 */ border: 1px solid #7c4acc; /* 枠線の太さ・色 */ width: 100%; max-width: 720px; }

.cf-custom-content-02 .topsem .extra { text-align: right; color: #f00; font-size: 16px; margin-bottom: 0; }

.cf-custom-content-02 .topsem img { max-width: 100%; }

.cf-custom-content-02 .topsem-title { position: absolute; padding: 0 10px; left: -1px; top: -15px; font-weight: bold; background-color: #7c4acc; /* タイトル背景色 */ color: #fff; /* タイトル文字色 */ font-size: 14px; line-height: 30px; }

.cf-custom-content-02 .topsem-title2 { font-weight: bold; font-size: 16px; line-height: 24px; color: #000; margin: 10px 0; }

.cf-custom-content-02 .mark2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f6ff5f)); background: -webkit-linear-gradient(transparent 60%, #f6ff5f 60%); background: -o-linear-gradient(transparent 60%, #f6ff5f 60%); background: linear-gradient(transparent 60%, #f6ff5f 60%); }

.cf-custom-content-02 .topsem-pout { /* margin-top: 12px; */ padding: 0 0 12px 0; /* border-top: 1px solid #7c4acc; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cf-custom-content-02 .topsem-name { padding-bottom: 0.5rem; margin-bottom: 0.5rem; }

.cf-custom-content-02 .topsem-name-b { background: #eee; }

.cf-custom-content-02 .topsem-pin1 { width: 120px; min-width: 120px !important; text-align: center; padding: 0; }

.cf-custom-content-02 .topsem-pin1 img { width: 100%; max-width: 300px; }

.cf-custom-content-02 .topsem-pin2 { width: calc(100%); text-align: left; font-size: 12px; line-height: 20px; }

.cf-custom-content-02 .topsem-pin2 p { font-size: 16px; font-weight: bold; background: #f5f5f5; padding: 0.5em 1em; margin-bottom: 0.5em; border-left: solid 3px #571db4; }

.cf-custom-content-02 .topsem-pout2 { margin-top: 1rem; border-top: 1px solid #571db4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cf-custom-content-02 .topsem-pin2-1 { width: 50%; min-width: 120px !important; text-align: center; padding: 10px 10px 10px 0; }

.cf-custom-content-02 .topsem-pin2-1 img { width: 100%; }

.cf-custom-content-02 .topsem-pin2-2 { width: 50%; text-align: left; font-size: 14px; padding: 10px 0; }

.cf-custom-content-02 .top-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cf-custom-content-02 .top-logo-in { width: 17%; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.cf-custom-content-02 .top-logo-in a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cf-custom-content-02 .top-logo-in a img { width: 60%; }

.cf-custom-content-02 .sem-header { margin: 10px 0; font-size: 18px; font-weight: 700; color: #571db4; }

@media screen and (max-width: 640px) { .cf-custom-content-02 .event-info-main { width: 100%; }
  .cf-custom-content-02 .event-info-main .last td:last-child { border-bottom: solid 1px #fff; width: 100%; }
  .cf-custom-content-02 .event-info-main th { border: 1px solid #fff; border-bottom: none; display: block; width: 100%; }
  .cf-custom-content-02 .event-info-main td { border: 1px solid #fff; border-bottom: none; display: block; width: 100%; padding: 10px 0 15px 0; }
  .cf-custom-content-02 .event-info-main th { padding: 2px; }
  .cf-custom-content-02 .event-info-main tr { border: 1px solid #fff; padding: 0; } }

/*トップー３ポイント*/
/*トップー参加予定企業*/
/*トップーコンテンツリンクボタン*/
/* スポンサー*/
/* top semminar*/
/* SNS*/
.sem-headimg img { width: 100%; }

.cf-custom-content-02 .sem-detail { padding: 15px 0 15px 15px; font-weight: 700; display: inline-block; }

.cf-custom-content-02 .sem-detail ul { list-style: none; }

.cf-custom-content-02 .sem-detail li { padding: 0 !important; font-weight: 400; text-indent: -15px !important; padding-left: 15px !important; }

.cf-custom-content-02 .sem-detail li:before { font-family: 'Material Icons'; content: 'arrow_forward'; color: #571db4; padding-right: 5px; font-size: 16px; }

.cf-custom-content-02 .txt-note { color: #f55050; }

.cf-custom-content-02 .sem-school { padding: 15px; margin: 15px 0; border: 3px solid #571db4; display: inline-block; background-color: #f9f9f9; }

.cf-custom-content-02 .sem-school .material-icons { color: #571db4; font-size: 28px !important; }

.cf-custom-content-02 .sem-school .one-voice { color: #571db4; font-size: 14px !important; font-weight: 700; margin-bottom: 10px; }

.cf-custom-content-02 .sem-hplink a { width: 100%; display: inline-block; background: #50a135; border-radius: 10px; padding: 10px 25px; margin: 7px 0; color: #fff; font-size: 100%; font-weight: 700; text-align: center; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; position: relative; }

.cf-custom-content-02 .sem-hplink a::after { position: absolute; top: 10px; right: 5px; font-family: 'Material Icons'; content: 'arrow_forward'; color: #fff; padding-right: 5px; font-size: 16px; }

.cf-custom-content-02 .sem-hplink a:hover { background: rgba(80, 161, 53, 0.8); }

.cf-custom-content-02 .cf-top-bnr { width: 100%; margin: 40px 0; }

.cf-custom-content-02 .cf-top-bnr img { width: 100%; height: auto; }

.cf-custom-content-02 .websem-outer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.cf-custom-content-02 .websem-each { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid #ddd; padding: 1rem; margin-bottom: 1rem; text-align: center; }

.cf-custom-content-02 .websem-img { width: 100%; height: 50px; margin-bottom: 1rem; text-align: center; }

.cf-custom-content-02 .websem-img img { height: 50px; margin-bottom: 1rem; }

.cf-custom-content-02 .websem-com { font-size: 130%; margin-bottom: 0.3rem; padding: 0.5rem 0 0 0; text-align: center; border-top: 1px solid #ddd; width: 100%; }

.cf-custom-content-02 .websem-inds { color: #999; font-size: 80%; margin-bottom: 1rem; padding: 0 0 0 0; text-align: center; width: 100%; }

.cf-custom-content-02 .websem-info { font-size: 80%; margin-top: 1rem; padding: 0 0 0 0; text-align: center; width: 100%; border: none; cursor: pointer; }

.cf-custom-content-02 .websem-view { background: #f3f8ff; border: 1px solid #3a50c9; width: 100%; padding: 0.5em 0.3rem; text-align: center; cursor: pointer; }

.cf-custom-content-02 .websem-view img { width: 20px; margin-right: 1rem; }

.cf-custom-content-02 .event-catch-rib-outer { width: 100%; text-align: center; }

.cf-custom-content-02 .event-catch-rib { display: inline-block; line-height: 40px; position: relative; height: 40px; margin: 15px auto 0 auto; padding: 0 15px; text-align: center; font-size: 16px; font-weight: 700; color: #fff; background: #fa4141; }

.cf-custom-content-02 .event-catch-rib:before, .cf-custom-content-02 .event-catch-rib:after { position: absolute; top: 0; display: block; height: 20px; content: ''; border: 20px solid #fa4141; }

.cf-custom-content-02 .event-catch-rib:before { left: -25px; border-left-width: 15px; border-left-color: transparent; }

.cf-custom-content-02 .event-catch-rib:after { right: -25px; border-right-width: 15px; border-right-color: transparent; }

.cf-custom-content-02 .event-catch-rib span { position: relative; display: block; }

.cf-custom-content-02 .la-block { border: 3px solid #571db4; padding: 20px; margin: 20px 0; }

/* web semminar*/
/* リボン */
/* LA紹介　*/
.la-block-bln { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.la-block-bln-in1 { display: inline-block; position: relative; font-size: 12px; line-height: 12px; font-weight: 700; color: #fff; background: #571db4; padding: 7px 7px 7px 10px; margin: 0 0 10px 15px; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); }

.la-block-bln-in1:before { position: absolute; top: 0; left: -12px; content: ''; border-width: 13px 12px 13px 0; border-style: solid; border-color: transparent #571db4 transparent transparent; }

.la-block-bln-in1:after { position: absolute; top: calc(50% - 4px); left: -2px; width: 8px; height: 8px; content: ''; border-radius: 50%; background: #fff; }

.la-block-bln-in2 { color: #571db4; font-size: 20px; font-weight: 700; padding: 0 0 0 10px; }

.la-block-bln-in3 { padding: 10px 0; }

.la-block-bln-in3 img { width: 100%; }

.la-block-bln-in4 { width: 100%; }

.la-block-bln-in5 { width: 100%; padding: 10px; margin: 10px 0 0 0; background: rgba(231, 165, 35, 0.2); }

.la-block-bln-in5 span { color: #571db4; font-weight: 700; }

/*ボックス全体*/
.cf-custom-content-02 .switchbox { border: solid 1px #ccc; background: #f2f2f2; padding: 10px 20px 10px 10px; margin: 0 0 20px 0; font-weight: bold; border-left: solid 7px #571db4; width: 100%; position: relative; }

.cf-custom-content-02 .switchbox label { display: block; font-weight: bold; cursor: pointer; }

.cf-custom-content-02 .switchbox input { display: none; }

.cf-custom-content-02 .switchbox-show { height: 0; overflow-y: hidden; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; /*ゆっくり表示させる*/ opacity: 0; }

.cf-custom-content-02 .switchbox input:checked + label + div { height: auto; opacity: 1; }

.cf-custom-content-02 .switchbox label::before { position: absolute; top: 12px; right: 3px; content: "\e5cc"; font-family: "Material Icons"; font-size: 26px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.cf-custom-content-02 .switchbox input:checked + label::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.cf-custom-content-02 dl.qa { border-top: 1px solid #d8d8d8; overflow: hidden; _zoom: 1; }

.cf-custom-content-02 dl.qa dd { text-indent: -3.1em; padding: 0 15px 0px 50px; }

.cf-custom-content-02 dl.qa dt { text-indent: -3.1em; padding: 0 15px 0px 50px; margin: 15px 15px 0 0; }

.cf-custom-content-02 dl.qa dd:first-letter, .cf-custom-content-02 dl.qa dt:first-letter { font-size: 1.6em; font-weight: bold; margin-right: 10px; padding: 5px; line-height: 1.2em; }

.cf-custom-content-02 dl.qa dd { margin: 20px 0 -1px 0; padding-bottom: 15px; font-weight: 400; line-height: 1.8; }

.cf-custom-content-02 dl.qa dt:first-letter { color: #f08fc3; }

.cf-custom-content-02 dl.qa dd:first-letter { color: #7c4acc; }

/*ラベル*/
/*チェックボックスを非表示にする*/
/*中身を非表示にしておく*/
/*クリックで中身を表示*/
/*アイコン*/
/*クリックでアイコン入れ替え*/
/* FAQ */
dl.qa dt:first-letter { color: #cf7ca8; }

dl.qa dd:first-letter { color: #7c4acc; }

/* スカラーシップチャート */
.cf-custom-content-02 .scholar-tbl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 5px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cf-custom-content-02 .scholar-tbl-1 { padding: 3px 10px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.cf-custom-content-02 .scholar-tbl-2 { padding: 3px 5px; }

.cf-custom-content-02 .scholar-tbl-z { display: inline-block; color: #fff; white-space: nowrap; padding: 3px 10px; margin: 0 10px 0 0; }

/* FAQ */
dl.qa { border-top: 1px solid #000; overflow: hidden; _zoom: 1; }

dl.qa dd { text-indent: -3.1em; padding: 0 15px 0px 50px; }

dl.qa dt { text-indent: -3.1em; padding: 0 15px 0px 50px; margin: 15px 15px 0 0; }

dl.qa dd:first-letter, dl.qa dt:first-letter { font-size: 1.6em; font-weight: bold; margin-right: 10px; padding: 5px; line-height: 1.2em; }

dl.qa dd { margin: 10px 0 -1px 0; padding-bottom: 15px; }

dl.qa dt:first-letter { color: #cf7ca8; }

dl.qa dd:first-letter { color: #7c4acc; }

.oneqa { border: solid 1px #d8d8d8; margin: 1em 0; }

.hidden_box label { border: solid 1px #d8d8d8; background: #f9f9f9; padding: 1em; font-weight: bold; border-left: solid 7px #571db4; cursor: pointer; width: 100%; position: relative; }

.hidden_box label::after { position: absolute; top: 15px; right: 3px; content: "\e5cc"; font-family: "Material Icons"; font-size: 26px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.hidden_box label:hover { background: #fff; }

.hidden_box input { display: none; }

.hidden_box .hidden_show { margin: 0; height: 0; padding: 0; overflow: hidden; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }

.hidden_box input:checked + .hidden_show { padding: 0 0 1.5em 0; height: auto; opacity: 1; }

.hidden_box .hidden_show2 { margin: 0; overflow: hidden; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; padding: 0 0 1.5em 0; height: auto; opacity: 1; }

.hidden_box input:checked + .hidden_show2 { padding: 0; height: 0; opacity: 0; }

.hidden_box input:checked + label::after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.cf-custom-content-02 .sem-header { margin: 10px 0; font-size: 18px; font-weight: 700; color: #571db4; }

.cf-custom-content-02 .txt-note { color: #f55050; }

/* ステッカー*/
.cf-custom-content-02 .last-winner-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf-custom-content-02 .last-winner-inner { width: 31%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf-custom-content-02 .last-winner-inner iframe { width: 100%; min-width: 310px !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

#sem { max-width: 960px; margin: 0 auto 50px; }

#sem .back { display: block; width: 100%; margin: 20px; text-align: center; }

#sem .material-icons { font-size: 20px; line-height: 20px; vertical-align: middle; }

.cf-custom-content-02 .sem-headimg { margin: 20px 0; }

.cf-custom-content-02 .sem-headimg img { width: 100%; border: 1px solid #571db4 !important; }

.cf-custom-content-02 .sns-tit { width: 100%; font-size: 120%; font-weight: 700; padding: 30px 0 0 0; text-align: center; }

.cf-custom-content-02 .sns { width: 100%; padding: 10px 0 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cf-custom-content-02 .sns-in { width: 90px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cf-custom-content-02 .sns-in1 { padding: 3px 0; text-align: center; }

.cf-custom-content-02 .sns-in1 img { width: 90px; }

.cf-custom-content-02 .sns-in2 { text-align: center; font-size: 5px; }

.cf-custom-content-02 .tb01 { border-collapse: collapse; width: 100%; margin: 10px 0 30px 0; }

.cf-custom-content-02 .tb01 .head { background: rgba(67, 0, 166, 0.4) !important; font-weight: 700 !important; }

.cf-custom-content-02 .cl1 { width: 170px; font-weight: 700; }

.cf-custom-content-02 .cl3 { white-space: nowrap; }

.cf-custom-content-02 .tb01 th, .cf-custom-content-02 .tb01 td { padding: 10px; border: solid 1px #ccc; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf-custom-content-02 .btn, .cf-custom-content-02 a.btn, .cf-custom-content-02 button.btn { font-weight: 700; position: relative; display: block; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: left; text-decoration: none; color: #000; border-radius: 0.5rem; }

.cf-custom-content-02 a.btn-radius-solid { position: relative; border: 1px solid #ccc; background: #3559b5; color: #fff; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); width: 650px; font-size: 15px; line-height: 20px; overflow-wrap: break-all; word-break: break-all; white-space: normal !important; padding: 10px 70px 10px 10px; margin: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf-custom-content-02 .sem-ttl { margin: 20px 0 0 0; font-size: 16px; font-weight: 700; color: #000; }

.cf-custom-content-02 .top-outer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cf-custom-content-02 .flex-outer-in { margin: 10px 0; color: #fff; text-align: center; }

.cf-custom-content-02 .flex-outer-in a { display: inline-block; background-image: -webkit-gradient(linear, left top, right top, from(#ed6ea0), color-stop(70%, #e7a523)); background-image: -webkit-linear-gradient(left, #ed6ea0 0%, #e7a523 70%); background-image: -o-linear-gradient(left, #ed6ea0 0%, #e7a523 70%); background-image: linear-gradient(to right, #ed6ea0 0%, #e7a523 70%); border-radius: 30px; padding: 10px 15px; height: 100%; width: 100%; color: #fff; font-size: 120%; font-weight: 700; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; }

.cf-custom-content-02 .flex-outer-in a:hover { opacity: 0.8; }

.cf-custom-content-02 .flex-outer-in-over { display: inline-block; text-align: center; background-image: -webkit-gradient(linear, left top, right top, from(#897a80), color-stop(70%, #989794)); background-image: -webkit-linear-gradient(left, #897a80 0%, #989794 70%); background-image: -o-linear-gradient(left, #897a80 0%, #989794 70%); background-image: linear-gradient(to right, #897a80 0%, #989794 70%); border-radius: 30px; padding: 10px 15px; height: 100%; width: 100%; color: #ddd; font-size: 120%; font-weight: 700; }

.cf-custom-content-02 .tbl-r04 { border: none !important; padding: 0 !important; width: 100%; margin-top: 20px; }

.cf-custom-content-02 .tbl-r04 tbody, .cf-custom-content-02 .tbl-r04 tr { border: none !important; padding: 0 !important; }

.cf-custom-content-02 .tbl-r05 { width: 100%; margin-top: 20px; }

.cf-custom-content-02 .tbl-r04 th, .cf-custom-content-02 .tbl-r05 th { background: rgba(80, 161, 53, 0.7); color: #fff; font-weight: bold; text-align: center; }

.cf-custom-content-02 .tbl-des { margin: 20px 0 40px 0; }

.cf-custom-content-02 .tbl-des th { background: #f2f2f2; border: solid 1px #ccc; padding: 10px; }

.cf-custom-content-02 .tbl-des td { border: solid 1px #ccc; padding: 10px; }

.cf-custom-content-02 .tbl-des th, .cf-custom-content-02 .tbl-des td { text-align: left; }

.cf-custom-content-02 .banner-img, .cf-custom-content-02 .banner-img1, .cf-custom-content-02 .banner-img-l { width: 100%; margin: 20px 0; text-align: center; }

.cf-custom-content-02 .banner-img img { width: 80%; height: auto; }

.cf-custom-content-02 .banner-img1 img { width: 78%; height: auto; }

.cf-custom-content-02 .banner-img-l img { width: 100%; height: auto; }

.cf-custom-content-02 .comsem-ent { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cf-custom-content-02 .comsem-ent a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 70%; height: auto; color: #000; font-size: 24px; font-weight: 700; text-decoration: none; background-color: #f7db53; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.cf-custom-content-02 .comsem-ent a:hover { color: #fff; }

.cf-custom-content-02 .comsem-ent a span { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cf-custom-content-02 .comsem-ent a::before { content: ''; position: absolute; bottom: -5px; right: -5px; width: 100%; height: 100%; background-image: -webkit-repeating-linear-gradient(135deg, #d7d0a4, #d7d0a4 3px, transparent 0, transparent 6px); background-image: -o-repeating-linear-gradient(135deg, #d7d0a4, #d7d0a4 3px, transparent 0, transparent 6px); background-image: repeating-linear-gradient(-45deg, #d7d0a4, #d7d0a4 3px, transparent 0, transparent 6px); z-index: 1; }

.cf-custom-content-02 .balloon1-right { position: relative; margin: 15px; padding: 7px 15px; color: #555; font-size: 16px; background: #fff; z-index: 2; border-radius: 5px; }

.cf-custom-content-02 .balloon1-right:before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -15px; margin-left: -6px; border: 15px solid transparent; border-left: 15px solid #fff; }

.cf-custom-content-02 .balloon1-right .highlighter { display: inline-block; padding: 0 2px 2px 2px; margin: 0 1px; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #571db4), color-stop(90%, transparent)); background: -webkit-linear-gradient(transparent 60%, #571db4 60% 90%, transparent 90%); background: -o-linear-gradient(transparent 60%, #571db4 60% 90%, transparent 90%); background: linear-gradient(transparent 60%, #571db4 60% 90%, transparent 90%); }

.cf-custom-content-02 .forcomsem { z-index: 2; font-size: 36px; color: #fff; margin: 0 0 0 5px; }

.cf-custom-content-02 .anc-d { display: inline-block; height: 1px; margin-bottom: 40px; }

.cf-custom-content-02 .mainlink-outer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cf-custom-content-02 .mainlink-outer a { display: inline-block; position: relative; width: 30%; padding: .5em .7em; border: 2px solid #571db4; -webkit-box-shadow: 5px 5px #571db4; box-shadow: 5px 5px #571db4; color: #571db4; font-size: 18px; font-weight: 700; background-color: #f4dcff; margin-bottom: 20px; }

.cf-custom-content-02 .mainlink-outer a::after { position: absolute; font-family: 'Material Icons'; content: 'arrow_circle_down'; font-size: 26px; top: 7px; right: 5px; }

.cf-custom-content-02 .data-mida { display: inline-block; position: relative; width: 100%; padding: .5em .7em; border: 2px solid #571db4; -webkit-box-shadow: 5px 5px #571db4; box-shadow: 5px 5px #571db4; color: #571db4; font-size: 18px; font-weight: 700; background-color: #f4dcff; margin: 0 0 20px 0; }

.cf-custom-content-02 .q-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 20px 0; }

.cf-custom-content-02 .chart-block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; }

.cf-custom-content-02 .chart-block1 { width: 230px; height: auto; }

.cf-custom-content-02 .chart-block4 { width: 230px; height: auto; padding: 0 0 0 20px; }

.cf-custom-content-02 .chart-block2 { width: calc(100% - 230px); }

.cf-custom-content-02 .chart-block3 { width: 50%; }

.cf-custom-content-02 .chart-block4 { width: 230px; }

.cf-custom-content-02 .pie-chart { border-radius: 50%; width: 200px; height: 200px; }

.cf-custom-content-02 .chart-tbl { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 700; margin: 10px 0; position: relative; height: 30px; }

.cf-custom-content-02 .chart-tbl::before { border-bottom: 3px dotted #ccc; content: ""; position: absolute; bottom: 50%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: -1; }

.cf-custom-content-02 .chart-tbl1 { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; padding: 0 10px 0 0; }

.cf-custom-content-02 .chart-tbl2 { width: 30px !important; height: 30px; margin: 0 10px 0 0; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; }

.cf-custom-content-02 .chart-tbl2s { width: 30px !important; height: 30px; margin: 0 10px 0 0; border-radius: 3px; -ms-flex-negative: 0; flex-shrink: 0; }

.cf-custom-content-02 .chart-tbl3 { font-size: 14px; background-color: #fff; padding: 0 0 0 10px; }

.cf-custom-content-02 .chart-tbl3 span { font-size: 18px; }

.cf-custom-content-02 .data-divider { position: relative; width: 100%; color: #571db4; font-size: 10px; font-weight: 700; text-align: center; padding: 0px; margin: 10px 0 20px 0; }

.cf-custom-content-02 .data-divider:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; content: ''; background-image: -webkit-repeating-linear-gradient(135deg, #571db4, #571db4 1px, #f4dcff 2px, #f4dcff 5px); background-image: -o-repeating-linear-gradient(135deg, #571db4, #571db4 1px, #f4dcff 2px, #f4dcff 5px); background-image: repeating-linear-gradient(-45deg, #571db4, #571db4 1px, #f4dcff 2px, #f4dcff 5px); background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.cf-custom-content-02 .bar-chart { width: 200px; margin: 0; }

.cf-custom-content-02 .bar-chart-m { width: 100% !important; }

.cf-custom-content-02 .bar-chart > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; }

.cf-custom-content-02 .bar-chart dt { width: 40px; min-width: 40px; }

.cf-custom-content-02 .bar-chart dd { white-space: nowrap; margin: 0; border-radius: 3px; background-color: #f2f2f2; }

.cf-custom-content-02 .bar-chart-m dd { color: #571db4; background-color: #f4dcff; color: #571db4; font-weight: 700; background-color: #f4dcff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px 0 0; }

.cf-custom-content-02 .bar-chart span { display: inline-block; padding-right: 10px; margin: 0; border-radius: inherit; color: #571db4; font-weight: 600; line-height: 30px; text-align: right; white-space: nowrap; }

.cf-custom-content-02 .bar-chart-m span { color: #f4dcff; font-weight: 700; }

.cf-custom-content-02 .detaimgouter1 { width: 100%; text-align: center; }

.cf-custom-content-02 .detaimgouter2 { width: 100%; text-align: center; padding: 30px 0; }

.cf-custom-content-02 .detaimgouter1 img { width: 66%; height: auto; }

.cf-custom-content-02 .detaimgouter2 img { width: 100%; height: auto; }

.cf-custom-content-02 .company-list { margin-bottom: 20px; }

.cf-custom-content-02 .company-list figure { display: block; text-align: center; }

.cf-custom-content-02 .company-list p { text-align: center; font-weight: bold; padding-top: 0.5em; margin-bottom: 1em; }

.cf-custom-content-02 .company-list p strong { color: #f70000; font-size: 32px; }

.cf-custom-content-02 div.strong { border: solid 1px #571db4; border-right-width: 10px; border-left-width: 10px; font-weight: bold; background: #fff; font-size: 20px; padding: 0.5em 1.5em; color: #571db4; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); border-radius: 10px; }

@media only screen and (max-width: 1022px) { .cf-custom-content-02 .eventname { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 34px; line-height: 34px; }
  .cf-custom-content-02 .eventtitle-date { font-size: 24px; line-height: 24px; padding-top: 5px; }
  .cf-custom-content-02 .direction-map { width: 600px; height: 450px; }
  .cf-custom-content-02 .websem-each { width: 32%; } }

@media only screen and (max-width: 959px) { #sem { padding: 0 10px; } }

@media only screen and (max-width: 599px) { .cf-custom-content-02 .forpc { display: none; }
  .cf-custom-content-02 .forsp { display: block; }
  .cf-custom-content-02 .pgt20 { padding-top: 40px !important; }
  .cf-custom-content-02 .eventimg img { width: 100%; height: 180px; -o-object-fit: cover; object-fit: cover; }
  .cf-custom-content-02 .eventimg .eventdate { padding: 5px; font-size: 26px; line-height: 26px; }
  .cf-custom-content-02 .eventtitle-date { font-size: 18px; line-height: 22px; padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .cf-custom-content-02 .event-catch { font-size: 20px; line-height: 1.3em; }
  .cf-custom-content-02 .event-info-b { font-size: 140%; }
  .cf-custom-content-02 .event-head { font-size: 12px; line-height: 20px; color: #FFF; margin: 0 5px 3px 0; padding: 0 3px; text-align: center; width: 180px; }
  .cf-custom-content-02 .event-info-txt { line-height: 22px; padding: 0 3px; }
  .cf-custom-content-02 .eventtitle-date { font-size: 14px; line-height: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .cf-custom-content-02 .event-info-timetable { position: relative; padding: 20px 20px 20px 20px; background-color: #f2f2f2; }
  .cf-custom-content-02 h1 { font-size: 22px; line-height: 30px; }
  .cf-custom-content-02 h2 { padding: 12px 12px; margin: 80px 0 20px 0; font-size: 20px; line-height: 26px; } }

@media only screen and (max-width: 599px) and (max-width: 768px) { .cf-custom-content-02 h2 { margin: 5vw 0 2vw; } }

@media only screen and (max-width: 599px) { .cf-custom-content-02 .sp-logo-in { padding: 15px; width: 50%; }
  .cf-custom-content-02 .top-logo-in { width: 25%; padding: 20px 0 40px 0; }
  .cf-custom-content-02 .top-logo-in a img { width: 80%; }
  .cf-custom-content-02 .event-catch-rib { font-size: 12px; padding: 0 5px; }
  .cf-custom-content-02 .event-catch-rib:before { left: -25px; border-left-width: 10px; border-left-color: transparent; }
  .cf-custom-content-02 .event-catch-rib:after { right: -25px; border-right-width: 10px; border-right-color: transparent; }
  .la-block-bln-in2 { width: 100%; }
  .cf-custom-content-02 .tb01 { border: none !important; border-bottom: solid 1px #ccc !important; }
  .cf-custom-content-02 .tb01 tbody, .cf-custom-content-02 .tb01 tr { border: none !important; }
  .cf-custom-content-02 .tb01 .head { display: none; }
  .cf-custom-content-02 .tb01 th { background: rgba(80, 161, 53, 0.4); }
  .cf-custom-content-02 .cl1 { width: 100%; font-weight: 700; }
  .cf-custom-content-02 .cl2 { width: 100%; }
  .cf-custom-content-02 .cl3 { white-space: normal; }
  .cf-custom-content-02 .tb01 td, .cf-custom-content-02 .tb01 th { display: block; width: 100%; border: none; font-size: 3.7vw; padding: 0.4em 1em !important; }
  .cf-custom-content-02 .tb01 td { padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; line-height: 1.8; text-align: left; border-top: none !important; /* border-bottom: none !important; */ }
  .cf-custom-content-02 .tb01 td.cl2 { font-weight: bold; }
  .cf-custom-content-02 .tb01 td.spflex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .cf-custom-content-02 .tb01 td.spflex:before { width: 5em; color: #999; margin-right: 0.5em; display: block; line-height: 1.4em; }
  .cf-custom-content-02 .tb01 td.room { background: #f5f5f5; }
  .cf-custom-content-02 .tb01 td.room:before { content: "Room"; }
  .cf-custom-content-02 .tb01 td.name:before { content: "企業名"; }
  .cf-custom-content-02 .tb01 td.name.en:before { content: "Company"; }
  .cf-custom-content-02 .tb01 td.seminar:before { content: "セミナー\Aタイトル"; }
  .cf-custom-content-02 .tb01 td.seminar.en:before { content: "Seminar\ATitle"; }
  .cf-custom-content-02 .tb01 td:before { content: attr(data-label); font-weight: bold; padding: 0px; display: inline; font-size: 80%; color: #999; }
  .cf-custom-content-02 .topsem-pin1 { width: 100%; }
  .cf-custom-content-02 .topsem-pin2 { width: 100%; padding: 20px 0 0 0; }
  .cf-custom-content-02 .topsem-pin2 p { font-size: 3.5vw; line-height: 1.6em; }
  .cf-custom-content-02 .topsem-pin2-1 { width: 100%; padding: 10px 0 10px 0; }
  .cf-custom-content-02 .topsem-pin2-1 img { width: 100%; }
  .cf-custom-content-02 .topsem-pin2-2 { width: 100%; text-align: left; font-size: 14px; padding: 10px 0; }
  .cf-custom-content-02 .top-mov { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .cf-custom-content-02 .top-mov-in { width: 100%; }
  .cf-custom-content-02 .last-winner-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .cf-custom-content-02 .last-winner-inner { width: 100%; margin: 10px 0; }
  .cf-custom-content-02 .bos-top-sp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .cf-custom-content-02 .button-inner-button { width: 100%; font-size: 4.5vw !important; }
  .cf-custom-content-02 .com-list-logo-in { width: 23%; }
  .cf-custom-content-02 .button-inner-button { margin: 20px 0 0 0; padding: 10px 30px 10px 60px; font-size: 18px; line-height: 24px; border-radius: 40px; }
  .cf-custom-content-02 .button-inner-button::after { top: 17px; right: 7px; }
  .cf-custom-content-02 .button-inner-buttonver2 { padding: 20px 30px 20px 10px !important; line-height: 18px !important; }
  .cf-custom-content-02 .button-inner-buttonver2::after { top: 13px !important; right: 10px !important; }
  .cf-custom-content-02 .button-inner-button-in-img { bottom: 3vw; left: 1vw; width: 21vw; } }

/* セミナーテーブル*/
/* リンクボタン */
/* データページ*/
/* データページ-rev*/
@media screen and (max-width: 599px) { .tbl-r05 { width: 100%; }
  .tbl-r05 .thead { display: none; }
  .tbl-r05 tr { width: 100%; }
  .tbl-r05 td { display: block; text-align: right; width: 100%; border: none !important; }
  .tbl-r05 td:first-child { background: #999; color: #fff; font-weight: bold; text-align: center; }
  .tbl-r05 td:before { content: attr(data-label); float: left; font-weight: bold; margin-right: 10px; }
  .cf-custom-content-02 .tbl-r05 td:first-child { background: rgba(80, 161, 53, 0.7); color: #fff; font-weight: bold; text-align: center; }
  .tbl-r04 .thead { display: none; }
  .tbl-r04 tr { display: block; width: 100%; position: relative; margin-top: -1px; border-top: 1px solid #fff; }
  .tbl-r04 td { display: block; width: 100%; position: relative; margin-top: -1px; border-top: 1px solid #fff; }
  .tbl-r04 td:first-child:before { content: "日程"; background: rgba(80, 161, 53, 0.7); color: #fff; font-weight: bold; text-align: center; height: 40px; padding: 10px; position: absolute; top: -41px; left: -0.2%; display: block; width: 100.5%; }
  .tbl-r04 tr { margin: 40px 0 20px 0; }
  .cf-custom-content-02 .tbl-des { width: 100%; }
  .cf-custom-content-02 .tbl-des tr:last-child { border-bottom: solid 2px #ccc; }
  .cf-custom-content-02 .tbl-des th, .cf-custom-content-02 .tbl-des td { border-bottom: none; display: block; width: 100%; }
  .cf-custom-content-02 .top-outer-in1 { width: 100%; text-align: center; margin-bottom: 20px; }
  .cf-custom-content-02 .top-outer-in1 img { width: 60%; }
  .cf-custom-content-02 .top-outer-in2 { width: 100%; }
  .cf-custom-content-02 .top-mov-in iframe { min-height: 240px; }
  .cf-custom-content-02 .banner-img img, .cf-custom-content-02 .banner-img-l img, .cf-custom-content-02 .banner-img1 img { width: 100%; height: auto; }
  .cf-custom-content-02 .comsem-ent a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 5px; }
  .cf-custom-content-02 .balloon1-right:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; margin-top: -5px; border: 15px solid transparent; border-top: 15px solid #fff; }
  .cf-custom-content-02 .comsem-ent a { width: 100%; }
  .cf-custom-content-02 .chart-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .cf-custom-content-02 .chart-block1 { width: 100%; height: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; }
  .cf-custom-content-02 .chart-block4 { width: 100%; padding: 20px 0 0 0; }
  .cf-custom-content-02 .chart-block2 { width: 100%; }
  .cf-custom-content-02 .chart-tbl3 span { font-size: 22px; }
  .cf-custom-content-02 .bar-chart { width: 100%; }
  .cf-custom-content-02 .bar-chart span { padding-right: 5px; }
  .cf-custom-content-02 .bar-chart dt { width: 30px; min-width: 30px; font-size: 12px; }
  .cf-custom-content-02 .bar-chart-m dd { font-size: 12px; padding: 0 5px 0 0; }
  .cf-custom-content-02 .detaimgouter1 img { width: 80%; height: auto; } }

.cf-custom-content-02 .topsem-pout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0; }

.cf-custom-content-02 .topsem-pin1 { width: 10%; text-align: center; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cf-custom-content-02 .topsem-pin1 .material-icons { font-size: 50px; }

.cf-custom-content-02 .topsem-pout2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0; }

.cf-custom-content-02 .topsem-pin2-1 { width: 48%; min-width: 120px !important; text-align: center; padding: 20px 0; }

.cf-custom-content-02 .topsem-pin2-1 img { width: 100%; }

.cf-custom-content-02 .topsem-pin2-2 { width: 50%; text-align: left; font-size: 14px; padding: 20px 0; }

@media only screen and (max-width: 599px) { .cf-custom-content-02 .topsem-pout { padding-bottom: 0; }
  .cf-custom-content-02 .topsem-pin1 { min-width: auto !important; width: 8%; }
  .cf-custom-content-02 .topsem-pin1 .material-icons { font-size: 40px; }
  .cf-custom-content-02 .topsem-pin2 { width: 84%; }
  .cf-custom-content-02 .topsem-pin2-1 { width: 100%; padding: 10px 0 10px 0; }
  .cf-custom-content-02 .topsem-pin2-1 img { width: 100%; }
  .cf-custom-content-02 .topsem-pin2-2 { width: 100%; text-align: left; font-size: 14px; padding: 10px 0; }
  .cf-custom-content-02 .topsem-pout2 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 10px 0; } }

.link { padding: 40px 0 0; font-size: 20px; }

.link a { background: -webkit-gradient(linear, left top, left bottom, from(#ffe224), color-stop(50%, #edd013), color-stop(50%, #edd013), to(#c5ac0a)); background: -webkit-linear-gradient(#ffe224 0%, #edd013 50%, #edd013 50%, #c5ac0a 100%); background: -o-linear-gradient(#ffe224 0%, #edd013 50%, #edd013 50%, #c5ac0a 100%); background: linear-gradient(#ffe224 0%, #edd013 50%, #edd013 50%, #c5ac0a 100%); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); color: #000 !important; font-weight: bold; font-size: 30px; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.4em; border-radius: 3em; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 30px; }

.link a:hover { opacity: 0.7; }

.link a span { font-size: 36px; display: inline-block; margin-left: 0.3em; }

.link p { font-weight: bold; text-align: center; }

@media screen and (max-width: 768px) { .link { padding: 5vw 0 0; font-size: 3.5vw; }
  .link a { font-size: 5vw; margin-bottom: 5vw; padding-left: 1.5em; } }

.tkw1-contents { border: solid 1px #571db4; }

.tkw1-contents .tkw1-contents-inner { padding: 20px; }

.tkw1-contents h3 { border-top: 0; background: #571db4; padding: 0.3em 1em 0.6em; font-size: 30px; margin: 0; color: #fff; }

.tkw1-contents h3:after { display: none; }

.tkw1-contents h3 small { font-size: 24px; color: inherit; font-weight: bold; }

.tkw1-contents p { margin-bottom: 1em; }

.tkw1-contents p.contents-feature { font-size: 18px; }

.tkw1-contents p.contents-feature strong { font-size: 30px; }

.tkw1-contents .companies { background: #f5f5f5; padding: 20px; }

@media screen and (max-width: 768px) { .tkw1-contents .tkw1-contents-inner { padding: 3vw; }
  .tkw1-contents h3 { font-size: 5vw; }
  .tkw1-contents h3 small { font-size: 4vw; }
  .tkw1-contents p.contents-feature { font-size: 3.5vw; }
  .tkw1-contents p.contents-feature strong { font-size: 4.5vw; } }

.companies p { text-align: left; }

.companies p span { white-space: nowrap; }

.companies p span:after { content: "、"; }

@media screen and (max-width: 768px) { .companies { font-size: 3.5vw !important; }
  .companies p span { font-size: inherit; } }

.cfn_seminar { max-width: 880px; margin: auto !important; }

@media screen and (max-width: 768px) { .cfn_seminar { width: 94%; } }

section { margin-bottom: 50px; }

section.white { background: rgba(255, 255, 255, 0.5); padding: 30px 0 50px; }

section h3.h3 { font-size: 30px; text-align: center; background: url(../images/h3-bg.svg) center bottom no-repeat; padding-bottom: 0.5em; margin-bottom: 30px; }

@media screen and (max-width: 768px) { section { margin-bottom: 10vw; }
  section:white { padding: 4vw 0 5vw; }
  section h3.h3 { font-size: 6vw; background-size: 7em; } }

#schedule { background: #f9f5ff; padding-top: 20px; margin-top: 20px; }

#schedule h3.h3 { border: 0; }

#schedule h3.h3:after { display: none; }

#schedule article { width: 760px; margin: auto; padding-top: 20px; }

#schedule article h4 dl { width: 100%; margin-left: 50px; display: -webkit-flex; -webkit-justify-content: flex-start; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; }

#schedule article h4 dl dt { -webkit-transform: translate(-50px, -15px); -ms-transform: translate(-50px, -15px); transform: translate(-50px, -15px); }

#schedule article h4 dl dd { font-size: 22px; font-weight: bold; }

#schedule article .schedule { margin-bottom: 40px; display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

#schedule article .schedule:last-child { margin-bottom: 0; }

#schedule article .schedule figure { width: 380px; display: block; text-align: center; }

#schedule article .schedule figure img { margin-top: -50px; position: relative; z-index: 1; }

#schedule article .schedule p { font-size: 16px; font-weight: bold; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#schedule article .schedule > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#schedule article .schedule h5 { background: #797dc3; color: #fff; padding: 0.5em 1em; font-weight: bold; font-size: 16px; }

@media screen and (max-width: 768px) { #schedule article { width: 100%; padding-top: 5vw; padding: 0 5vw; }
  #schedule article h4 dl { display: block; margin-left: 0; background: none; }
  #schedule article h4 dl dt { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); background: #571DB4; text-align: center; }
  #schedule article h4 dl dt img { height: 14vw; }
  #schedule article h4 dl dd { font-size: 4vw; background: #fff; text-align: center; padding: 1em 0; }
  #schedule article .schedule { margin-bottom: 5wv; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  #schedule article .schedule figure { width: 100%; display: block; text-align: center; }
  #schedule article .schedule figure img { width: 60vw; margin-top: -5vw; }
  #schedule article .schedule p { font-size: 3.5vw; } }

.flow { padding-top: 60px; }

.flow h5 { background: none; border: 0; position: relative; margin-bottom: 20px; background: #6f4eb8; color: #fff; text-align: center; font-size: 20px; text-align: center; font-weight: bold; padding: 0.5em 0; }

.flow h5 .flow-title-feature { position: absolute; left: 4%; top: -30px; width: 120px; max-height: 10000%; -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5)); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5)); }

@media screen and (max-width: 768px) { .flow h5 { text-align: center; }
  .flow h5 picture img { width: 90%; }
  .flow h5 .flow-title-feature { left: -4vw; top: -5vw; width: 18vw; }
  .flow h5 picture { -webkit-transform: translateX(3vw); -ms-transform: translateX(3vw); transform: translateX(3vw); } }

.flow .lead { text-align: center; line-height: 2em; font-weight: bold; }

.flow .lead strong { background: #ffca00; }

.flow .lead.lead2 { font-size: 20px; line-height: 1.4em; background: #f5f5f5; padding: 0.5em 0; border-radius: 1em; -webkit-box-shadow: 0px 5px 0 #a34d8d; box-shadow: 0px 5px 0 #a34d8d; }

@media screen and (max-width: 768px) { .flow .lead { font-size: 3.5vw; text-align: left; } }

.flow ul.flow-index { display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-bottom: 20px; padding-top: 30px; }

.flow ul.flow-index li { width: 48%; margin-bottom: 50px; position: relative; }

.flow ul.flow-index li:last-child { width: 100%; }

.flow ul.flow-index li > img { position: absolute; left: -20px; top: -40px; width: 90px; z-index: 1; -webkit-filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.8)); filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.8)); }

.flow ul.flow-index li a { display: block; border: solid 1px #ccc; background: #fff; border-radius: 10px; height: 100%; position: relative; -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); padding-bottom: 10px; }

.flow ul.flow-index li a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.flow ul.flow-index li a dl { margin: 0; }

.flow ul.flow-index li a dl dt { color: #fff; text-align: center; padding: 10px 0; position: relative; color: #797dc3; padding-top: 2em; }

.en .flow ul.flow-index li a dl dt { height: 6.5em; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flow ul.flow-index li a dl dt span { text-align: center; display: block; background: #797dc3; position: absolute; left: 10%; top: -20px; width: 80%; height: 40px; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; color: #fff; font-size: 28px; }

.flow ul.flow-index li a dl dt span img { vertical-align: bottom; }

.flow ul.flow-index li a dl dd { text-align: center; font-weight: bold; font-size: 18px; text-align: center; color: #fff; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90%; margin: auto; height: 4em; background: #797dc3; border-radius: 5px; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); }

.en .flow ul.flow-index li a dl dd { font-size: 13px; }

.flow ul.flow-index li a.gray dt { color: #999 !important; }

.flow ul.flow-index li a.gray dt span { background: #ccc !important; }

.flow ul.flow-index li a.gray dd { background: #ccc !important; }

.flow ul.flow-index li:nth-child(2) a dl dt { color: #6f4eb8; }

.flow ul.flow-index li:nth-child(2) a dl dt span { background: #6f4eb8; }

.flow ul.flow-index li:nth-child(2) a dl dd { background: #6f4eb8; }

.flow ul.flow-index li:nth-child(3) a, .flow ul.flow-index li.extra a { background: -webkit-linear-gradient(315deg, #fff6fd, #e9eaff); background: -o-linear-gradient(315deg, #fff6fd, #e9eaff); background: linear-gradient(135deg, #fff6fd, #e9eaff); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.flow ul.flow-index li:nth-child(3) a dl dt, .flow ul.flow-index li.extra a dl dt { color: #a34d8d; }

.flow ul.flow-index li:nth-child(3) a dl dt span, .flow ul.flow-index li.extra a dl dt span { background: #f2c900; color: #000; }

.flow ul.flow-index li:nth-child(3) a dl dd, .flow ul.flow-index li.extra a dl dd { background: #a34d8d; }

@media screen and (max-width: 768px) { .flow ul.flow-index { display: block; }
  .flow ul.flow-index li { width: 100%; margin-bottom: 10vw; }
  .flow ul.flow-index li > img { width: 20vw; left: 2vw; top: -10vw; }
  .flow ul.flow-index li a dl dt { font-size: 5vw; }
  .flow ul.flow-index li a dl dt span { height: 10vw; top: -5vw; }
  .flow ul.flow-index li a dl dt span img { height: 7vw; }
  .flow ul.flow-index li a dl dt dd { font-size: 5vw; } }

.flow .banners ul { list-style: none; }

.flow .banners ul li { margin-bottom: 20px; }

.flow .banners ul li a { display: block; width: 880px; margin: auto; }

.flow .banners ul li a img { width: 100%; }

.flow article { margin-bottom: 80px; }

@media screen and (max-width: 768px) { .flow article { margin-bottom: 10vw; } }

.flow article h4 { background: #797dc3; color: #fff; font-size: 20px; padding: 10px 20px; position: relative; overflow: hidden; }

.flow article h4 span { display: inline-block; margin-right: 10px; }

.flow article h4 ins { background: #fff; text-decoration: none; border-radius: 0.2em; color: #000; line-height: 1em; display: inline-block; vertical-align: middle; padding: 0.1em 0.5em; margin-left: 0.5em; }

.flow article h4:after { content: ""; display: block; position: absolute; right: -50px; top: 0; width: 250px; height: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); }

@media screen and (max-width: 768px) { .flow article h4 { font-size: 4vw; }
  .flow article h4 span { display: block; margin-bottom: 2vw; }
  .flow article h4:after { width: 30%; } }

.flow article h5 { font-size: 30px; border-bottom: solid 5px #571db4; padding: 0.5em 0.5em; margin-bottom: 0.5em; display: -webkit-flex; -webkit-justify-content: flex-start; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #797dc3; }

.flow article h5.gray { color: #999; border-bottom: solid 5px #999; }

.flow article h5.gray span { background: #4300a6; color: #fff; font-size: 16px; display: inline-block; margin-right: 0.4em; border-radius: 0.2em; padding: 0.3em 0.6em; white-space: nowrap; }

.flow article h5.gray > img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5; }

.flow article h5 > img { margin-right: 10px; }

@media screen and (max-width: 768px) { .flow article h5 { font-size: 5vw; text-align: left; }
  .flow article h5.gray span { font-size: 3.5vw; }
  .flow article h5 > img { width: 15vw; } }

.flow article .date { margin-bottom: 30px; font-size: 16px; font-weight: bold; }

.flow article .date table { margin-bottom: 10px; }

.flow article .date table tr th, .flow article .date table tr td { font-size: 20px; padding: 0.6em 1em; }

.flow article .date table tr th { background: #f5f5f5; }

.flow article .date table tr td .times { text-align: right; font-size: 80%; font-weight: normal; }

@media screen and (max-width: 768px) { .flow article .date { font-size: 4vw; }
  .flow article .date table { width: 100%; }
  .flow article .date table tr th, .flow article .date table tr td { font-size: 4vw; display: block; }
  .flow article .date table tr th { white-space: nowrap; } }

.flow article p { font-weight: bold; line-height: 2em; font-size: 20px; border-left: solid 3px #797dc3; padding: 0.5em 1em; }

.flow article p strong { font-size: 30px; display: inline-block; margin-left: 0.2em; }

.flow article p .highlight { background: #ffca00; display: inline; padding: 0 0.3em; }

@media screen and (max-width: 768px) { .flow article p { font-size: 3.5vw; text-align: left; }
  .flow article p strong { font-size: 5vw; } }

.flow article .companies { margin-bottom: 40px; }

.flow article .companies > div span { display: inline-block; white-space: nowrap; }

.flow article .companies > div span:after { content: "、"; }

.flow article .companies > div span:last-child:after { display: none; }

@media screen and (max-width: 768px) { .flow article .companies { margin-bottom: 5vw; }
  .flow article .companies > div { line-height: 1.6em; }
  .flow article .companies > div span { font-size: 3.5vw; } }

.flow article a { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20em; height: 3em; border-radius: 0.2em; font-size: 26px; font-weight: bold; color: #000; background: url(../images/arrow2.svg) right 1em center/0.9em no-repeat #ffb100; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.flow article a:hover { opacity: 0.7; }

@media screen and (max-width: 768px) { .flow article a { width: 100%; font-size: 5vw; } }

.flow article#step2 h4 { background-color: #6f4eb8; }

.flow article#step2 h5 { background-color: #6f4eb8; }

.flow article#step2 p { border-color: #6f4eb8; }

.flow article#step3 { background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); padding: 5px 20px 20px; border-radius: 10px; background: #fff6fd; background: -webkit-linear-gradient(315deg, #fff6fd, #e9eaff); background: -o-linear-gradient(315deg, #fff6fd, #e9eaff); background: linear-gradient(135deg, #fff6fd, #e9eaff); }

.flow article#step3 h4 { background-color: #a34d8d; }

.flow article#step3 h5 { background: -webkit-gradient(linear, left top, right top, from(#797dc3), to(#a34d8d)); background: -webkit-linear-gradient(left, #797dc3, #a34d8d); background: -o-linear-gradient(left, #797dc3, #a34d8d); background: linear-gradient(90deg, #797dc3, #a34d8d); }

.flow article#step3 p { border-color: #a34d8d; }

.flow .flow-nav { border-top: solid 1px #ccc; padding-top: 40px; margin-bottom: 60px; }

.flow .flow-nav p { font-size: 20px; font-weight: bold; margin-bottom: 0.5em; }

.flow .flow-nav ul { list-style: none; background: #571db4; padding: 20px; }

.flow .flow-nav li { margin-bottom: 20px; }

.flow .flow-nav li:last-child { margin-bottom: 0; }

.flow .flow-nav li a { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 3em; border-radius: 0.2em; font-size: 26px; font-weight: bold; color: #000; background: url(../images/arrow2.svg) right 1em center/0.9em no-repeat #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.flow .flow-nav li a:hover { opacity: 0.7; }

.flow .flow-nav li.step3 a { background-color: #f2c900; border: solid 2px #000; }

@media screen and (max-width: 768px) { .flow .flow-nav p { font-size: 4vw; }
  .flow .flow-nav ul li a { font-size: 4vw; } }

.flow #companies-list ul { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: auto; padding-left: 0; }

.flow #companies-list ul li { width: 22%; height: 225px; margin: 0 0.5em 20px; background: #fff; padding-bottom: 20px; padding-top: 10px; border-radius: 5px; overflow: hidden; position: relative; border: solid 1px #ccc; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.flow #companies-list ul li.comingsoon { background: rgba(0, 0, 0, 0.2); display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flow #companies-list ul li.comingsoon:after { content: "Coming Soon."; color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-weight: bold; font-size: 20px; text-decoration: inherit; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }

@media screen and (max-width: 768px) { .flow #companies-list ul li.comingsoon { height: 18vw; }
  .flow #companies-list ul li.comingsoon:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); font-size: 4vw; } }

.flow #companies-list ul li a { display: block; cursor: pointer; }

.flow #companies-list ul li a figure { overflow: hidden; background: #fff; width: 90%; margin: auto; }

.flow #companies-list ul li a figure img { -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); width: 100%; }

.flow #companies-list ul li a h5 { font-size: 14px; font-weight: bold; text-align: center; color: #000; background: none; margin: 0; }

.flow #companies-list ul li a span { display: block; background: url(../images/arrow3.svg) right 1em center/1.2em no-repeat #571db4; font-weight: bold; color: #fff; text-align: center; border-radius: 0.3em; padding: 0.2em 0.5em 0.3em 0; -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); width: 80%; margin: auto; font-size: 16px; position: absolute; left: 10%; bottom: 10px; }

.en .flow #companies-list ul li a span { font-size: 12px; }

.flow #companies-list ul li a.blank { cursor: default; }

.flow #companies-list ul li a.blank span { background: #999; color: #eee; padding: 0.2em 0.5em; }

.flow #companies-list ul li a:hover figure img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.flow #companies-list ul li a:hover span { background-color: #000; color: #fff; }

@media screen and (max-width: 768px) { .flow #companies-list ul { width: 96%; }
  .flow #companies-list ul li { width: 100%; height: auto; margin-bottom: 3vw; padding: 2vw 2vw; }
  .flow #companies-list ul li a { display: -webkit-flex; -webkit-justify-content: flex-start; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .flow #companies-list ul li a figure { width: 35%; }
  .flow #companies-list ul li a div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .flow #companies-list ul li a div h5 { font-size: 3.5vw; }
  .flow #companies-list ul li a div span { font-size: 3.5vw; position: static; } }

.timezone { display: inline-block; background: #571db4; color: #fff; font-size: 80%; width: 4em; text-align: center; line-height: 1em; padding: 0.2em 0em; border-radius: 0.2em; }

.special-seminar-fukidashi { position: absolute; top: -0.3em; right: calc(-20em - 20px); width: 20em; height: 3em; background: #f4720a; color: #fff; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; }

.special-seminar-fukidashi span { background: inherit; color: inherit; display: block; position: relative; z-index: 2; }

.special-seminar-fukidashi:after { content: ""; width: 1em; height: 1em; background: #f4720a; position: absolute; left: -0.5em; top: calc(50% - 0.5em); -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); z-index: 1; }

@media screen and (max-width: 768px) { .special-seminar-fukidashi { display: none; } }

.event-info-sub tr td a.tdn { text-decoration: underline; }

.event-info-sub tr.sp { display: none; }

@media screen and (max-width: 768px) { .event-info-sub tr.sp { display: table-row; background: none !important; }
  .event-info-sub tr.sp td { background: #f4720a; font-size: 3vw; padding: 2vw 0; text-align: center; position: relative; }
  .event-info-sub tr.sp td:after { content: ""; display: block; width: 1em; height: 1em; position: absolute; left: 50%; bottom: -0.5em; background: #f4720a; z-index: 1; -webkit-transform: skewY(-45deg); -ms-transform: skewY(-45deg); transform: skewY(-45deg); }
  .event-info-sub tr.sp td a { color: #fff; text-align: center; } }

.cf-custom-content-02 .ribbon { font-size: 1.7rem; font-weight: bold; width: 170px; padding: 3px 10px; background: rgba(194, 4, 4, 0.7); color: #fff; text-align: center; display: inline-block; position: absolute; top: 30px; left: -35px; text-transform: uppercase; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); z-index: 5; }

.en.cf-custom-content-02 .ended:before { content: "Ended"; }