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

@import url("base.css");
@import url("navi.css");
@import url("print.css");


/* TOP */
/* - - - - - - - - - - - - - - - - - - - - - - */
.title {
	display: inline-block; 
	width:200px;
	margin: 0;
	padding:3px 0px 6px;
	vertical-align: middle; 
	box-sizing: border-box;
}

.title .text_style1 {
    position:  relative;
	left: 20px;
    margin:  10px 0 15px;
    font-size:  160%;
    font-weight:  normal;
}
.title .text_style1:before {
    position:  absolute; 
    content:  ''; 
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0px 0 110px 80px;
    border-color: transparent transparent #FFEBBE transparent;  
    z-index: -1; 
    transform: rotate(30deg);
    top: -70px;
    left: -20px;
}

.top_img img {
	width: 100%;
	height: auto;	
}

.news {
	display: inline-block;
	width:500px;
	padding:3px 0px 6px 0px;
	vertical-align: middle; 
	box-sizing: border-box;
}
.news dl {
	width:720px;
	padding: 15px 0;
	line-height:1.3em;
	font-size: 90%;
	border-bottom:#DA471D dotted 1px;
	box-sizing: border-box;
}
.news dt {
	display: inline-block;
	width: 25%;
	max-width: 160px;
	padding-left: 5px;
	vertical-align: top;
	box-sizing: border-box;
}
.news dd {
	display: inline-block;
	width:75%;
	box-sizing: border-box;
}
.news a{
	color: #4D4D4D;
}
.news a:hover{
	color: #DA471D;
}

@media screen and (max-width: 767px){
	.title {
		display: block;
		width:100%;
		margin: 0 auto;
	}
	.title > .text_style1 {
		left: 0;
    	margin: 0;
		font-size:  14pt;
		text-align: center;
		box-sizing: border-box;
	}
	.title > .text_style1:before {
		border-width: 0px 0 80px 50px;
		top: -50px;
		left: 150px;
	}

	.news {
		width: 100%;
		font-size: 12pt;
	}
	.news dt, .news dd  {
		width:100%;
	}
	.news dl {
		width: auto;
		margin: 0 20px;
	}
	.news dd {
		padding: 5px 5px 0;
	}
}