@charset "utf-8";

div#content.layout-wide-side {
width: auto;
min-width: 0;
margin: 0 30px;
}
div#content div#main {
margin: 0;
}
div#content div#main-inner {
padding: 0;
}
div#eye-catch {
clear: both;
margin: 0 0 20px;
}
div#content div#eye-catch h2 {
display: block;
margin: 5px 0 15px;
font-size: 1.8em;
font-weight: bold;
}
div#content div#main-inner h1,div#content div#main-inner h2,div#content div#main-inner h3,div#content div#main-inner h4,div#content div#main-inner h5,div#content div#main-inner h6 {
	font-weight: bold;
}
div#content div#main-inner h3.title {
clear: both;
margin: 0 0 15px;
padding: 10px 20px 7px;
border-bottom: 1px dotted #0560DC;
background: #004fad;
color: #FFF;
font-size: 1.4em;
font-weight: normal;
line-height: 1.2em;
}
@media screen and (max-width: 480px) {
div#content.layout-wide-side {
width: 100%;
min-width: 100%;
margin: 20px 0 0;
padding: 0 0 20px;
}
div#content div#main {
margin: 0 10px;
}
div#content div#eye-catch h2 {
margin: 0;
font-size: 1.6em;
}
div#content div#main-inner h3.title {
padding: 10px 10px 7px;
font-size: 1.2em;
}
}
@media screen and (min-width: 481px) {
div#content div#main-inner div.node-wapper {
padding: 0 20px;
}
div#contents nav#breadcrumbs li:first-child a {
padding: 0;
}
div#contents nav#breadcrumbs li:first-child a:after,div#contents nav#breadcrumbs li:first-child a:before{
content:initial;
display:none
}
div#contents nav#breadcrumbs li:last-child a{
color:#262626;
text-decoration:none
}
}

/*  pager-nav
--------------------------------------*/
div#content div#main div#main-inner .pager-nav ul {
display: flex;
justify-content: center;
}
div#content div#main div#main-inner .pager-nav li {
margin: 0 5px;
}
div#content div#main div#main-inner .pager-nav li a {
display: block;
padding: 0 15px;
color: #333;
text-decoration: none;
line-height: 34px;
border: 1px solid #CCC;
border-radius:3px;
vertical-align: top;
}
body.d div#content div#main div#main-inner .pager-nav li a:hover,
div#content div#main div#main-inner .pager-nav li a.active {
color: #004fad;
border: 1px solid #004fad;
}
div#content div#main div#main-inner .pager-nav li a.active {
background: #e5edf7;
font-weight: bold;
}
div#content div#main div#main-inner .pager-nav.post {
display: flex;
justify-content: center;
margin: 40px 0 0;
padding: 30px 0 0;
border-top: 1px solid #d1d1d1;
}
div#content div#main div#main-inner .pager-nav.post div {
width: 33.3%;
text-align: center;
}
div#content div#main div#main-inner .pager-nav.post .prev-post {
text-align:left;
}
div#content div#main div#main-inner .pager-nav.post .next-post {
text-align:right;
}
div#content div#main div#main-inner .pager-nav.post div a {
display: block;
position: relative;
}
div#content div#main div#main-inner .pager-nav.post .prev-post a:before {
content: '';
display: inline-block;
width: 0;
height: 0;
margin: 0 10px 3px 0;
border-style: solid;
border-width: 4px 8px 4px 0;
border-color: transparent #014494 transparent transparent;
vertical-align: middle;
}
div#content div#main div#main-inner .pager-nav.post .next-post a:after {
content: '';
display: inline-block;
width: 0;
height: 0;
margin: 0 0 3px 10px;
border-style: solid;
border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent #014494;
vertical-align: middle;
}
@media screen and (max-width:480px) {
div#content div#main div#main-inner .pager-nav li {
margin: 0 2px;
}
}

/*  feature-article-list
--------------------------------------*/
div#content div#main div#main-inner div#feature-article-list {
margin-bottom: 30px;
}
div#content div#main div#main-inner div#feature-article-list li {
position: relative;
border-bottom: 1px solid #d1d1d1;
overflow: hidden;
}
div#content div#main div#main-inner div#feature-article-list li:first-child {
border-top: 1px solid #d1d1d1;
}
div#content div#main div#main-inner div#feature-article-list li.new:before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 54px 54px 0 0;
border-color: #cc0000 transparent transparent transparent;
z-index:10;
}
div#content div#main div#main-inner div#feature-article-list li.new:after {
content: 'NEW';
position: absolute;
top: 8px;
left: 2px;
color: #FFF;
font-family: 'Century Gothic','Heiti SC';
font-size: 14px;
font-weight: bold;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index:11;
}
div#content div#main div#main-inner div#feature-article-list li a {
display: block;
padding: 10px;
color: #000;
text-decoration: none;
transition: 0.25s
}
body.d div#content div#main div#main-inner div#feature-article-list li a:hover {
background: rgba(0,79,173,.08);
opacity: 0.8;
}
div#content div#main div#main-inner div#feature-article-list li dl {
display: flex;
align-items: center;
}
div#content div#main div#main-inner div#feature-article-list li dt {
position: relative;
width: 240px;
height: 0;
margin-right:40px;
padding-top: 240px;
line-height: 0;
overflow: hidden;
}
div#content div#main div#main-inner div#feature-article-list li dt img {
position: absolute;
top: 50%;
left: 50%;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
transform: translate(-50%,-50%);
}
div#content div#main div#main-inner div#feature-article-list li dd {
flex:1;
}
div#content div#main div#main-inner div#feature-article-list li dd .title {
display: block;
margin-bottom: 15px;
color: #014494;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
transition: 0.25s
}
body.d div#content div#main div#main-inner div#feature-article-list li a:hover dd .title {
color: #FF7C07;
}
div#content div#main div#main-inner div#feature-article-list li dd .data,
div#content div#main-inner p.data {
display: block;
color: #666;
font-size: 14px;	
font-weight: normal;
text-align: right;
}
@media screen and (max-width: 480px) {
div#content div#main div#main-inner div#feature-article-list li.new:before {
border-width: 36px 36px 0 0;
}
div#content div#main div#main-inner div#feature-article-list li.new:after {
top: 6px;
left: 1px;
font-size: 10px;
}
div#content div#main div#main-inner div#feature-article-list li a {
padding: 10px 0;
font-size: 14px;
}
div#content div#main div#main-inner div#feature-article-list li dl {
align-items: flex-start;
}
div#content div#main div#main-inner div#feature-article-list li dt {
width: 90px;
margin-right:20px;
padding-top:90px;
}
div#content div#main div#main-inner div#feature-article-list li dd .title {
margin-bottom: 5px;
font-size: 15px;
}
div#content div#main div#main-inner div#feature-article-list.seminar-report-list li dd {
margin-left: 0;
}
}