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

@import url(cmn.css);
@import url(base.css);

#main {
    height: 500px;
    background: url("../images/news-images/page-title.jpg") 50% 50% no-repeat;
}

/* ==========================================================================
	CONTENT
========================================================================== */
.top-box{
position: relative;
top: -100px;
margin-bottom: -30px;
}
#news .inner{
width: 1000px;
box-sizing: border-box;
overflow: hidden;
background-color: #f3f5f4;
margin: 0 auto;
padding: 50px;
}
#news .inner .contents{
float: left;
box-sizing: border-box;
width: 66.6%;
background-color: #fff;
border-top: 5px solid #00736d;
text-align: left;
padding: 50px;
}
#news .inner .contents > h2{
font-size: 2rem;
margin-bottom: 30px;
}
#news .inner .contents > h3{
font-size: 1.8rem;
margin-bottom: 10px;
}
#news .inner .side{
float: right;
box-sizing: border-box;
width: 27.7%;
background-color: #fff;
text-align: left;
}
#news .inner .side h2{
color: #fff;
font-size: 1.5rem;
text-align: center;
background-color: #00736d;
padding: 5px 0;
margin-bottom: 30px;
}
#news .inner .side h3{
width: 100%;
padding: 0 30px 10px 30px;
}
#news .inner .side ul{
width: 100%;
padding: 0 35px 30px 35px;
}
#news .inner .side li{
background: url("../images/news-images/news-icon.png") 0 50% no-repeat;
background-size: 10px auto;
padding-left: 15px;
margin-bottom: 5px;
}

.list li{
border-bottom: 1px dotted #000;
padding: 15px 10px;
}
.list li dl{
overflow: hidden;
}
.list li dt{
float: left;
width: 100px;
}
.list li dd{
margin-left: 100px;
}

.article-box {
    margin-bottom: 40px;
}
.article-box  img {
    max-width: 100%;
    height: auto;
}
.article-box  a {
	text-decoration: underline;
}
.article-box  a:hover {
	color: #000 !important;
	text-decoration: underline;
}

.article-box h1 {
	font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.article-box h2 {
    font-size: 2.3rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.article-box h3 {
    font-size: 2.0rem;
    font-weight: bold;
    border-left: 5px solid #eee;
    padding-left: 10px;
    margin-bottom: 20px;
}
.article-box ul{
    margin-bottom: 20px;
}
.article-box ul li {
    background-size: 5px auto;
    padding-left: 10px;
    margin-bottom: 6px;
}
.article-box p {
    margin-bottom: 15px;
}

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
/* ------------------------------------------------------------
	 PC
   ------------------------------------------------------------ */
@media screen and (min-width: 1000px) {


}

/* ------------------------------------------------------------
	 TABLET
   ------------------------------------------------------------ */
@media screen and (max-width:999px) {
#news .inner{
width: 100%;
overflow: hidden;
margin: 0 auto;
padding: 50px 0
}


}

/* ------------------------------------------------------------
	 SP　699pxまで
   ------------------------------------------------------------ */
@media screen and (max-width: 699px) {
#main {
height: 180px;
background-position:50% 100%;
    background-size: 100% auto;
}
.top-box{
position: relative;
top: 0px;
margin-bottom: 0px;
}

#news .inner{
width: 100%;
margin: 0 auto;
padding: 15px;
}
#news .inner .contents{
float:none;
width: 100%;
border-top: 3px solid #00736d;
padding: 15px 5%;
margin-bottom: 15px;
}
#news .inner .contents > h2{
font-size: 1.6rem;
margin-bottom: 15px;
}
#news .inner .contents > h3{
font-size: 1.3rem;
margin-bottom: 5px;
}
#news .inner .side{
float:none;
width: 100%;
}

.article-box h1 {
	font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.article-box h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.article-box h3 {
    font-size: 1.3rem;
    font-weight: bold;
    border-left: 5px solid #eee;
    padding-left: 10px;
    margin-bottom: 20px;
}
.article-box ul{
    margin-bottom: 20px;
}
.article-box ul li {
    background-size: 5px auto;
    padding-left: 10px;
    margin-bottom: 6px;
}
.article-box p {
    margin-bottom: 15px;
}


}