@charset "UTF-8";

/* ========================================================================

  /css/add-edit.css

======================================================================== */

.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb50 { margin-bottom:50px; }

/* .disc */
ul.disc li { list-style:disc; }

/* .flex */
ul.flex { display:flex; }

/* .floatL */
ul.floatL { float:left; }

ul.disc.flex li { margin-left:1em; margin-right:1em; }

/* text-align */
.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }

/* .mark */
ul.mark { list-style:none; }
ul.mark li { padding:0 0 0 1em; text-indent:-1em; }
ul.mark li::before { display:none; }

/* .num */
ol.num { margin:0; padding:0 !important; list-style:none; counter-reset:my-counter; }
ol.num li { padding-left:1em !important; line-height:1.5; text-indent:0 !important; position:relative; }
ol.num li::before { content:counter(my-counter) !important; margin:auto; width:1.3em; height:1.3em; background-color:transparent; border:1px solid; border-radius:50%; line-height:1.5; font-size:0.8em; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; bottom:0; counter-increment:my-counter; }

.wb-break-all { word-break:break-all; }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
ol.num li::before { width:1.2em; height:1.2em; }
}
/************************************************************************
  margin
************************************************************************/
.list-style-none li::before { display:none; }

/************************************************************************
  .col2
************************************************************************/
.col2 { display:flex; justify-content:space-between; }
.col2 .item { width:49%; }
/************************************************************************
  main#guide-parents
************************************************************************/
/* .header ==================================== */
main#guide-parents .header { margin:auto auto 30px; padding:40px; max-width:950px; height:400px; background:url('../img/next/guide/hogosya/main_image.jpg') no-repeat; color:#ffffff; box-sizing:border-box; }
main#guide-parents .header h1 { margin-bottom:26px; line-height:1; font-size:50px;display:inline-block;border-bottom:1px solid #fff;padding-bottom:15px;}
main#guide-parents .header p { margin-bottom:1em; font-size:1.2rem; }
main#guide-parents .header p:last-child { margin-bottom:0; }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .header { padding:20px; width:auto; height:auto; background-position:center; background-size:cover; }
main#guide-parents .header h1 { font-size:34px; font-size:2.2666666667rem; }
main#guide-parents .header p { font-size:14px; }
}
/* .page-link ==================================== */
main#guide-parents .page-link { margin:auto auto 40px; max-width:950px; }
main#guide-parents .page-link ul { display:flex; justify-content:space-between;-ms-flex-wrap:wrap; flex-wrap:wrap; }

main#guide-parents .page-link ul li a { width:180px; height:65px; color:#ffffff; font-weight:bold; border-radius:5px; text-align:center; line-height:1; font-size:20px; display:flex; justify-content:center; align-items:center; position:relative;
-webkit-box-shadow:2px 2px 5px 0 rgb(35 24 21 / 25%);
-moz-box-shadow:2px 2px 5px 0 rgba(35, 24, 21, 0.25);
-ms-box-shadow:2px 2px 5px 0 rgba(35, 24, 21, 0.25);
-o-box-shadow:2px 2px 5px 0 rgba(35, 24, 21, 0.25);
box-shadow:2px 2px 5px 0 rgb(35 24 21 / 25%); }
main#guide-parents .page-link ul li a span { margin-right:5px; width:32px; height:32px; background-color:#ffffff; border-radius:50%; display:flex; justify-content:center; align-items:center; font-weight:bold; }

main#guide-parents .page-link ul li a:hover { text-decoration:none; }
main#guide-parents .page-link ul li a:hover::before { content:''; margin:auto; width:1px; height:1px; border-bottom:20px solid transparent; border-right:20px solid transparent; border-left:20px solid transparent; display:block; position:absolute; bottom:-40px; right:0; left:0;
/*-webkit-box-shadow:2px 2px 5px 0 rgb(35 24 21 / 25%);
-moz-box-shadow:2px 2px 5px 0 rgba(35, 24, 21, 0.25);
-ms-box-shadow:2px 2px 5px 0 rgba(35, 24, 21, 0.25);
-o-box-shadow:2px 2px 5px 0 rgba(35, 24, 21, 0.25);
box-shadow:2px 2px 5px 0 rgb(35 24 21 / 25%);*/ }
main#guide-parents .page-link ul li a.page-link-1:hover::before { border-top:20px solid #F03C6E; }
main#guide-parents .page-link ul li a.page-link-2:hover::before { border-top:20px solid #3EB370; }
main#guide-parents .page-link ul li a.page-link-3:hover::before { border-top:20px solid #A560A2; }
main#guide-parents .page-link ul li a.page-link-4:hover::before { border-top:20px solid #F08300; }
main#guide-parents .page-link ul li a.page-link-5:hover::before { border-top:20px solid #0081CC; }

main#guide-parents .page-link ul li a.page-link-1 { background-color:#F03C6E; }
main#guide-parents .page-link ul li a.page-link-1 span { color:#F03C6E; }
main#guide-parents .page-link ul li a.page-link-2 { background-color:#3EB370; }
main#guide-parents .page-link ul li a.page-link-2 span { color:#3EB370; }
main#guide-parents .page-link ul li a.page-link-3 { background-color:#A560A2; }
main#guide-parents .page-link ul li a.page-link-3 span { color:#A560A2; }
main#guide-parents .page-link ul li a.page-link-4 { background-color:#F08300; }
main#guide-parents .page-link ul li a.page-link-4 span { color:#F08300; }
main#guide-parents .page-link ul li a.page-link-5 { background-color:#0081CC; line-height:calc(21.5/16); font-size:1rem; font-weight:bold; }
main#guide-parents .page-link ul li a.page-link-5::after { content:'\025bc'; margin-left:0.5em; color:#ffffff; display:inline-block; }

main#guide-parents .sec-box .page-link { margin-bottom:0; padding-top:40px; border-top:1.5pt dashed; width:auto; }
main#guide-parents .sec-box .page-link ul li a { width:205px; }
main#guide-parents .sec-box#reason-1 .page-link { border-color:#F03C6E; }
main#guide-parents .sec-box#reason-2 .page-link { border-color:#3EB370; }
main#guide-parents .sec-box#reason-3 .page-link { border-color:#A560A2; }
main#guide-parents .sec-box#reason-4 .page-link { border-color:#F08300; }
main#guide-parents .sec-box#reason-5 .page-link { border-color:#0081CC; }

main#guide-parents .sec-box .page-link ul li a:hover { opacity:0.7; }
main#guide-parents .sec-box .page-link ul li a:hover::before { display:none; }

/* ============ smart phone ============ */
@media screen and (max-width:768px){
main#guide-parents .page-link ul:after {
      content:"";
      display:block;
      width:180px;  /* .boxに指定したwidthと同じ幅を指定する */
      height:0;
  }
main#guide-parents .page-link ul li:nth-child(-n+3) {
  margin-bottom:2rem;
}
}
@media screen and (max-width:700px){
main#guide-parents .page-link { margin:auto auto 20px; width:auto; }
main#guide-parents .page-link ul { flex-wrap:wrap; }
main#guide-parents .page-link ul li { margin-bottom:20px; width:48%; }
main#guide-parents .page-link ul li:nth-child(-n+3) {
  margin-bottom:20px;
}
main#guide-parents .page-link ul li a { width:100%; }

main#guide-parents .sec-box .page-link { padding-top:calc(40/750*100vw); }
main#guide-parents .sec-box .page-link ul li { margin-bottom:0; width:23%; }
main#guide-parents .sec-box .page-link ul li a { width:100%; height:calc(80/750*100vw); font-size:12px; }
main#guide-parents .sec-box .page-link ul li a span { margin-right:2px; width:calc(30/750*100vw); height:calc(30/750*100vw); }
main#guide-parents .sec-box .page-link ul li a.page-link-5 { font-size:10px; }
main#guide-parents .sec-box .page-link ul li a.page-link-5::after { display:none; }
}

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .bg-border { margin-bottom:20px; }

}

/* .sec-box ==================================== */
main#guide-parents .sec-box { margin-bottom:45px;}
main#guide-parents .sec-box:not(.bg-border) h2 { margin:13px auto 35px; padding:10px 0; color:#ffffff; border-radius:5px; text-align:center; line-height:1; font-size:1.6rem; position:relative; }
main#guide-parents .sec-box h2 span { margin:auto; width:50px; height:50px; background-color:#ffffff; border:12px solid; border-radius:50%; font-size:30px; display:flex; justify-content:center; align-items:center; position:absolute; top:0; bottom:0; left:0; }
main#guide-parents .header + .sec-box {
  margin-bottom:29px;
  background-color: #fff;
  border:none;
  border-radius:0;
  padding:0;
}

main#guide-parents .sec-box p { font-size:1.2rem; }
main#guide-parents .sec-box p.img { font-size:0; }
main#guide-parents .sec-box p.img img { width:100%; }

main#guide-parents .sec-box h3 { margin:0 auto 40px; padding:10px 0; border:1px solid; border-radius:5px; text-align:center; line-height:1; font-size:1.4rem;background:#fff;}
main#guide-parents .sec-box h4 { color:#ffffff; border-radius:5px; text-align:center; font-size:1.2rem; }
main#guide-parents .sec-box strong.notice { color:#FF1D25; }

main#guide-parents .sec-box#reason-1 { border-color:#F03C6E; }
main#guide-parents .sec-box#reason-1 h2 { background-color:#F03C6E; border-radius:20px 5px 5px 20px; position:relative; }
main#guide-parents .sec-box#reason-1 h2::after { content:''; margin:auto; width:150.489px; height:150.489px; background:url('../img/next/guide/hogosya/icon_no1.svg') no-repeat; background-size:100% auto; display:block; position:absolute; top:-23%; bottom:0; right:-60px; }
main#guide-parents .sec-box#reason-1 h2 span { color:#F03C6E; border-color:#F03C6E; }
main#guide-parents .sec-box#reason-1 h3 { color:#F03C6E; border-color:#F03C6E; }

main#guide-parents .sec-box#reason-2 { border-color:#3EB370; }
main#guide-parents .sec-box#reason-2 h2 { background-color:#3EB370; border-radius:20px 5px 5px 20px; }
main#guide-parents .sec-box#reason-2 h2 span { color:#3EB370; border-color:#3EB370; }
main#guide-parents .sec-box#reason-2 h3 { color:#3EB370; border-color:#3EB370; }

main#guide-parents .sec-box#reason-3 { border-color:#A560A2; }
main#guide-parents .sec-box#reason-3 h2 { background-color:#A560A2; border-radius:20px 5px 5px 20px; }
main#guide-parents .sec-box#reason-3 h2 span { color:#A560A2; border-color:#A560A2; }
main#guide-parents .sec-box#reason-3 h3 { color:#A560A2; border-color:#A560A2; }
main#guide-parents .sec-box#reason-3 .performance h4 { margin-bottom:10px; background-color:#A560A2; }

main#guide-parents .sec-box#reason-4 { border-color:#F08300; }
main#guide-parents .sec-box#reason-4 h2 { background-color:#F08300; border-radius:20px 5px 5px 20px; }
main#guide-parents .sec-box#reason-4 h2 span { color:#F08300; border-color:#F08300; }
main#guide-parents .sec-box#reason-4 h3 { color:#F08300; border-color:#F08300; }
main#guide-parents .sec-box#reason-4 ul.disc li a,
main#guide-parents .sec-box#reason-4 .checkpoint p a {text-decoration:underline;}

main#guide-parents .sec-box#reason-5 { border-color:#0081CC; }
main#guide-parents .sec-box#reason-5 h2 { background-color:#0081CC; border-radius:5px; }
main#guide-parents .sec-box#reason-5 h2 span { color:#0081CC; border-color:#0081CC; }
main#guide-parents .sec-box#reason-5 h3 { color:#0081CC; border-color:#0081CC; }
main#guide-parents .sec-box#reason-5 h4 { margin-bottom:20px; padding:10px 0; background-color:#0081CC; line-height:1; font-size:1.4rem; }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .sec-box h2 { margin-bottom:20px; }
main#guide-parents .sec-box h2.item-hd {
  margin-bottom:0;
}
main#guide-parents .sec-box h2 span { width:calc(50/750*100vw); height:calc(50/750*100vw); border:6px solid; font-size:16px; }
main#guide-parents .sec-box#reason-1 h2::after { width:calc(144.489/750*100vw); height:calc(144.489/750*100vw); top:calc(-90/750*100vw); bottom:auto; right:calc(-60/750*100vw); }
main#guide-parents .sec-box h3 { margin-bottom:calc(40/750*100vw); }

main#guide-parents .sec-box#reason-1 h2 { font-size:1.3666666667rem; }
main#guide-parents .sec-box p { font-size:14px; }

main#guide-parents .sec-box#reason-4 ul.disc.flex { flex-direction:column; }

main#guide-parents .sec-box#reason-5 h4 { margin-bottom:calc(20/750*100vw); }
}



/* table ============================== */
main#guide-parents .sec-box table { margin:auto auto 20px; background-color:transparent; border-radius:10px; display:block; box-sizing:border-box; }
main#guide-parents .sec-box table caption { padding:10px 0; width:100%; border-radius:10px 10px 0 0; line-height:1; font-size:1.2rem; box-sizing:border-box; }
main#guide-parents .sec-box table tr { display:flex; }
main#guide-parents .sec-box table th { width:255px; background-color:transparent; border:0; box-sizing:border-box; display:block; }
main#guide-parents .sec-box table tr:last-child th { border-radius:0 0 0 10px;  }
main#guide-parents .sec-box table td { background-color:transparent; border:0; box-sizing:border-box; }
main#guide-parents .sec-box table tr:last-child td:last-child { border-radius:0 0 10px 0; display:block; }
main#guide-parents .sec-box table td:nth-child(2) { width:180px; }
main#guide-parents .sec-box table td:nth-child(3) { width:460px; }

main#guide-parents .sec-box#reason-4 table caption { border:1.5pt solid #F08300; border-right:1.5pt solid #F08300; background-color:#FFE6BF; }
main#guide-parents .sec-box#reason-4 table th { border-bottom:1.5pt solid #F08300; border-right:1.5pt solid #F08300; color:#F08300; border-left:1.5pt solid #F08300; color:#F08300; }
main#guide-parents .sec-box#reason-4 table td { border-bottom:1.5pt solid #F08300; border-right:1.5pt solid #F08300; }
/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .sec-box table th { width:calc(220/750*100vw); }
main#guide-parents .sec-box table td:nth-child(2) { width:calc(170/750*100vw); }
main#guide-parents .sec-box table td:nth-child(3) { width:calc(240/750*100vw); }
}

/* .review */
main#guide-parents .review { margin:auto auto 40px; max-width:800px; display:flex; justify-content:space-between; align-items:center; }
main#guide-parents .review.green .fukidashi { order:1; }
main#guide-parents .review.green .silhouette { order:2; }

main#guide-parents .review.illust .fukidashi { order:1; }
main#guide-parents .review.illust .silhouette { order:2; }
main#guide-parents .review.illust.reverse .fukidashi { order:2; }
main#guide-parents .review.illust.reverse .silhouette { order:1; }

main#guide-parents .review.game .fukidashi { order:1; }
main#guide-parents .review.game .silhouette { order:2; }
main#guide-parents .review.game.reverse .fukidashi { order:2; }
main#guide-parents .review.game.reverse .silhouette { order:1; }

main#guide-parents .review.comic-illust .fukidashi { order:1; }
main#guide-parents .review.comic-illust .silhouette { order:2; }

main#guide-parents .review.novels .fukidashi { order:1; }
main#guide-parents .review.novels .silhouette { order:2; }
main#guide-parents .review.novels.reverse .fukidashi { order:2; }
main#guide-parents .review.novels.reverse .silhouette { order:1; }




/* .fukidashi ============================== */
main#guide-parents .fukidashi { padding:20px 25px; width:580px; border:6px solid; border-radius:10px; position:relative; box-sizing:border-box;background:#fff;}

main#guide-parents .pink .fukidashi { border-color:#FFE4FF; }
main#guide-parents .green .fukidashi { border-color:#DFF1D2; }
main#guide-parents .blue .fukidashi { border-color:#CFE9FC; }

main#guide-parents .anime .fukidashi { border-color:#fce6cc; }
main#guide-parents .voice .fukidashi { border-color:#facce0; }
main#guide-parents .illust .fukidashi { border-color:#e9f3d2; }
main#guide-parents .comic-illust .fukidashi { border-color:#d8f0e2; }
main#guide-parents .game .fukidashi { border-color:#ccecf1; }
main#guide-parents .novels .fukidashi { border-color:#fbdace; }
main#guide-parents .figure .fukidashi { border-color:#d3def1; }


main#guide-parents .fukidashi::before { content:''; margin:auto; width:1px; height:1px; border-bottom:15px solid transparent; border-left:20px solid transparent; display:block; position:absolute; top:0; bottom:0; left:-45px; }

main#guide-parents .pink .fukidashi::before { border-top:15px solid #FFE4FF; border-right:20px solid #FFE4FF; }
main#guide-parents .green .fukidashi::before { border-top:15px solid #DFF1D2; border-left:20px solid #DFF1D2; border-right:20px solid transparent; left:auto; right:-45px; }
main#guide-parents .blue .fukidashi::before { border-top:15px solid #CFE9FC; border-right:20px solid #CFE9FC; }

main#guide-parents .anime .fukidashi::before { border-top:15px solid #fce6cc; border-right:20px solid #fce6cc; }
main#guide-parents .voice .fukidashi::before { border-top:15px solid #facce0; border-right:20px solid #facce0; }

main#guide-parents .illust .fukidashi::before { border-top:15px solid #e9f3d2; border-left:20px solid #e9f3d2; border-right:20px solid transparent; left:auto; right:-45px; }
main#guide-parents .reverse.illust .fukidashi::before { border-top:15px solid #e9f3d2; border-right:20px solid #e9f3d2; border-left:20px solid transparent; left:-45px; right:auto; }


main#guide-parents .comic-illust .fukidashi::before { border-top:15px solid #d8f0e2; border-left:20px solid #d8f0e2; border-right:20px solid transparent; left:auto; right:-45px; }

main#guide-parents .game .fukidashi::before { border-top:15px solid #ccecf1; border-left:20px solid #ccecf1; border-right:20px solid transparent; left:auto; right:-45px; }
main#guide-parents .game.reverse .fukidashi::before { border-top:15px solid #ccecf1; border-right:20px solid #ccecf1; border-left:20px solid transparent; right:auto; left:-45px; }

main#guide-parents .novels .fukidashi::before { border-top:15px solid #fbdace; border-left:20px solid #fbdace; border-right:20px solid transparent; left:auto; right:-45px; }
main#guide-parents .novels.reverse .fukidashi::before { border-top:15px solid #fbdace; border-right:20px solid #fbdace; border-left:20px solid transparent; right:auto; left:-45px; }
@media screen and (max-width:480px) {
main#guide-parents .sec-box#reason-5 main#guide-parents .game.reverse .fukidashi::before,
main#guide-parents .sec-box#reason-5 main#guide-parents .novels.reverse .fukidashi::before {
  left:-25px;
}
}

main#guide-parents .figure .fukidashi::before { border-top:15px solid #d3def1; border-right:20px solid #d3def1; }

main#guide-parents .silhouette { width:200px; }
main#guide-parents .silhouette p.img { margin:auto auto 10px; text-align:center; }
main#guide-parents .silhouette p.img img { width:88px; }
main#guide-parents .silhouette p.txt { text-align:center; line-height:calc(21/15); font-size:1rem; /*white-space:nowrap;*/ }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .review { width:auto; }
main#guide-parents .fukidashi { padding:calc(20/750*100vw) calc(25/750*100vw); width:calc(400/750*100vw); }
main#guide-parents .fukidashi::before { width:0; height:0; border-top-width:5px !important; border-bottom-width:5px !important; border-left-width:10px !important; border-right-width:10px !important; }
main#guide-parents .silhouette { width:calc(280/750*100vw); }
main#guide-parents .silhouette p.txt { font-size:12px; }
main#guide-parents .silhouette p.img img { width:calc(88/750*100vw); }

main#guide-parents .pink .fukidashi::before { left:calc(-45/750*100vw); }
main#guide-parents .green .fukidashi::before { right:calc(-45/750*100vw); }
main#guide-parents .blue .fukidashi::before { left:calc(-45/750*100vw); }

main#guide-parents .anime .fukidashi::before { left:calc(-45/750*100vw); }
main#guide-parents .voice .fukidashi::before { left:calc(-45/750*100vw); }
main#guide-parents .illust .fukidashi::before { right:calc(-45/750*100vw); }
main#guide-parents .illust.reverse .fukidashi::before { right:auto; left:calc(-45/750*100vw); }
main#guide-parents .comic-illust .fukidashi::before { right:calc(-45/750*100vw); }
main#guide-parents .game .fukidashi::before { right:calc(-45/750*100vw); }
main#guide-parents .novels .fukidashi::before { right:calc(-45/750*100vw); }
main#guide-parents .figure .fukidashi::before { left:calc(-45/750*100vw); }
}

/* .checkpoint ============================== */
main#guide-parents .checkpoint { margin:auto auto 40px; border:1px solid; border-radius:10px; overflow:hidden; }
main#guide-parents .checkpoint h4 { background-color:#ffffff; font-size:1.4rem; border-bottom:1px solid; border-radius:5px 5px 0 0; display:flex; align-items:center; }
main#guide-parents .checkpoint h4 span { margin:0 20px 0 0; padding:0 20px; color:#ffffff; display:block; position:relative; }
main#guide-parents .checkpoint h4 span::after { content:''; width:0; height:0; border-top:20px solid transparent; border-right:10px solid transparent; position:absolute; bottom:0; right:-20px; }
main#guide-parents .checkpoint p { margin-bottom:1em; line-height:calc(29/17); }

main#guide-parents .sec-box#reason-1 .checkpoint { border-color:#F03C6E; }
main#guide-parents .sec-box#reason-1 .checkpoint h4 { color:#F03C6E; border-color:#F03C6E; }
main#guide-parents .sec-box#reason-1 .checkpoint h4 span { background-color:#F03C6E; }
main#guide-parents .sec-box#reason-1 .checkpoint h4 span::after { border-bottom:20px solid #F03C6E; border-left:10px solid #F03C6E; }
main#guide-parents .sec-box#reason-1 .checkpoint strong { color:#F03C6E; }

main#guide-parents .sec-box#reason-2 .checkpoint { border-color:#3EB370; }
main#guide-parents .sec-box#reason-2 .checkpoint h4 { color:#3EB370; border-color:#3EB370; }
main#guide-parents .sec-box#reason-2 .checkpoint h4 span { background-color:#3EB370; }
main#guide-parents .sec-box#reason-2 .checkpoint h4 span::after { border-bottom:20px solid #3EB370; border-left:10px solid #3EB370; }
main#guide-parents .sec-box#reason-2 .checkpoint strong { color:#3EB370; }

main#guide-parents .sec-box#reason-3 .checkpoint { border-color:#A560A2; }
main#guide-parents .sec-box#reason-3 .checkpoint h4 { color:#A560A2; border-color:#A560A2; }
@media screen and (max-width:480px){
main#guide-parents .sec-box#reason-3 .checkpoint h4 {font-size:.966667rem;}
}
main#guide-parents .sec-box#reason-3 .checkpoint h4 span { background-color:#A560A2; }
main#guide-parents .sec-box#reason-3 .checkpoint h4 span::after { border-bottom:20px solid #A560A2; border-left:10px solid #A560A2; }
main#guide-parents .sec-box#reason-3 .checkpoint strong { color:#A560A2; }

main#guide-parents .sec-box#reason-4 .checkpoint { border-color:#F08300; }
main#guide-parents .sec-box#reason-4 .checkpoint h4 { color:#F08300; border-color:#F08300; }
main#guide-parents .sec-box#reason-4 .checkpoint h4 span { background-color:#F08300; }
main#guide-parents .sec-box#reason-4 .checkpoint h4 span::after { border-bottom:20px solid #F08300; border-left:10px solid #F08300; }
main#guide-parents .sec-box#reason-4 .checkpoint strong { color:#F08300; }

main#guide-parents .checkpoint .flex { padding:30px 40px; display:flex; justify-content:space-between; align-items:center;background:#fff; }
main#guide-parents .checkpoint .photo { width:230px; }
main#guide-parents .sec-box#reason-2 .checkpoint .photo { width:305px; }
main#guide-parents .checkpoint .txt { width:540px; }
main#guide-parents .sec-box#reason-2 .checkpoint .txt { width:490px; }
main#guide-parents .sec-box#reason-4 .checkpoint .txt { width:auto; }

main#guide-parents .checkpoint .caption { line-height:calc(17.5/12); }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .checkpoint { margin-bottom:calc(40/750*100vw); }
main#guide-parents .checkpoint h4 { font-size:16px; font-size:1.0666666667rem; white-space:nowrap; }
main#guide-parents .checkpoint h4 span { margin-right:calc(20/750*100vw); padding:0 calc(10/750*100vw); font-size:14px; line-height:26px; }
main#guide-parents .checkpoint h4 span::after { border-right:5px solid transparent; border-left-width:5px !important; right:-10px; }

/* .flex */
main#guide-parents .checkpoint .flex { padding:calc(30/750*100vw) calc(40/750*100vw); flex-direction:column; }
main#guide-parents .checkpoint .txt { width:auto; }
main#guide-parents .checkpoint .photo { width:auto; }

main#guide-parents .sec-box#reason-2 .checkpoint .txt { width:auto; }
main#guide-parents .sec-box#reason-2 .checkpoint .photo { width:auto; }
}

main#guide-parents .line-dashed { text-align:center; white-space:nowrap; display:flex; justify-content:space-between; align-items:center; }
main#guide-parents .line-dashed::before { content:''; margin-right:1em; width:100%; height:1px; border-top:1.5pt dashed; display:block; }
main#guide-parents .line-dashed::after { content:''; margin-left:1em; width:100%; height:1px; border-top:1.5pt dashed; display:block; }

main#guide-parents .sec-box#reason-2 .line-dashed { color:#3EB370; }
main#guide-parents .sec-box#reason-2 .line-dashed::before { border-color:#3EB370; }
main#guide-parents .sec-box#reason-2 .line-dashed::after { border-color:#3EB370; }

main#guide-parents .sec-box#reason-3 .line-dashed { color:#A560A2; }
main#guide-parents .sec-box#reason-3 .line-dashed::before { border-color:#A560A2; }
main#guide-parents .sec-box#reason-3 .line-dashed::after { border-color:#A560A2; }

/* .event ==================================== */
main#guide-parents .event { margin-bottom:50px; }
main#guide-parents .event ul li { margin-right:1em; line-height:1; display:inline-block; }
main#guide-parents .event ul li::before { content:'\0FF65'; vertical-align:middle; font-size:30px; display:inline-block; }

main#guide-parents span.caption { text-align:center; display:block; font-size:1rem; }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .event { margin-bottom:calc(50/750*100vw); }
}

/* .performance ==================================== */
main#guide-parents .performance { margin-bottom:40px; }

/* .contact ==================================== */
main#guide-parents .contact .flex { display:flex; justify-content:space-between; }
main#guide-parents .contact p.txt { font-size:1rem; }
main#guide-parents .contact p.img { width:530px; }

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .contact .flex { flex-direction:column; }
main#guide-parents .contact p.txt { margin-bottom:calc(20/750*100vw); }
main#guide-parents .contact p.img { width:auto; }
}

/* ============ smart phone ============ */
@media screen and (max-width:700px){
main#guide-parents .col2 { flex-direction:column; }
main#guide-parents .col2 .item { margin-bottom:calc(30/750*100vw); width:100%; }
main#guide-parents .col2 .item:last-child { margin-bottom:0; }
}
/************************************************************************
  main.top-override #opencampus
************************************************************************/
main.top-override #opencampus .item-calender .calender dl:not(:last-child) {     margin-bottom:20px; }
/* ============ smart phone ============ */
@media screen and (max-width:700px){
}
/************************************************************************
  main.top-override #information .item-tw iframe
************************************************************************/
/* ============ smart phone ============ */
@media screen and (max-width:700px){
main.top-override #information .item-tw iframe { height:310px !important; overflow:scroll; border-radius:10px; }
}
/************************************************************************
  main.next-override .pink.collabo-block .schedule-text span
************************************************************************/
main.top-override .heading-lv03 small, main.next-override .heading-lv03 small { font-size:18px; font-size:1rem; }

main.next-override .sec-box.pink .schedule-text span,
main.next-override .pink.collabo-block .schedule-text span,
main.next-override .message-block section.pink .schedule-text span,
main.next-override .pink.blog-block .schedule-text span,
main.next-override .sec-contents.pink .schedule-text span { background-color:#F03C6E; }
/************************************************************************
  #summer2023
************************************************************************/
#summer2023 h1 { position:relative; }
#summer2023 a { padding-top:calc(25/950*100%); width:calc(230/950*100%); font-size:0; display:block; position:absolute; /*background-color:rgba(255,0,0,0.5);*/ }
#summer2023 a#link-001 { top:calc(517/950*100%); left:calc(345/950*100%); }
#summer2023 a#link-002 { top:calc(541/950*100%); left:calc(345/950*100%); }
/* ============ smart phone ============ */
@media screen and (max-width:700px){
#summer2023 a { width:calc(445/750*100vw); height:calc(40/750*100vw); }
#summer2023 a#link-001 { top:calc(1165/750*100vw); left:calc(90/750*100vw); }
#summer2023 a#link-002 { top:calc(1219/750*100vw); left:calc(90/750*100vw); }
}
/************************************************************************
  #self-recommended-admission
************************************************************************/
#self-recommended-admission { margin-top:-50px; padding-top:50px; display:block; }
/************************************************************************
  #kobetsu
************************************************************************/
#kobetsu { margin-top:-50px; padding-top:50px; display:block; }
/************************************************************************
  #os-calender
************************************************************************/
#os-calender { margin-top:-60px; padding-top:60px; display:block; pointer-events:none; }
/************************************************************************
  .os2025 .banner-summer 
************************************************************************/
.os2025 .banner-summer { padding-top:10px; text-align:center; }
/* ============ smart phone ============ */
@media screen and (max-width:700px){
}
/************************************************************************
  .special-talk
************************************************************************/
main.next-override .oc-course .item-list li.special-talk { margin-top:40px !important; padding:15px 25px 15px 0; border-radius:10px; filter:drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.3)); display:block; position:relative; }
main.next-override .oc-course .item-list li.special-talk h5 { margin-bottom:10px; padding-left:25px; padding-bottom:5px; width:auto; border-bottom:2px solid; line-height:1.6; font-weight:bold; font-size:18px; font-size:1.2rem; }
main.next-override .oc-course .item-list li.special-talk ul.date { position:absolute; display:flex; top:-30px; left:25px; }
main.next-override .oc-course .item-list li.special-talk ul.date li { margin-right:5px; padding-left:10px; width:105px; height:30px; color:#ffffff; clip-path:polygon(0 1%, 80% 0, 100% 100%, 0% 100%); font-weight:bold; font-size:18px; display:flex; justify-content:flex-start; align-items:center; }
main.next-override .oc-course .item-list li.special-talk > div.text { margin-left:25px; width:auto; }

main.next-override .oc-course.anime .item-list li.special-talk { background-color:#FDE8D0; }
main.next-override .oc-course.illust .item-list li.special-talk { background-color:#ECF4D9; }
main.next-override .oc-course.game .item-list li.special-talk { background-color:#D4ECF1; }

main.next-override .oc-course.anime .item-list li.special-talk h5 { border-bottom-color:#f08300; }
main.next-override .oc-course.illust .item-list li.special-talk h5 { border-bottom-color:#8fc31f; }
main.next-override .oc-course.game .item-list li.special-talk h5 { border-bottom-color:#009fb9; }

main.next-override .oc-course.anime .item-list li.special-talk ul.date li { background-color:#f08300; }
main.next-override .oc-course.illust .item-list li.special-talk ul.date li { background-color:#8fc31f; }
main.next-override .oc-course.game .item-list li.special-talk ul.date li { background-color:#009fb9; }
/* ============ smart phone ============ */
@media screen and (max-width:700px){
main.next-override .oc-course .item-list li.special-talk { margin-top:20px !important; margin-right:15px; margin-left:15px; }
}
/************************************************************************
  .page-template-page-guidance__inter-student__admission
************************************************************************/
.page-template-page-guidance__inter-student__admission #dis { margin-top:-50px; padding-top:50px; display:block; }
/************************************************************************
  .home
************************************************************************/
.home main.top-override #bnr a:first-child { margin-bottom:20px; display:block; }
/************************************************************************
  .clear-cache : 25.10.02
************************************************************************/
p.clear-cache { margin:15px 15px 0; text-align:center; line-height:1; }
p.clear-cache a { margin:auto; padding:0.5em; color:#000000; border:1px solid #00B0F0; display:block; }
p.clear-cache a strong { color:#348ccc; }
/* ============ smart phone ============ */
@media screen and (max-width:700px){
p.clear-cache { margin:15px auto 10px; font-size:12px; line-height:1.2; }
p.clear-cache a strong { display:block; }
}