.tabbox {
  display: none;
}




.video-wrap {
position: relative;
width: 100%;
padding-top: 56.25%;
}


.video-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;

}


/* Style for PCs */
@media screen and (min-width: 1025px) {

    ul#nwtab {
        width:100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }
    ul#nwtab li {
        width:18%;
        height: 40px;
        display: block;
        float: left;
        margin:1%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #999;
    }
    ul#nwtab li.nwt_selected {
        width:18%;
        height: 40px;
        display: block;
        float: left;
        margin:1%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#fff;
        background-color:#0197cb;
        border: 1px solid #0197cb;
    }
    ul#nwtab li.nwt_selected a{
        color:#fff;
    }
	
	
    ul#nwtab li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        color:#444;
    }

    ul.nwlist {
        width:100%;
        height: auto;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    ul.nwlist li {
        width:24%;
        height: auto;
        display: block;
        margin:0 0.5% 10px;
    }
    ul.nwlist li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        padding:20px 5%;
								background-color:#f8f8f8;
    }
    ul.nwlist li a img {
        width:100%;
        height: auto;
        display: block;
    }
    ul.nwlist li a .nwcc {
        width:100%;
        height: auto;
        display: block;
        padding:15px 5px;
    }
    ul.nwlist li a .nwcc h2 {
        width:40%;
        height: 20px;
        display: block;
        text-align: center;
        font-size:0.7em;
        line-height: 20px;
        letter-spacing: 0px;
        color:#fff;
        margin-bottom: 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    ul.nwlist li a .nwcc h2.nwic01 { background-color: rgb(68, 156, 203);}
    ul.nwlist li a .nwcc h2.nwic02 { background-color: rgb(240, 134, 28);}
    ul.nwlist li a .nwcc h2.nwic03 { background-color: #21B00D;}
    ul.nwlist li a .nwcc h2.nwic04 { background-color: #7B7B7B;}

    ul.nwlist li a .nwcc h3 {
        font-size:16px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 5px!important;
        color:#222;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.nwlist li a .nwcc p.nwcom {
        margin-bottom: 15px!important;
        color:#444;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    ul.nwlist li a .nwcc p.nwbn {
        width:100%;
        height: auto;
        display: block;
        font-size:0.8em!important;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        color:#0197cb;
        border: 1px solid #0197cb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px!important;
    }







ul.nwlist li a .img-column {
    width: 100%;
}
	
ul.nwlist li a .img-wrap {
    padding-top: 75%;
    position: relative;
}
ul.nwlist li a .img-inner {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

	
	
	a.txtbn {
	width:250px;
	height: 40px;
	display: block;
	margin:0 auto;
	background-color: #0197cb;
	text-align: center;
	font-size:14px;
	font-weight: 400;
	line-height: 40px;
	color:#fff;
	text-decoration: none;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	}
	a.txtbn:hover {
	background-color:#2a2f89;
	}
	
}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

    ul#nwtab {
        width:100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }
    ul#nwtab li {
        width:18%;
        height: 40px;
        display: block;
        float: left;
        margin:1%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #999;
    }
    ul#nwtab li.nwt_selected {
        width:18%;
        height: 40px;
        display: block;
        float: left;
        margin:1%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#fff;
        background-color:#0197cb;
        border: 1px solid #0197cb;
    }
	
	
	
	    ul#nwtab li.nwt_selected a{
        color:#fff;
    }
	
    ul#nwtab li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        color:#444;
    }

    ul.nwlist {
        width:100%;
        height: auto;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    ul.nwlist li {
        width:49%;
        height: auto;
        display: block;
        margin: 0.5%;
    }
    ul.nwlist li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        padding:20px 5%;
    }
    ul.nwlist li a img {
        width:100%;
        height: auto;
        display: block;
    }
    ul.nwlist li a .nwcc {
        width:100%;
        height: auto;
        display: block;
        padding:15px;
    }
    ul.nwlist li a .nwcc h2 {
        width:40%;
        height: 20px;
        display: block;
        text-align: center;
        font-size:0.7em;
        line-height: 20px;
        letter-spacing: 0px;
        color:#fff;
        margin-bottom: 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }    ul.nwlist li a .nwcc h2.nwic01 { background-color: rgb(68, 156, 203);}
    ul.nwlist li a .nwcc h2.nwic02 { background-color: rgb(240, 134, 28);}
    ul.nwlist li a .nwcc h2.nwic03 { background-color: #21B00D;}
    ul.nwlist li a .nwcc h2.nwic04 { background-color: #7B7B7B;}

    ul.nwlist li a .nwcc h3 {
        font-size:20px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 5px!important;
        color:#222;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.nwlist li a .nwcc p.nwcom {
        margin-bottom: 15px!important;
        color:#444;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    ul.nwlist li a .nwcc p.nwbn {
        width:100%;
        height: auto;
        display: block;
        font-size:0.8em!important;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        color:#0197cb;
        border: 1px solid #0197cb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px!important;
    }




ul.nwlist li a .img-column {
    width: 100%;
}
	
ul.nwlist li a .img-wrap {
    padding-top: 75%;
    position: relative;
}
ul.nwlist li a .img-inner {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
	
		a.txtbn {
	width:250px;
	height: 40px;
	display: block;
	margin:0 auto;
	background-color: #0197cb;
	text-align: center;
	font-size:14px;
	font-weight: 400;
	line-height: 40px;
	color:#fff;
	text-decoration: none;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	}
	a.txtbn:hover {
	background-color:#2a2f89;
	}
}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

    ul#nwtab {
        width:100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }
    ul#nwtab li {
        width:49%;
        height: 40px;
        display: block;
        float: left;
        margin:0.5%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #999;
    }
    ul#nwtab li.nwt_selected {
        width:49%;
        height: 40px;
        display: block;
        float: left;
        margin:0.5%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#fff;
        background-color:#0197cb;
        border: 1px solid #0197cb;
    }
	    ul#nwtab li.nwt_selected a{
        color:#fff;
    }
	
	
	
    ul#nwtab li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        color:#444;
    }

    ul.nwlist {
        width:100%;
        height: auto;
        display: block;
    }
    ul.nwlist li {
        width:100%;
        height: auto;
        display: block;
        border-bottom: 1px dotted #ccc;
    }
    ul.nwlist li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        padding:20px 5%;
    }
    ul.nwlist li a img {
        width:100%;
        height: auto;
        display: block;
        float: left;
    }
    ul.nwlist li a .nwcc {
        width:63%;
        height: auto;
        display: block;
        float: right;
    }
    ul.nwlist li a .nwcc h2 {
        width:40%;
        height: 20px;
        display: block;
        text-align: center;
        font-size:0.7em;
        line-height: 20px;
        letter-spacing: 0px;
        color:#fff;
        margin-bottom: 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }    ul.nwlist li a .nwcc h2.nwic01 { background-color: rgb(68, 156, 203);}
    ul.nwlist li a .nwcc h2.nwic02 { background-color: rgb(240, 134, 28);}
    ul.nwlist li a .nwcc h2.nwic03 { background-color: #21B00D;}
    ul.nwlist li a .nwcc h2.nwic04 { background-color: #7B7B7B;}

    ul.nwlist li a .nwcc h3 {
        font-size:20px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 5px!important;
        color:#222;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.nwlist li a .nwcc p.nwcom {
        margin-bottom: 15px!important;
        color:#444;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    ul.nwlist li a .nwcc p.nwbn {
        width:100%;
        height: auto;
        display: block;
        font-size:0.8em!important;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        color:#0197cb;
        border: 1px solid #0197cb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px!important;
    }





ul.nwlist li a .img-column {
    width: 30%;
	float: left;
}
	
ul.nwlist li a .img-wrap {
    padding-top: 75%;
    position: relative;
}
ul.nwlist li a .img-inner {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

	a.txtbn {
	width:250px;
	height: 40px;
	display: block;
	margin:0 auto;
	background-color: #0197cb;
	text-align: center;
	font-size:14px;
	font-weight: 400;
	line-height: 40px;
	color:#fff;
	text-decoration: none;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	}
	a.txtbn:hover {
	background-color:#2a2f89;
	}
	
		
	/*-----------------------動画用-------------------*/
	
	
	
	
	
	   ul.nwlist li.video-li a .nwcc {
        width:100%;
        height: auto;
        display: block;
        padding:15px 5px;
    }
    ul.nwlist li.video-li a .nwcc h2 {
        width:40%;
        height: 20px;
        display: block;
        text-align: center;
        font-size:0.7em;
        line-height: 20px;
        letter-spacing: 0px;
        color:#fff;
        margin-bottom: 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }


    ul.nwlist li.video-li a .nwcc h3 {
        font-size:16px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 5px!important;
        color:#222;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.nwlist li.video-li a .nwcc p.nwcom {
        margin-bottom: 15px!important;
        color:#444;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    ul.nwlist li.video-li a .nwcc p.nwbn {
        width:100%;
        height: auto;
        display: block;
        font-size:0.8em!important;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        color:#0197cb;
        border: 1px solid #0197cb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px!important;
    }







	
	

	
	
}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

    ul#nwtab {
        width:100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }
    ul#nwtab li {
        width:49%;
        height: 40px;
        display: block;
        float: left;
        margin:0.5%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #999;
    }
    ul#nwtab li.nwt_selected {
        width:49%;
        height: 40px;
        display: block;
        float: left;
        margin:0.5%;
        font-size:12px;
        line-height: 38px;
        letter-spacing: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#fff;
        background-color:#0197cb;
        border: 1px solid #0197cb;
    }
	    ul#nwtab li.nwt_selected a{
        color:#fff;
    }
	
	
	
    ul#nwtab li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        color:#444;
    }
	
	
	
	
	

    ul.nwlist {
        width:100%;
        height: auto;
        display: block;
    }
    ul.nwlist li {
        width:100%;
        height: auto;
        display: block;
        border-bottom: 1px dotted #ccc;
    }
    ul.nwlist li a {
        width:100%;
        height: auto;
        display: block;
        text-decoration: none;
        padding:20px 5%;
    }
    ul.nwlist li a img {
        width:100%;
        height: auto;
        display: block;
        float: left;
    }
    ul.nwlist li a .nwcc {
        width:63%;
        height: auto;
        display: block;
        float: right;
    }
    ul.nwlist li a .nwcc h2 {
        width:40%;
        height: 20px;
        display: block;
        text-align: center;
        font-size:0.7em;
        line-height: 20px;
        letter-spacing: 0px;
        color:#fff;
        margin-bottom: 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }    ul.nwlist li a .nwcc h2.nwic01 { background-color: rgb(68, 156, 203);}
    ul.nwlist li a .nwcc h2.nwic02 { background-color: rgb(240, 134, 28);}
    ul.nwlist li a .nwcc h2.nwic03 { background-color: #21B00D;}
    ul.nwlist li a .nwcc h2.nwic04 { background-color: #7B7B7B;}

    ul.nwlist li a .nwcc h3 {
        font-size:20px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 5px!important;
        color:#222;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.nwlist li a .nwcc p.nwcom {
        margin-bottom: 15px!important;
        color:#444;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    ul.nwlist li a .nwcc p.nwbn {
        width:100%;
        height: 26px;
        display: block;
        font-size:0.8em;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: center;
        color:#0197cb;
        border: 1px solid #0197cb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px!important;
    }







ul.nwlist li a .img-column {
width: 30%!important;
float: left;
}
	
ul.nwlist li a .img-wrap {
    padding-top: 75%;
    position: relative;
}
ul.nwlist li a .img-inner {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}



	a.txtbn {
	width:250px;
	height: 40px;
	display: block;
	margin:0 auto;
	background-color: #0197cb;
	text-align: center;
	font-size:14px;
	font-weight: 400;
	line-height: 40px;
	color:#fff;
	text-decoration: none;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	}
	a.txtbn:hover {
	background-color:#2a2f89;
	}

	
	/*-----------------------動画用-------------------*/
	
	
	
	
	
	   ul.nwlist li.video-li a .nwcc {
        width:100%;
        height: auto;
        display: block;
        padding:15px 5px;
    }
    ul.nwlist li.video-li a .nwcc h2 {
        width:40%;
        height: 20px;
        display: block;
        text-align: center;
        font-size:0.7em;
        line-height: 20px;
        letter-spacing: 0px;
        color:#fff;
        margin-bottom: 8px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }


    ul.nwlist li.video-li a .nwcc h3 {
        font-size:16px;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 5px!important;
        color:#222;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.nwlist li.video-li a .nwcc p.nwcom {
        margin-bottom: 15px!important;
        color:#444;
        text-overflow: ellipsis;
        overflow : hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    ul.nwlist li.video-li a .nwcc p.nwbn {
        width:100%;
        height: auto;
        display: block;
        font-size:0.8em!important;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        color:#0197cb;
        border: 1px solid #0197cb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px!important;
    }







	
	

	
	
}