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

/* news list */
dl.newslist {
width:700px;
height: auto;
display: block;
}
dl.newslist dt {
	width:100px;
	height: auto;
	display: block;
	font-size:12px;
	color:#0D1E76;
	line-height: 1.6em;
	padding: 15px 5px 0px 15px;
	float: left;
}
dl.newslist dd {
width:560px;
height: auto;
display: block;
font-size:12px;
color:#333;
line-height: 1.6em;
padding: 15px 5px 15px 125px;
border-bottom: 1px dotted #999;
}
dl.newslist dd a {
width:560px;
height: auto;
display: block;
text-decoration: none;
color:#333;
}
dl.newslist dd a:hover {
color:#00CCFF;
text-decoration: underline;
}

/* News detail */
.newsbody {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.newscc {
width:67.85%;
height: auto;
display: block;
margin-right:2.5%;
}
.newscc .nwtitle {
width:100%;
height: auto;
display: block;
padding-bottom: 30px;
border-bottom: 2px solid #e0e0e0;
}
.newscc .nwtitle h2 {
font-size:28px;
color:#333;
font-weight: 700;
line-height: 1.6em;
margin-bottom: 10px;
}
.newscc .nwtitle p.nwdate {
text-align: right;
font-size:14px;
color:#3cad00;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0px;
}
.nwcontents {
width:100%;
height: auto;
display: block;
padding:40px 1% 40px;
}
.nwcontents img {
width:40%;
height: auto;
display: block;
float: right;
margin:0 0 2em 2em;
}

p.nwpbn {
width:200px;
height: 40px;
display: block;
line-height: 40px;
text-align: right;
margin:0 auto 40px;
}
p.nwpbn a {
width:200px;
height: 40px;
display: block;
text-decoration: none;
color:#fff;
padding-right:10px;
background-color:#333;
background-image: url("../img/header/ic-list.png");
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
p.nwpbn a:hover {
color:#fff;
background-color:#3cad00;
}

.nwnav {
width:100%;
height: 30px;
display: block;
margin:0 auto;
}
.nwnav li {
font-size:12px;
line-height: 30px;
}
.nwnav li:first-child {
width:100px;
height: 30px;
display: block;
text-align: right;
float: left;
}
.nwnav li:last-child {
width:100px;
height: 30px;
display: block;
text-align: left;
float: right;
}
.nwnav li a {
width:100px;
height: 30px;
display: block;
text-decoration: none;
background-color: #3cad00;
color:#fff;
background-repeat: no-repeat;
background-size: auto 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.nwnav li a:hover {
background-color:#333;
}
.nwnav li:first-child a {
padding-right:8px;
background-image: url("../img/header/ic-ar_h_w2l.png");
background-position: 5px center;
}
.nwnav li:last-child a {
padding-left:8px;
background-image: url("../img/header/ic-ar_h_w2.png");
background-position: 75px center;
}
.nwnav li:first-child a:hover {
background-position: left center;
}
.nwnav li:last-child a:hover {
background-position: right center;
}

.newsside {
width:22.85%;
height: auto;
display: block;
margin-left:2.5%;
}
.newsside h3 {
font-size:14px;
color:#333;
font-weight: 700;
line-height: 1.25em;
padding-bottom: 8px;
border-bottom: 1px dotted #3cad00;
margin-bottom: 15px;
}
.newsside .newssidelist {
width:100%;
height: auto;
display: block;
}
dl.newssidelist dt {
width:100%;
height: auto;
display: block;
font-size:14px;
color:#3cad00;
line-height: 1.6em;
padding: 5px;
}
dl.newssidelist dd {
width:100%;
height: auto;
display: block;
font-size:14px;
color:#333;
line-height: 1.6em;
padding: 5px 5px 15px 5px;
border-bottom: 1px dotted #999;
margin-bottom: 15px;
}
dl.newssidelist dd a {
width:100%;
height: auto;
display: block;
text-decoration: none;
color:#333;
}
dl.newssidelist dd a:hover {
color:#3cad00;
text-decoration: underline;
}
	
}

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

/* news list */
dl.newslist {
width:100%;
height: auto;
display: block;
}
dl.newslist dt {
width:100%;
height: auto;
display: block;
font-size:14px;
color:#3cad00;
line-height: 1.6em;
padding: 5px;
}
dl.newslist dd {
width:100%;
height: auto;
display: block;
font-size:14px;
color:#333;
line-height: 1.6em;
padding: 5px 5px 15px 5px;
border-bottom: 1px dotted #999;
margin-bottom: 15px;
}
dl.newslist dd a {
width:100%;
height: auto;
display: block;
text-decoration: none;
color:#333;
}
dl.newslist dd a:hover {
color:#3cad00;
text-decoration: underline;
}


/* News detail */
.newsbody {
width:100%;
height: auto;
display: block;
}
.newscc {
width:100%;
height: auto;
display: block;
padding-bottom: 50px;
}
.newscc .nwtitle {
width:100%;
height: auto;
display: block;
padding-bottom: 30px;
border-bottom: 2px solid #e0e0e0;
}
.newscc .nwtitle h2 {
font-size:20px;
color:#333;
font-weight: 700;
line-height: 1.6em;
margin-bottom: 10px;
}
.newscc .nwtitle p.nwdate {
text-align: right;
font-size:14px;
color:#3cad00;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0px;
}
.nwcontents {
width:100%;
height: auto;
display: block;
padding:40px 1% 40px;
}
.nwcontents img {
width:100%;
height: auto;
display: block;
margin-bottom: 2em;
}
p.nwpbn {
width:200px;
height: 40px;
display: block;
line-height: 40px;
text-align: right;
margin:0 auto 40px;
}
p.nwpbn a {
width:200px;
height: 40px;
display: block;
text-decoration: none;
color:#fff;
padding-right:10px;
background-color:#333;
background-image: url("../img/header/ic-list.png");
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
p.nwpbn a:hover {
color:#fff;
background-color:#3cad00;
}


.nwnav {
width:100%;
height: 30px;
display: block;
margin:0 auto;
}
.nwnav li {
font-size:12px;
line-height: 30px;
}
.nwnav li:first-child {
width:100px;
height: 30px;
display: block;
text-align: right;
float: left;
}
.nwnav li:last-child {
width:100px;
height: 30px;
display: block;
text-align: left;
float: right;
}
.nwnav li a {
width:100px;
height: 30px;
display: block;
text-decoration: none;
background-color: #3cad00;
color:#fff;
background-repeat: no-repeat;
background-size: auto 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.nwnav li a:hover {
background-color:#333;
}
.nwnav li:first-child a {
padding-right:8px;
background-image: url("../img/header/ic-ar_h_w2l.png");
background-position: 5px center;
}
.nwnav li:last-child a {
padding-left:8px;
background-image: url("../img/header/ic-ar_h_w2.png");
background-position: 75px center;
}
.nwnav li:first-child a:hover {
background-position: left center;
}
.nwnav li:last-child a:hover {
background-position: right center;
}

.newsside {
width:100%;
height: auto;
display: block;
border-top:2px solid #999;
padding-top:50px;
}
.newsside h3 {
font-size:14px;
color:#333;
font-weight: 700;
line-height: 1.25em;
padding-bottom: 8px;
border-bottom: 1px dotted #3cad00;
margin-bottom: 15px;
}
.newsside .newssidelist {
width:100%;
height: auto;
display: block;
}
dl.newssidelist dt {
width:100%;
height: auto;
display: block;
font-size:14px;
color:#3cad00;
line-height: 1.6em;
padding: 5px;
}
dl.newssidelist dd {
width:100%;
height: auto;
display: block;
font-size:14px;
color:#333;
line-height: 1.6em;
padding: 5px 5px 15px 5px;
border-bottom: 1px dotted #999;
margin-bottom: 15px;
}
dl.newssidelist dd a {
width:100%;
height: auto;
display: block;
text-decoration: none;
color:#333;
}
dl.newssidelist dd a:hover {
color:#3cad00;
text-decoration: underline;
}

}