@charset "utf-8";
@media screen and (max-width: 650px) {

/* all */
form {
    width: 96vw;
    margin-left: 2vw;
    margin-right: 2vw;
}
#menu .tab01 {
    background:url(../images/charge/back_02.jpg) repeat-y;
    width: 95vw;
    padding-bottom: 0;
}
#menu .tab01::after {
    content: "";
    display: block;
    clear: both;
    width: calc(100% + 25px);
    height: 10px;
    background: url(../images/charge/back_01.jpg) no-repeat;
    background-size: cover;
    background-position-y: bottom;
    margin-left: -10px;
    margin-top: -30px;
}
#menu .mbox06,
#menu .mbox07 {
    margin-right: 0;
    position: relative;
    left: 50%;
}
#menu .mbox06 > img,
#menu .mbox07 > img {
    transform: translateX(-50%);
}

/* pack */
img[src="images/pack/tab_non.png"] {
    margin-bottom: -5px;
}

/* pack step2 */
#menu .mbox03_2 img {
    display: none;
}

#menu .mbox03_sp:nth-child(3){
    margin-top: 50px;
}

#menu .mbox03_sp:nth-child(7){
    margin-top: 10vw;
}

@media screen and (max-width: 428px){
    #menu .mbox03_sp:nth-child(7){
        margin-top: 0;
    }
}

#menu .mbox03_2:nth-child(4) {
    position: relative;
    left: -50%;
}

#menu .mbox03_2:nth-child(5) {
    transform: translateY(-100%);
}

#menu .mbox03_2:nth-child(6) {
    position: relative;
    top: 43vw;
    left: -50%;
}

#menu .mbox03_2:nth-child(9) {
    position: relative;
    left: 50%;
}


/* pack step3 */
.tab01 > p::before {
    content: "";
    display: block;
    clear: both;
}
#wrap img[src="images/charge/pk_db_area.png"] {
    width: 80%;
}
/* TV */
#tvbox #tvbox_title {
    box-sizing: border-box;
    width: calc(32% - 2px);
    background-size: 5.5vw;
    padding-left: calc(5.5vw + 10px);
}
#tvbox #tvbox_course {
    box-sizing: border-box;
    width: calc(68% - 2px);
    padding: 15px 5px;
}
/* NET */
#netbox #netbox_title::before {
    content: "";
    width: 5.5vw;
    height: 5.5vw;
    background-image: url(../images/pack/pk_icon_net.png);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}
#netbox #netbox_title {
    box-sizing: border-box;
    width: calc(32% - 2px);
    background: none;
    padding: 5px;
}
#netbox #netbox_title p:first-of-type:first-line {
    line-height: calc(3);
}
#netbox #netbox_title > *:last-child {
    font-size: 0;
}
#netbox #netbox_course,
#netbox #netbox_course2 {
    box-sizing: border-box;
    width: calc(68% - 2px);
    padding: 10px 5px;
}
/* TEL */
#telbox #telbox_title::before {
    content: "";
    width: 5.5vw;
    height: 5.5vw;
    background-image: url(../images/pack/pk_icon_tel.png);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}
#telbox #telbox_title {
    box-sizing: border-box;
    width: calc(32% - 2px);
    background: none;
    padding: 5px;
    height: auto;
}
#telbox #telbox_title p::first-line {
    line-height: calc(3);
}
#telbox #telbox_course {
    box-sizing: border-box;
    width: calc(68% - 2px);
    height: auto;
    line-height: 3;
}
#telbox #telbox_course:nth-child(2) {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
}
/* SAP */
#sapbox #sapbox_title::before {
    content: "";
    width: 5.5vw;
    height: 5.5vw;
    background-image: url(../images/pack/pk_icon_ms.png);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}
#sapbox #sapbox_title {
    box-sizing: border-box;
    width: calc(32% - 2px);
    background: none;
    padding: 5px;
    height: auto;
}
#sapbox #sapbox_course {
    box-sizing: border-box;
    width: calc(68% - 2px);
    height: auto;
    line-height:3;
}


/* custom */
.tab_change {
    display: flex;
    background-image: url(../images/charge/tab.jpg);
    background-size: 96vw 16vw;
    background-repeat: no-repeat;
}
.tab_change .tv_tab,
.tab_change .tv_tab_on {
    flex: 1 1 185px;
}
.tab_change .net_tab,
.tab_change .net_tab_on {
    flex: 1 1 220px;
}
.tab_change .tel_tab,
.tab_change .tel_tab_on {
    flex: 1 1 181px;
}
.tab_change .sp_tab,
.tab_change .sp_tab_on {
    flex: 1 1 194px;
}
.tab_change .tv_tab a,
.tab_change .net_tab a,
.tab_change .tel_tab a,
.tab_change .sp_tab a,
.tab_change .tv_tab_on a,
.tab_change .net_tab_on a,
.tab_change .tel_tab_on a,
.tab_change .sp_tab_on a  {
    width: 100%;
    height: 8vw;
    background: none;
}
.tab_change .tv_tab a:hover,
.tab_change .net_tab a:hover,
.tab_change .tel_tab a:hover,
.tab_change .sp_tab a:hover,
.tab_change .tv_tab_on a:hover,
.tab_change .net_tab_on a:hover,
.tab_change .tel_tab_on a:hover,
.tab_change .sp_tab_on a:hover {
    width: 100%;
    height: 8vw;
    background-image: url(../images/charge/tab.jpg);
    background-size: 96vw 16vw;
    background-position-y: 8vw;
    background-repeat: repeat;
}
.tab_change .net_tab a:hover,
.tab_change .net_tab_on a:hover{
    background-position-x: -22.8vw;
}
.tab_change .tel_tab a:hover,
.tab_change .tel_tab_on a:hover {
    background-position-x: -49.8vw;
}
.tab_change .sp_tab a:hover,
.tab_change .sp_tab_on a:hover {
    background-position-x: right;
}

/* custom step3 */
#menu .mbox15 {
    width: 100%;
}

/* custom step5 */
#menu .mbox03m{
    float: none;
    margin: 25px auto 0;

}


/* result */
.mbox18 {
    padding: 0;
}
.mbox18 img[src="images/btm/png/button_08.png"].ajust1,
.mbox18 img[src="images/btm/png/button_08_on.png"].ajust1,
.mbox18 img[src="images/charge/smile02.jpg"].ajust1{
        margin: 0;
        display: block;
}
.underbar{
    margin: -10px 0 0;
    width: 100%;
}
.zei {
    width: 90%;
    margin: 0 auto;
}
.zei img {
    display: block;
    width: 100%;
}
.soft {
    margin-top: 0;
}
#menu .mbox11-06 {
  /*height: 80px;*/
  height: auto;
  padding-right: 0;
}
#menu .tab01.result::after{
    margin-top: 0;
}

}
.box_none{
  display: none;
}