@charset "UTF-8";
/* line 13, e-learning.scss */
#e-learning .list { text-align: left; margin-bottom: 80px; }
/* line 14, e-learning.scss */
#e-learning .list .cap { position: relative; padding-left: 1.1em; }
/* line 15, e-learning.scss */
#e-learning .list .cap::before { content: "※"; position: absolute; top: 0; left: 0; }
/* line 18, e-learning.scss */
#e-learning .list .capList li { position: relative; padding-left: 1.1em; display: block; }
/* line 19, e-learning.scss */
#e-learning .list .capList li::before { content: "※"; position: absolute; top: 0; left: 0; }
/* line 22, e-learning.scss */
#e-learning .list a { color: #f38300; }
/* line 24, e-learning.scss */
#e-learning .title { padding: 8px 25px 8px 45px; }
/* line 25, e-learning.scss */
#e-learning .title em { font-size: 24px; font-size: 1.5rem; line-height: 3rem; }
/* line 28, e-learning.scss */
#e-learning .ulList > li { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #dee2e6; padding: 5px 0; }
/* line 29, e-learning.scss */
#e-learning .ulList > li > span { position: relative; padding-left: 1.1em; font-weight: 600; }
/* line 30, e-learning.scss */
#e-learning .ulList > li > span::before { content: "●"; color: #ffac30; position: absolute; top: 0; left: 0; }
/* line 33, e-learning.scss */
#e-learning .ulList > li > em small { font-size: 80%; padding-left: 10px; }
/* line 37, e-learning.scss */
#e-learning .pointWrap { background: #fff7ea; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 30px; margin-top: 20px; border-radius: 15px; }
/* line 38, e-learning.scss */
#e-learning .pointWrap .ttl { margin: -42px auto 0; width: 100%; text-align: center; margin-bottom: 10px; }
/* line 39, e-learning.scss */
#e-learning .pointWrap .ttl em { font-size: 20px; font-size: 1.25rem; line-height: 2.5rem; display: inline-block; background: #fff; border: 2px solid #ffac30; color: #ff9900; padding: 2px 25px 3px; border-radius: 25px; }
/* line 42, e-learning.scss */
#e-learning .attention { background: #fdf1ef; border: 1px solid #ff2e1b; position: relative; padding: 20px 30px; }
/* line 43, e-learning.scss */
#e-learning .attention .tt { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; background: #ff2e1b; color: #fff; font-weight: 600; display: flex; justify-content: center; align-items: center; border-radius: 50%; height: 78px; width: 78px; position: absolute; top: -20px; left: -20px; }
/* line 45, e-learning.scss */
#e-learning .linkBtn { border: 2px solid #ffac30; overflow: hidden; border-radius: 30px; box-shadow: 3px 3px 10px -6px rgba(0, 0, 0, 0.8); }
/* line 46, e-learning.scss */
#e-learning .linkBtn a { background: #fff; color: inherit; text-decoration: none !important; height: 100%; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; }
/* line 47, e-learning.scss */
#e-learning .linkBtn a em { font-size: 20px; font-size: 1.25rem; line-height: 2.5rem; font-weight: 500; }
/* line 48, e-learning.scss */
#e-learning .linkBtn a i { color: #ffac30; position: absolute; top: 50%; transform: translateY(-50%); transform: .5s; }
/* line 49, e-learning.scss */
#e-learning .linkBtn a:hover { background: #ffac30; color: #fff; }
/* line 50, e-learning.scss */
#e-learning .linkBtn a:hover i { color: #fff; }
/* line 54, e-learning.scss */
#e-learning .markerPink { background: linear-gradient(transparent 60%, #ffdaf1 70%); text-decoration: none; }
/* line 55, e-learning.scss */
#e-learning .markerRed { background: linear-gradient(transparent 60%, #ffe9e9 70%); text-decoration: none; }
/* line 56, e-learning.scss */
#e-learning .markerYellow { background: linear-gradient(transparent 60%, #fffd8e 70%); text-decoration: none; }
/* line 57, e-learning.scss */
#e-learning .markerSYellow { background: linear-gradient(transparent 60%, #f1ff15 70%); text-decoration: none; }
/* line 58, e-learning.scss */
#e-learning .markerBlue { background: linear-gradient(transparent 60%, #d4edff 70%); text-decoration: none; }
/* line 59, e-learning.scss */
#e-learning .blue { color: #1381f0; }
/* line 60, e-learning.scss */
#e-learning .red { color: #ff2e1b; }
/* line 61, e-learning.scss */
#e-learning .bold { font-weight: 600; }
/* line 62, e-learning.scss */
#e-learning sup { font-size: 77%; vertical-align: top; line-height: 2.3; }
/* line 63, e-learning.scss */
#e-learning .font110 { font-size: 110%; }
/* line 64, e-learning.scss */
#e-learning .font120 { font-size: 120%; }
/* line 69, e-learning.scss */
#e-learning .tabMenu { margin-bottom: 60px; position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.8); padding: 20px 0; }
/* line 70, e-learning.scss */
#e-learning .tabMenu ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 71, e-learning.scss */
#e-learning .tabMenu ul li { width: 19.5%; font-weight: 600; margin-bottom: .5%; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15)); }
/* line 72, e-learning.scss */
#e-learning .tabMenu ul li a { text-decoration: none !important; padding: 5px 0; width: 100%; height: 100%; background: #fff; border: 2px solid #ffac30; display: flex; justify-content: center; align-items: center; border-radius: 6px; overflow: hidden; color: inherit; }
/* line 73, e-learning.scss */
#e-learning .tabMenu ul li a:hover, #e-learning .tabMenu ul li a.current { background: #ffac30; color: #fff; }
/* line 79, e-learning.scss */
#e-learning .fixBtnB { filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.25)); overflow: hidden; background: #fff; position: fixed; z-index: 100; display: none; /*width: 120px; height: 120px; @include br100; top: 400px; right: 10px;*/ width: 100px; height: 100px; top: 343px; right: 0px; }
/* line 82, e-learning.scss */
#e-learning .fixBtnB a { background: #ee685a; background: linear-gradient(0deg, #ee685a 0%, #f69f92 100%); color: #fff; text-decoration: none !important; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; transition: .5s; }
/* line 83, e-learning.scss */
#e-learning .fixBtnB a em, #e-learning .fixBtnB a i { filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5)); }
/* line 84, e-learning.scss */
#e-learning .fixBtnB a em { font-size: 22px; font-size: 1.375rem; line-height: 1.65rem; font-weight: 600; /*padding-bottom: 20px;*/ padding-bottom: 30px; }
/* line 85, e-learning.scss */
#e-learning .fixBtnB a i { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 5px; transition: .5s; }
/* line 86, e-learning.scss */
#e-learning .fixBtnB a:hover { opacity: .7; }
/* line 96, e-learning.scss */
#e-learning .list.list00 { margin-bottom: 40px; }
/* line 97, e-learning.scss */
#e-learning .list.list00 .catch { font-size: 16px; font-size: 1rem; line-height: 2rem; margin-bottom: 30px; }
/* line 98, e-learning.scss */
#e-learning .list.list00 .ph { width: 708px; margin: auto; }
/* line 104, e-learning.scss */
#e-learning .list.list01 ul { margin-bottom: 10px; }
/* line 105, e-learning.scss */
#e-learning .list.list01 ul li { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; font-weight: 500; position: relative; padding-left: 1.1em; }
/* line 106, e-learning.scss */
#e-learning .list.list01 ul li::before { content: "●"; color: #ffac30; position: absolute; top: 0; left: 0; }
/* line 107, e-learning.scss */
#e-learning .list.list01 ul li.or { width: 100%; padding-left: 1.1em; }
/* line 108, e-learning.scss */
#e-learning .list.list01 ul li.or::before { content: none; }
/* line 112, e-learning.scss */
#e-learning .list.list01 .cap { margin-bottom: 50px; }
/* line 113, e-learning.scss */
#e-learning .list.list01 .pointWrap { margin-bottom: 30px; }
/* line 118, e-learning.scss */
#e-learning .list.list01 .pointWrap .cap { margin-bottom: 0px; margin-top: 5px; line-height: 1.8; font-size: 90%; }
/* line 120, e-learning.scss */
#e-learning .list.list01 .ph { width: 633px; margin: auto; }
/* line 126, e-learning.scss */
#e-learning .list.list02 .sec01 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; }
/* line 127, e-learning.scss */
#e-learning .list.list02 .sec01 .copy { width: calc(100% - 420px); }
/* line 128, e-learning.scss */
#e-learning .list.list02 .sec01 .ph { width: 386px; margin: -100px 20px 0 0; position: relative; z-index: 10; }
/* line 130, e-learning.scss */
#e-learning .list.list02 .attentionWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 auto 30px; }
/* line 131, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attentionTit { width: 100%; text-align: center; margin-bottom: 30px; }
/* line 132, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attention { display: inline-block; padding: 7px 25px 7px 75px; position: relative; }
/* line 133, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attention span.tt { position: absolute; top: 50%; transform: translateY(-50%); }
/* line 134, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attention em { font-size: 20px; font-size: 1.25rem; line-height: 2.5rem; color: #ff2e1b; font-weight: 600; }
/* line 135, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attention::before, #e-learning .list.list02 .attentionWrap .attention::after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 100%; }
/* line 137, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attention::before { border-width: 15px 10px 0 10px; border-color: #fdf1ef transparent transparent transparent; z-index: 1; }
/* line 138, e-learning.scss */
#e-learning .list.list02 .attentionWrap .attention::after { border-width: 16px 11px 0 11px; border-color: #ff2e1b transparent transparent transparent; z-index: 0; }
/* line 140, e-learning.scss */
#e-learning .list.list02 .attentionWrap .ph { width: 439px; margin-top: -30px; }
/* line 141, e-learning.scss */
#e-learning .list.list02 .attentionWrap .read { width: 48.5%; }
/* line 143, e-learning.scss */
#e-learning .list.list02 ul.capList { background: rgba(233, 236, 239, 0.5); padding: 20px 20px; }
/* line 144, e-learning.scss */
#e-learning .list.list02 ul.capList li { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
/* line 145, e-learning.scss */
#e-learning .list.list02 ul.capList li:not(:last-child) { margin-bottom: 3px; }
/* line 153, e-learning.scss */
#e-learning .list.list03 { /*.attention { padding: 10px 25px 12px 75px; margin-bottom: 50px;
span.tt {}
em { @include fs(20, 1.8); color: $ered; font-weight: 600;}
}*/ }
/* line 154, e-learning.scss */
#e-learning .list.list03 ul.ulList { margin-bottom: 60px; }
/* line 156, e-learning.scss */
#e-learning .list.list03 ul.ulList li span { width: 170px; }
/* line 157, e-learning.scss */
#e-learning .list.list03 ul.ulList li em { width: calc(100% - 170px); }
/* line 158, e-learning.scss */
#e-learning .list.list03 ul.ulList li em b { display: block; font-size: 20px; font-size: 1.25rem; line-height: 2.25rem; color: #ff2e1b; font-weight: 600; padding: 10px 25px 12px 55px; margin: 12px 0 12px 0; }
/* line 159, e-learning.scss */
#e-learning .list.list03 ul.ulList li em b i.tt { /*top: -35px; left: -35px;*/ top: -10px; left: -40px; width: 82px; height: 82px; }
/* line 161, e-learning.scss */
#e-learning .list.list03 ul.ulList li em .cap { display: block; margin-left: 1em; line-height: 1.8; }
/* line 162, e-learning.scss */
#e-learning .list.list03 ul.ulList li em .cap:not(:last-child) { margin-bottom: 5px; }
/* line 163, e-learning.scss */
#e-learning .list.list03 ul.ulList li em .cap::before { top: 0; left: 0; }
/* line 172, e-learning.scss */
#e-learning .list.list03 .pointWrap { position: relative; }
/* line 174, e-learning.scss */
#e-learning .list.list03 .pointWrap .text { width: calc(100% - 350px); }
/* line 176, e-learning.scss */
#e-learning .list.list03 .pointWrap ul li { position: relative; padding-left: 1.1em; font-size: 19px; font-size: 1.1875rem; line-height: 2.375rem; font-weight: 500; }
/* line 177, e-learning.scss */
#e-learning .list.list03 .pointWrap ul li:not(:last-child) { margin-right: 20px; }
/* line 178, e-learning.scss */
#e-learning .list.list03 .pointWrap ul li::before { content: "●"; color: #ffac30; position: absolute; top: 0; left: 0; }
/* line 181, e-learning.scss */
#e-learning .list.list03 .pointWrap .cap { line-height: 1.6; margin-top: 8px; }
/* line 182, e-learning.scss */
#e-learning .list.list03 .pointWrap .movieSample { width: 305px; position: absolute; top: 20px; right: 20px; }
/* line 183, e-learning.scss */
#e-learning .list.list03 .pointWrap .movieSample .tt { font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; background: #ffac30; color: #fff; display: flex; justify-content: center; align-items: center; height: 88px; width: 88px; position: absolute; top: -15px; right: -15px; border-radius: 50%; text-align: center; }
/* line 184, e-learning.scss */
#e-learning .list.list03 .pointWrap .movieSample .ph { margin-bottom: 15px; }
/* line 185, e-learning.scss */
#e-learning .list.list03 .pointWrap .movieSample .cap { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; }
/* line 190, e-learning.scss */
#e-learning .list.list03 ul.capList { margin-top: 20px; width: calc(100% - 350px); }
/* line 191, e-learning.scss */
#e-learning .list.list03 ul.capList li { font-size: 16px; font-size: 1rem; line-height: 1.8rem; font-weight: 500; color: #ff2e1b; }
/* line 192, e-learning.scss */
#e-learning .list.list03 ul.capList li:not(:last-child) { margin-bottom: 10px; }
/* line 202, e-learning.scss */
#e-learning .list.list04 ul.ulList > li > span { width: 170px; }
/* line 203, e-learning.scss */
#e-learning .list.list04 ul.ulList > li > em, #e-learning .list.list04 ul.ulList > li .sec { width: calc(100% - 170px); }
/* line 206, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec01 { margin-bottom: 25px; }
/* line 208, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec01 .ph { width: 650px; margin-top: 15px; }
/* line 210, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention { width: 100%; margin-left: 30px; /*padding-left: 75px;*/ padding: 25px 35px; margin-bottom: 20px; }
/* line 211, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention span.tt { top: -35px; left: -35px; }
/* line 213, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap:not(:last-child) { margin-bottom: 40px; }
/* line 214, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap .ttl { margin-bottom: 10px; width: 100%; }
/* line 215, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap .ttl em { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; color: #ff2e1b; font-weight: 600; display: inline-block; border-bottom: 3px dotted #ff2e1b; }
/* line 217, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap .read { font-size: 16px; font-size: 1rem; line-height: 2rem; }
/* line 220, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap01 .read { margin-bottom: 15px; }
/* line 224, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap01 .linkBtn a i { font-size: 16px; font-size: 1rem; line-height: 2rem; right: 15px; }
/* line 228, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 229, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .read { width: calc(100% - 320px); }
/* line 230, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu { width: 280px; margin-top: -40px; }
/* line 231, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu .baloon { background: #ff2e1b; color: #fff; text-align: center; padding: 5px 10px 5px 40px; position: relative; margin-bottom: 25px; }
/* line 232, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu .baloon::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #ff2e1b transparent transparent transparent; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 100%; }
/* line 233, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu .baloon i { width: 40px; position: absolute; top: 50%; transform: translateY(-50%); left: 6px; }
/* line 234, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu .baloon em { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; display: block; font-weight: 600; }
/* line 235, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu .baloon em b { color: #fffd42; }
/* line 238, e-learning.scss */
#e-learning .list.list04 ul.ulList > li .sec.sec02.attention .wrap.wrap02 .zu .ph { box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.25); }
/* line 249, e-learning.scss */
#e-learning .list.list05 .copy { margin-bottom: 50px; }
/* line 250, e-learning.scss */
#e-learning .list.list05 .pointWrap { padding-bottom: 25px; }
/* line 252, e-learning.scss */
#e-learning .list.list05 .pointWrap ul.flow01 { display: flex; justify-content: space-between; padding-top: 10px; margin-bottom: 15px; }
/* line 253, e-learning.scss */
#e-learning .list.list05 .pointWrap ul.flow01 li { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: 600; display: flex; justify-content: center; align-items: center; background: #ffac30; color: #fff; height: 56px; margin-right: 25px; position: relative; padding: 0 10px 0 20px; }
/* line 254, e-learning.scss */
#e-learning .list.list05 .pointWrap ul.flow01 li::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 28px 0 28px 20px; border-color: transparent transparent transparent #ffac30; position: absolute; top: 0; left: 100%; }
/* line 257, e-learning.scss */
#e-learning .list.list05 .pointWrap .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; position: absolute; top: 50px; right: 20px; }
/* line 259, e-learning.scss */
#e-learning .list.list05 .pointWrap .phWrap span:nth-of-type(1) { width: 138px; margin: 75px 10px 0px 0; }
/* line 260, e-learning.scss */
#e-learning .list.list05 .pointWrap .phWrap span:nth-of-type(2) { width: 163px; margin-top: -16px; }
/* line 263, e-learning.scss */
#e-learning .list.list05 .pointWrap .cap, #e-learning .list.list05 .pointWrap ol { width: 620px; }
/* line 264, e-learning.scss */
#e-learning .list.list05 .pointWrap .cap { color: #ff2e1b; margin-bottom: 10px; font-weight: 500; }
/* line 265, e-learning.scss */
#e-learning .list.list05 .pointWrap ol { margin-bottom: 15px; }
/* line 266, e-learning.scss */
#e-learning .list.list05 .pointWrap ol li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }
/* line 267, e-learning.scss */
#e-learning .list.list05 .pointWrap ol li:not(:last-child) { margin-bottom: 5px; }
/* line 268, e-learning.scss */
#e-learning .list.list05 .pointWrap ol li span { background: #ffac30; color: #fff; display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; border-radius: 50%; }
/* line 269, e-learning.scss */
#e-learning .list.list05 .pointWrap ol li em { width: calc(100% - 32px); }
/* line 273, e-learning.scss */
#e-learning .list.list05 .pointWrap ul.capList li { color: #ff2e1b; font-size: 16px; font-size: 1rem; line-height: 1.6rem; font-weight: 500; }
/* line 274, e-learning.scss */
#e-learning .list.list05 .pointWrap ul.capList li:not(:last-child) { margin-bottom: 8px; }
/* line 283, e-learning.scss */
#e-learning .list.list06 .copy { margin-bottom: 30px; }
/* line 284, e-learning.scss */
#e-learning .list.list06 .pointWrap { margin-bottom: 20px; }
/* line 286, e-learning.scss */
#e-learning .list.list06 .pointWrap .read { margin-bottom: 20px; }
/* line 287, e-learning.scss */
#e-learning .list.list06 .pointWrap .ph { width: 878px; margin: auto; }
/* line 292, e-learning.scss */
#e-learning .list.list06 .cap { color: #ff2e1b; font-weight: 500; margin-top: 10px; }
/* line 299, e-learning.scss */
#e-learning .list.list07 ul li { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 16px; font-size: 1rem; line-height: 2rem; }
/* line 300, e-learning.scss */
#e-learning .list.list07 ul li:not(:last-child) { margin-bottom: 6px; }
/* line 301, e-learning.scss */
#e-learning .list.list07 ul li span { width: 40px; color: #ff2e1b; font-weight: 500; }
/* line 302, e-learning.scss */
#e-learning .list.list07 ul li em { width: calc(100% - 40px); }
/* line 311, e-learning.scss */
#e-learning .list.list08 .sec:not(:last-child) { margin-bottom: 20px; }
/* line 312, e-learning.scss */
#e-learning .list.list08 .sec .tt { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; position: relative; padding-left: 1.1em; }
/* line 313, e-learning.scss */
#e-learning .list.list08 .sec .tt::before { content: "●"; position: absolute; top: 0; left: 0; color: #ffac30; }
/* line 315, e-learning.scss */
#e-learning .list.list08 .sec ul { margin-left: 1.25em; }
/* line 316, e-learning.scss */
#e-learning .list.list08 .sec ul li { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; position: relative; padding-left: 1em; display: block; }
/* line 317, e-learning.scss */
#e-learning .list.list08 .sec ul li::before { content: ""; position: absolute; top: 12px; left: 2px; width: 5px; height: 5px; border-radius: 50%; background: rgba(0, 0, 0, 0.8); }
/* line 321, e-learning.scss */
#e-learning .list.list08 .tableWrap { margin-left: 1.25em; margin-bottom: 1em; }
/* line 322, e-learning.scss */
#e-learning .list.list08 .tableWrap table { width: 100%; /*td{ width: calc((100% - 160px) / 6);}*/ }
/* line 323, e-learning.scss */
#e-learning .list.list08 .tableWrap table td, #e-learning .list.list08 .tableWrap table th { border-collapse: collapse; border-spacing: 0px; border: 1px solid #999; padding: 6px 15px; font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; box-sizing: border-box; }
/* line 324, e-learning.scss */
#e-learning .list.list08 .tableWrap table th { width: 160px; vertical-align: middle; padding: 0 0 0 10px; }
/* line 326, e-learning.scss */
#e-learning .list.list08 .tableWrap table td { width: 150px; }
/* line 327, e-learning.scss */
#e-learning .list.list08 .tableWrap table small { font-size: 80%; padding-left: .5em; }
/* line 328, e-learning.scss */
#e-learning .list.list08 .tableWrap table thead { text-align: center; }
/* line 330, e-learning.scss */
#e-learning .list.list08 .tableWrap table tbody tr:first-child td { text-align: center; }
/* line 331, e-learning.scss */
#e-learning .list.list08 .tableWrap table tbody tr:nth-of-type(2) td { font-size: 80%; line-height: 1.6; }
/* line 332, e-learning.scss */
#e-learning .list.list08 .tableWrap table tbody th { background: rgba(222, 226, 230, 0.35); }
/* line 334, e-learning.scss */
#e-learning .list.list08 .tableWrap table td:nth-of-type(1), #e-learning .list.list08 .tableWrap table td:nth-of-type(2) { background: #ddebf7; }
/* line 335, e-learning.scss */
#e-learning .list.list08 .tableWrap table td:nth-of-type(3), #e-learning .list.list08 .tableWrap table td:nth-of-type(4) { background: #ffffc7; }
/* line 336, e-learning.scss */
#e-learning .list.list08 .tableWrap table td:nth-of-type(5), #e-learning .list.list08 .tableWrap table td:nth-of-type(6) { background: #ffe1e1; }
/* line 342, e-learning.scss */
#e-learning .list.list08 .sec.sec03 ul li { padding-left: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 343, e-learning.scss */
#e-learning .list.list08 .sec.sec03 ul li::before { content: none; }
/* line 344, e-learning.scss */
#e-learning .list.list08 .sec.sec03 ul li span { width: 35px; }
/* line 345, e-learning.scss */
#e-learning .list.list08 .sec.sec03 ul li em { width: calc(100% - 35px); }
/* line 353, e-learning.scss */
#e-learning .list.list09 { background: url("../img/elearning/11.png") no-repeat center; background-size: cover; padding: 70px 0 50px; margin-top: 150px; }
/* line 354, e-learning.scss */
#e-learning .list.list09 .inner { /* @include flexWrap;*/ position: relative; background: rgba(255, 255, 255, 0.9); padding: 30px 30px 30px; border-radius: 15px; }
/* line 355, e-learning.scss */
#e-learning .list.list09 .tit { /*margin: -90px auto 30px;*/ position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: -110px; text-align: center; }
/* line 356, e-learning.scss */
#e-learning .list.list09 .tit em { font-size: 40px; font-size: 2.5rem; line-height: 3.75rem; font-weight: 900; letter-spacing: 0; background: #fff47a; color: #ff2e1b; position: relative; padding: 8px 45px 10px; border-radius: 40px; box-shadow: 0px 5px 12px -2px rgba(0, 0, 0, 0.5); width: 100%; display: block; }
/* line 357, e-learning.scss */
#e-learning .list.list09 .tit em::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #fff47a transparent transparent transparent; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 100%; filter: drop-shadow(0px 10px 2px rgba(0, 0, 0, 0.25)); }
/* line 361, e-learning.scss */
#e-learning .list.list09 .sec .copy { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; margin: 0 auto 20px; /*width: 960px;*/ display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 362, e-learning.scss */
#e-learning .list.list09 .sec .copy span { width: 1em; }
/* line 363, e-learning.scss */
#e-learning .list.list09 .sec .copy em { width: calc(100% - 1.15em); }
/* line 365, e-learning.scss */
#e-learning .list.list09 .sec:not(:last-child) { margin-bottom: 30px; }
/* line 372, e-learning.scss */
#e-learning .list.list09 .linkBtn { width: 420px; margin: auto; }
/* line 374, e-learning.scss */
#e-learning .list.list09 .linkBtn a i { font-size: 22px; font-size: 1.375rem; line-height: 2.75rem; position: relative; transform: none; margin-right: 10px; }
/* line 378, e-learning.scss */
#e-learning .list.list09 .btnB { filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5)); width: 620px; height: 110px; margin: auto; border-radius: 10px; overflow: hidden; background: #fff; }
/* line 379, e-learning.scss */
#e-learning .list.list09 .btnB a { /*background: rgb(238,104,90); background: linear-gradient(0deg, rgba(238,104,90,1) 0%, rgba(246,159,146,1) 100%);*/ color: #fff; text-decoration: none !important; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; transition: .5s; background: #dc2212; background: linear-gradient(0deg, #dc2212 0%, #ec5439 100%); }
/* line 382, e-learning.scss */
#e-learning .list.list09 .btnB a em, #e-learning .list.list09 .btnB a i { filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5)); }
/* line 383, e-learning.scss */
#e-learning .list.list09 .btnB a em { font-size: 46px; font-size: 2.875rem; line-height: 3.59375rem; font-weight: 900; }
/* line 384, e-learning.scss */
#e-learning .list.list09 .btnB a em small { display: block; font-size: 52%; line-height: 1; font-weight: 700; }
/* line 386, e-learning.scss */
#e-learning .list.list09 .btnB a i { font-size: 46px; font-size: 2.875rem; line-height: 4.3125rem; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: .5s; }
/* line 387, e-learning.scss */
#e-learning .list.list09 .btnB a:hover { opacity: .7; }
/* line 388, e-learning.scss */
#e-learning .list.list09 .btnB a:hover i { right: 15px; }
/* line 397, e-learning.scss */
#e-learning .list.list10 .t { border-bottom: 1px solid #ced4da; padding-bottom: 5px; }
/* line 400, e-learning.scss */
#e-learning .list.list10 .sec { padding: 0 1.75em; }
/* line 401, e-learning.scss */
#e-learning .list.list10 .sec:not(:last-child) { margin-bottom: 20px; }
/* line 402, e-learning.scss */
#e-learning .list.list10 .sec .tt { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; }
/* line 403, e-learning.scss */
#e-learning .list.list10 .sec .read, #e-learning .list.list10 .sec .cap { margin-left: 1.5em; }
/* line 405, e-learning.scss */
#e-learning .list.list10 .sec .read i { margin-right: 8px; font-size: 120%; color: #ffac30; }
/* line 407, e-learning.scss */
#e-learning .list.list10 .sec .read a { color: inherit; }
/* line 408, e-learning.scss */
#e-learning .list.list10 .sec .read a:hover { color: #ffac30; }
/* line 419, e-learning.scss */
#e-learning .list.list10 .sec.sec01 .capList { margin-top: 5px; }
/* line 420, e-learning.scss */
#e-learning .list.list10 .sec.sec01 .capList li { line-height: 1.8; }
/* line 429, e-learning.scss */
#e-learning .list.list10 ul.otherLink { margin: 100px auto 0; background: rgba(255, 172, 48, 0.1); display: flex; justify-content: center; align-items: center; padding: 30px 0; }
/* line 431, e-learning.scss */
#e-learning .list.list10 ul.otherLink li:not(:last-child) { margin-right: 40px; }
/* line 432, e-learning.scss */
#e-learning .list.list10 ul.otherLink li a { color: inherit; padding: 5px 10px; }
/* line 433, e-learning.scss */
#e-learning .list.list10 ul.otherLink li a:hover { color: #ffac30; }
/* line 435, e-learning.scss */
#e-learning .list.list10 ul.otherLink li a i { color: #ffac30; margin-left: 8px; }