@charset 'UTF-8';
#gisidx{
    width:100%;
    display:block;
}
#gisidx,#gisidx *{
    position:relative;
    box-sizing:border-box;
}
#gisidx .flex_bloc{
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
#gisidx .flex_bloc_now{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
}
#gisidx .aliitm_fs{align-items:flex-start;}
#gisidx .aliitm_c{align-items:center;}
#gisidx .aliitm_fe{align-items:flex-end;}
#gisidx .juscon_fs{align-items:flex-start;}
#gisidx .juscon_c{align-items:center;}
#gisidx .juscon_fe{align-items:flex-end;}
#gisidx .fbloc_cont{
    display:block;
    border-radius:10px;
}
#gisidx .fbloc_cont img{
    display:block;
    width:100%;
}
#gisidx .nodisp{
    display:none !important;
}
#gisidx .col2{
width:50%;
}
#gisidx .col3{
    width:calc(100% / 3.2);
}
#gisidx .col4{
    width:22%;
}
#gisidx .nmltxt{
    font-size:1.1rem;
}
#gisidx .smltxt{
    font-size:0.9rem;
}
#gisidx .heading_wrap h2{
    background:linear-gradient(to right, #4b268d 0%, #3b6b99 50%,#2aa9a2 100%);
    -webkit-background:linear-gradient(to right, #4b268d 0%, #3b6b99 50%,#2aa9a2 100%);
    -moz-background:linear-gradient(to right, #4b268d 0%, #3b6b99 50%,#2aa9a2 100%);
    -ms-background:linear-gradient(to right, #4b268d 0%, #3b6b99 50%,#2aa9a2 100%);
    -o-background:linear-gradient(to right, #4b268d 0%, #3b6b99 50%,#2aa9a2 100%);
    font-size:1.8rem;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.625rem;
    color:#fff;
    min-height:93px;
}
#gisidx .heading_wrap h2:after{
    content:'';
    display:block;
    position:absolute;
    border:0.75rem solid transparent;
    border-bottom:transparent;
    border-top:1.5rem solid #3b6b99;
    left:50%;
    bottom:-1.5rem;
    transform:translate(-50%,0);
    z-index: 2;
}
#gisidx .heading_wrap h3{
    color:#fff;
    text-align:center;
    font-size:1.3rem;
    font-weight:bold;
    padding:0.5rem;
    margin-top:1.625rem;
}
#gisidx #re h3{
    background:#532889;
}
#gisidx #bu h3{
    background:#09593d;
}
#gisidx #ta h3{
    background:#867900;
}
#gisidx #ap h3{
    background:#6f0005;
}
#gisidx .heading_wrap_innner {
    width: 100%;
    display: block;
    margin: 0 0 1rem;
    padding: 0 0 0.5rem;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 5px solid #ececec;
    border-image-slice: 1;
    font-size:1.2rem;
}
#pkg_rep ,#pkg_re {
    color:#532889;
    border-image: linear-gradient(to right, #532889 0%, #532889 22.5% , #ececec 22.5%);
}
.pkg_prod_nm_rep,.pkg_prod_nm_re{
    color:#532889;
    font-size:0.85rem;
    border-top:1px solid #532889;
    border-bottom:1px solid #532889;
    margin: 1rem 0 0;
    text-align: center;
}
#pkg_bufc {
    color:#09593d;
    border-image: linear-gradient(to right, #09593d 0%, #09593d 22.5% , #ececec 22.5%);
}
.pkg_prod_nm_bufc{
    color:#09593d;
    font-size:0.85rem;
    border-top:1px solid #09593d;
    border-bottom:1px solid #09593d;
    margin: 1rem 0 0;
    text-align: center;
}
#pkg_bufd {
    color:#26264f;
    border-image: linear-gradient(to right, #26264f 0%, #26264f 22.5% , #ececec 22.5%);
}
.pkg_prod_nm_bufd{
    color:#26264f;
    font-size:0.85rem;
    border-top:1px solid #26264f;
    border-bottom:1px solid #26264f;
    margin: 1rem 0 0;
    text-align: center;
}
#pkg_ta {
    color:#867900;
    border-image: linear-gradient(to right, #867900 0%, #867900 22.5% , #ececec 22.5%);
}
.pkg_prod_nm_ta{
    color:#867900;
    font-size:0.85rem;
    border-top:1px solid #867900;
    border-bottom:1px solid #867900;
    margin: 1rem 0 0;
    text-align: center;
}
#pkg_ap {
    color:#6f0005;
    border-image: linear-gradient(to right, #6f0005 0%, #6f0005 22.5% , #ececec 22.5%);
}
.pkg_prod_nm_ap{
    color:#6f0005;
    font-size:0.85rem;
    border-top:1px solid #6f0005;
    border-bottom:1px solid #6f0005;
    margin: 1rem 0 0;
    text-align: center;
}
#gisidx .heading_wrap_innner .comment_exp{
    color:#666;
    padding-left:1rem;
    font-size: 0.9rem;
}
#gisidx .product_flex_wrap{
    display:block;
    width:100%;
    position:relative;
    box-sizing:border-box;
}
#gisidx .product_info_wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    width:100%;
    position:relative;
    box-sizing:border-box;
    margin: 0 auto 2rem;
    padding: 0 0 1rem;
    border-bottom: 2px dotted #666666;
}
#gisidx .product_comment_mini {
    font-size: 0.9rem;
    color: #666;
    display: flex;
    width:100%;
    align-items:center;
    position: relative;
    box-sizing: border-box;
}
#gisidx .product_comment_mini:before {
    content:'';
    display:block;
    width:0;
    height:0;
    border:0.45rem solid transparent;
    border-top:0.65rem solid #009e96;
    border-bottom:none;
}
#gisidx .caution_ex_plan_exp{
    display:block;
    width:100%;
    text-align:right;
    font-size:0.85rem;
    margin:0.5rem 0;
    color:#ff0000;
}
#gisidx .icon{
    content:'';
    display:block;
}
#gisidx .icon[data-item=contact]{
    display:none;
}
#gisidx .icon[data-item=arrow_l]{
    display:none;
}
#gisidx .icon[data-item=arrow_r]{
    display:none;
}
#gisidx .icon[data-item=hukidashi_l]{
    content:'';
    display:block;
    position:absolute;
    border:0.75rem solid transparent;
    border-left:transparent;
    border-right:1.5rem solid #fff;
    left:-1.5rem;
    top:50%;
    transform:translate(0,-50%);
    z-index: 2;
}
#gisidx .icon[data-item=hukidashi_r]{
    content:'';
    display:block;
    position:absolute;
    border:0.75rem solid transparent;
    border-right:transparent;
    border-left:1.5rem solid #fff;
    right:-1.5rem;
    top:50%;
    transform:translate(0,-50%);
    z-index: 2;
}
#gisidx .icon_ast {
    position: absolute;
    right: 0.2rem;
    top: -0.3rem;
    font-size: 0.5rem;
}
#gisidx .icon_ast2{
	position: absolute;
	right: -0.5rem;
	top: -0.2rem;
	font-size: 0.5rem;
}
#gisidx .product_link .gisidx_trlbtn {
    border-radius: 4px;
    box-sizing: border-box;
    position:relative;
    padding: 10px 15px;
    margin:0 0 0 1rem;
    width: 100%;
    max-width: 196px;
    color: #fff;
    font-weight:bold;
    background: #00165d;
    transition:opacity .3s , background .5s;
}
#gisidx .product_link .gisidx_cvbtn {
    border-radius: 4px;
    box-sizing: border-box;
    position:relative;
    padding: 10px 15px;
    margin:0 0 0 1rem;
    width: 100%;
    max-width: 196px;
    color: #fff;
    font-weight:bold;
    background: linear-gradient(to left, #3b6b99 0%,#2aa9a2 100%);
    -webkit-background: linear-gradient(to left, #3b6b99 0%,#2aa9a2 100%);
    -moz-background: linear-gradient(to left, #3b6b99 0%,#2aa9a2 100%);
    -ms-background: linear-gradient(to left, #3b6b99 0%,#2aa9a2 100%);
    -o-background: linear-gradient(to left, #3b6b99 0%,#2aa9a2 100%);
    transition:opacity .3s , background .5s;
}
#gisidx .product_link .gisidx_trlbtn:after,#gisidx .product_link .gisidx_cvbtn:after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(0,-50%) rotate(45deg);
    display: block;
    position: absolute;
    top: 50%;
    right: 5%;
}
#gisidx .product_link .gisidx_trlbtn:hover{
    opacity:.7;
}
#gisidx .product_link .gisidx_cvbtn:hover {
    opacity:.7;
    background: linear-gradient(to right, #3b6b99 0%,#2aa9a2 100%);
    -webkit-background: linear-gradient(to right, #3b6b99 0%,#2aa9a2 100%);
    -moz-background: linear-gradient(to right, #3b6b99 0%,#2aa9a2 100%);
    -ms-background: linear-gradient(to right, #3b6b99 0%,#2aa9a2 100%);
    -o-background: linear-gradient(to right, #3b6b99 0%,#2aa9a2 100%);
}
#gisidx .tbl_caution_txt{
	text-indent:-0.7rem;
    padding-left:0.7rem;
	font-size: 0.7rem;
	display: block;
}
#gisidx .pr_bloc_wrap{
    width:100%;
    display:block;
    background:#ecf3f3;
    padding:15px;
}
#gisidx .pr_bloc_wrap > .flex_bloc{
    max-width:1000px;
    margin:0 auto;
    align-items:center;
    justify-content:flex-start;
}
#gisidx .pr_catch_wrap{
    display:block;
    width:96%;
    padding:60px 0;
    max-width:1000px;
    margin: 0 auto;
    text-align: center;
}
#gisidx .pr_catch_wrap h2{
    font-size:1.8rem;
}
#gisidx .pr_catch_wrap .maintxt{
    display:block;
    font-size:1.5rem;
    font-weight:bold;
    color:#4c429d;
    width:72%;
    box-sizing:border-box;
    position:relative;
    padding-left:1.25rem;
    text-align:left;
}
#gisidx .pr_catch_wrap .intro4gerne_ttl {
    font-size: 1.35rem;
    width: calc(9 * 1.35rem + 1.5rem);
    text-align: center;
    display: block;
    color:#009e96;
    margin:1rem;
}
#gisidx .pr_catch_wrap .border-center_ttl{
    content:'';
    width: calc((100% - (9 * 1.35rem + 1.5rem) )/2);
    display: block;
    position:relative;
}
#gisidx .pr_catch_wrap .border-center_ttl:before{
    content:'';
    display:block;
    position:absolute;
    border-top:2px solid #009e96;
    top:50%;
    left:0;
    width:100%;
    transform:translate(0,-50%);
}
#gisidx .pr_catch_wrap .thumb_img{
    width:28%;
    display:block;
    box-sizing:border-box;
    position:relative;
    text-align:right;
}
#gisidx .pr_catch_wrap .thumb_img img{
    width:initial;
    margin:0 auto 0 0;
}
#gisidx .pr_catch_wrap .subtxt{
    display:block;
    width:100%;
    font-size:1.05rem;
    padding: 0.5rem 0;
    margin-bottom:1rem;
}
#gisidx .features_bloc_wrap{
    width:100%;
    display:block;
    background: #e9ebf3;
}
#gisidx .features_bloc_wrap > .flex_bloc{
    max-width: 1000px;
    padding: 5rem 0 3.75rem;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    width: 96%;
}
#gisidx .features_bloc_wrap > .flex_bloc .txtfld{
    padding:1.875rem;
    background:#fff;
    min-height:312px;
    display:block;
}
#gisidx .features_bloc_wrap > .flex_bloc .txtfld h4{
    font-weight:bold;
    font-size:1.125rem;
}
#gisidx .features_bloc_wrap > .flex_bloc .txtfld h4 .ttltxt{
    color:#009e96;
    display:block;
}
#gisidx #gernemenu{
    padding:0;
    background:#fff;
    width:96%;
    max-width:1000px;
    margin:0 auto;    
}
#gisidx .product_gerne_wrap {
    padding:0;
    background:#fff;
    width:96%;
    max-width:1000px;
    margin:3rem auto 1.5rem;
}
#gisidx #gernemenu ul{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    color:#009e96;
    margin: 0 auto;    
}
#gisidx .product_gerne_wrap ul{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    color:#009e96;
    margin: 1rem auto;
}
#gisidx #gernemenu ul li,#gisidx .product_gerne_wrap ul li{
    margin:0.9375rem 0 0.3rem;
    box-sizing:border-box;
    position:relative;
    padding:0;
    width: calc(100% / 4.5);
    border-radius:6px;
}
#gisidx #gernemenu ul li > a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    padding: 1rem 0;
    color:#009e96;
    font-size:0.75rem;
    background:#ecf3f3;
}
#gisidx .product_gerne_wrap ul li > a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    padding: 1rem 0 2.5rem;
    color:#009e96;
    background:#ecf3f3;
}
#gisidx #gernemenu ul li > a >i,#gisidx .product_gerne_wrap ul li > a >i{
    display:none !important;
}
#gisidx #gernemenu ul li > a:before{
    content:'';
    width:1.5rem;
    height:1.5rem;
    border-radius:100%;
    background:#009e96;
    display:block;
    transform: translate(0,-50%) rotate(45deg);
    position: absolute;
    right: 0.5rem;
    top: 50%;
}
#gisidx #gernemenu ul li > a:after{
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: translate(-50%,-50%) rotate(45deg);
    position: absolute;
    right: 0.65rem;
    top: 50%;
    z-index: 2;
}
#gisidx .product_gerne_wrap ul li > a:before{
    content:'';
    width:1.5rem;
    height:1.5rem;
    border-radius:100%;
    background:#009e96;
    display:block;
    transform: translate(-50%,0) rotate(45deg);
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
}
#gisidx .product_gerne_wrap ul li > a:after{
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: translate(-50%,-80%) rotate(45deg);
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    z-index: 2;
}
#gisidx .product_wrap{
    width:96%;
    display:block;
    max-width:1000px;
    margin:0 auto;
    padding:0 0 3.75rem; 
}
#gisidx .product_bloc{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:1.8rem;
    border:1px solid #c2c2c2;
    border-radius:6px;
    margin-top:1.625rem;
}
#gisidx .product_bloc .product_logo{
    width:24%;
    display:block;
}
#gisidx .product_bloc .product_logo img{
    display:block;
    width:100%;
    max-width:220px;
    margin:auto;
}
#gisidx .product_bloc .product_info{
    width:76%;
    display:block;
}
#gisidx .product_bloc .product_info h5{
    font-size: 1.125em;
}
#gisidx .product_bloc .product_info .func_list{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
}
#gisidx .product_bloc .product_info .func_list li,.modal_svg-wrap > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    margin:10px 10px 10px 0;
}
#gisidx .product_bloc .product_info .func_list li[data-ptrn=a],.modal_svg-wrap > [data-ptrn=a]{
    border:1px solid #532889;
    fill:#532889;
}
#gisidx .product_bloc .product_info .func_list li[data-ptrn=b],.modal_svg-wrap > [data-ptrn=b]{
    border:1px solid #207cc3;
    fill:#207cc3;
}
#gisidx .product_bloc .product_info .func_list li[data-ptrn=c],.modal_svg-wrap > [data-ptrn=c]{
    border:1px solid #efa421;
    fill:#efa421;
}
#gisidx .product_bloc .product_info .func_list li[data-ptrn=d],.modal_svg-wrap > [data-ptrn=d]{
    border:1px solid #333333;
    fill:#333333; 
}
#gisidx .product_bloc .product_info .func_list li a.funciconbloc{
    display:flex;
    align-items:center;
    justify-content:center;
}
#gisidx .product_bloc .product_info .func_click{
    color:#666666;
    font-size:0.875rem;
}
a.func_click:after {
    content: '';
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #666;
    border-left: transparent;
    border-bottom: transparent;
    transform: rotate(45deg);
    vertical-align: 1px;
}
#gisidx .product_bloc .product_info .functbl{
    border-collapse:collapse;
    width: 98%;
    border-bottom:1px solid #999999;
    margin:10px 0;
}
#gisidx .product_bloc .product_info .functbl tr{
    border-top:1px solid #999999;
    border-collapse:collapse;
}
#gisidx .product_bloc .product_info .functbl th{
    width:23.5%;
}
#gisidx .product_bloc .product_info .functbl th > span{
    padding:1rem 1.5rem;
    background:#e1e1e1;
    width:100%;
    height:100%;
    display:block;
    text-align:center;
    font-size:0.8rem;
}
#gisidx .product_bloc .product_info .functbl td{
    padding:0.8rem 1.5rem;
    text-align:left;
    display:flex;
    width:100%;
}
#gisidx .product_bloc .product_info .functbl td .cell_txt{
    margin-right:1rem;
    display:inline-flex;
    align-items: center;
    color:#009e96;
}
#gisidx .product_bloc .product_info .functbl td .cell_txt:last-child{
    margin-right:0;
}
#gisidx .product_bloc .product_link{
    width:100%;
    display: flex;
    margin-top: 0.875rem;
    justify-content: flex-end;
    align-items: center;
    flex-wrap:wrap;
}
#gisidx .product_bloc .product_link a >span,#gisidx .product_bloc .product_link a >i *{
    color:#fff;
    fill:#fff;
}
#gisidx .recom_wrap{
    width:100%;
    display:block;
    background: #e9ebf3;
}
#gisidx .recom_wrap .recom_content{
    width:96%;
    display:block;
    max-width:1000px;
    margin:0 auto;
    padding: 3.75rem 0 0;
}
#gisidx .recom_wrap .gisidx_recom_wrap{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
}
#gisidx .recom_wrap .gisidx_recom_wrap li{
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
    padding: 3.5rem 1.5rem 2rem;
    color: #009e96;
    background: #fff;
    border-radius: 8px;
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    display: block;
    margin: 2rem auto 3.5rem;
}
#gisidx .recom_wrap .gisidx_recom_wrap li .gisidx_recom_icon{
    position:absolute;
    top:0;
    left:50%;
    width:initial;
    max-width:81px;
    height:auto;
    transform:translate(-50%,-50%);
}
#gisidx .recom_wrap .gisidx_recom_wrap li .empasis_words{
    background: linear-gradient(to bottom, transparent 0%,transparent 40%,#f6f857 100%);
    -moz-background: linear-gradient(to bottom, transparent 0%,transparent 40%,#f6f857 100%);
    -webkit-background: linear-gradient(to bottom, transparent 0%,transparent 40%,#f6f857 100%);
    -o-background: linear-gradient(to bottom, transparent 0%,transparent 40%,#f6f857 100%);
    -ms-background: linear-gradient(to bottom, transparent 0%,transparent 40%,#f6f857 100%);
}
#gisidx .recom_wrap .flex_bloc{
    margin-bottom:1.5rem;
    align-items:flex-start;
    justify-content:flex-start;
}
#gisidx .recom_wrap .reco_thumb{
    width: 20%;
    margin: 0 5% 0 0;
}
#gisidx .recom_wrap .reverse_img .reco_thumb{
    width: 20%;
    margin: 0 0 0 5%;
}
#gisidx .recom_wrap .reco_txtarea{
    background: #fff;
    display: block;
    padding: 2.125rem;
    border-radius: 6px;
    width: 75%;
}
#gisidx .recom_wrap .reco_ttl{
    font-weight: bold;
    display: block;
    font-size:1.125rem;
}
#gisidx .recom_wrap .reco_txt{
    color:#666666;
}
@media screen and (max-width:979px){
    #gisidx .features_bloc_wrap > .flex_bloc .txtfld{
        min-height:400x;
    }

}
@media screen and (max-width:768px){
    #gisidx .features_bloc_wrap > .flex_bloc .txtfld{
        min-height:425px;
    }
    #gisidx #gernemenu ul li,#gisidx .product_gerne_wrap ul li{
        width: 100%;
    }
    #gisidx #gernemenu ul li > a,#gisidx .product_gerne_wrap ul li > a{
        border:none;
        font-size: 1.35rem;
    }
}
@media screen and (max-width:767px){
    #gisidx .product_bloc .product_logo{
        width:100%;
    }
    #gisidx .product_bloc .product_logo img{
        max-width:80%;
    }
    #gisidx .product_bloc .product_info{
        width:100%;
    }
    #gisidx .product_bloc .product_info .func_list{
        flex-wrap:wrap;
    }
    #gisidx .product_bloc .product_info .func_list li{
        width: calc((100% - 30px)/4);
        height: 50px;
    }
    #gisidx .product_bloc .product_info .func_list li:nth-child(4n){
        margin: 10px 0 10px;
    }
    #gisidx .product_bloc .product_link a i{
        position:absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -25%);
        align-items: center;
    }
    #gisidx .pr_catch_wrap .maintxt{
        width:100%;
    }
    #gisidx .pr_catch_wrap .thumb_img{
        width:100%;
        text-align:center;
    }
    #gisidx .col2,#gisidx .col3,#gisidx .col4{
        width:100%;
    }
}
@media screen and (max-width:568px){
    #gisidx .features_bloc_wrap > .flex_bloc .txtfld{
        min-height: unset;
        margin-bottom: 1.875rem;
    }

    #gisidx .recom_wrap .gisidx_recom_wrap li{
        width:100%;
        max-width:100%;
        margin:2rem auto;
    }
    #gisidx .recom_wrap .gisidx_recom_wrap li .gisidx_recom_icon{
        width:20%;
    }
    #gisidx .product_bloc .product_link{
        justify-content: center;
    }
    #gisidx .product_link .gisidx_trlbtn,#gisidx .product_link .gisidx_cvbtn {
        margin:0.5rem auto ;
    }
    #gisidx .caution_ex_plan_exp{
        text-align:left;
    }
}
#gisidx [data-target=action],#gisidx .opc0{
    opacity:0;
    overflow:hidden;
}
#gisidx h2[data-target=action]{
    overflow:unset;
}
#gisidx .fadeInUp,#modal_gispkg .fadeInUp{
    animation-duration:0.4s;
    animation-timing-function:ease-out;
    animation-name:fadeInUp;
    opacity:1;
}
#gisidx .fadeInUpD1,#modal_gispkg .fadeInUpD1{
    animation-duration:0.6s;
    animation-timing-function:ease-out;
    animation-name:fadeInUpD1;
    opacity:1;
}
#gisidx .fadeInUpD2,#modal_gispkg .fadeInUpD2{
    animation-duration:0.8s;
    animation-timing-function:ease-out;
    animation-name:fadeInUpD2;
    opacity:1;
}
#gisidx .SlideInL,#modal_gispkg .SlideInL{
    animation-duration:0.4s;
    animation-timing-function:ease-out;
    animation-name:SlideInL;
    opacity:1;
}
#gisidx .SlideInR,#modal_gispkg .SlideInR{
    animation-duration:0.4s;
    animation-timing-function:ease-out;
    animation-name:SlideInR;
    opacity:1;
}
@keyframes fadeInUp{
    from{opacity:0 !important;transform:translate(0,40%);}
    to{opacity:1;transform:translate(0,0);}
}
@keyframes fadeInUpD1{
    from{opacity:0 !important;transform:translate(0,40%);}
    20%{opacity:0 !important;transform:translate(0,40%);}
    to{opacity:1;transform:translate(0,0);}
}
@keyframes fadeInUpD2{
    from{opacity:0 !important;transform:translate(0,40%);}
    30%{opacity:0 !important;transform:translate(0,40%);}
    to{opacity:1;transform:translate(0,0);}
}
@keyframes SlideInL{
    from{opacity:0 !important;transform:translate(-20%,0);}
    to{opacity:1;transform:translate(0,0);}
}
@keyframes SlideInR{
    from{opacity:0 !important;transform:translate(20%,0);}
    to{opacity:1;transform:translate(0,0);}
}

.modal_gispkg_wrap{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    display:none;
}
.modal_gispkg_wrap-inner{
    width:96%;
    max-width:740px;
    box-sizing:border-box;
    padding:1.25% 2% 2.5%;
    margin:1.5% auto;
    background:#fff;
    display: block;
    border-radius:8px;
    position:relative;
}
.modal_gispkg_wrap-inner h3 {
    display: flex;
    align-items: center;
    width:100%;
    justify-content:center;
    margin-bottom:1rem;
}
.modal_gispkg_wrap-inner h3 .modal_svg-wrap {
    margin: 0 1rem 0 0;
}
.modal_gispkg_wrap-inner .modal-fjcc{
    justify-content: center;
    margin: 0.5rem 0;
}
.modaldisno{
    display: none;
}
.modal_close-btn_wrap{
    display:flex;
    width:96%;
    box-sizing:border-box;
    justify-content:flex-end;
    align-items:center;
    padding:0.5rem 0;
    position: absolute;
    right: 2%;
    top: 0;
}
.modal_close-btn{
    width:35px;
    height:35px;
    position:relative;
    display:block;
    content:'';
    border:1px solid #d4d4d4;
    border-radius:100%;
}
.modal_close-btn:before {
    content: '';
    display: block;
    border-top: 1px solid #999;
    width: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}
.modal_close-btn:after {
    content: '';
    display: block;
    border-top: 1px solid #999;
    width: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
}
.modal_flex_pagenation{
    display:flex;
    width:100%;
    margin:10px 0;
    justify-content:space-between;
    align-items:center;
}
.modal_flex_pagenation a{
    display:flex;
    width:40%;
    max-width:12rem;
    box-sizing:border-box;
    padding:1rem 0.5rem;
    justify-content:center;
    align-items:center;
    font-size:0.9rem;
    transition:opacity .3s;
    border:1px solid;
    border-radius:6px;
}
.modal_flex_pagenation a,.modal_flex_pagenation a *{
    transition:opacity .3s;
}
.modal_flex_pagenation a:hover{
    opacity:.7;
    background:initial;
    color:initial;
}
.modal_prev-btn{
    background:#666;
    color:#fff;
    border-color: #555;
}
.modal_prev-btn:before{
    content:'';
    display:block;
    width:0.5rem;
    height:0.5rem;
    margin:0 0.5rem 0 0;
    border-top:1px solid;
    border-left:1px solid;
    border-color:#fff;
    transform:rotate(-45deg);
}
.modal_nxt-btn{
    background:#009e96;
    color:#fff;
    border-color: #017b75;
}
.modal_nxt-btn:after{
    content:'';
    display:block;
    width:0.5rem;
    height:0.5rem;
    margin:0 0 0 0.5rem;
    border-top:1px solid;
    border-right:1px solid;
    border-color:#fff;
    transform:rotate(45deg);
}
#modal_gispkg .modal_gispkg_wrap-inner_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#modal_gispkg .modal_gispkg_wrap-inner_list li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 48%;
    margin:1%;
    font-size: 0.85rem;
}
#modal_gispkg .modal_caution_txt{
    font-size:0.7rem;
    margin:0;
    display:block;    
}
#modal_gispkg .modal_content{
    font-size:0.9rem;
    padding-top:1rem;
    display:block;    
}

#gisidx .gispkg_contact_wrap{
    background: url('/product/category/img/gisidx_contact-sec_bgimg.png') center center no-repeat;text-align: center;
    padding: 5rem 1.5rem;
    background-size: cover;
    display: block;
    width: 100%;
    box-sizing:border-box;
}
    
#gisidx .gispkg_contact_cv > img{
    width:96%;
    max-width:500px;
}
#gisidx .gispkg_contact_subtxt{
    display:block;
    font-size:1rem;
    font-weight:bold;
    color:#444;
    margin:1rem 0 0;
}


@media screen and (max-width:769px){
    #modal_gispkg .modal_gispkg_wrap-inner_list{
        overflow:hidden scroll;
        max-height:450px;
        display:block;
    }
    #modal_gispkg .modal_gispkg_wrap-inner_list li {
        width:96%;
        margin:2%;
    }
}
@media screen and (max-width:767px){
    #gisidx .product_bloc .product_info .functbl th{
        background:#e1e1e1;
        width: 35%;
    }
    #gisidx .product_bloc .product_info .functbl td{
        flex-wrap:wrap;
        align-items:center;
    }
    #gisidx .product_bloc .product_info .functbl td .cell_txt{
        margin:1rem 0;
        display: flex;
        width: 100%;
        align-items: center;
    }
    #gisidx .icon_ast {
        top: 0rem;
        font-size: 0.8rem;
    }
    #gisidx .icon_ast2 {
        right:-0.8rem;
        font-size: 0.8rem;
    }
    #gisidx .heading_wrap_innner .comment_exp{
        display:block;
        padding:0;
    }
}