@charset "UTF-8";
/* l3-modules */
.w-50 {width: 50% !important;}
.tbl,
.tbl-04,
.tbl-comparision{margin: 0 0 20px; padding: 0; width: 100%; border-top: 1px solid #d8dadc; border-right: none; border-bottom: none; border-left: none;}
.tbl th:first-child,
.tbl-04 th:first-child,
.tbl-comparision th:first-child,
.tbl td:first-child,
.tbl-04 td:first-child,
.tbl-comparision td:first-child{border-left: none; border-right: 1px solid #d8dadc;}
.tbl th,
.tbl-04 th,
.tbl-comparision th{background-color: #f4f5f6; vertical-align: middle; font-weight: normal;}
.tbl th,
.tbl-04 th,
.tbl-comparision th,
.tbl td,
.tbl-04 td,
.tbl-comparision td{padding: 15px; border-top: none; border-right: 1px solid #d8dadc; border-bottom: 1px solid #d8dadc; border-left: none; font-size: 100%; line-height: 1.42857;}
@media only screen and (min-width: 601px) {
.hdg-l1 {margin:24px 0px 20px; color:#333; font-weight:bold; font-size:22px; font-size:2.2rem; line-height:1.18182; position:relative}
.hdg-l1 span {display:block; margin-top:4px; font-size:10px; font-size:1rem; line-height:1.4}
.hdg-l2,.hdg-l2-container,.image-right>.col .hdg {margin:57px 0px 15px; color:#555555; font-weight:bold; font-size:18px; font-size:1.8rem; line-height:1.22222; position:relative}
.hdg-l1+.hdg-l2,.hdg-l1+.hdg-l2-container,.image-right>.col .hdg-l1+.hdg {margin-top:0}
.hdg-l2-container {padding:0}
.hdg-l2-container>.hdg-l2,.hdg-l2-container>.hdg-l2-container,.hdg-l2-container>.hdg-sup {display:table-cell; vertical-align:middle}
.hdg-l2-container>.hdg-l2,.hdg-l2-container>.hdg-l2-container {border:none; width:100%; background:none}
.hdg-l2-container>.hdg-l2:before,.hdg-l2-container>.hdg-l2-container:before {display:none}
.hdg-l2-container>.hdg-sup {padding:0 10px 0 0; white-space:nowrap; font-size:14px; font-size:1.4rem}
.hdg-l2-container>.hdg-sup .btn-rss {padding:9px 30px 8px 10px; border-radius:2px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; box-shadow:0 0 3px rgba(0,0,0,0.4),3px 3px 0 rgba(255,255,255,0.6) inset,-3px -3px 0 rgba(255,255,255,0.6) inset; line-height:1; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #ebebeb)); background-image:-webkit-linear-gradient(#fefefe, #ebebeb); background-image:linear-gradient(#fefefe, #ebebeb); background-color:#ebebeb; position:relative}
.hdg-l2-container>.hdg-sup .btn-rss:before {content:""; display:block; width:20px; height:20px; overflow:hidden; position:absolute; top:5px; right:5px}
.hdg-l2-container>.hdg-sup .btn-rss:before {background-image:url("/site/set/common/s/img/icon-rss.png"); background-repeat:no-repeat; background-position:0 0; background-size:2650px 63px; background-size:20px 20px}
.hdg-l2-01 {margin:20px 0 10px; font-weight:bold; font-size:16px; font-size:1.6rem}
.hdg-l2-02-container {margin:20px 0}
.hdg-l2-02-container>.hdg-l2-02,.hdg-l2-02-container>.hdg-sup {display:table-cell; vertical-align:bottom}
.hdg-l2-02-container>.hdg-l2-02 {width:100%; font-size:16px; font-size:1.6rem}
.hdg-l2-02-container>.hdg-l2-02>b {margin-right:3px; display:inline-block; font-size:26px; font-size:2.6rem; line-height:1}
.hdg-l2-02-container>.hdg-sup {padding:0 0 0 10px; white-space:nowrap; font-size:14px; font-size:1.4rem}
.hdg-l3 {margin:47px 0px 11px; color:#555555; font-weight:bold; font-size:15px; font-size:1.5rem; line-height:1.26667; position:relative}
.hdg-l2+.hdg-l3 {margin-top:0px}
.hdg-l3>span {display:block; font-weight:normal; font-size:12px; font-size:1.2rem}
.hdg-l4 {margin:35px 0px 11px; color:#555555; font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.3}
.hdg-l3+.hdg-l4 {margin-top:0px}
.box-04-03 .hdg+.hdg-l4 {margin-top:0px}
.hdg-l5 {margin:25px 0px 11px; color:#5f6e7e; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:1.3}
.hdg-l4+.hdg-l5 {margin-top:0px}
.hdg-l6 {margin:25px 0px 11px; color:#5f6e7e; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:1.3}
.hdg-l5+.hdg-l6 {margin-top:0px}
.list-bullet-01,
.list-bullet-02{line-height: 1.42857;}
.list-bullet-01 > li,
.list-bullet-02 > li{position: relative; margin-top: 9px; padding-left: 30px; list-style-type: none;}
.list-bullet-01 > li:first-child,
.list-bullet-02 > li:first-child{margin-top: 0;}
.uni-box-03 {margin-bottom:15px; padding:15px; border:5px solid #eef3f9; background-color:#fff}
.uni-box-03>:last-child{margin-bottom:0}
menu > :last-child,
ul > :last-child,
ol > :last-child,
dl > :last-child{margin-bottom: 0;}
p{margin: 0 0 10px; padding: 0; line-height: 1.71429;}
}
@media only screen and (max-width: 600px) {
.hdg-l1{margin:24px 0px 20px; color:#333; font-weight:bold; font-size:22px; font-size:2.2rem; line-height:1.18182; position:relative}
.hdg-l1 span{display:block; margin-top:4px; font-size:10px; font-size:1rem; line-height:1.4}
.hdg-l2,.hdg-l2-container,.image-right>.col .hdg{margin:57px 0px 15px; color:#555555; font-weight:bold; font-size:18px; font-size:1.8rem; line-height:1.22222; position:relative}
.hdg-l1+.hdg-l2,.hdg-l1+.hdg-l2-container,.image-right>.col .hdg-l1+.hdg{margin-top:0}
.hdg-l2-container{padding:0}
.hdg-l2-container>.hdg-l2,.hdg-l2-container>.hdg-l2-container,.hdg-l2-container>.hdg-sup{display:table-cell; vertical-align:middle}
.hdg-l2-container>.hdg-l2,.hdg-l2-container>.hdg-l2-container{border:none; width:100%; background:none}
.hdg-l2-container>.hdg-l2:before,.hdg-l2-container>.hdg-l2-container:before{display:none}
.hdg-l2-container>.hdg-sup{padding:0 10px 0 0; white-space:nowrap; font-size:14px; font-size:1.4rem}
.hdg-l2-container>.hdg-sup .btn-rss{padding:9px 30px 8px 10px; border-radius:2px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; box-shadow:0 0 3px rgba(0,0,0,0.4),3px 3px 0 rgba(255,255,255,0.6) inset,-3px -3px 0 rgba(255,255,255,0.6) inset; line-height:1; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #ebebeb)); background-image:-webkit-linear-gradient(#fefefe, #ebebeb); background-image:linear-gradient(#fefefe, #ebebeb); background-color:#ebebeb; position:relative}
.hdg-l2-container>.hdg-sup .btn-rss:before{content:""; display:block; width:20px; height:20px; overflow:hidden; position:absolute; top:5px; right:5px}
.hdg-l2-container>.hdg-sup .btn-rss:before{background-image:url("/site/set/common/s/img/icon-rss.png"); background-repeat:no-repeat; background-position:0 0; background-size:2650px 63px; background-size:20px 20px}
.hdg-l2-01{margin:20px 0 10px; font-weight:bold; font-size:16px; font-size:1.6rem}
.hdg-l2-02-container{margin:20px 0}
.hdg-l2-02-container>.hdg-l2-02,.hdg-l2-02-container>.hdg-sup{display:table-cell; vertical-align:bottom}
.hdg-l2-02-container>.hdg-l2-02{width:100%; font-size:16px; font-size:1.6rem}
.hdg-l2-02-container>.hdg-l2-02>b{margin-right:3px; display:inline-block; font-size:26px; font-size:2.6rem; line-height:1}
.hdg-l2-02-container>.hdg-sup{padding:0 0 0 10px; white-space:nowrap; font-size:14px; font-size:1.4rem}
.hdg-l3{margin:47px 0px 11px; color:#555555; font-weight:bold; font-size:15px; font-size:1.5rem; line-height:1.26667; position:relative}
.hdg-l2+.hdg-l3{margin-top:0px}
.hdg-l3>span{display:block; font-weight:normal; font-size:12px; font-size:1.2rem}
.hdg-l4{margin:35px 0px 11px; color:#555555; font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.3}
.hdg-l3+.hdg-l4{margin-top:0px}
.box-04-03 .hdg+.hdg-l4{margin-top:0px}
.hdg-l5{margin:25px 0px 11px; color:#5f6e7e; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:1.3}
.hdg-l4+.hdg-l5{margin-top:0px}
.hdg-l6{margin:25px 0px 11px; color:#5f6e7e; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:1.3}
.hdg-l5+.hdg-l6{margin-top:0px}
.uni-box-03{margin-bottom:15px; padding:15px; border:5px solid #eef3f9; background-color:#fff}
.uni-box-03>:last-child{margin-bottom:0}
}
/* 調整 */
a:not(.btn):link,
a:not(.btn):visited,
a:not(.btn):hover,
a:not(.btn):active{color: #0b5bce;text-decoration: none;}
body.short_contents{background-color: #ececec;}
#special .btn.btnC{margin-left: auto;margin-right: auto;}
footer#footer{padding-top: 0;}
footer#footer .res-footer-inner{border-top: none;}
body main#contents a[target="_blank"] {background-image: url("//cdn.softbank.jp/mobile/set/common/shared/img/images/icns/0b5bce/icn_link.svg"); background-position: right top; background-size: 1em; background-repeat: no-repeat; display: inline-block; padding-right: 1.5em;font-weight: bold;}
.fw .formReset .btnSelect.radioBox .icon{font-size: 1rem;color: #000;font-weight: bold;}
.fw .formReset .btnSelect.radioBox .icon::before{font-size: 72px;font-weight: normal;display: block;color: #c1c1c2;margin-bottom: .5rem;}
.fw .formReset .btnArea input[type="radio"]{display: none;}
.fw .formReset input[type="radio"]:checked + .btnSelect.radioBox,
.fw .formReset input[type="checkbox"]:checked + .btnSelect.checkBox{background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%), linear-gradient(0deg, rgba(15, 130, 184, 0.5) 0%, rgba(11, 91, 206, 0.5) 100%); background-clip: content-box, border-box; color: #fff;}
.fw .formReset input[type="radio"]:checked + .radioBox::before,
.fw .formReset input[type="checkbox"]:checked + .checkBox::before{background: #fff; border-color: #0b5bce; box-shadow: inset 0 0 0 10px #fff;}
.fw .formReset input[type="radio"]:checked + .radioBox::after,
.fw .formReset input[type="checkbox"]:checked + .checkBox::after{opacity: 1;}
.fw .formReset input[type="radio"]:checked + .radioBox .icon,
.fw .formReset input[type="checkbox"]:checked + .checkBox .icon,
.fw .formReset input[type="radio"]:checked + .radioBox .icon::before,
.fw .formReset input[type="checkbox"]:checked + .checkBox .icon::before{color: #fff;}
body main#contents a[target="_blank"]{background-position: right 5px;}
.btn-list-02.col-2 .btnArea .btn.bgGra{width: 360px;}
.btn-list-02 .btnArea .btn.txt_indent_01{text-indent: .8em;}
.icon-svg.icn_question{width: 1em;}
#applyBtnArea.nonSlected a{pointer-events: none;opacity: .3;}
@media only screen and (min-width: 800px) {
  .btn-list-02.col-2{display: flex;justify-content: space-between;width: 80%;margin: 0 auto 10px;}
  .btn-list-02.col-3{display: flex;justify-content: space-between;width: 100%;margin: 0 auto 10px;}
  .btn-list-02.col-3 .btnArea .btn.bgGra{width: 312px;}
}
@media only screen and (max-width: 600px) {
  .fw .formReset .btnSelect.radioBox .selectInr .notApply{height: 96px;}
}
/* footer fix */
body.short_contents footer#footer{position: fixed;width: 100%;bottom: 0;}

/*************
modals
*************/
a.modal-open{color: #0b5bce;}
.modal{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999;background-color: rgba(0,0,0,.6);}
.modal-wrap{max-width: 890px;height: 80%; padding: 0;margin: 5% auto;background-color: #fff;border: 4px solid #dfdfdf; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);position: relative;}
.modal-content {height: 100%; max-width: 890px; margin: 0 auto; overflow-y: auto;overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.modal-table-wrap {display: table; table-layout: fixed; height: 100%; width: 100%;}
.modal-table-cell {display: table-cell; padding: 0 0 60px; vertical-align: middle;}
.modal-content-box {position: relative; margin: 0 auto; background: #fff; -webkit-box-shadow: none; box-shadow: none; border: none; box-sizing: border-box;}
.modal-content-inner {position: relative;}
.modal-btn-close {text-align: right;}
.modal-ct-text-box{font-family: "Hiragino Sans W3","ヒラギノ角ゴ ProN W3","WinGothic W3",sans-serif; font-size: 16px;}
.modal-wrap .modal-btn-close{position: absolute; right: 0; top: 0; width: 70px; height: 70px;cursor: pointer; background-color: #000;z-index: 1000;}
.modal-wrap .modal-btn-close::before,
.modal-wrap .modal-btn-close::after{content: "";display: block;width: 2px;height: 40px;position: absolute;background-color: #fff;top: 15px;left: 35px;}
.modal-wrap .modal-btn-close::before{transform: rotate(45deg);}
.modal-wrap .modal-btn-close::after{transform: rotate(-45deg);}
.modal-ct-text-box h2.ttlNormal{font-size: 32px; text-align: center; margin-bottom: 30px; font-weight: bold; line-height: 140%;}
.modal-ct-text-box h2.ttlNormal span{font-size: 15px; display: block;}
.modal-ct-text-box .txtC{text-align: center;}
.modal-ct-text-box .notes-list{margin-top: 40px;}
.modal-ct-text-box .notes-list li{font-size: 16px; padding: 1.5em 0; text-align: left; border-bottom: 1px solid #e9e9e9;}
.modal-ct-text-box .notes-list li:last-child{border-bottom: none;}
@media only screen and (max-width: 768px) {
  .modal-wrap {padding: 0 3.125%;}
}
@media only screen and (max-width: 600px){
  .fw #main.section{padding-top: 40px;}
  #main .mv-text-area{padding-top: 0;}
  .fw#products.products_detail #main{padding-bottom: 40px;}
  .modal-wrap{padding: 0;}
  .ttlNormal span.date{font-size: 16px;}
  .modal-wrap{margin: 5% 3%;}
  .modal-wrap .modal-btn-close{width: 40px; height: 40px;}
  .modal-wrap .modal-btn-close::before,
  .modal-wrap .modal-btn-close::after{height: 20px;top: 10px;left: 20px;}
  .modal-content {max-width: 600px; box-sizing: border-box;}
  .modal-content-inner {padding: 0;}
  .modal-ct-text-box{font-size: 12px;padding: 0 15px;}
  .modal-ct-text-box .modal-btn-close{width: 22px; height: 22px;}
  .modal-ct-text-box .modal-btn-close + .hdg-l1{margin-top: 0;padding-top: 24px;}
  .modal-ct-text-box h2.ttlNormal{font-size: 20px; margin-bottom: 20px;}
  .modal-ct-text-box h2.ttlNormal span{font-size: 10px;}
  .modal-ct-text-box .notes-list{margin-top: 30px;}
  .modal-ct-text-box .notes-list li{font-size: 12px; padding: 1.5em 0; text-align: left; border-bottom: 1px solid #e9e9e9;}
}
#systemTab .exclamation-mark{background-color: #fff2d0;padding: .5rem 0 .5rem 3rem;font-weight: bold;position: relative;margin: 0 0 2rem;}
#systemTab .exclamation-mark::before{content: "!"; color: #fff; background-color: #000; border-radius: 50%; display: block; position: absolute; left: 2%; width: 30px; height: 30px; text-align: center; top: .5rem;}
#systemTab *{box-sizing: border-box;}
#systemTab .tabBtn{border-bottom: #0f82b8 4px solid;display: flex;justify-content: center;}
#systemTab .tabBtn li{background: #cfd0d1;width: 31%;margin: 0 1%;padding: 1rem;font-weight: bold;text-align: center;cursor: pointer;}
#systemTab .tabBtn li.active{background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);color: #fff;}
#systemTab .tabConte{display: none;}
#systemTab .tabConte.active{display: block;}
#systemTab .tabConte .gakuwari2018{width: 100%;margin: 2rem auto;}
#systemTab .tabConte .gakuwari2018 tr{border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;}
#systemTab .tabConte .gakuwari2018 tr th,
#systemTab .tabConte .gakuwari2018 tr td{border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;text-align: center;width: 33%;padding: .5em 0;}
#systemTab .tabConte .gakuwari2018 .icon{text-align: center;font-size: 1rem;font-weight: bold;}
#systemTab .tabConte .gakuwari2018 .icon::before{display: block;font-size: 3rem;font-weight: normal;}
#systemTab .tabConte .gakuwari2018 .typeBtn{width: 90%;padding: 2% 0;margin: 0 auto;border-radius: 5px;border: 1px solid #e0e0e0;background-color: #fff;line-height: 1;}
#systemTab .tabConte .gakuwari2018 .typeBtn.grBtn{background-color: #ccc;padding: 6% 0;}
#systemTab .tabConte .gakuwari2018 .typeBtn.grBtn2{background-color: #ccc;padding: 2.1% 0;}
@media only screen and (max-width: 600px) {
  #systemTab .tabConte .gakuwari2018 .typeBtn.whBtn{padding: 10% 0;}
  #systemTab .tabConte .gakuwari2018 .typeBtn.grBtn{padding: 12% 0;}
  #systemTab .tabConte .gakuwari2018 .typeBtn.grBtn2{padding: 7% 0;}
}
#systemTab .possible{font-size: 2rem;color: orange;font-weight: bold;}
#systemTab .list-bullet-01 .possible{font-size: 1em;color: orange;font-weight: bold;}
#systemTab .impossible{font-size: 2rem;color: black;font-weight: bold;}
#systemTab .list-bullet-01 .impossible{font-size: 1em;color: black;font-weight: bold;}
.tbl.tac tr th,
.tbl.tac tr td{text-align: center;}
/* 調整 */
.fw .formReset .btnSelect.checkBox .icon{font-size: 1rem;font-weight: bold;color: #000;}
.fw .formReset .btnSelect.checkBox .icon::before{font-size: 72px;display: block;font-weight: normal;color: #c1c1c2;}
/* 出し分け */
.teacherBox{display: none;}