@charset "UTF-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 801px) {
#information {
position: relative;
}

/*index
-----------------------*/
#information .info_box{
width:1000px;
position: relative;
margin: 0 auto 30px;
background: #FFF;
border: 1px solid #624b1e;
padding: 25px;
box-sizing: border-box;
border-radius: 16px;
}

#information .info_box .info_dl{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
font-weight: 600;
}

#information .info_box .info_dl dt{
width: 120px;
padding: 5px;
box-sizing: border-box;
}

#information .info_box .info_dl dd{
width: calc(100% - 135px);
padding: 5px;
box-sizing: border-box;
}

#information .info_box .info_dl dd .icon{
display: inline-block;
width: 20px;
margin-left: 10px;
}


.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;
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_title {
font-size: 16px;
font-weight: 400;
}

.info_title {
font-size: 24px;
font-weight: bold;
margin: 0 0 30px;
}

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


.info_photo{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 60px auto 30px;
}

.info_photo li{
width: 31%;
margin: 0 1% 2%;
}


}
/*sp*/
@media only screen and (max-width: 800px) {
#info {
position: relative;
}

/*index
-----------------------*/
#information .info_box{
width:100%;
position: relative;
margin: 0 auto 30px;
background: #FFF;
border: 1px solid #624b1e;
padding: 15px;
box-sizing: border-box;
border-radius: 8px;
}

#information .info_box .info_dl{
font-weight: 600;
}

#information .info_box .info_dl dt{
width: 100%;
padding: 5px 5px 0;
box-sizing: border-box;
}

#information .info_box .info_dl dd{
width: 100%;
padding: 5px;
box-sizing: border-box;
margin-bottom: 20px;
}

#information .info_box .info_dl dd .icon{
display: inline-block;
width: 20px;
margin-left: 10px;
}


.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;
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_title {
font-size: 14px;
font-weight: 400;
}

.info_title {
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
}

.info_report_body p {
margin-top: 2em;
}

.info_photo{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 30px auto 30px;
}

.info_photo li{
width: 48%;
margin: 0 1% 2%;
}

}