html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/* ====================================================
Common css
==================================================== */

/* general
=============================================== */

body { color:#333; background-image:linear-gradient(13deg, #F5F5F5 6%, #E2E2E2 38%, #F1F1F1 61%, #E2E2E2 100%); font-family:'zen-kaku-gothic-antique', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN','Yu Gothic UI', Meiryo, 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-weight:500; font-style:normal; }


/*  General Parts
=============================================== */

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }
.lazy { display:block; position:relative; }

#main a { color:var(--cl-tbsblue); }
@media (hover:hover) { #main a:hover { text-decoration:none; } }

/* font style
-------------------------------- */

.bold, strong { font-weight:900; }
.txt-c { text-align:center; }
.txtss { font-size:60%; }
.txts { font-size:80%; }
.txtb { font-size:125%; }
.txtbb { font-size:150%; }

span.hr { display:inline-block; width:100%; border-bottom:1px solid #D9D9D9; vertical-align:middle; }

:root {
  --cl-lightblue:#85C6FF;
  --cl-lightpink:#FED3FF;
  --cl-lightpurple:#E39CFF;
  --cl-lightgreen:#40FFA3;
  --cl-lightorange:#FFAA1E;
  --cl-tbsblue:#0050FF;
  --cl-pink:#DF00C6;
  --cl-purple:#EC2DC6;
  --cl-green:#00cc0e;
  --cl-orange:#FBAB10;
  --cl-red:#e60012;
  --cl-gray:#727681;
  --cl-mint:#66ffcc;
}

.lightblue { color:var(--cl-lightblue); }
.lightpink { color:var(--cl-lightpink); }
.lightpurple { color:var(--cl-lightpurple); }
.lightgreen { color:var(--cl-lightgreen); }
.lightorange { color:var(--cl-lightorange); }
.tbsblue { color:var(--cl-tbsblue); }
.pink { color:var(--cl-pink); }
.purple { color:var(--cl-purple); }
.green { color:var(--cl-green); }
.orange { color:var(--cl-orange); }
.red { color:var(--cl-red); }
.gray { color:var(--cl-gray); }
.mint { color:var(--cl-mint); }


/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

@media all and (max-width:979px) {

.br-pc { display:none; }
.br-smp { display:block; }

}


/* word br
-------------------------------- */

.wbr { display:inline-block; }


/* margin padding
-------------------------------- */

.mgt0 { margin-top:0!important; }
.mgt05 { margin-top:0.5em!important; }
.mgt1 { margin-top:1.0em!important; }
.mgt15 { margin-top:1.5em!important; }
.mgt2 { margin-top:2.0em!important; }
.mgt3 { margin-top:3.0em!important; }
.pdt0 { padding-top:0!important; }
.pdt05 { padding-top:0.5em!important; }
.pdt1 { padding-top:1.0em!important; }
.pdt15 { padding-top:1.5em!important; }
.pdt2 { padding-top:2.0em!important; }
.pdt3 { padding-top:3.0em!important; }
.mgb0 { margin-bottom:0!important; }
.mgb05 { margin-bottom:1.0em!important; }
.mgb1 { margin-bottom:1.0em!important; }
.mgb15 { margin-bottom:1.5em!important; }
.mgb2 { margin-bottom:2.0em!important; }
.mgb3 { margin-bottom:3.0em!important; }
.pdb0 { padding-bottom:0!important; }
.pdb05 { padding-bottom:0.5em!important; }
.pdb1 { padding-bottom:1.0em!important; }
.pdb15 { padding-bottom:1.5em!important; }
.pdb2 { padding-bottom:2.0em!important; }
.pdb3 { padding-bottom:3.0em!important; }
.mgtn05 { margin-top:-0.5em!important; }
.mgtn1  { margin-top:-1.0em!important; }
.mgtn15 { margin-top:-1.5em!important; }
.mgtn2  { margin-top:-2.0em!important; }
.mgtn3  { margin-top:-3.0em!important; }
.mgbn05 { margin-bottom:-0.5em!important; }
.mgbn1  { margin-bottom:-1.0em!important; }
.mgbn15 { margin-bottom:-1.5em!important; }
.mgbn2  { margin-bottom:-2.0em!important; }
.mgbn3  { margin-bottom:-3.0em!important; }


/* css animation
-------------------------------- */

@keyframes fade { 0% {opacity:0;} 100% {opacity:1;} }

/* menu header / footer
=============================================== */

:root{
--menu-shadow:1px 1px 10px rgba(0,0,0,0.1);
}

#logo-area { position:fixed; top:15px; left:0; z-index:1000; display:inline-block; padding:20px 25px 20px 20px; background-color:#fff; border-radius:0 40px 40px 0; box-shadow:var(--menu-shadow); }
#logo { width:157px; }
#logo a { display:block; width:100%; height:100%; aspect-ratio:630 / 84; background:url(../img/common/logo.png) no-repeat center center; background-size:contain; text-indent:-9999px; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #logo a:hover { opacity:0.5; } }

#nav-toggle { display:none; }

/* -- Media Queries -- */

@media all and (max-width: 1279px) {

#logo-area { top:10px; left:0; padding:15px 20px 15px 15px; border-radius:0 30px 30px 0; }
#logo { width:134px; }

#nav-toggle { display:block; position:fixed; right:0; top:10px; width:48px; height:46px; border-radius:25px 0 0 25px; background-color:#fff; cursor:pointer; z-index:1000; -webkit-tap-highlight-color:rgba(0,0,0,0); box-shadow:var(--menu-shadow); }
#nav-toggle div { position:relative; }
#nav-toggle span { display:block; position:absolute; height:2px; width:20px; background:var(--cl-tbsblue); left:17px; zoom: 1; -webkit-transition:.35s ease-in-out; transition:.35s ease-in-out; }
#nav-toggle span:nth-child(1) { top:15px; }
#nav-toggle span:nth-child(2) { top:22px; }
#nav-toggle span:nth-child(3) { top:29px; }
#header.open #nav-toggle span:nth-child(1) { top:21px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); zoom: 1; }
#header.open #nav-toggle span:nth-child(2) { width:0; left: 50%; }
#header.open #nav-toggle span:nth-child(3) { top:21px; width:20px; -webkit-transform: rotate(135deg); transform:rotate(135deg); zoom: 1; }

}


/* gnav-menu
------------------------------------ */

#gnav-smp,
#footer-smp { display:none; }

#gnav-pc { position:fixed; z-index:1000; top:15px; right:0; display:flex; padding:22px 10px 2px 30px; background-color:#fff; border-radius:40px 0 0 40px; box-shadow:var(--menu-shadow); }
.gnav-menu { position:relative; margin-right:1.5em; }
#footer-pc .gnav-menu { margin-right:0; }
#gnav-pc .gnav-menu .gnav-item { position:absolute; top:50px; left:-20px; padding:20px; background-color:#fff; border-radius:10px; box-shadow:var(--menu-shadow); font-size:90%; white-space:nowrap; }
.gnav-ttl { position:relative; cursor:pointer; }
#footer-pc .gnav-ttl { cursor:default; }
#footer-pc .gnav-ttl, #footer-smp .gnav-ttl, #gnav-smp .gnav-ttl { font-size:125%; }
.gnav-list li { margin-bottom:1.2em; line-height:120%; }
.gnav-list li:last-child { margin-bottom:0; }
.gnav-list li a { position:relative; display:inline-block; width:100%; padding-right:1.5em; box-sizing:border-box; text-decoration:none; color:#000; /* hover */ transition:color 0.2s ease-out; }
@media (hover: hover) { #gnav-pc .gnav-list li a:hover, #footer-pc .gnav-list li a:hover { color:var(--cl-tbsblue); text-decoration:underline; } }
#header .gnav-list li a::after { position:absolute; right:0; display:inline-block; content:""; width:1.0em; height:1.0em; background:url(../img/common/arrow_menu.png) center center no-repeat; background-size:100% auto; }
.gnav-pickup-ttl { margin:0 0 0.7em 0; padding-top:0.7em; font-size:85%; color:#9E9E9E; font-family:"bricolage-grotesque", sans-serif; font-weight:400; font-style: normal; }
.gnav-pickup-list { padding:0 0 0 0.7em; }

.gnav-list-pagelink { padding:1.08em 0 0 0; }
.gnav-list-pagelink li { padding-left:1.0em; white-space:nowrap; }
.gnav-list-pagelink li::before { content:"- "; margin-left:-1.0em; }
.gnav-list-pagelink li a::after { margin-right:-0.25em; }

.tmgn { padding-top:0.8em; }

#gnav-pc .gnav-line { position:relative; top:0.05em; left:-0.5em; margin:0 0.75em 0 0.25em; width:1px; height:1.0em; background-color:#666; }
#gnav-pc .gnav-graduate .gnav-ttl::before,
#gnav-smp .gnav-graduate .gnav-ttl::after { content:""; display:inline-block; border-radius:1000px; background-color:var(--cl-orange); vertical-align:baseline }
#gnav-pc .gnav-graduate .gnav-ttl::before { margin-right:0.5em; width:0.8em; height:0.8em; }
#gnav-smp .gnav-graduate .gnav-ttl::after { margin-left:0.5em; margin-bottom:0.1em; width:0.6em; height:0.6em; }

.gnav-btn-mypage a { display:block; width:100%; height:100%; aspect-ratio:932 / 312; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-9999px; box-shadow:0px 0px 5px rgba(0,0,0,0.2); /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { .gnav-btn-mypage a:hover { opacity:0.5; } }
.gnav-btn-mypage2027 a { background-image:url(../img/common/btn_mypage2027.png); }
.gnav-btn-mypage2028 a { background-image:url(../img/common/btn_mypage2028.png); }
.gnav-btn-career-rec a { background-image:url(../img/common/btn_career_rec.png); }

.gnav-item-mypage { padding-top:1.5em; text-align:center; }
.gnav-item-mypage .gnav-btn-mypage { width:160px; margin:0.5em auto 0 auto; }
.gnav-list-mypage .sttl { display:none; }
.gnav-list-mypage ul { display:flex; }
.gnav-list-mypage ul .gnav-btn-mypage { width:137px; margin:-15px 10px auto 0; }

.gnav-sns { padding-bottom:25px; display:flex; justify-content:center; }
#footer-pc .gnav-sns { padding:0 50px; }
.gnav-sns li { width:60px; margin:0 7px; }
#footer-pc .gnav-sns li { width:40px; margin:0 15px; }
.gnav-sns li a { display:block; width:100%; height:100%; aspect-ratio:1 / 1; border-radius:1000px; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { .gnav-sns li a:hover { opacity:0.5; } }
.gnav-sns-insta a { background-image:url(../img/common/icon_sns_insta.png); }
.gnav-sns-x a { background-image:url(../img/common/icon_sns_x.png); }

.gnav-group { text-align:center; padding-bottom:1.0em; }
#footer-pc .gnav-group { display:flex; padding-bottom:0; }
.gnav-group li { margin:1.0em auto; }
#footer-pc .gnav-group li { margin:0 1.0em; }
.gnav-group li a { text-decoration:none; color:#000; /* hover */ transition:color 0.2s ease-out; }
@media (hover: hover) { .gnav-group li a:hover { color:var(--cl-tbsblue); text-decoration:underline; } }
.gnav-group li a.exlink::after { display:inline-block; content:""; vertical-align:middle; margin:-0.2em 0 auto 0.7em; width:0.9em; height:0.9em; background:url(../img/common/icon_exlink.png) center center no-repeat; background-size:100% auto; }

/* -- Media Queries -- */

@media all and (max-width: 1279px) {

#gnav-pc { display:none; }
#gnav-smp { display:block; }

}


/* gnav-smp-mypage */

@media all and (min-width: 640px) {
.gnav-smp-mypage { display:none; };
}

@media all and (max-width: 639px) {
.gnav-smp-mypage { display:block; position:fixed; z-index:99; bottom:0; left:0; width:100%; }
.gnav-smp-mypage ul { display:flex; justify-content:center; padding:1.0vw; }
.gnav-smp-mypage ul .gnav-btn-mypage { width:31.3%; margin:0 1% auto 1%; }
}



/* menu-toggle
------------------------------------ */

.menu-toggle .gnav-menu { margin:0 0 22px 0; padding-bottom:22px; border-bottom:#B9CAEF 1px solid; }
.menu-toggle .gnav-menu::after { position:absolute; top:-0.1em; right:0; display:block; content:""; width:1.0em; height:1.0em; background:url(../img/common/arrow.png) center bottom no-repeat; background-size:100% auto; }
.menu-toggle .gnav-menu.active::after { transform:rotate(180deg); margin-bottom:-1.1em; }
.menu-toggle .gnav-list { padding-top:1.0em; }
.menu-toggle .gnav-list li { margin-bottom:1.0em; }
.menu-toggle .gnav-list li a { font-size:90%; }
.menu-toggle .gnav-item-mypage { display:none; }
.menu-toggle .gnav-list-mypage .sttl { display:block; padding:0 0 1.0em 0; text-align:center; font-weight:400; }
.menu-toggle .gnav-list-mypage ul { display:block; }
.menu-toggle .gnav-list-mypage ul .gnav-btn-mypage { width:220px; margin:0 auto 10px auto; }
.menu-toggle .gnav-group { font-size:95%; }


/* fadein menu
------------------------------------ */

.gnav-menu .mgn { width:100%; height:20px; margin:0; padding:0; border:0; opacity:0; }

/* -- Media Queries -- */

@media all and (min-width: 1279px) {

#gnav-pc .gnav-menu .gnav-item { transition:0.4s; transition-timing-function:ease-out; visibility:hidden; opacity:0; }
#gnav-pc .gnav-menu:hover .gnav-item { visibility:visible; opacity:1; }

}

@media all and (max-width: 1279px) {

.gnav-menu .mgn { display:none; }

}


/* gnav animation
------------------------------------ */

#gnav-area { position:fixed; z-index:100; top:-100vh; left:0; width:100%; height:100vh; padding:73px 20px 80px 20px; box-sizing:border-box; overflow-y:scroll; overflow-x:hidden; background:linear-gradient(167deg, #F0F0F0, #FFFFFF); }
#header.open #gnav-area,
#header.close #gnav-area { animation-duration:0.5s; animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1); animation-fill-mode:forwards; }
#header.open #gnav-area { animation-name:slideIn; }
#header.close #gnav-area { animation-name:slideOut; }
#header.open #gnav-area::before { display:block; }

@keyframes slideIn {
0% { top:-100vh; }
100% { top:0px; }
}
@keyframes slideOut {
0% { top:0px; }
100% { top:-100vh; }
}


/* footer
------------------------------------ */

#footer { padding:40px 0; background:linear-gradient(127deg, #F0F0F0, #FFFFFF); }

#footer-pc { width:1240px; display:flex; flex-wrap:wrap; margin:0 auto 20px auto; font-size:95%; }
#footer-pc-gnav { width:100%; display:flex; justify-content:space-between; margin-bottom:40px; padding-bottom:40px; border-bottom:#B9CAEF 1px solid; }
#footer-pc-box { display:flex; align-items:center; margin-left:60px; }
#f-copy { margin:0 0 1.0em 155px; text-align:center; font-size:85%; line-height:140%; }

/* ステータス・タブバー透過防止 */
.for-status-bars {
  position: fixed;
  top: 0;
  pointer-events: none;
  height: 5px;
  width: 100%;
  background-color: #000;
  mix-blend-mode: lighten;
}

.for-tab-bars {
  position: fixed;
  bottom: 0;
  pointer-events: none;
  height: 4px;
  width: 100%;
  background-color: #000;
  mix-blend-mode: lighten;
}

/* -- Media Queries -- */

@media all and (max-width: 1279px) {

#footer-pc { display:none; }
#footer-smp { display:block; }

#footer { padding:20px 20px 60px 20px; }
#f-copy { margin:0 0 1.0em 0; }

}


/* pagetop
-------------------------------- */

#pagetop { float:right; margin:-170px 20px 0 0; width:145px; height:205px; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover: hover) { #pagetop:hover { transform:translateY(-10px); } }
#pagetop p a { position:relative; display:block; width:100%; height:100%; }
#wkt-arrow,
#wkt-txt,
#wkt-bg { position:absolute; display:block; content:""; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#wkt-arrow { z-index:2; top:36px; left:66px; width:20px; height:14px; background-image:url(../img/common/pagetop_arrow.png); }
#wkt-txt { z-index:2; top:56px; left:18px; width:111px; height:20px; background-image:url(../img/common/pagetop_txt.png); text-indent:-9999px; }
#wkt-bg { z-index:1; top:0; left:0; width:145px; height:145px; background-image:url(../img/common/pagetop_circle.png); }
#wkt-wkt { position:absolute; z-index:2; top:88px; left:18px; width:113px; height:122px; /* animation */ animation:fuwafuwa 3s ease-in-out infinite alternate; }

@keyframes fuwafuwa {
0% { transform:translate(0, 0) rotate(-7deg); }
50% { transform:translate(0, -7px) rotate(0deg); }
100% { transform:translate(0, 0) rotate(7deg); }
}

/* ---- Media Queries ---- */

@media all and (max-width: 1023px) {

#pagetop { float:none; margin:0 auto 20px auto; }

}

/* layout
=============================================== */

:root{
--main-shadow:2px 3px 20px rgba(0,0,0,0.25);
}


/* page-header
-------------------------------- */
#page-header,
#page-header2 { display:flex;; align-items:center; margin:0 0 -20px 0;  box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#page-header { padding:80px 20px 40px 20px; }
#page-header2 { padding:100px 20px 40px 20px; }
#page-header .ttl { color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
#page-header2 .ttl { font-size:160%; color:#fff; text-shadow:0px 0px 6px rgba(0,0,0,0.5), 0px 0px 12px rgba(0,0,0,0.5), 0px 0px 16px rgba(0,0,0,0.5); }
#page-header .ttl .en,
#page-header .ttl .jp { display:block; }
#page-header .ttl .en { padding-bottom:0.2em; font-size:400%; line-height:100%; font-family:"bricolage-grotesque", sans-serif; font-weight:600; font-style:normal; }
#page-header .ttl .jp { font-size:110%; font-family:"dotgothic16"; font-weight:400; font-style:normal; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

#page-header .ttl { font-size:80%; }

}



/* main
-------------------------------- */

.contents-box { margin-bottom:3.0em; padding:1.5em 1.5em 2.0em 1.5em; box-sizing:border-box; background-color:#fff; border-radius:1.5em; box-shadow:var(--main-shadow); }
.contents-box .box-inner { width:1080px; margin:0 auto; }

/* -- Media Queries -- */

@media all and (max-width: 1079px) {

.contents-box .box-inner { width:auto; }

}


/* ---- contents-header ---- */

.contents-header { margin-bottom:1.0em; }
.contents-header .mainttl { font-weight:600; font-style:normal; }
.contents-header .mainttl .en,
.contents-header .mainttl .jp { display:block; }
.contents-header .mainttl .en { margin-bottom:0.2em; font-family:"bricolage-grotesque", sans-serif; font-size:240%; line-height:100%; }
.contents-header .mainttl .jp { font-family:"dotgothic16", sans-serif; font-weight:400; font-style:normal; line-height:120%; }


/* ---- txt ---- */
.contents-box .box-body .txt,
.contents-box .box-body .txt2,
.contents-box .box-body .txt3 { padding-bottom:0.8em; line-height:180%; }
.contents-box .box-body .txt2 { font-size:125%; }
.contents-box .box-body .txt3 { font-size:150%; }

/* -- Media Queries -- */

@media all and (max-width: 1079px) {

.contents-box .box-body .txt { font-size:90%; }
.contents-box .box-body .txt2 { font-size:105%; }
.contents-box .box-body .txt3 { font-size:135%; }

}


/* ---- list ---- */

.contents-box .box-body .list { padding: 0 0 0.5em 1.3em; margin: 0; }
.contents-box .box-body .list li { padding-bottom: 0.3em; line-height: 170%; list-style-type: disc; }
.contents-box .box-body .list.list-hr { padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }
.contents-box .box-body .list.list-nm li { list-style-type: decimal; }
.contents-box .box-body .list.list-clnm { list-style: none; padding-left: 0; counter-reset: my-counter; }
.contents-box .box-body .list.list-clnm li { list-style: none; padding-left: 1.4em; position: relative; }
.contents-box .box-body .list.list-clnm li:before { content: counter(my-counter); counter-increment: my-counter; border: 1px solid; border-radius: 50%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; height: 1.375em; width: 1.375em; font-size: 85%; line-height: 1; position: absolute; top: 0.35em; left: 0; }
.contents-box .box-body .list.list-star { list-style: none; padding-left: 0; }
.contents-box .box-body .list.list-star li { list-style: none; position: relative; padding-left: 1.2em; }
.contents-box .box-body .list.list-star li::before { content: "※"; position: absolute; left: 0; top: 0; }

/* -- Media Queries -- */

@media all and (max-width: 1079px) {

.contents-box .box-body .list { font-size:90%; }

}


/* youtube box
-------------------------------- */

.yt-box { display:block; position:relative; margin:0 auto 1.5em auto; aspect-ratio:16 / 9;  overflow:hidden; }
.yt-box iframe { position: absolute; top:0; left:0; width:100%; height:100%; }


/* pagelink
-------------------------------- */

.pagelink-box { margin-bottom:1.0em; padding:0.5em 1.5em 2.0em 1.5em; box-sizing:border-box; background-color:#fff; border-radius:1.5em; box-shadow:var(--main-shadow); }
.pagelink ul { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.pagelink ul li { margin:1.0em 1.0em 0.5em 1.0em; }
.pagelink ul li a { display:inline-block; position:relative; padding:0.5em 1.5em 0.5em 0.5em; box-sizing:border-box; line-height:120%; background:url(../img/common/line_dot.png) right bottom no-repeat; text-decoration:none; color:#000; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { .pagelink ul li a:hover { transform:translateY(4px); opacity:0.7; } }
.pagelink ul li a::after { position:absolute; right:0; display:inline-block; content:"▼"; margin-left:0.5em; transform:scaleY(0.7); }
.pagelink ul li a br { display:none; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

.pagelink-box { padding:0.5em 0 1.5em 0; }
.pagelink ul li { width:44%; margin:0.5em 2% 0.5em 2%; font-size:90%; }
.pagelink ul li a { display:block; width:100%; height:100%; padding:0.5em 0.9em 0.7em 0em; text-align:center; }

}

@media all and (max-width: 500px) {

.pagelink ul li a br { display:block; }

}

/*eof*/