@charset "UTF-8";


/*PC*/
@media print, screen and (min-width: 768px) {
#info{
margin: 0 auto 220px;
}

#info .section_wrap{
width: 900px;
}

/*index
--------------------------------*/
#info .section_wrap .info_wrap{
width: 100%;
margin: 0 0 0 auto;
}

#info .section_wrap .info_wrap dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 1;
margin: 0 0 10px;
background: #FFF;
padding: 15px;
box-sizing:border-box;
border-radius: 4px;
}

#info .section_wrap .info_wrap dl:last-child{
margin-bottom: 0;
}

#info .section_wrap .info_wrap dl dt{
position: relative;
width:12%;
font-family: "Roboto Condensed", sans-serif;
font-weight: 500;
}

#info .section_wrap dl dd{
position: relative;
width: 88%;
}


.pagination {
display:inline-block;
padding-left:0;
margin:20px 0;
border-radius:4px
}
.pagination>li {
display:inline
}
.pagination>li>a,
.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#428bca;
text-decoration:none;
background-color:#fff;
border:1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius:4px;
border-bottom-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
color:#2a6496;
background-color:#eee;
border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index:2;
color:#fff;
cursor:default;
background-color:#428bca;
border-color:#428bca
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color:#777;
cursor:not-allowed;
background-color:#fff;
border-color:#ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding:10px 16px;
font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-top-left-radius:6px;
border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius:6px;
border-bottom-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding:5px 10px;
font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-top-left-radius:3px;
border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius:3px;
border-bottom-right-radius:3px
}


/*detail
----------------------------*/
.info_report {
width: 100%;
margin: 0 auto 60px;
}

.info_report_header {
margin-bottom: 68px;
padding-bottom: 10px;
border-bottom: 1px solid #f3f3f3;
}

.info_report_date {
font-family:'Hind', sans-serif;
font-size: 16px;
font-weight: 400;
}

.info_report_title {
font-size: 24px;
font-weight: 500;
}

.info_report_body p {
margin-top: 2em;
line-height: 2.18;
font-size: 16px;
font-weight: 400;
}

.info_photo{
width: 80%;
margin: 60px auto 30px;
text-align: center;
}

}
/*sp*/
@media only screen and (max-width: 767px) {
#hed .hed_img .bg_img{
background-image:url("../images/info/main_img_s.jpg");
}

#info{
margin: 0 auto 80px;
}

#info .section_wrap{
width: 90%;
}


/*index
--------------------------------*/
#info .section_wrap .info_wrap{
width: 100%;
margin: 0 0 0 auto;
}

#info .section_wrap .info_wrap dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 1;
margin: 0 0 10px;
background: #FFF;
padding: 15px;
box-sizing:border-box;
border-radius: 4px;
}

#info .section_wrap .info_wrap dl:last-child{
margin-bottom: 0;
}

#info .section_wrap .info_wrap dl dt{
position: relative;
width:20%;
font-family: "Roboto Condensed", sans-serif;
font-weight: 500;
}

#info .section_wrap dl dd{
position: relative;
width:80%;
}


.pagination {
display:inline-block;
padding-left:0;
margin:20px 0;
border-radius:4px
}
.pagination>li {
display:inline
}
.pagination>li>a,
.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#428bca;
text-decoration:none;
background-color:#fff;
border:1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius:4px;
border-bottom-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
color:#2a6496;
background-color:#eee;
border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index:2;
color:#fff;
cursor:default;
background-color:#428bca;
border-color:#428bca
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color:#777;
cursor:not-allowed;
background-color:#fff;
border-color:#ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding:10px 16px;
font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-top-left-radius:6px;
border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius:6px;
border-bottom-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding:5px 10px;
font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-top-left-radius:3px;
border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius:3px;
border-bottom-right-radius:3px
}


/*detail
----------------------------*/
.info_report {
width: 100%;
margin: 0 auto 30px;
}

.info_report_header {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f3f3f3;
}

.info_report_date {
font-family:'Hind', sans-serif;
font-size: 12px;
font-weight: 400;
}

.info_report_title {
font-size: 14px;
font-weight: 500;
margin:10px 0 20px;
}

.info_report_body p {
line-height:1.8;
font-weight: 400;
}

.info_photo{
width: 80%;
margin: 30px auto 30px;
text-align: center;
}

}