@charset "utf-8";

/*  
****************************************************************************************************************************************************************/
section{position:relative;}
section header{margin-bottom:3em;}
section header ul{display:flex;}
section header li:not(:last-child):after{content:">";padding:0 1em;}
section header li a{text-decoration:underline;}
section header li a:hover{text-decoration:none;}
section header h2{margin-bottom:0.5em;padding:1.8em 1em;font-size:5vmin;background:url(../img/header_bg.jpg) no-repeat bottom right #fff;border:solid 4px #fff;box-shadow:2px 2px 10px rgba(0,0,0,0.3);background-size:contain;
text-shadow:
2px 2px 0 rgba(255,255,255,1),-2px -2px 0 rgba(255,255,255,1),
-2px 2px 0 rgba(255,255,255,1),2px -2px 0 rgba(255,255,255,1),
2px 0px 0 rgba(255,255,255,1),0px 2px 0 rgba(255,255,255,1),
-2px 0px 0 rgba(255,255,255,1),0px -2px 0 rgba(255,255,255,1);
}
#about header h2{background-image:url(../img/about_header_bg.jpg);background-position:right center;}
#course header h2{background-image:url(../img/course_header_bg.jpg);background-position:right center;}
#english header h2{background-image:url(../img/english_header_bg.jpg);background-position:right center;}
#success header h2{background-image:url(../img/success_header_bg.jpg);background-position:right center;}
#charge header h2{background-image:url(../img/charge_header_bg.jpg);background-position:right center;}
#access header h2{background-image:url(../img/access_header_bg.jpg);background-position:right top;}
#contact header h2{background-image:url(../img/contact_header_bg.jpg);background-position:right center;}

h3{position:relative;z-index:1;margin-bottom:1em;padding:0.5em 0;text-indent:1em;color:#fff;font-size:1.6em;border-radius:5px;box-shadow:2px 2px 6px rgba(0,0,0,0.4);
background: -webkit-repeating-linear-gradient(-45deg, rgba(35,70,145,1), rgba(35,70,145,1) 3px,rgba(48,83,163,1) 3px, rgba(48,83,163,1) 6px);
background:repeating-linear-gradient(-45deg, rgba(35,70,145,1), rgba(35,70,145,1) 3px,rgba(48,83,163,1) 3px, rgba(48,83,163,1) 6px);
}
h3:before{content:"";position:absolute;top:0;left:0.5em;display:block;width:6px;height:80%;
background: rgb(240,249,255);
background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 );
}
h3:after{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;border-radius:5px;
background: -moz-linear-gradient(top, rgba(52,142,216,0.3) 0%, rgba(29,32,136,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(52,142,216,0.3) 0%,rgba(29,32,136,0.5) 100%);
background: linear-gradient(to bottom, rgba(52,142,216,0.3) 0%,rgba(29,32,136,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d348ed8', endColorstr='#801d2088',GradientType=0 );
}
main p:not(:last-of-type){margin-bottom:1em;}
main p{line-height:1.8em;}

main div > section,#counterplan .sec1,#chugaku_course .sec1{margin-bottom:2em;padding:1em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}


/* index.html 
****************************************************************************************************************************************************************/
#topick{margin-bottom:2em;}
#topick a{display:block;padding:1.6em 0;font-size:1.6em;font-weight:bold;color:#fff;text-align:center;border-radius:5px;
background: rgb(44,102,199);
background: -moz-linear-gradient(top, rgba(44,102,199,1) 0%, rgba(0,69,160,1) 100%);
background: -webkit-linear-gradient(top, rgba(44,102,199,1) 0%,rgba(0,69,160,1) 100%);
background: linear-gradient(to bottom, rgba(44,102,199,1) 0%,rgba(0,69,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c66c7', endColorstr='#0045a0',GradientType=0 );
border-top:solid 1px #7192C6;
border-left:solid 1px #7192C6;
border-right:solid 1px #0050B2;
transition:opacity 0.3s;
}
#topick a:hover{opacity:0.8;}
#topick span{border-bottom:solid 2px #fff;}

#new{margin-bottom:2em;}
#new img{width:100%;}

#index .sec00 {padding:2em 1em;margin-bottom:2em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);text-align:center;}
#index .sec00 h2{display:inline-block;padding:0 1em;text-align:center;font-size:1.8em;color:#333;border-bottom:solid 6px #999;}
#index .sec00 p,#index .sec00 dd{text-align:left;}
#index .sec00 h2 + p{text-align:center;margin-bottom:2em;}
#index .sec00 img{width:100%;margin-bottom:2em;}
#index .sec00 dt{padding:0.5em 0em ;border:solid 1px #333;font-size:1.4em;margin-top:2em;margin-bottom:1em;font-weight:bold;}
#index .sec00 dd{margin-bottom:2em;}
#index .sec00 figcaption{text-align:center;margin-bottom:1em;padding:1em;background:#333;color:#fff;}
#index .sec00 figure img{}
#index .sec00 .figure1{}
#index .sec00 .figure1 div{padding: 1em;}


#index .sec0 {padding:2em ;margin-bottom:2em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#index .sec0 h2{text-align:center;}
#index .sec0 h2 > span{font-size:1.2em;font-weight:700;}
#index .sec0 h2 .span1{display:block;margin-bottom:0.6em;font-size:0.5em;}
#index .sec0 h2 .span1::before,#index .sec0 h2 .span1::after{content:"";display:inline-block;width:1.2em;height:0.2em;vertical-align:middle;background:#1da1f2;}
#index .sec0 h2 .span1::before{margin-right:0.5em;transform:rotatez(55deg);}
#index .sec0 h2 .span1::after{margin-left:0.5em;transform:rotatez(-55deg);}
#index .sec0 h2 .span2{font-size:0.8em;}
#index .sec0 h2 .span_color{color:#1da1f2;}
#index .sec0 p{max-width:700px;margin:0 auto 2em;font-weight:500;}
#index .sec0 dl{}
#index .sec0 dl div{overflow:hidden;box-sizing:border-box;margin-bottom:2em;border:solid 4px #1da1f2;border-radius:10px;background-clip:border-box;}
#index .sec0 dt{background:#1da1f2;color:#fff;text-align:center;background-clip:border-box;font-size:1.1em;font-weight:500;}
#index .sec0 dd{padding:1em;font-size:1em;line-height:1.4;}
#index .sec0 dd::before{font-family: "Font Awesome 5 Free";font-weight:900;display:block;text-align:center;font-size:4em;color:#999;}
#index .sec0 div:nth-of-type(1) dd::before{content:"\f5bd";}
#index .sec0 div:nth-of-type(2) dd::before{content:"\e063";}
#index .sec0 div:nth-of-type(3) dd::before{content:"\f52b";}
#index .sec0 div:nth-of-type(4) dd::before{content:"\f043";}
#index .sec0 div:nth-of-type(5) dd::before{content:"\f0db";}
#index .sec0 div:nth-of-type(6) dd::before{content:"\e062";}
#index .sec0 div:nth-of-type(7) dd::before{content:"\f079";}
#index .sec0 div:nth-of-type(8) dd::before{content:"\e066";}
#index .sec0 dd span{
background-image:linear-gradient(180deg,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,0,1) 70%, rgba(255,255,0,1) 100%);
background-size: 100% 100%;
background-position: top left;
}


#index .sec1,#index .sec3,#index .sec4{margin-bottom:2em;padding:1em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#index .sec1 section{box-sizing:border-box;width:100%;margin-bottom:2em;padding:0;/*background:#ccc;*/border-radius:0;box-shadow:none;}
#index .sec1 img{width:100%;margin-bottom:1em;}

#index h2{margin-bottom:1em;font-size:1.6em;color:#1d2088;}
#index .sec1 h2,#index .sec3 h2,#index .sec4 h2{margin-left:3em;}
#index .sec1 h2{border-bottom:solid 4px #e8523e;}
#index .sec1 h2 span,#index .sec3 h2 span,#index .sec4 h2 span{    
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 1em;
    margin: 0;
    padding: 10px 0 7px;
    z-index: 2;
    width: 60px;
		height:50px;
    text-align: center;
    color: white;
    font-size: 13px;
background: rgb(26,72,165);
background: -moz-linear-gradient(top, rgba(26,72,165,1) 1%, rgba(29,32,136,1) 100%);
background: -webkit-linear-gradient(top, rgba(26,72,165,1) 1%,rgba(29,32,136,1) 100%);
background: linear-gradient(to bottom, rgba(26,72,165,1) 1%,rgba(29,32,136,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a48a5', endColorstr='#1d2088',GradientType=0 );
    border-radius: 2px 0 0 0;
  }
#index .sec1 h2 span:before,#index .sec3 h2 span:before,#index .sec4 h2 span:before{
    position: absolute;
    content: '';
    top: 0;
    left: 60px;
    border: none;
    border-bottom: solid 6px #003;
    border-right: solid 5px transparent;
}

#index .sec1 h2 span:after,#index .sec3 h2 span:after,#index .sec4 h2 span:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 10px solid #1d2088;
}
#index .sec1 h3{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:4em;line-height:4em;height:4em;padding:0;text-indent:0;font-size:1em;text-align:center;background:#e8523e;color:#fff;border-radius:100%;}
#index .sec1 h3:after,#index .sec1 h3:before{content:none;}
#index .sec1 h3 span{font-size:2em;}

#index .sec2 section{box-sizing:border-box;padding:1em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);text-align:center;}
#index .sec2 h2{font-size:1em;margin-bottom:0.8em;}
#index .sec2 img{width:100%;margin-bottom:1em;}
#index .sec2 p:nth-of-type(1){text-align:left;}
#index .sec2 p a{border-bottom:dashed 1px #1d2088;color:#666;font-weight:bold;}
#index .sec2 p a:after{content:">";display:inline-block;font-weight:bold;color:#1d2088;transform: scaleX(0.5);text-shadow:1px 0px 0px #1d2088;}
#index .sec2 p a:hover{color:#1d2088;}
#index .sec2 li{margin-bottom:0.5em;}
#index .sec2 li a{position:relative;display:block;padding:2em 1.2em;color:#fff;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);
background:linear-gradient(180deg ,#57b 0,#359 100%);text-align:left;font-weight:700;transition:opacity 0.3s;}
#index .sec2 li a:hover{opacity:0.8;}
#index .sec2 li a::after{content:"\f054";font-family: "Font Awesome 5 Free";font-weight:900;color:#fff;position:absolute;top:50%;right:0.5em;transform:translateY(-50%);transition:transform 0.3s;}
#index .sec2 li a:hover::after{transform:translate(-0.3em,-50%);}


#index .sec3{margin-bottom:2em;}

/* about.html 
****************************************************************************************************************************************************************/
#about h3{margin-bottom:2em;font-weight:norma;line-height:1.6em;text-indent:0;text-align:center;background:none;box-shadow:none;font-size:6vmin;color:#111;font-family:"Sawarabi Mincho",serif;}
#about h3:before,#about h3:after{content:none;}
#about h3 span{white-space:nowrap;}
#about div > section{padding:4em 1em;}
#about div > section section{padding:4em 0 0;box-shadow:none;}
#about .sec1 img{}
#about h4{margin-bottom:1em;font-weight:norma;font-size:1.3em;text-align:center;color:#111;font-family:"Sawarabi Mincho",serif;}
#about h4:before,#about h4:after{content:" － ";}
#about .sec1 .right_box {padding:1em 0 0;text-align:right;}
#about .right_box p{display:inline-block;}
/*#about .sec1 div > p:last-of-type{padding-top:2em;text-align:right;}*/

/* course.html 
***************************************************************************************************************************************************************
#course .sec1 section img{width:100%;margin-bottom:2em;border-radius:5px;}
#course .sec1 p span{font-size:1.2em;border-bottom:solid 2px #f00;font-weight:bold;}
#course .sec1 table{width:100%;margin:2em 0;border-collapse:collapse;border:solid 0px #999;}
#course .sec1 th,#course .sec1 td{display:block;padding:1em;border:solid 1px #999;}
#course .sec1 th{min-width:11em;font-weight:normal;background:#e3f5ff;}
#course .sec1 td{border-left:solid 2px #999;}
p.img{overflow:hidden;margin-bottom:2em;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
p.img img{width:100%;}*/

/* course.html 
****************************************************************************************************************************************************************/
#course section section:not(:last-of-type){margin-bottom:3em;}
#course h4{margin-bottom:1em;padding:0.5em;border-top:solid 2px #999;border-bottom:solid 2px #999;font-size:1.2em;}
#course h4::before{content:"";display:inline-block;width:1.6em;height:1.6em;margin-right:0.3em;vertical-align:middle;background-size:contain;}
h4.sho::before{background:url(../img/sho.png) no-repeat top left;}
h4.chu::before{background:url(../img/chu.png) no-repeat top left;}
h4.kou::before{background:url(../img/kou.png) no-repeat top left;}
#course h5{margin-bottom:1em;font-size:1.2em;}
#course h5::before{content:"▶ ";}
#course h6{margin-bottom:1em;padding:1em;color:#fff;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);
background:linear-gradient(180deg ,#57b 0,#359 100%);
}
#course .list1 ul,#course .list2 section{padding:0 5%;}
#course .list1 ul{}
#course .list1 ul::after{content:"";display:block;height:0;margin-bottom:0;padding:0;}
#course .list1 li,#course .list1 ul::after{}
#course .list1 li{
box-sizing:border-box;margin-bottom:1em;padding:1em;
display:flex;flex-direction:column;align-items:center;
background:#68c;color:#fff;font-weight:700;line-height:1.8;box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
#course .list1 li span{white-space:nowrap;}
#course .list2 ul{}
#course .list2 li{margin-left:1em;list-style:disc;line-height:1.8;}
#course .list2 li span{color:#f00;}


/* gakuinn_course.html 
****************************************************************************************************************************************************************/
#gakuinn_course section section:not(:last-of-type){margin-bottom:3em;}
#gakuinn_course h4{margin-bottom:1em;padding:0.5em;border-top:solid 2px #999;border-bottom:solid 2px #999;font-size:1.2em;}
#gakuinn_course h4::before{content:"";display:inline-block;width:1.6em;height:1.6em;margin-right:0.3em;vertical-align:middle;background:url(../img/sho.png) no-repeat top left;background-size:contain;}

#gakuinn_course h5{margin-bottom:1em;font-size:1.2em;}
#gakuinn_course h5::before{content:"▶ ";}
#gakuinn_course h6{margin-bottom:1em;padding:1em;color:#fff;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);
background:linear-gradient(180deg ,#57b 0,#359 100%);
}
#gakuinn_course .list1 ul,#gakuinn_course .list2 section{padding:0 4%;}
#gakuinn_course .list1 ul{}
#gakuinn_course .list1 ul::after{content:"";display:block;height:0;margin-bottom:0;padding:0;}
#gakuinn_course .list1 li,#gakuinn_course .list1 ul::after{}
#gakuinn_course .list1 li{
box-sizing:border-box;margin-bottom:1em;padding:1em 0;
display:flex;flex-direction:column;align-items:center;
background:#68c;color:#fff;font-weight:700;line-height:1.8;box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
#gakuinn_course .list1 li span{white-space:nowrap;}
#gakuinn_course .list2 ul{}
#gakuinn_course .list2 li{margin-left:1em;list-style:disc;line-height:1.8;}
#gakuinn_course .list2 li span{color:#f00;}


/* gakuinn_course.html 
****************************************************************************************************************************************************************/
#chugaku_course{}
#chugaku_course section{margin:0;padding:0;box-shadow:none;}
#chugaku_course .sec1 > p{margin-bottom:1.4em;font-size:1.2em;font-weight:600;color:#222;}
#chugaku_course h3{margin-bottom:1em;text-indent:0;background:none;padding:0;color:#c00;box-shadow:none;font-size:1.4em;}
#chugaku_course h3::before,#chugaku_course h3::after{content:none;}
#chugaku_course h4{margin-bottom:1em;padding:0.5em;font-size:1.2em;color:#ff0;background:#0a4ca9;}
#chugaku_course .sec1 section section{margin-bottom:2em;}
#chugaku_course .sec1 dl,#chugaku_course .sec1 dl + p{padding:0 1em;}
#chugaku_course .sec1 dt{margin-bottom:1em;color:#c00;font-weight:600;text-indent:-1em;}
#chugaku_course .sec1 dt::before{content:'●';}
#chugaku_course .sec1 dd{margin-bottom:2em;text-indent:-0.7em;padding-left:0.7em;}
#chugaku_course .sec1 dd::before{content:'→';font-weight:700;display:inline-block;margin-right:0.5em;transform:scaleY(1.5);}

/* english.html 
****************************************************************************************************************************************************************/
#english .sec1{margin-bottom:2em;padding:1em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#english h4{margin-bottom:1em;font-size:1.2em;}
#english h4::before{content:"▶";margin-right:0.5em;color:#39c;}
#english dl{padding-top:2em;}
#english dl div{overflow:hidden;margin-bottom:1em;}
#english dt{padding:0.5em 0; background:#369;color:#fff;text-align:center;font-weight:700;font-size:1.2em;border-radius:1em 1em 0 0;z-index:10;}
#english dt span{white-space:nowrap;}
#english dd{display:flex;align-items:center;padding:1em;background:#cdf;border-radius:0 0 1em 1em}
/*
#english .sec1 img{box-sizing:border-box;width:100%;margin-bottom:2em;border:solid 4px #fff;box-shadow:2px 2px 6px rgba(0,0,0,0.3);}
#english .sec1 img:not(:first-of-type){margin-top:3em;}
#english .sec1 > div img{margin-bottom:1em;}
#english .sec1 > div div{margin-bottom:2em;}
#english aside {margin-top:3em;padding:0 ;text-align:left;background:none;}
#english aside h3{margin-bottom:1em;padding:0 0 0.5em;background:none;border-bottom:solid 2px #69f;box-shadow:none;border-radius:0;color:#69f;text-indent:0;}
#english aside h3::before,#english aside h3::after{content:none;}
#english .sec1 aside img{width:auto;max-width:100%;}
.bold{font-weight:bold;}
.u{text-decoration:underline;}
*/


/* success.html 
****************************************************************************************************************************************************************/
#success .sec1{margin-bottom:2em;padding:1em;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#success dt{position:relative;z-index:1;padding:0.5em;text-indent:1em;color:#fff;font-size:1.4em;border-radius:5px;box-shadow:2px 2px 6px rgba(0,0,0,0.4);
background: -webkit-repeating-linear-gradient(-45deg, rgba(35,70,145,1), rgba(35,70,145,1) 3px,rgba(48,83,163,1) 3px, rgba(48,83,163,1) 6px);
background:repeating-linear-gradient(-45deg, rgba(35,70,145,1), rgba(35,70,145,1) 3px,rgba(48,83,163,1) 3px, rgba(48,83,163,1) 6px);
}
#success dt:before{content:"";position:absolute;top:0;left:0.5em;display:block;width:6px;height:80%;
background: rgb(240,249,255);
background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 );
}
#success dt:after{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;border-radius:5px;
background: -moz-linear-gradient(top, rgba(52,142,216,0.3) 0%, rgba(29,32,136,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(52,142,216,0.3) 0%,rgba(29,32,136,0.5) 100%);
background: linear-gradient(to bottom, rgba(52,142,216,0.3) 0%,rgba(29,32,136,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d348ed8', endColorstr='#801d2088',GradientType=0 );
}
#success dd{padding:1em 0;}
#success dd li:before{content:"●";color:#1d2088;}
#success dd li{padding:0.2em 0 0.2em 1em;text-indent:-1em;}

/* charge.html 
***************************************************************************************************************************************************************
#charge section section{margin-bottom:3em;}
#charge .sec0 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#charge .sec0 li{width:48%;margin:0;padding:0;text-indent:0;}
#charge .sec0 li img{width:100%;margin-bottom:0.5em;}
#charge h4{padding:0.5em;margin-top:2em;margin-bottom:1em;border-left:solid 4px #1d2088;background:#eee;}
#charge h5{margin-bottom:1em;padding:0.5em;background:#333;color:#fff;}
#charge p{margin-bottom:1em;font-size:0.8em;}
#charge table{table-layout: fixed;border-spacing:2px;width:100%;margin-bottom:0.5em;}

#charge table + table{margin-top:2em;}
#charge th,#charge td{padding:1em 0;border:solid 0px #fff;text-align:center;font-size:3vmin;}
#charge th span,#charge td span{display:block;}
#charge th{background-color:#666;color:#fff;}
#charge td{background-color:#f0f0f0;}
#charge tr:nth-child(odd) td{background-color:#ccc;}
#charge tr:first-child th{border-bottom:0px solid #ccc;background-color:#3788b7;color:#fff;font-size:1em;}
#charge tr:nth-child(2) th{background-color:#f07318;}
#charge .sec4 tr:nth-child(2) th{background-color:#666;}
#charge li{margin-bottom:0.5em;padding-left:1em;text-indent:-1em;font-size:0.8em;}
p img{width:100%;}*/

/* charge.html 
****************************************************************************************************************************************************************/
#charge section section{margin-bottom:3em;}
#charge .sec0 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#charge .sec0 li{width:48%;margin:0;padding:0;text-indent:0;}
#charge .sec0 li img{width:100%;margin-bottom:0.5em;}
#charge h4{padding:0.5em;margin-top:2em;margin-bottom:1em;border-left:solid 4px #1d2088;background:#eee;}
#charge h5{margin-bottom:1em;padding:0.5em;background:#333;color:#fff;}
#charge p{margin-bottom:1em;font-size:0.8em;}
#charge table{border-collapse:collapse;width:100%;margin-bottom:2em;}
#charge caption{margin-bottom:0.5em;}
/*
#charge caption::before{content:"<< ";transform:scaleX(0.5);}
#charge caption::after{content:" >>";transform:scaleX(0.5);}
*/
#charge th,#charge td{padding:1em 0;text-align:center;border:solid 2px #444;font-size:0.6em;}
#charge th{background:#ccc;}
#charge th span,#charge td span{display:block;text-align:center;font-size:0.8em;}

/* access.html 
****************************************************************************************************************************************************************/
#access .sec1 img{width:100%;margin-bottom:2em;}
#access table{border-collapse:collapse;width:100%;}
#access th,#access td{padding:1em 0;border-top:solid 1px #ccc;font-size:3.4vmin;}
#access th{min-width:6em;text-align:left;}
#access iframe{margin-bottom:1em;}
#access .sec2 img{width:100%;}


/* counterplan.html 
****************************************************************************************************************************************************************/
#counterplan .sec1{padding:2em;}
#counterplan .sec1 p{padding:2em 0;line-height:1.8em;}
#counterplan .sec1 ul{max-width:700px;margin:auto;}
#counterplan .sec1 li{padding:0.8em 0 0.8em 2.3em;font-size:0.9em;font-weight:bold;border-bottom:dotted 1px #000;text-indent:-2.3em;line-height:1.8em;}
#counterplan .sec1 li:before{content:attr(data-no);margin-right:0.5em;font-size:2em;vertical-align:middle;color:#f30;}


#counterplan .sec0 h3 > span{font-size:1.2em;font-weight:700;}
#counterplan .sec0 h3 .span1{display:block;margin-bottom:0.6em;font-size:0.6em;}
#counterplan .sec0 h3 .span1::before,#counterplan .sec0 h3 .span1::after{content:"";display:inline-block;width:1.2em;height:0.2em;vertical-align:middle;background:#1da1f2;}
#counterplan .sec0 h3 .span1::before{margin-right:1em;transform:rotatez(55deg);}
#counterplan .sec0 h3 .span1::after{margin-left:1em;transform:rotatez(-55deg);}
#counterplan .sec0 h3 .span2{font-size:0.8em;}
#counterplan .sec0 h3 .span_color{color:#1da1f2;}
#counterplan .sec0 dl div{overflow:hidden;box-sizing:border-box;margin-bottom:2em;border:solid 4px #1da1f2;border-radius:10px;background-clip:border-box;}
#counterplan .sec0 dt{background:#1da1f2;color:#fff;text-align:center;background-clip:border-box;font-size:1.1em;font-weight:500;}
#counterplan .sec0 dd{padding:1em;font-size:1em;line-height:1.4;}
#counterplan .sec0 dd::before{font-family: "Font Awesome 5 Free";font-weight:900;display:block;text-align:center;font-size:4em;color:#999;}
#counterplan .sec0 div:nth-of-type(1) dd::before{content:"\f5bd";}
#counterplan .sec0 div:nth-of-type(2) dd::before{content:"\e063";}
#counterplan .sec0 div:nth-of-type(3) dd::before{content:"\f52b";}
#counterplan .sec0 div:nth-of-type(4) dd::before{content:"\f043";}
#counterplan .sec0 div:nth-of-type(5) dd::before{content:"\f0db";}
#counterplan .sec0 div:nth-of-type(6) dd::before{content:"\e062";}
#counterplan .sec0 div:nth-of-type(7) dd::before{content:"\f079";}
#counterplan .sec0 div:nth-of-type(8) dd::before{content:"\e066";}
#counterplan .sec0 dd span{
background-image:linear-gradient(180deg,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,0,1) 70%, rgba(255,255,0,1) 100%);
background-size: 100% 100%;
background-position: top left;
}





@media screen and (min-width: 480px),print {
section header h2{font-size:2em;background-size:auto;}
h3{font-size:2em;}

/* index.html 
****************************************************************************************************************************************************************/
#index .sec00 h2{display:inline-block;padding:0 1em;text-align:center;font-size:2em;color:#333;border-bottom:solid 6px #999;}
#index .sec00 dt{padding:1em ;border:solid 1px #333;font-size:1.6em;margin-top:2em;margin-bottom:1em;font-weight:bold;}

#index .sec0 dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
#index .sec0 dl div{overflow:hidden;box-sizing:border-box;width:48%;margin-bottom:2em;border:solid 4px #1da1f2;border-radius:10px;background-clip:border-box;}

#index .sec1,#index .sec3,#index .sec4{padding:2em;}
#index .sec1 h2,#index .sec3 h2,#index .sec4 h2{margin-left:4em;}
#index .sec1 h2 span,#index .sec3 h2 span,#index .sec4 h2 span{left:2.5em;}
#index .sec1 div{display:flex;justify-content:space-between;flex-wrap:wrap;}
#index .sec1 section{width:48%;}
#index .sec2 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#index .sec2 li{width:48%;}


/* about.html 
****************************************************************************************************************************************************************/
#about h3{margin-bottom:2em;font-weight:norma;line-height:2em;text-indent:0;text-align:center;background:none;box-shadow:none;font-size:1.8em;color:#111;font-family:serif;}
#about h4{font-size:1.6em;}
#about div > section{padding:4em;}
#about section p{font-size:1.2em;line-height:2.4em;}

/* course.html 
****************************************************************************************************************************************************************/
#course .sec1 th,#course .sec1 td{display:table-cell;}
#gakuinn_course .sec1 th,#gakuinn_course .sec1 td{display:table-cell;}


/* english.html 
****************************************************************************************************************************************************************/
#english .sec1 > div{display:flex;justify-content:space-between;padding:2em 0 4em;}
#english .sec1 > div div{width:45%;margin:0;}


/* success.html 
****************************************************************************************************************************************************************/
#success dd{padding:1em ;}


/* charge.html 
****************************************************************************************************************************************************************/
#charge h4{font-size:1.2em;}
#charge th,#charge td{font-size:1em;}
#charge p,#charge li{font-size:1em;}



/* access.html 
****************************************************************************************************************************************************************/
#access th,#access td{font-size:1em;}
#access th{min-width:10em;padding-left:2em;}
#access .sec2 img{width:auto;}


#counterplan .sec0 dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
#counterplan .sec0 dl div{overflow:hidden;box-sizing:border-box;width:48%;margin-bottom:2em;border:solid 4px #1da1f2;border-radius:10px;background-clip:border-box;}

}





@media screen and (min-width: 768px),print {
#index .sec00 {padding:3em 5em;}
#index .sec00 .figure1{display:flex;justify-content:space-between;}
#index .sec00 .figure1 div{width:45%;padding: 1em;}
#index .sec0 h2 .span1::before{margin-right:1em;transform:rotatez(55deg);}
#index .sec0 h2 .span1::after{margin-left:1em;transform:rotatez(-55deg);}

#index .sec0 dl div{width:24%;}
#index .sec1 section{width:30%;}
#index .sec2 li{width:24%;}
#charge table{table-layout: fixed;margin-bottom:3em;}
#counterplan .sec1 li{font-size:1em;}
#counterplan .sec1 p{text-align:center;}

#course h4{margin-bottom:1em;padding:0.5em;border-top:solid 2px #999;border-bottom:solid 2px #999;font-size:1.4em;}
#course .list1 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#course .list1 ul::after{content:"";display:block;height:0;margin-bottom:0;padding:0;}
#course .list1 li,#course .list1 ul::after{width:32%;}

#gakuinn_course h4{margin-bottom:1em;padding:0.5em;border-top:solid 2px #999;border-bottom:solid 2px #999;font-size:1.4em;}
#gakuinn_course .list1 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#gakuinn_course .list1 ul::after{content:"";display:block;height:0;margin-bottom:0;padding:0;}
#gakuinn_course .list1 li,#gakuinn_course .list1 ul::after{width:32%;}

#chugaku_course .sec1 > p{margin-bottom:1.4em;font-size:1.4em;}
#chugaku_course h3{font-size:1.6em;}
#chugaku_course h4{font-size:1.6em;}
#chugaku_course .sec1 dl,#chugaku_course .sec1 dl + p{padding:0 2em;}
#chugaku_course .sec1 dt{font-size:1.2em;}
#chugaku_course .sec1 dd{padding-left:2em;}

#english dl div{overflow:hidden;margin-bottom:1em;display:flex;align-items:center;}
#english dt{display:flex;flex-direction:column;justify-content:center;width:240px;height:6em;background:#369;color:#fff;text-align:center;font-weight:700;font-size:1.4em;border-radius:1em;z-index:10;}
#english dt span{white-space:nowrap;}
#english dd{flex:1;display:flex;align-items:center;margin-left:-1em;padding:1em;padding-left:2em;height:5em;background:#cdf;border-radius:1em}

}



@media screen and (min-width: 960px),print {
main div > section,#chugaku_course .sec1{padding:4em;}
#about .sec1 div {padding:4em;}
#about .sec1 section section {padding:4em 0 0;}
#english .sec1{padding:4em;}
#success .sec1{padding:4em;}

#counterplan .sec0 dl:after{content:"";display:block;width:32%;}
#counterplan .sec0 dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
#counterplan .sec0 dl div{overflow:hidden;box-sizing:border-box;width:32%;margin-bottom:2em;border:solid 4px #1da1f2;border-radius:10px;background-clip:border-box;}
}