@charset "UTF-8";
/*------------------------------------------------------------mainphoto*/
#mainimage {
	margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
#mainimage {
	margin-bottom: 30px;
}
}
/*------------------------------------------------------------content*/
.list_category {
    display: flex;
    flex-wrap: wrap;
}
.list_category li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
}
.list_category li:nth-child(2n) {
    margin-right: 0;
}
.list_category li a {
    display: block;
    text-decoration: none;
    color: #202020;
}
.list_category li figure img {
    width: 100%;
    height: auto;
}
.list_category li h3 {
    margin-top: 8px;
    line-height: 1.25;
    font-size:16px;
    font-weight: bold;
}
@media print, screen and (min-width:576px) {
.list_category li {
    width: 32%;
    margin-bottom: 15px;
}
.list_category li:nth-child(2n) {
    margin-right: 2%;
}
.list_category li:nth-child(3n) {
    margin-right: 0;
}
}
@media print, screen and (min-width:768px) {
.list_category li {
    margin-bottom: 30px;
}
.list_category li a:hover {
    transition: all 0.5s;
    opacity: 0.6;
}
.list_category li h3 {
    margin-top: 8px;
    line-height: 1.25;
    font-size:17px;
    font-weight: bold;
}
}

/*section02*/
.titlebox {
	position: relative;
}
.titlebox p {
	position: absolute;
	right: 20px;
	top: 13px;
	text-align: right;
	color: #fff;
}
.titlebox p a {
	color: #fff;
}
.titlebox p a:hover {
	opacity: 0.7;
}
/*更新プログラム(連動)フォーマット*/
#news01 {
	width: 100%;
	overflow: hidden;
}
#news01 dl {
	padding: 0 0 7px 0;
}
#news01 dl dt {
	background: url(../img/common_img/arrow01.png) no-repeat 0 5px;
	padding-left: 28px;
}
@media print, screen and (min-width:768px) {
#news01 dl dt {
	float: left;
}
#news01 dl dd {
	padding: 0 0 0 110px;
}
}
/*section03*/
#sec03 .sec03_ph {
	display: none;
}
#sec03 h3 {
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid #3e517b;
}
@media print, screen and (min-width:480px) {
#sec03 .sec03_ph {
	display: block;
	float: right;
	margin-left: 10px;
	margin-right: 15px;
}
#sec03 .sec03_ph img {
	box-shadow: 0 0 3px #C1C1C1;
	width: 130px;
	height: auto;
}
}
@media print, screen and (min-width:768px) {
#sec03 .sec03_ph img {
	width: auto;
}
}
/*section04*/
#sec04 .col-sm-6 {
	margin-bottom: 15px;
}
#sec04 .col-sm-6 .sec04_titlebox + p {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0;
	background: none;
	color: #000;
}
#sec04 .col-sm-6 p {
	padding: 10px 13px;
	background: #e7edff;
	border-radius: 4px;
	color: #666;
}
#sec04 .sec04_titlebox {
	position: relative;
}
#sec04 .sec04_titlebox a {
	position: absolute;
	top: 5px;
	right: 5px;
}