@charset "utf-8";
/* /ew/pewnw/f/inquiry/setting/nextgiga-config/ 202512019  -------------------------*/
#ga2012_content.nextgiga-config .gl_ng {
    display: flex;
    margin: .5em auto 2.5em;
}
#ga2012_content.nextgiga-config .gl_ng.gl_top {
    margin: 2em auto 5em;
}
#ga2012_content.nextgiga-config .gl_ng li {
    width: 100%;
}
#ga2012_content.nextgiga-config .gl_ng li a ,
#ga2012_content.nextgiga-config .gl_ng li > span {
    display: flex;
    flex-flow: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #46649d;
    color: #FFF;
    padding: .6em 0;
    position: relative;
    margin-right: 1.5em;
}
#ga2012_content.nextgiga-config .gl_ng li a:before ,
#ga2012_content.nextgiga-config .gl_ng li > span::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 100%;
    top: 0;
    border-style: solid;
    border-top: 23.5px solid transparent;
    border-bottom: 23.5px solid transparent;
    border-left: 27px solid #46649d;
    border-right: 0;
}
#ga2012_content.nextgiga-config .gl_ng.gl_top li a:before {
    border-width: 34px 0 34px 27px;
}
#ga2012_content.nextgiga-config .gl_ng li a {
    font-size: 18px;
    font-weight: bold;
}
#ga2012_content.nextgiga-config .gl_ng li.active a ,
#ga2012_content.nextgiga-config .gl_ng li a:hover {
    background: #ecf1f5;
    color: #46649d;
    font-weight: normal;
    text-decoration: none;
}
#ga2012_content.nextgiga-config .gl_ng li a:hover:before ,
#ga2012_content.nextgiga-config .gl_ng li.active a:before ,
#ga2012_content.nextgiga-config .gl_ng li > span:hover::before {
    border-left-color: #ecf1f5;
}

#ga2012_content.nextgiga-config .gl_ng li a span {
    font-size: 15px;
    display: block;
}
#ga2012_content.nextgiga-config .gl_ng li a span:before {
    content: "> ";
}

/* implementation_guide.html */
#ga2012_content.nextgiga-config .class_link {
    display: flex;
    gap: 15px;
}
#ga2012_content.nextgiga-config .class_link li {
    width: 100%;
}
#ga2012_content.nextgiga-config .class_link li a {
    display: flex;
    align-items: center;
    flex-flow: column;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border: 2px solid #46649d;
    background: #FFF;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 307px;
    padding-bottom: 3em;
    color: #000;
    text-decoration: none;
}
#ga2012_content.nextgiga-config .class_link li a:hover {
    opacity: .7;
}
#ga2012_content.nextgiga-config .class_link li a strong {
    margin: 1em 0 .4em;
    font-weight: bold;
    font-size: 18px;
}
#ga2012_content.nextgiga-config .class_link li a strong + span {
    font-size: 15px;
    margin: 0 auto .5em;
}
#ga2012_content.nextgiga-config .class_link li a .img {
    margin: 0 auto .5em;
    min-height: 180px;
    display: flex;
    align-items: center;
}
#ga2012_content.nextgiga-config .class_link li a .linker {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #46649d;
    border: 2px solid #46649d;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    display: flex;
    height: 2.5em;
    align-items: center;
    justify-content: center;
    padding-right: 3em;
    box-sizing: border-box;
}
#ga2012_content.nextgiga-config .class_link li a .linker:before ,
#ga2012_content.nextgiga-config .class_link li a .linker:after {
    content: "";
    position: absolute;
}
#ga2012_content.nextgiga-config .class_link li a .linker:before {
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	border: 2px solid rgb(255, 255, 255);
	-webkit-border-radius: 50%;
	border-radius: 50%;
    right: 6.5em;
}
#ga2012_content.nextgiga-config .class_link li a .linker:after {
	width: 9px;
	height: 9px;
	border-top: 2px solid rgb(255, 255, 255);
	border-right: 2px solid rgb(255, 255, 255);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    right: 7.15em;
}
#ga2012_content.nextgiga-config h2.gs_info {
	padding-left: 3em;
    position: relative;
}
#ga2012_content.nextgiga-config h2.gs_info:before {
	content: "";
    display: block;
    width: 16.63px;
    height: 15px;
    background: url("/ew/pewnw/f/inquiry/setting/nextgiga-config/images/imp/icon_info.png") no-repeat center center;
    position: absolute;
    left: 1em;
}
#ga2012_content.nextgiga-config .info_list li {
    display: flex;
    padding: 0.2em .5em;
    border-bottom: 1px dashed #000;
    align-items: center;
}
#ga2012_content.nextgiga-config .info_list li .img {
    min-width: 48px;
    text-align: center;
}
#ga2012_content.nextgiga-config .info_list li .txt {
    padding: 0.8em .5em 0.8em 1.5em;
}
#ga2012_content.nextgiga-config .info_list li .txt h3 {
    font-weight: bold;
}
#ga2012_content.nextgiga-config .info_list li .txt p {
    margin: .4em auto 0;
}
#ga2012_content.nextgiga-config .info_list li p.txt {
    margin-top: 0 ;
}

/* スクール */
#ga2012_content.nextgiga-config h3+h4.adjustment {
    padding: 1em 0;
    border-bottom: 1px dashed #000;
    font-weight: bold;
}
#ga2012_content.nextgiga-config .md_set > .img img {
    width: 100%;
}
#ga2012_content.nextgiga-config h4 + .info_list li {
    border: none;
}
#ga2012_content.nextgiga-config .md_set {
    background: #f4f4f4;
    border-radius: 10px;
    padding: 20px 15px;
    margin-top: 35px;
}
#ga2012_content.nextgiga-config .md_set .title_set {
    display: flex;
    align-items: center;
}
#ga2012_content.nextgiga-config .md_set .title_set p.img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 174px;
    height: 130px;
    box-sizing: border-box;
    padding: 1em;
    background: #FFF;
    margin: 0 1.5em 0 0;
}
#ga2012_content.nextgiga-config .md_set .title_set .img img{
    width: 100%;
}
#ga2012_content.nextgiga-config .md_set .title_set p.txt{
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}
#ga2012_content.nextgiga-config .md_set .title_set .txt span {
    font-size: 18px;
    display: block;
    margin-bottom: .4em;
}
#ga2012_content.nextgiga-config .md_set .title_set + div {
    background: #FFF;
    border: #000 1px dashed;
    margin: 20px auto;
    padding: 1em;
}
#ga2012_content.nextgiga-config .md_set .title_set + div ul ,
#ga2012_content.nextgiga-config .md_set .title_set + div p {
    margin-top: 0;
    color: #222;
    line-height: 1.8;
}
#ga2012_content.nextgiga-config .md_set .title_set + div ul li {
    padding-left: 1.5em;
    position: relative;
}
#ga2012_content.nextgiga-config .md_set .title_set + div ul li:before {
    content: "・";
    position: absolute;
    left: .5em;
    top: .25em;
}
#ga2012_content.nextgiga-config .md_set .title_set + div p.tit {
    font-weight: bold;
}
#ga2012_content.nextgiga-config .md_set > .img {
    padding: 50px 30px;
    background: #FFF;
}

/* /ew/pewnw/f/inquiry/setting/nextgiga-config/ 202512019 END  -------------------------*/

/* 【sp】20210422 --------------*/
@media (max-width: 984px) {
     .pc {
        display: none;
    }
     .sp {
        display: block !important;
    }
    p.img img {
        width: 100%;
        height: auto;
    }
    #ga2012_content.nextgiga-config .gl_ng li a ,
    #ga2012_content.nextgiga-config .gl_ng li > span {
        min-height: 22vw;
        margin-right: 5vw;
    }
    #ga2012_content.nextgiga-config .gl_ng li a {
        font-size: 3.8vw;
        text-align: left;
    }
    #ga2012_content.nextgiga-config .gl_ng li a span {
        font-size: 3vw;
        margin: .5em auto 0 .8em;
        text-align: left;
    }
    #ga2012_content.nextgiga-config .gl_ng li a:before ,
    #ga2012_content.nextgiga-config .gl_ng.gl_top li a:before ,
    #ga2012_content.nextgiga-config .gl_ng li > span::before {
        border-width: 13.3vw 0 13.3vw 5vw;
    }
    #ga2012_content.nextgiga-config .class_link {
        flex-flow: column;
    }
    #ga2012_content.nextgiga-config .md_set > .img {
        padding: 5vw;
    }

}
@media only screen and (max-width: 640px) and (max-device-width: 1280px){
    .sp {
        display: block !important;
    }
}

/* 【sp】20210422 END --------------*/