@charset "UTF-8";
body {
  padding-bottom: 105px;
  min-height: 100%;
  height: auto !important;
  height: 100%
}
@media only screen and (max-width:768px) {
  body {
    padding-bottom: 17.8vw
  }
}
.font_maru {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO !important
}
a:active, a:link, a:visited {
  color: #555;
  text-decoration: none
}
main a:hover {
  color: #555;
  text-decoration: underline
}
a:hover img {
  opacity: .6
}
.parts_mbM {
  margin-bottom: 30px
}
@media only screen and (max-width:768px) {
  .parts_mbM {
    margin-bottom: 6.66vw
  }
}
table.rika_table tr:nth-child(2n+1) {
  background: #f0f4d5
}
table.math_table tr:nth-child(2n+1) {
  background: #e8eef7
}
table.seikatsu_table tr:nth-child(2n+1) {
  background: #fdf0dd
}
table.pe_table tr:nth-child(2n+1) {
  background: #ede6f2
}
.stripTit_area {
  padding-bottom: 3rem
}
#curriculum .stripTit_area:nth-last-of-type(1) {
  padding-bottom: 0
}
.stripTit_area > dl.stripTit > dt {
  margin-bottom: 15px
}
#curriculum dl.stripTit {
  margin-bottom: 40px
}
#curriculum dl.stripTit > dt {
  margin-bottom: 20px
}
.stripTit h4 {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  border-radius: 8px;
  padding: 5px 55px 5px 30px
}
.stripTit_area > dl.stripTit.acMenu > dt {
  cursor: pointer
}
.stripTit_area > dl.stripTit.acMenu > dt h4 {
  background-image: url(/common/images/btn_acMenu_open.png);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: right .5em center
}
.stripTit_area > dl.stripTit.acMenu > dt.open h4 {
  background-image: url(/common/images/btn_acMenu_close.png)
}
.stripTit_area > dl.stripTit.acMenu > dd {
  display: none
}
@media only screen and (max-width:768px) {
  .stripTit_area {
    width: 94%;
    margin: auto;
    padding-bottom: 8vw
  }
  .stripTit_area > dl.stripTit > dt {
    margin-bottom: 4vw
  }
  #curriculum dl.stripTit {
    margin-bottom: 2.5rem;
    margin-bottom: 6.66vw
  }
  #curriculum dl.stripTit dt {
    margin-bottom: 1.2rem;
    margin-bottom: 3.2vw
  }
  .stripTit h4 {
    font-size: 2rem;
    font-size: 5.33vw;
    padding: 1.33vw 5vw;
    border-radius: 3.2vw
  }
  .stripTit_area > dl.stripTit.acMenu dt h4 {
    background-size: 9.33vw;
    background-position: right 2.2vw top 50%;
    padding: 2vw 11vw 2vw 5vw
  }
  .stripTit_area > dl.stripTit.acMenu > dd {
    width: 98%;
    margin: auto
  }
}
@media only screen and (device-height:568px) {
  .stripTit h4 {
    font-size: 6.25vw
  }
}
#headerArea {
  background: #fff
}
#header {
  text-align: left;
  padding-top: 20px;
  position: relative;
  padding-top: 10px;
  margin-bottom: -2px
}
#hNav {
  font-size: 1.2rem;
  color: #555;
  position: absolute;
  bottom: 0;
  bottom: 8px;
  right: 0;
  right: 260px
}
#hNav li {
  padding: 0 0 0 28px;
  background: url(/common/images/icon_head_list.png) no-repeat 20px center;
  float: left
}
@media only screen and (max-width:768px) {
  #header {
    width: 100%;
    padding-top: 0;
    position: fixed
  }
  #header .slicknav_brand {
    background: #444;
    background: -moz-linear-gradient(top, #444 5%, #888 50%, #444 80%);
    background: -webkit-linear-gradient(top, #444 5%, #888 50%, #444 80%);
    background: linear-gradient(to bottom, #444 5%, #888 50%, #444 80%)
  }
  .eColor #header .slicknav_brand {
    background: #ea5550;
    background: -moz-linear-gradient(top, #ea5550 5%, #ef826d 50%, #ea5550 80%);
    background: -webkit-linear-gradient(top, #ea5550 5%, #ef826d 50%, #ea5550 80%);
    background: linear-gradient(to bottom, #ea5550 5%, #ef826d 50%, #ea5550 80%)
  }
  .eColor #header .slicknav_nav li a {
    background-color: #f9ccbe;
    color: #db574a
  }
  .eColor #header .dn_closedSymbol {
    border-color: transparent transparent #db574a #db574a
  }
  .eColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #f0907e !important;
    color: #fff
  }
  .eColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #fdeee8 !important
  }
  .eColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #fdeee8 !important;
    color: #db574a;
    border-top: solid 1px #db574a
  }
  .jhColor #header .slicknav_brand {
    background: #e46006;
    background: -moz-linear-gradient(top, #e46006 5%, #f0a367 50%, #e46006 80%);
    background: -webkit-linear-gradient(top, #e46006 5%, #f0a367 50%, #e46006 80%);
    background: linear-gradient(to bottom, #e46006 5%, #f0a367 50%, #e46006 80%)
  }
  .jhColor #header .slicknav_nav li a {
    background-color: #fbd7c1;
    color: #da5f34
  }
  .jhColor #header .dn_closedSymbol {
    border-color: transparent transparent #da5f34 #da5f34
  }
  .jhColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #f29860 !important;
    color: #fff
  }
  .jhColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #fef2e8 !important
  }
  .jhColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #fef2e8 !important;
    color: #da5f34;
    border-top: solid 1px #da5f34
  }
  .collegeColor #header .slicknav_brand {
    background: #0068b7;
    background: -moz-linear-gradient(top, #0068b7 5%, #6c9bd2 50%, #0068b7 80%);
    background: -webkit-linear-gradient(top, #0068b7 5%, #6c9bd2 50%, #0068b7 80%);
    background: linear-gradient(to bottom, #0068b7 5%, #6c9bd2 50%, #0068b7 80%)
  }
  .collegeColor #header .slicknav_nav li a {
    background-color: #cbd2eb;
    color: #116399
  }
  .collegeColor #header .dn_closedSymbol {
    border-color: transparent transparent #116399 #116399
  }
  .collegeColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #7091cb !important;
    color: #fff
  }
  .collegeColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #e9ecf7 !important
  }
  .collegeColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #e9ecf7 !important;
    color: #116399;
    border-top: solid 1px #116399
  }
  .rikaColor #header .slicknav_brand {
    background: #009333;
    background: -moz-linear-gradient(top, #009333 5%, #85ba79 50%, #009333 80%);
    background: -webkit-linear-gradient(top, #009333 5%, #85ba79 50%, #009333 80%);
    background: linear-gradient(to bottom, #009333 5%, #85ba79 50%, #009333 80%)
  }
  .rikaColor #header .slicknav_nav li a {
    background-color: #d6e9c4;
    color: #678450
  }
  .rikaColor #header .dn_closedSymbol {
    border-color: transparent transparent #678450 #678450
  }
  .rikaColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #8cc561 !important;
    color: #fff
  }
  .rikaColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #ecf4e3 !important
  }
  .rikaColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #ecf4e3 !important;
    color: #678450;
    border-top: solid 1px #678450
  }
  .seikatsuColor #header .slicknav_brand {
    background: #ee791d;
    background: -moz-linear-gradient(top, #ee791d 5%, #f6b176 50%, #ee791d 80%);
    background: -webkit-linear-gradient(top, #ee791d 5%, #f6b176 50%, #ee791d 80%);
    background: linear-gradient(to bottom, #ee791d 5%, #f6b176 50%, #ee791d 80%)
  }
  .seikatsuColor #header .slicknav_nav li a {
    background-color: #fbd8ab;
    color: #dd660a
  }
  .seikatsuColor #header .dn_closedSymbol {
    border-color: transparent transparent #dd660a #dd660a
  }
  .seikatsuColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #f8b864 !important;
    color: #fff
  }
  .seikatsuColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #fef2e3 !important
  }
  .seikatsuColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #fef2e3 !important;
    color: #dd660a;
    border-top: solid 1px #dd660a
  }
  .mathColor #header .slicknav_brand {
    background: #0078b9;
    background: -moz-linear-gradient(top, #0078b9 5%, #7d9bd0 50%, #0078b9 80%);
    background: -webkit-linear-gradient(top, #0078b9 5%, #7d9bd0 50%, #0078b9 80%);
    background: linear-gradient(to bottom, #0078b9 5%, #7d9bd0 50%, #0078b9 80%)
  }
  .mathColor #header .slicknav_nav li a {
    background-color: #c5d8e6;
    color: #0063a7
  }
  .mathColor #header .dn_closedSymbol {
    border-color: transparent transparent #0063a7 #0063a7
  }
  .mathColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #62a7d1 !important;
    color: #fff
  }
  .mathColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #eef4f8 !important
  }
  .mathColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #eef4f8 !important;
    color: #0063a7;
    border-top: solid 1px #0063a7
  }
  .peColor #header .slicknav_brand {
    background: #7d4798;
    background: -moz-linear-gradient(top, #7d4798 5%, #a685b6 50%, #7d4798 80%);
    background: -webkit-linear-gradient(top, #7d4798 5%, #a685b6 50%, #7d4798 80%);
    background: linear-gradient(to bottom, #7d4798 5%, #a685b6 50%, #7d4798 80%)
  }
  .peColor #header .slicknav_nav li a {
    background-color: #d4c9dc;
    color: #664882
  }
  .peColor #header .dn_closedSymbol {
    border-color: transparent transparent #664882 #664882
  }
  .peColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #997cab !important;
    color: #fff
  }
  .peColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #f0ecf3 !important
  }
  .peColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #f0ecf3 !important;
    color: #664882;
    border-top: solid 1px #664882
  }
  .newsColor #header .slicknav_brand {
    background: #00adc3;
    background: -moz-linear-gradient(top, #00adc3 5%, #80cad8 50%, #00adc3 80%);
    background: -webkit-linear-gradient(top, #00adc3 5%, #80cad8 50%, #00adc3 80%);
    background: linear-gradient(to bottom, #00adc3 5%, #80cad8 50%, #00adc3 80%)
  }
  .newsColor #header .slicknav_nav li a {
    background-color: #cde0e2;
    color: #008ea0
  }
  .newsColor #header .dn_closedSymbol {
    border-color: transparent transparent #008ea0 #008ea0
  }
  .newsColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #7ebfca !important;
    color: #fff
  }
  .newsColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #edf4f5 !important
  }
  .newsColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #edf4f5 !important;
    color: #008ea0;
    border-top: solid 1px #008ea0
  }
  .revisionColor #header .slicknav_brand {
    background: #7b7068;
    background: -moz-linear-gradient(top, #7b7068 5%, #aba097 50%, #7b7068 80%);
    background: -webkit-linear-gradient(top, #7b7068 5%, #aba097 50%, #7b7068 80%);
    background: linear-gradient(to bottom, #7b7068 5%, #aba097 50%, #7b7068 80%)
  }
  .revisionColor #header .slicknav_nav li a {
    background-color: #d1cac5;
    color: #665e57
  }
  .revisionColor #header .dn_closedSymbol {
    border-color: transparent transparent #665e57 #665e57
  }
  .revisionColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #a69a91 !important;
    color: #fff
  }
  .revisionColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #eeecea !important
  }
  .revisionColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #eeecea !important;
    color: #665e57;
    border-top: solid 1px #665e57
  }
  .newsletterColor #header .slicknav_brand {
    background: #926690;
    background: -moz-linear-gradient(top, #926690 5%, #ba96c4 50%, #926690 80%);
    background: -webkit-linear-gradient(top, #926690 5%, #ba96c4 50%, #926690 80%);
    background: linear-gradient(to bottom, #926690 5%, #ba96c4 50%, #926690 80%)
  }
  .newsletterColor #header .slicknav_nav li a {
    background-color: #e1cdd5;
    color: #6e3c72
  }
  .newsletterColor #header .dn_closedSymbol {
    border-color: transparent transparent #6e3c72 #6e3c72
  }
  .newsletterColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #b897af !important;
    color: #fff
  }
  .newsletterColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #f8eef0 !important
  }
  .newsletterColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #f8eef0 !important;
    color: #6e3c72;
    border-top: solid 1px #6e3c72
  }
  .digitalColor #header .slicknav_brand {
    background: #008169;
    background: -moz-linear-gradient(top, #008169 5%, #41a18f 50%, #008169 80%);
    background: -webkit-linear-gradient(top, #008169 5%, #41a18f 50%, #008169 80%);
    background: linear-gradient(to bottom, #008169 5%, #41a18f 50%, #008169 80%)
  }
  .digitalColor #header .slicknav_nav li a {
    background-color: #c2d8cc;
    color: #008169
  }
  .digitalColor #header .dn_closedSymbol {
    border-color: transparent transparent #008169 #008169
  }
  .digitalColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #7ab89d !important;
    color: #fff
  }
  .digitalColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #edf3f0 !important
  }
  .digitalColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #edf3f0 !important;
    color: #008169;
    border-top: solid 1px #008169
  }
  .corporateColor #header .slicknav_brand {
    background: #7b4442;
    background: -moz-linear-gradient(top, #7b4442 5%, #b17e78 50%, #7b4442 80%);
    background: -webkit-linear-gradient(top, #7b4442 5%, #b17e78 50%, #7b4442 80%);
    background: linear-gradient(to bottom, #7b4442 5%, #b17e78 50%, #7b4442 80%)
  }
  .corporateColor #header .slicknav_nav li a {
    background-color: #dbc3bf;
    color: #7e4a46
  }
  .corporateColor #header .dn_closedSymbol {
    border-color: transparent transparent #7e4a46 #7e4a46
  }
  .corporateColor #header .slicknav_nav li.slicknav_parent.slicknav_open a {
    background-color: #bf8e8a !important;
    color: #fff
  }
  .corporateColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li {
    background: #eee !important
  }
  .corporateColor #header .slicknav_nav li.slicknav_parent.slicknav_open:nth-child(n) li a {
    background-color: #eee !important;
    color: #7e4a46;
    border-top: solid 1px #7e4a46
  }
}
#breadcrumb_area {
  font-size: 1.2rem
}
ul#breadcrumb_list {
  margin-top: 10px
}
ul#breadcrumb_list li {
  display: inline-block
}
ul#breadcrumb_list li:not(:first-child)::before {
  content: " > "
}
footer {
  width: 100%;
  position: absolute;
  bottom: 0
}
#footer, #footerNavi {
  background: #f2f2f2
}
#fNaviList {
  font-size: 1.2rem;
  color: #333;
  padding: 40px 0 25px 0
}
#fNaviList .fNaviListArea {
  border-bottom: solid 1px #9fa0a0;
  padding-bottom: 15px;
  padding-left: 20px
}
#fNaviList dd, #fNaviList dt, #fNaviList li {
  margin: 5px 0
}
#fNaviList a:active, #fNaviList a:link, #fNaviList a:visited {
  color: #555
}
#fNaviList > div {
  overflow: hidden
}
#fNaviList > div > dl {
  float: left;
  width: 190px;
  height: 135px;
  background-color: #fff;
  border-left: #b3b3b3 solid 4px;
  padding-top: 5px;
  padding-left: 14px;
  margin-right: 27px;
  margin-bottom: 15px
}
#fNaviList > div > dl.fNaviTit_bottom {
  height: 120px
}
#fNaviList .fNaviTit_bottom dt a {
  font-size: 1.3rem
}
#fNaviList .fNaviTit {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4em;
  padding: 0 0 0 1rem;
  border: none;
  background: url(/common/images/icon_head_list.png) no-repeat 1px center
}
#fNaviList .fNaviSubTit {
  font-size: 13px;
  font-weight: 700;
  margin-left: 1rem;
  padding: 0 0 0 1rem;
  background: url(/common/images/icon_head_list.png) no-repeat 1px center
}
#fNaviList .fNaviListBottom {
  margin-bottom: 10px;
  display: table;
  width: 100%
}
#fNaviList .fNaviListBottom ul {
  display: table-cell;
  vertical-align: middle
}
#fNaviList .fNaviListBottom ul li {
  display: inline-block
}
#fNaviList ul.bottomListL {
  text-align: left
}
#fNaviList ul.bottomListL li {
  background: url(/common/images/icon_head_list.png) no-repeat 1px center;
  padding: 0 0 0 1rem;
  margin-right: 25px
}
#fNaviList ul.bottomListR {
  text-align: right
}
#fNaviList ul.bottomListR li p {
  width: 145px;
  background: #fff;
  border: 2px #e6e6e6 solid;
  border-radius: 5px;
  text-align: center;
  padding: 4px 0;
  position: relative
}
#fNaviList ul.bottomListR li p:after {
  content: "";
  width: 1rem;
  height: .9em;
  position: absolute;
  background: url(/common/images/icon_blank.png) no-repeat center;
  top: 2px;
  right: 3px
}
#fNaviList ul.bottomListR li a:hover {
  text-decoration: none !important
}
#fNaviList ul.bottomListR li a:hover p {
  opacity: .7
}
@media only screen and (max-width:768px) {
  #footer {
    background: #fff
  }
  #fNaviListSP {
    margin-bottom: -2px
  }
  #fNaviListSP li {
    font-size: 1.7rem;
    font-size: 4.53vw;
    line-height: 2.25em;
    color: #4d4d4d;
    margin-bottom: 2px;
    padding-left: 2.3rem;
    padding-left: 6.13vw;
    background-color: rgba(204, 204, 204, .6);
    background-image: url(/common/images/icon_foot_list.png);
    background-repeat: no-repeat;
    background-position: right 1.7rem top 0;
    background-position: right 4.53vw top 0;
    background-size: contain
  }
}
main {
  width: 100%;
  min-width: 960px;
  overflow: hidden;
  margin: 10px auto 0 auto;
  display: block
}
main * {
  box-sizing: border-box
}
@media only screen and (max-width:768px) {
  main {
    min-width: 100%;
    margin: 0 auto
  }
}
.contents_box {
  width: 960px;
  margin: 0 auto
}
.sub_contents_box {
  width: 840px;
  margin: 0 auto 45px auto
}
@media only screen and (max-width:768px) {
  .contents_box, .sub_contents_box {
    width: 100%
  }
}
.border_dashed {
  background-image: linear-gradient(to right, #000, #000 4px, transparent 1px, transparent 2px);
  background-size: 10px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  padding: 4px 2px
}
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
  .border_dashed {
    border-bottom: 1px dashed #000
  }
}
.icon_arrow {
  position: relative
}
.icon_arrow:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  margin-right: .4rem;
  vertical-align: text-bottom;
  background-image: url(/common/images/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: .6em;
  background-position: 50%
}
_:-ms-input-placeholder, :root .icon_arrow:before {
  vertical-align: middle
}
.icon_arrow.icon_arrow_red:before {
  background-color: #e60012
}
.icon_arrow.icon_arrow_pink:before {
  background-color: #ec8594
}
.icon_arrow.icon_arrow_math:before {
  background-color: #0078b9
}
.icon_arrow.icon_arrow_rika:before {
  background-color: #45b036
}
.icon_arrow.icon_arrow_seikatsu:before {
  background-color: #ee791d
}
.icon_arrow.icon_arrow_pe:before {
  background-color: #7d4798
}
.icon_sideArrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px
}
.icon_sideArrow::after, .icon_sideArrow::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle
}
.icon_circle {
  position: relative;
  font-size: 1.7rem;
  }
@media only screen and (min-width: 769px) {
  .halfRenew .icon_circle {
    font-size: 1.0625rem;
  }
}
.icon_circle:before {
  content: "";
  display: inline-block;
  text-decoration: none;
  margin: 0 .6rem 0 .2rem;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .28)
}
.icon_circle:after {
  content: "";
  width: .4em;
  height: .4em;
  position: absolute;
  top: .05em;
  left: .3em;
  border-radius: 50%;
  box-shadow: .025em 0 5px rgba(255, 255, 255, 1)
}
.icon_circle.icon_circle_red:before {
  background: #f3a6b3;
  background: -webkit-linear-gradient(#f3a6b3 0, #df3d53 100%);
  background: linear-gradient(#f3a6b3 0, #df3d53 100%)
}
.icon_circle.icon_circle_red:after {
  background: #fdf8e0;
  background: linear-gradient(#fdf8e0 0, #f3a6b3 100%)
}
.icon_circle.icon_circle_green:before {
  background: #b0d69a;
  background: -webkit-linear-gradient(#b0d69a 0, #2bac39 100%);
  background: linear-gradient(#b0d69a 0, #2bac39 100%)
}
.icon_circle.icon_circle_green:after {
  background: #fdf8e0;
  background: linear-gradient(#fdf8e0 0, #b0d69a 100%)
}
.icon_circle.icon_circle_yellow:before {
  background: #f2c81f;
  background: -webkit-linear-gradient(#f2c81f 0, #ea9b15 100%);
  background: linear-gradient(#f2c81f 0, #ea9b15 100%)
}
.icon_circle.icon_circle_yellow:after {
  background: #fdf8e0;
  background: linear-gradient(#fdf8e0 0, #f2c81f 100%)
}
.icon_circle.icon_circle_blue:before {
  background: #85a0d3;
  background: -webkit-linear-gradient(#85a0d3 0, #006bb6 100%);
  background: linear-gradient(#85a0d3 0, #006bb6 100%)
}
.icon_circle.icon_circle_blue:after {
  background: #fdf8e0;
  background: linear-gradient(#fdf8e0 0, #85a0d3 100%)
}
@media only screen and (max-width:768px) {
  .icon_circle {
    font-size: 4.53vw
  }
}
@media only screen and (device-height:568px) {
  .icon_circle {
    font-size: 1.7rem
  }
}
.btn_back {
  text-align: center;
  margin: 6rem auto 0 auto
}
.btn_back a {
  display: inline-block;
  font-size: 2rem;
  text-align: center;
  padding: .5rem 6.5rem;
  border: 2px solid;
  border-radius: 3.5rem
}
.btn_back a:hover {
  text-decoration: none !important;
  color: #fff !important
}
.btn_back a:active, .btn_back a:link, .btn_back a:visited {
  text-decoration: none !important
}
.btn_back a.color_e_sub01:hover {
  background: #ea5547 !important;
  border-color: #ea5547 !important
}
.btn_back a.color_jh_sub01:hover {
  background: #ed6f00 !important;
  border-color: #ed6f00 !important
}
.btn_back a.color_college:hover {
  background: #1886c4 !important;
  border-color: #1886c4 !important
}
.btn_back a.color_college_sub01:hover {
  background: #005dad !important;
  border-color: #005dad !important
}
.btn_back a.color_rika:hover {
  background: #45b036 !important;
  border-color: #45b036 !important
}
.btn_back a.color_math:hover {
  background: #0078b9 !important;
  border-color: #0078b9 !important
}
.btn_back a.color_seikatsu:hover {
  background: #ee791d !important;
  border-color: #ee791d !important
}
.btn_back a.color_pe:hover {
  background: #7d4798 !important;
  border-color: #7d4798 !important
}
.btn_back a.color_teacher:hover {
  background: #008cd6 !important;
  border-color: #008cd6 !important
}
.btn_back a.color_general:hover {
  background: #f39800 !important;
  border-color: #f39800 !important
}
.btn_back a.color_contact:hover {
  background: #7c6854 !important;
  border-color: #7c6854 !important
}
.btn_back a.color_corporate:hover {
  background: #e71f19 !important;
  border-color: #e71f19 !important
}
.btn_back a.color_books:hover {
  background: #5fbfb0 !important;
  border-color: #5fbfb0 !important
}
.btn_back a.color_other:hover {
  background: #666 !important;
  border-color: #666 !important
}
@media only screen and (max-width:768px) {
  .btn_back {
    margin: 4rem auto 1px auto;
    margin: 10.6vw auto 1px auto
  }
  .btn_back a {
    font-size: 2rem;
    font-size: 5.33vw;
    padding: .62rem 5rem;
    padding: 1.66vw 13.3vw;
    border-radius: 9.33vw
  }
}
.tip_tit {
  color: #fff;
  display: inline-block;
  background: #999;
  border-radius: 8px;
  padding: 0 20px;
  margin-bottom: 5px
}
@media only screen and (max-width:768px) {
  .tip_tit {
    padding: 0 5.33vw;
    margin-bottom: 1.33vw
  }
}
.link_blank_box {
  margin: 2rem 0;
  text-align: center
}
.link_font_low {
  font-size: 75%
}
.link_blank_box a {
  position: relative;
  display: inline-block;
  height: 45px;
  padding: 0 4rem;
  line-height: 45px;
  color: #004ea2;
  font-size: 2rem;
  text-decoration: none !important;
  background: url(/images/how_to_buy_text/buy_btn_middle.png) repeat-x;
  background-size: 100% 100%
}
.link_blank_box a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  width: 32px;
  height: 45px;
  background: url(/images/how_to_buy_text/buy_btn_left.png) no-repeat
}
.link_blank_box a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -7px;
  width: 32px;
  height: 45px;
  background: url(/images/how_to_buy_text/buy_btn_right.png) no-repeat
}
@media screen and (min-width:0\0) and (min-resolution:+72dpi) {
  .link_blank_box a {
    line-height: 50px
  }
}
.link_blank_box a:hover {
  color: #fff;
  background: #004ea2
}
.link_blank_box a:hover .icon_blank::after {
  content: url(/common/images/icon_blank_white.png)
}
@media only screen and (max-width:768px) {
  .link_blank_box a {
    font-size: 1.6rem;
    padding: 0 2rem;
    padding: 0 5.33vw
  }
}
.body_link {
  padding: 0 0 0 1em;
  background: url(/common/images/icon_head_list.png) no-repeat 1px .7em
}
.body_link a {
  text-decoration: underline
}
.icon_blank::after {
  content: url(/common/images/icon_blank.png);
  position: relative;
  top: -3px;
  margin-left: 5px
}
@media only screen and (max-width:768px) {
  .body_link {
    background: url(/common/images/icon_head_list.png) no-repeat 1px 2.4vw
  }
}
@media only screen and (device-height:568px) {
  .body_link {
    background: url(/common/images/icon_head_list.png) no-repeat 1px .7em
  }
}
ul.diamond li, ul.disc_circle li, ul.double_circle li, ul.kome li, ul.square li {
  padding-left: 1.5em;
  text-indent: -1.5em
}
ul.check li, ul.doubleRing li {
  padding-left: 1.5em;
  text-indent: -1.75em
}
ul.white_circle li {
  padding-left: 1em;
  text-indent: -1em
}
.square li::before {
  content: '■';
  padding-right: .5em
}
.disc_circle li::before {
  content: '●';
  padding-right: .5em
}
.diamond li::before {
  content: '◆';
  padding-right: .5em
}
.kome li::before {
  content: '※';
  padding-right: .5em
}
.double_circle li::before {
  content: '◎';
  padding-right: .5em
}
.white_circle li:before {
  content: "○";
  padding-right: .5em;
  font-size: .5em;
  vertical-align: top
  }
  .halfRenew .white_circle li:before {
    line-height: 1.75;
  }
.check li::before {
  background-image: url(/common/images/icon_list_check.png)
}
.doubleRing li::before {
  background-image: url(/common/images/icon_list_doubleRing.png)
}
.check li::before, .doubleRing li::before {
  content: '';
  background-size: 1em;
  background-position: center .25em;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  vertical-align: top
}
.decimal {
  margin: 0 0 1.5em 1.5em;
  list-style-type: decimal
}
.disc {
  margin: 0 0 1.5em 1.5em;
  list-style-type: disc
}
#nhk_video ol.kome {
  padding-left: 0;
  text-indent: 0
}
@media only screen and (device-height:568px) {
  .check li::before, .doubleRing li::before {
    background-position: center .35em
  }
}
#main_box {
  width: 960px;
  margin: auto;
  border: 1px solid
}
#college #main_box, #e_school #main_box, #jh_school #main_box {
  border-top: 5px solid
}
@media only screen and (max-width:768px) {
  #main_box {
    width: 100% !important;
    margin: 0 auto;
    border: none !important
  }
  #e_school {
    background-color: #fde9e2 !important
  }
  #jh_school {
    background-color: #fdead3 !important
  }
  #college {
    background-color: #daebf2 !important
  }
}
.main_box_inner {
  width: 760px;
  margin: auto;
  padding: 35px 0 23px 0
}
.bnr_list_wrapper {
  position: relative;
  margin-top: 5px
}
.bnr_list_wrapper li {
  width: 240px;
  margin-bottom: 10px
}
.bnr_list_second ul, .bnr_list_third ul {
  letter-spacing: -.4em
}
.bnr_list_second ul li, .bnr_list_third li {
  margin-right: 20px;
  display: inline-block;
  letter-spacing: normal
}
.bnr_list_second {
  position: static;
  width: 760px
}
.bnr_list_second ul {
  width: 780px
}
.bnr_list_third {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  overflow: hidden
}
.bnr_list_third ul {
  width: 520px
}
@media only screen and (max-width:768px) {
  .main_box_inner {
    width: 100%;
    margin: auto;
    padding: 1.4rem 0;
    padding: 3.73vw 0
  }
  .bnr_list_wrapper {
    width: 88%;
    margin: 2.2rem auto 0 auto;
    margin: 5.86vw auto 0 auto
  }
  .bnr_list_wrapper li {
    width: 100%;
    margin-bottom: 1rem;
    margin-bottom: 2.66vw
  }
  .bnr_list_second, .bnr_list_third {
    width: 100%;
    position: static
  }
  .bnr_list_second ul, .bnr_list_third ul {
    width: 100%
  }
  .bnr_big {
    width: 94%;
    margin: auto
  }
}
#sub_box {
  margin-top: 35px;
  color: #5a4a3f
}
#sub_box .sub_contents_box {
  margin: 30px auto 45px auto
}
#sub_box ul#link_info {
  overflow: hidden;
  letter-spacing: -.4em;
  margin: 15px auto 40px 92px
}
#college_math #sub_box ul#link_info, #college_physics #sub_box ul#link_info {
  margin: 15px auto 40px 57px
}
#sub_box ul#link_info li {
  display: inline-block;
  letter-spacing: normal;
  width: 240px;
  margin-right: 20px
}
@media only screen and (max-width:768px) {
  #sub_box {
    width: 94%;
    margin: 3.2rem auto 0 auto
  }
  #sub_box .sub_contents_box {
    margin: 2.5rem auto 4rem auto;
    margin: 5.33vw auto 10.6vw auto
  }
  #college_math #sub_box ul#link_info, #college_physics #sub_box ul#link_info, #sub_box ul#link_info {
    margin: 4vw auto 8vw auto
  }
  #sub_box ul#link_info li {
    display: block;
    width: 100%;
    margin-bottom: 2.2rem;
    margin-bottom: 5.86vw;
    margin-right: 0
  }
}
.slider-container {
  position: relative
}
.slideDefault .slider-outer {
  width: 770px;
  margin: auto;
  overflow: hidden
}
.slideDefault .slider-container ul {
  letter-spacing: -.4em
}
.slideDefault .slider-container li {
  display: inline-block;
  letter-spacing: normal
}
#digitaldata.slideDefault ul.slider-wrapper-digitaldata {
  width: 784px
}
#digitaldata.slideDefault ul.slider-wrapper-digitaldata li {
  padding-right: 14px
}
#digitaldata .slider-slide img {
  width: 142px
}
#books.slideDefault ul.slider-wrapper-books {
  width: 810px
}
#books.slideDefault ul.slider-wrapper-books li {
  width: 122px;
  margin-right: 40px;
  padding-right: 0
}
#books .slider-wrapper-books .slider-slide {
  font-size: 1.3rem;
  vertical-align: top;
  text-align: center
}
#books .slider-slide img {
  width: 60%;
  }
  .halfRenew body#books .slider-slide img {
    width: unset;
  }
#books .slider-slide .thumb {
  min-height: 11rem
}
.bookTitle {
  display: inline-block;
  text-align: left;
  margin-top: 20px
}
a:hover .bookTitle {
  text-decoration: underline
}
.tns-outer {
  width: 770px;
  margin: auto
}
.slider-controls-books, .slider-controls-digitaldata {
  display: block !important;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  padding: 0
}
.slider-controls-books img, .slider-controls-digitaldata img {
  width: 100%
}
.slider-button-next, .slider-button-prev {
  width: 10px;
  position: absolute;
  top: 0
}
.slider-button-prev {
  left: 0
}
.slider-button-next {
  right: 0
}
@media only screen and (max-width:768px) {
  .tns-outer {
    width: 85%;
    margin: auto
  }
  #digitaldata .slider-slide img {
    width: 100%
  }
  .slideDefault .slider-outer {
    width: 100%
  }
  #books .slider-wrapper-books .slider-slide {
    font-size: 1.6rem;
    font-size: 4.26vw
  }
  #books.slideDefault ul.slider-wrapper-books, #digitaldata.slideDefault ul.slider-wrapper-digitaldata {
    width: 85%;
    margin: auto
  }
  #books.slideDefault ul.slider-wrapper-books li, #digitaldata.slideDefault ul.slider-wrapper-digitaldata li {
    width: 42.6vw;
    padding-right: 20px;
    margin-right: 0
  }
  #books .slider-slide .thumb {
    min-height: 12rem;
    min-height: 32vw
  }
  .bookTitle {
    margin-top: 1.2rem;
    margin-top: 3.2vw
  }
}
@media only screen and (device-height:568px) {
  #books .slider-wrapper-books .slider-slide {
    font-size: 1.6rem !important
  }
}
.no_slider_books {
  margin: auto;
  letter-spacing: -.4em;
  width: 885px;
  overflow: hidden
}
.no_slider_books li {
  display: inline-block;
  width: 130px;
  margin-right: 47px;
  margin-bottom: 20px;
  letter-spacing: normal;
  font-size: 1.3rem;
  vertical-align: top
}
.no_slider_books img {
  width: 100%
}
@media only screen and (max-width:768px) {
  #college_math .sub_contents_box, #college_physics .sub_contents_box {
    width: 80%
  }
  .no_slider_books {
    width: 106%
  }
  .no_slider_books li {
    width: 45%;
    margin-right: 1.5rem;
    margin-right: 4vw;
    margin-bottom: 2.5rem;
    margin-bottom: 6.66vw;
    font-size: 3.46vw
  }
}
.lower_mainImg {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 35px
}
.lower_contents_box {
  width: 900px;
  margin: auto
}
.lower_contents_box .bnr_big {
  text-align: center;
  margin-bottom: 30px
}
@media only screen and (max-width:768px) {
  .lower_mainImg {
    width: 100%;
    margin-bottom: 1.8rem;
    margin-bottom: 4.8vw
  }
  .lower_contents_box {
    width: 94%
  }
  #dvd .lower_contents_box, #gakushu_support .lower_contents_box, #guidancebook .lower_contents_box, #jitsugi .lower_contents_box, #kakezu .lower_contents_box, #mondaishu .lower_contents_box, #nhk_video .lower_contents_box, #renshu .lower_contents_box, #tanoshii .lower_contents_box, #textbook .lower_contents_box, #work .lower_contents_box, #workbook .lower_contents_box {
    width: 100%
  }
  .lower_contents_box .bnr_big {
    margin-bottom: 2.5rem;
    margin-bottom: 6.66vw
  }
}
.lower_textbox {
  margin: 0 auto 30px auto;
  font-size: 1.6rem;
  line-height: 1.75em
}
#guidancebook .stripTit_area .lower_textbox {
  width: 840px
}
@media only screen and (max-width:768px) {
  .lower_textbox {
    margin-bottom: 2.5rem;
    margin-bottom: 6.66vw;
    font-size: 1.6rem;
    font-size: 4.26vw
  }
  #guidancebook .stripTit_area .lower_textbox {
    width: 100%
  }
}
@media only screen and (device-height:568px) {
  .lower_textbox {
    font-size: 5vw
  }
}
.book_area {
  margin-bottom: 30px
}
.book_area_tit {
  font-size: 2.4rem;
  padding-right: 3.5rem
}
.book_area_subTit {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2rem
}
.book_area_page {
  font-size: 1.5rem;
  display: inline;
  color: #555
}
.book_area_box {
  position: relative;
  padding: 26px;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 1.3rem;
  line-height: 1.75em
}
.book_area_box a {
  text-decoration: underline
}
.book_area_box ul.disc_circle {
  margin-top: 2rem
}
.book_img {
  height: 245px;
  float: left;
  margin-right: 30px
}
.book_img img {
  height: 100%;
  border: 1px solid #9fa0a0
}
.book_text {
  overflow: hidden
}
.book_ol {
  float: left;
  padding-bottom: 34px
}
.book_ol a:hover * {
  text-decoration: none !important;
  opacity: .7
}
.book_ol a:active, .book_ol a:link, .book_ol a:visited {
  text-decoration: none !important
}
.book_area ol.book_ol_contents {
  width: 295px;
  float: left;
  margin-bottom: 30px;
  margin-right: 10px
}

/* 追加 */
#kakezu .book_area ol.book_ol_contents {
  width: 340px;
}
@media only screen and (max-width:768px) {
  #kakezu .book_area_box ol.book_ol_contents {
    width: 100%;
    float: none;
    margin-bottom: 0;
    margin-right: 0
  }
}

#pe #textbook .book_area ol {
  width: auto
}
.book_area ol.book_ol_contents li {
  line-height: 1.75em;
  margin-bottom: .5em
}
.book_area ol.book_ol_contents li > div {
  float: left
}
.book_area ol.book_ol_contents li .i_num {
  width: 2.25em;
  text-align: right
}
.book_area ol.book_ol_contents li .i_numLong {
  width: 2.75em;
  text-align: right
}
.book_area ol.book_ol_contents li .i_tit {
  margin-left: 2.25em;
  float: none
}
.book_area ol.book_ol_contents li .i_numLong + .i_tit {
  margin-left: 3.25em;
  float: none
}
.no_indent ol li .i_tit {
  margin-left: 0
}
.btn_kakudai_outer {
  position: absolute;
  right: 3rem;
  bottom: 3rem
}
.btn_kakudai_outer.btn_back a {
  font-size: 1.6rem;
  padding: .5rem 3.5rem
}
@media only screen and (max-width:768px) {
  .book_area {
    margin-bottom: 2.5rem;
    margin-bottom: 6.66vw
  }
  #dvd h3, #gakushu_support h3, #guidancebook h3, #jitsugi h3, #kakezu h3, #mondaishu h3, #nhk_video h3, #renshu h3, #tanoshii h3, #textbook h3, #work h3, #workbook h3 {
    width: 94%;
    margin: auto;
    position: relative
  }
  #dvd .book_area + .lower_textbox, #gakushu_support .book_area + .lower_textbox, #guidancebook .book_area + .lower_textbox, #jitsugi .book_area + .lower_textbox, #kakezu .book_area + .lower_textbox, #mondaishu .book_area + .lower_textbox, #nhk_video .book_area + .lower_textbox, #renshu .book_area + .lower_textbox, #tanoshii .book_area + .lower_textbox, #textbook .book_area + .lower_textbox, #work .book_area + .lower_textbox, #workbook .book_area + .lower_textbox {
    width: 94%
  }
  .book_area_tit {
    font-size: 2rem;
    font-size: 5.33vw;
    padding-right: 0
  }
  .book_area_subTit {
    font-size: 4.8vw;
    margin-bottom: 1.5rem;
    margin-bottom: 4vw
  }
  .book_area_page {
    position: absolute;
    top: 4.3rem;
    top: 11.46vw;
    right: 0;
    font-size: 1rem;
    font-size: 2.66vw;
    z-index: 99
  }
  .book_area_box {
    padding: 2.5rem 3%;
    padding: 6.66vw 3%;
    border-radius: 0;
    margin-top: .5rem;
    margin-top: 1.33vw;
    font-size: 1.6rem;
    font-size: 4.26vw
  }
  .book_area_box ul.disc_circle {
    margin-top: 5.33vw
  }
  #textbook .book_area_box {
    padding: 3rem 8%;
    padding: 8vw 8%
  }
  .book_img {
    height: 65.3vw;
    width: auto;
    text-align: center;
    margin: auto auto 2.5rem auto;
    margin: auto auto 6.66vw auto;
    float: none
  }
  .book_img img {
    width: auto
  }
  #textbook .book_img {
    width: 100%;
    margin-right: 0
  }
  .book_text {
    width: 100%;
    float: none
  }
  .book_ol {
    float: none;
    padding-bottom: 0
  }
  .book_area_box ol.book_ol_contents {
    width: 100%;
    float: none;
    margin-bottom: 0;
    margin-right: 0
  }
  .btn_kakudai_outer {
    width: 80%;
    margin: auto;
    position: static;
    margin-top: 2.5rem;
    margin-top: 6.66vw
  }
  #textbook .btn_kakudai_outer {
    width: 90%
  }
  .btn_kakudai_outer.btn_back a {
    font-size: 4.26vw;
    padding: 1.66vw 6.3vw
  }
}
@media only screen and (device-height:568px) {
  .book_area_box {
    font-size: 5vw !important
  }
  #textbook .book_area_box {
    padding: 8vw 2%
  }
  #textbook .btn_kakudai_outer {
    width: 100%
  }
  .btn_kakudai_outer.btn_back a {
    font-size: 5vw
  }
  .book_area_tit {
    font-size: 6.25vw !important
  }
  .book_area_subTit {
    font-size: 5.62vw !important
  }
}
.code_area {
  overflow: hidden;
  margin-bottom: 30px
}
.code_area table {
  width: 100%;
  font-size: 1.3rem;
  text-align: center
}
.code_area table tr:nth-child(1) th {
  background: #d9d9d9
}
.code_area table td, .code_area table th {
  border: 1px solid #000;
  padding: 5px
}
.code_area table.col3 th {
  width: 33.33333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3)
}
.code_area table.col4 th {
  width: 25%;
  width: -webkit-calc(100% / 4);
  width: calc(100% / 4)
}
#dvd .code_area table {
  width: 100%
}
#dvd .code_area table tr td:nth-child(2), #kakezu .code_area table tr td:nth-child(2), #nhk_video .code_area table tr td:nth-child(2) {
  text-align: left;
  padding: 5px 10px
}
#pe #dvd .code_area table tr:nth-child(n+2) th {
  font-weight: 400;
  text-align: left;
  padding: 5px 10px
}
#pe #dvd .code_area table tr:nth-child(n+2) th.f_tit {
  background: #fff;
  text-align: center
}
#pe #dvd .code_area table tr:nth-child(n+2) td {
  text-align: center
}
@media only screen and (max-width:768px) {
  .code_area {
    width: 94%;
    margin: 0 auto 8vw auto
  }
  .code_area h3 {
    width: 100% !important;
    margin-bottom: 2vw !important
  }
  #dvd .code_area table {
    width: 180%
  }
  #rika #dvd .code_area table {
    width: 170%
  }
  #seikatsu #dvd .code_area table {
    width: 185%
  }
  #pe #dvd .code_area table {
    width: 253%
  }
  #pe #dvd .code_area table.pe_table_short {
    width: 210%
  }
  #taiiku #dvd .code_area table {
    width: 180%
  }
  .code_area table {
    font-size: 1.6rem;
    font-size: 4.26vw
  }
}
@media only screen and (device-height:568px) {
  .code_area table {
    font-size: 1.6rem !important
  }
  #dvd .code_area table {
    width: 210%
  }
  #rika #dvd .code_area table {
    width: 205%
  }
  #seikatsu #dvd .code_area table {
    width: 220%
  }
  #pe #dvd .code_area table {
    width: 294%
  }
  #pe #dvd .code_area table.pe_table_short {
    width: 244%
  }
}
.curriculum_area table {
  width: 100%;
  font-size: 1.6rem
}
.curriculum_area table tr:nth-child(1) th {
  background: #d9d9d9
}
.curriculum_area table td, .curriculum_area table th {
  border: 1px solid #000;
  padding: 8px 7px;
  font-weight: 400
}
.curriculum_area table tr:nth-child(n+2) th {
  width: 88px;
  text-align: center
}
.curriculum_area table tr:nth-child(n+2) th.c_tit {
  width: 200px;
  font-weight: 700;
  text-align: left;
  background: #fff
}
.curriculum_area table.threetypes tr:nth-child(n+2) th.c_tit {
  width: 300px
}
.curriculum_area table tr td {
  width: 154px;
  font-size: 1.05rem
}
.curriculum_area table.threetypes tr td {
  width: 170px
}
.curriculum_area table tr td div {
  display: table-cell;
  vertical-align: middle
}
@media only screen and (max-width:768px) {
  .curriculum_area table {
    width: 270%;
    font-size: 1.3rem;
    font-size: 3.46vw
  }
  .curriculum_area table.threetypes {
    width: 213%
  }
  .curriculum_area table td, .curriculum_area table th {
    padding: 8px
  }
  .curriculum_area table tr:nth-child(n+2) th {
    width: 10%
  }
  .curriculum_area table tr:nth-child(n+2) th.c_tit, .curriculum_area table.threetypes tr:nth-child(n+2) th.c_tit {
    width: 10%
  }
  .curriculum_area table tr td, .curriculum_area table.threetypes tr td {
    width: 20%;
    font-size: .9rem
  }
}
.faq_link_area {
  margin-bottom: 35px
}
.faq_link_area a, .faq_link_area a:active, .faq_link_area a:hover, .faq_link_area a:link, .faq_link_area a:visited {
  text-decoration: none
}
.faq_link_area > div {
  display: inline
}
.faq_link_area a > img {
  width: 90px !important;
  margin-right: 2rem
}
.faq_area .acMenu {
  margin-bottom: 45px
}
.faq_area > dl > dt {
  position: relative;
  line-height: 1.5em;
  background: #faefbb;
  margin-bottom: 15px;
  padding: 14px 52px 14px 120px;
  border-radius: 10px;
  background-image: url(/common/images/icon_faq_q.png), url(/common/images/btn_acMenu_faqClose.png);
  background-repeat: no-repeat;
  background-position: left .5em top 1.2rem, right .5em center;
  background-size: 37px, 48px;
  cursor: pointer
}
.faq_area.no_link > dl > dt {
  padding: 14px 52px 14px 55px
}
.faq_area > dl > dt::before {
  background: #fff;
  border-radius: 8px;
  color: #f6ab00;
  padding: 0 12px;
  font-weight: 700;
  position: absolute;
  left: 55px;
  text-align: center
}
_::-webkit-full-page-media, .faq_area > dl > dt {
  padding: 15px 52px 13px 120px
}
_::-webkit-full-page-media, .faq_area.no_link > dl > dt {
  padding: 16px 52px 13px 55px
}
_::-webkit-full-page-media, .faq_area > dl > dt::before {
  padding: 3px 12px 0 12px;
  top: .75em
}
.faq_area > dl#all > dt::before {
  content: "全体"
}
.faq_area > dl#first > dt::before {
  content: "1年"
}
.faq_area > dl#second > dt::before {
  content: "2年"
}
.faq_area > dl#third > dt::before {
  content: "3年"
}
.faq_area > dl#fourth > dt::before {
  content: "4年"
}
.faq_area > dl#fifth > dt::before {
  content: "5年"
}
.faq_area > dl#sixth > dt::before {
  content: "6年"
}
.faq_area > dl dt.open {
  background-image: url(/common/images/icon_faq_q.png), url(/common/images/btn_acMenu_faqOpen.png);
  background-repeat: no-repeat;
  background-position: left .5em top 1.2rem, right .5em center;
  background-size: 37px, 48px
}
.faq_area > dl > dd {
  display: none;
  padding: 10px 10px 10px 55px;
  margin-bottom: 15px;
  background-color: #f2f2f2
}
.faq_answer {
  position: relative
}
.faq_answer::before {
  content: "";
  width: 37px;
  height: 34px;
  position: absolute;
  top: 0;
  left: -47px;
  background-image: url(/common/images/icon_faq_a.png);
  background-repeat: no-repeat;
  background-size: contain
}
_::-webkit-full-page-media, .faq_answer::before {
  top: -3px
}
_::-webkit-full-page-media, .faq_area > dl > dd {
  padding: 12px 10px 10px 55px
}
.faq_link_box {
  margin-top: 35px
}
@media only screen and (max-width:768px) {
  .faq_link_area {
    margin-bottom: 1.3rem;
    margin-bottom: 3.46vw;
    width: 108%;
    overflow: hidden;
    text-decoration: none
  }
  .faq_link_area div {
    letter-spacing: -.4em;
    float: left
  }
  .faq_link_area a {
    margin-right: 1rem;
    margin-right: 2.66vw;
    margin-bottom: 1rem;
    margin-bottom: 2.66vw;
    letter-spacing: normal;
    display: inline-block
  }
  .faq_link_area a > img {
    width: 100% !important;
    margin-right: 0
  }
  .box3 .faq_link_school {
    width: 26rem;
    width: 69.3vw
  }
  .box3.faq_link_area a {
    width: 11rem;
    width: 29.3vw
  }
  .box4 .faq_link_school {
    width: 27rem;
    width: 72vw
  }
  .box4.faq_link_area a {
    width: 8rem;
    width: 21.3vw
  }
  .faq_area .acMenu {
    margin-bottom: 2.5rem;
    margin-bottom: 6.66vw
  }
  .faq_area > dl > dt {
    margin-bottom: 1rem;
    margin-bottom: 2.66vw;
    padding: 1rem;
    padding: 2.66vw;
    background-position: left .5em top .5em, right .3em top;
    background-size: 9.86vw, 12vw
  }
  .faq_area.no_link > dl > dt {
    padding: 11.8vw 2.66vw 2.66vw 2.66vw
  }
  .faq_area > dl > dt.open {
    background-position: left .5em top .5em, right .3em top;
    background-size: 9.86vw, 12vw
  }
  .faq_area > dl > dt::before {
    font-size: 1.4rem;
    font-size: 3.73vw;
    display: block;
    width: 3rem;
    width: 8vw;
    padding: 1px 1.2rem 0 1.2rem;
    padding: 1px 3.2vw 0 3.2vw;
    margin: 0 0 1.2rem 4rem;
    margin: 0 0 3.2vw 10.6vw;
    position: static
  }
  body.android .faq_area > dl > dt::before {
    padding: 1.06vw 3.2vw 0 3.2vw;
    margin: -.53vw 0 3.2vw 10.6vw
  }
  .faq_area > dl > dd {
    padding: 4.87rem 1rem 1rem 1rem;
    padding: 13vw 2.66vw 2.66vw 2.66vw;
    margin-bottom: 1rem;
    margin-bottom: 2.66vw
  }
  .faq_answer::before {
    width: 9.86vw;
    height: 9.86vw;
    top: -10.86vw;
    left: 0
  }
  .faq_link_box {
    margin-top: 2.5rem;
    margin-top: 6.66vw
  }
}
.caption dt.cap_longFaq {
  width: 13em;
  float: left
}
@media only screen and (max-width:768px) {
  .caption dt.cap_longFaq {
    width: 100%;
    float: none
  }
  #science #faq .caption dt.cap_longFaq + dd {
    padding-left: 2em
  }
  #science #faq .pt_5 {
    padding-top: 0 !important
  }
}
#guidancebook table {
  width: 100%
}
.page_box {
  position: relative;
  margin-bottom: 60px
}
.page_box .on_img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1
}
.page_box .btn_page {
  width: 130px;
  height: 40px;
  margin: 15px auto 0 auto;
  cursor: pointer;
  position: relative;
  background: rgba(0, 0, 0, .5)
}
.page_box .btn_page p {
  width: 130px;
  height: 40px;
  color: #fff;
  font-size: 1.6rem;
  padding: 8px;
  text-align: center;
  position: absolute;
  top: -2px;
  left: -2px
}
_::-webkit-full-page-media, .page_box .btn_page p {
  padding: 9px 8px 7px 8px
}
@-moz-document url-prefix() {
  .page_box .btn_page p {
    padding: 7px 8px
  }
}
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
  .page_box .btn_page p {
    padding: 12px 8px 5px 8px
  }
}
@media all and (-ms-high-contrast:none) {
  .page_box .btn_page p {
    padding: 12px 8px 6px 8px
  }
}
.page_box .btn_page.shadow.active p {
  position: absolute;
  width: 128px;
  height: 38px;
  top: 2px;
  left: 2px
}
.page_box .btn_page + .lower_textbox {
  margin-top: 30px
}
.page_box .btn_page.shadow.btn_page_hover {
  opacity: .85
}
@media only screen and (max-width:768px) {
  .page_box {
    margin-bottom: 15.6vw
  }
  #gakushu_support table, #jitsugi table, #work table {
    width: 180%
  }
  #kakezu table {
    width: 140%
  }
  #guidancebook table, #mondaishu table, #renshu table, #tanoshii table, #workbook table {
    width: 150%
  }
  #rika #guidancebook table, #sansu #guidancebook table, #seikatsu #guidancebook table {
    width: 170%
  }
  #nhk_video table {
    width: 205%
  }
  #textbook table {
    width: 120%
  }
  .page_box .btn_page {
    width: 34.6vw;
    height: 10.6vw;
    margin: 4vw auto 0 auto;
    position: relative
  }
  .page_box .btn_page p {
    width: 34.6vw;
    height: 10.6vw;
    font-size: 4.26vw;
    padding: 0 2.13vw;
    top: -.53vw;
    left: -.53vw;
    line-height: 10.6vw
  }
  .page_box .btn_page.shadow.active p {
    width: 34.07vw;
    height: 10.07vw;
    top: .53vw;
    left: .53vw
  }
  .page_box .btn_page + .lower_textbox {
    margin-top: 4vw
  }
  #seikatsu .page_box .f_left {
    float: none
  }
  #science #guidancebook .al_r {
    text-align: left !important
  }
}
@media only screen and (device-height:568px) {
  .page_box .btn_page p {
    font-size: 5vw !important
  }
  .page_box .btn_page {
    width: 40.62vw;
    height: 12.5vw
  }
  .page_box .btn_page p {
    width: 40.62vw;
    height: 12.5vw;
    top: -.62vw;
    left: -.62vw;
    line-height: 12.5vw
  }
  .page_box .btn_page.shadow.active p {
    width: 40vw;
    height: 11.88vw;
    top: .62vw;
    left: .62vw
  }
  #nhk_video table {
    width: 237%
  }
  #rika #guidancebook table, #sansu #guidancebook table, #seikatsu #guidancebook table {
    width: 190%
  }
  #guidancebook table, #mondaishu table, #renshu table, #tanoshii table, #workbook table {
    width: 170%
  }
  #kakezu table {
    width: 160%
  }
}
@media only screen and (max-width:768px) {
  .scrollbar_x {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
  }
  .scrollbar_x::-webkit-scrollbar {
    width: 5px
  }
  .scrollbar_x::-webkit-scrollbar-thumb {
    background: #b2b2b2
  }
  .scrollbar_x::-webkit-scrollbar-track-piece:start {
    background: #e5e5e5
  }
  .scrollbar_x::-webkit-scrollbar-track-piece:end {
    background: #e5e5e5
  }
}
.dvd_tit_box {
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: .5rem
}
.dvd_tit_box:first-child {
  margin-top: 0
}
.dvd_tit {
  font-weight: 700;
  font-size: 2.2rem
}
.dvd_set {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 700;
  font-size: 1.4rem
}
.selection {
  font-size: .92em;
  color: #004ea2
}
@media only screen and (min-width:768px) {
  #pe #dvd .pe_table01 table tr:nth-child(1) > th:nth-child(1) {
    width: 7%
  }
  #pe #dvd .pe_table01 table tr:nth-child(1) > th:nth-child(2) {
    width: 39%
  }
  #pe #dvd .pe_table01 table tr:nth-child(1) > th:nth-child(3) {
    width: 12%
  }
  #pe #dvd .pe_table01 table tr:nth-child(1) > th:nth-child(4) {
    width: 9%
  }
  #pe #dvd .pe_table01 table tr:nth-child(1) > th:nth-child(5) {
    width: 18%
  }
  #pe #dvd .pe_table01 table tr:nth-child(1) > th:nth-child(6) {
    width: 18%
  }
  #pe #dvd .pe_table02 table tr:nth-child(1) > th:nth-child(1) {
    width: 7%
  }
  #pe #dvd .pe_table02 table tr:nth-child(1) > th:nth-child(2) {
    width: 55%
  }
  #pe #dvd .pe_table02 table tr:nth-child(1) > th:nth-child(3) {
    width: 11%
  }
  #pe #dvd .pe_table02 table tr:nth-child(1) > th:nth-child(4) {
    width: 12%
  }
  #pe #dvd .pe_table02 table tr:nth-child(1) > th:nth-child(5) {
    width: 18%
  }
}
@media only screen and (max-width:768px) {
  .dvd_tit_box {
    margin-top: 2.5rem;
    margin-top: 6.66vw
  }
  .dvd_tit {
    font-size: 1.8rem;
    font-size: 4.8vw
  }
  .dvd_set {
    font-size: 1.4rem;
    font-size: 3.46vw
  }
}
.kakezu_book_area {
  margin: 0 auto 16px 16px;
  display: table;
  border-collapse: separate;
  border-spacing: 16px 0
}
.kakezu_book_area > div {
  display: table-cell
}
.kakezu_book_area.book_area ol {
  width: 100%;
  float: none;
  margin-bottom: 0;
  margin-right: 0
}
.kakezu_book_area.book_area ol li {
  line-height: 1.5em
}
.kakezu_book_area .book_area_box {
  padding: 20px;
  font-size: 1.2rem
}
.kakezu_book_area .book_area_box:nth-child(1) {
  width: 312px
}
.kakezu_book_area .book_area_box:nth-child(2) {
  width: 512px
}
@media only screen and (max-width:768px) {
  .kakezu_book_area {
    margin: 0 auto;
    display: block;
    border-collapse: none;
    border-spacing: none
  }
  .kakezu_book_area > div {
    display: block
  }
  .kakezu_book_area .book_area_box {
    padding: 3%;
    font-size: 1.6rem;
    font-size: 4.26vw;
    margin-top: 0;
    margin-bottom: 4vw
  }
  .kakezu_book_area .book_area_box:nth-child(1), .kakezu_book_area .book_area_box:nth-child(2) {
    width: 100%
  }
}
@media only screen and (device-height:568px) {
  .kakezu_book_area .book_area_box {
    font-size: 1.6rem !important
  }
}


/* 20210402 DVDコード表 */
#seikatsu #dvd table.seikatsu_table th:nth-child(1){
	width: 7%;
}
#seikatsu #dvd table.seikatsu_table th:nth-child(2){
	width: 52%;
}
#seikatsu #dvd table.seikatsu_table th:nth-child(3){
	width: 17%;
}
#seikatsu #dvd table.seikatsu_table th:nth-child(4){
	width: 24%;
}
#rika #dvd table.rika_table th:nth-child(1){
	width: 9%;
}
#rika #dvd table.rika_table th:nth-child(2){
	width: 50%;
}
#rika #dvd table.rika_table th:nth-child(3){
	width: 17%;
}
#rika #dvd table.rika_table th:nth-child(4){
	width: 24%;
}
#pe #dvd table.pe_table th:nth-child(1){
	width: 7%;
}
#pe #dvd table.pe_table th:nth-child(2){
	width: 39%;
}
#pe #dvd table.pe_table th:nth-child(3){
	width: 12%;
}
#pe #dvd table.pe_table th:nth-child(4){
	width: 18%;
}
#pe #dvd table.pe_table th:nth-child(5){
	width: 24%;
}