@media screen and (min-width: 769px) {	
	
	/*---------------------------------------
	 * Mainvisual
	---------------------------------------*/ 
	
	.mainvisual{
		width: 100%;
		height: 485px;
		background: url(../img/mainvisual_bg-left.jpg) 0 0 repeat-x;
		background-size: 22px;
		position: relative;
	}
	.mainvisual::after{
		content: "";
		width: 50%;
		height: 485px;
		display: block;
		background: url(../img/mainvisual_bg-right.jpg) 0 0 repeat-x;
		background-size: 25px;
		position: absolute;
		top:0;
		left: 50%;
		z-index: 0;
	}
	.mainvisual .inner{
		width: 100%;
		max-width: 1440px;
		height: 485px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		background: url(../img/mainvisual_pc.jpg) 50% no-repeat;
		background-size: 1440px;
	}
	.mainvisual .inner img{
		display: none;
	}
	
	
	/*---------------------------------------
	 * About
	---------------------------------------*/ 
	
	.about{
		width: 100%;
		padding: 50px 0 95px;
	}
	.about .inner{
		width: calc(100% - 50px);
		max-width: 1000px;
		margin: 0 auto;
	}
	.about .inner .copy{
		width: 560px;
		margin: 0 auto 70px;
	}
	.about .inner .read{
		font-size: 2.2rem;
		line-height: 2;
		text-align: center;
	}
	
	
	
	/*---------------------------------------
	 * News
	---------------------------------------*/ 
	
	.news{
		width: 100%;
		background: #FAFAFA;
		padding: 30px 0 50px;
	}
	.news .inner{
		width: calc(100% - 50px);
		max-width: 870px;
		margin: 0 auto;
	}
	.news .inner .section-title{
		color: #F70000;
		font-size: 2.5rem;
		margin-bottom: 40px;
		text-align: center;
	}
	.news .inner .article{
		display: table;
		width: 100%;
		padding: 0 5% 10px;
		border-bottom: 2px dotted #CCCCCC;
		margin-bottom: 10px;
		
	}
	.news .inner .article dt{
		width: 25%;
		display: table-cell;
		vertical-align: top;
	}
	.news .inner .article dd{
		width: 75%;
		display: table-cell;
		vertical-align: top;
	}
	.news .inner .article dd .badge{
		display: inline-block;
		color: #F70000;
		margin-right: 0.5rem;
	}
	
	
	
	/*---------------------------------------
	 * SpecialContents
	---------------------------------------*/ 
	
	.special-contents{
		width: 100%;
		padding: 90px 0 130px;
	}
	.special-contents .inner{
		width: calc(100% - 50px);
		max-width: 870px;
		margin: 0 auto;
	}
	.special-contents .inner .section-title{
		color: #F70000;
		font-size: 2.5rem;
		margin-bottom: 40px;
		text-align: center;
	}
	.special-contents .inner .contents1{
		margin-bottom: 100px;
	}
	
	
	/* 写真
	---------------------------------------*/ 
	
	.special-contents .inner .contents1 .photo{
		float: left;
		width: 54.8%;
		display: inline-block;
		margin-right: 5%;
		position: relative;
		left:-3px;
	}
	.special-contents .inner .contents2 .photo{
		float: right;
		width: 50%;
		display: inline-block;
		margin-left: 5%;
		position: relative;
		right:-3px;
	}
	
	
	
	/* Text
	---------------------------------------*/ 
	
	
	.special-contents .inner .box .text .table{
		width: 100%;
	}
	
	
	/* contents1 */
	
	.special-contents .inner .contents1 .text{
		float: right;
		width: 40.2%;
	}
	.special-contents .inner .contents1 .text .copy{
		border-bottom: 1px solid #000000;
		padding-bottom: 15px;
		margin-bottom: 15px;
		padding-right: 30px;
	}
	.special-contents .inner .contents1 .text .table .read{
		float: left;
		width: 78%;
		vertical-align: top;
		line-height: 1.6;
		padding: 0 8% 40px 0;
		position: relative;
	}
	.special-contents .inner .contents1 .text .table .cut{
		float: right;
		width: 22%;
		vertical-align: top;
	}
	.special-contents .inner .contents1 .text .table .read .more{
		position: absolute;
		bottom:0;
		left:0;
	}
	
	
	/* contents2 */
	
	.special-contents .inner .contents2 .text{
		float: left;
		width: 45%;
	}
	.special-contents .inner .contents2 .text .copy{
		border-bottom: 1px solid #000000;
		padding-bottom: 15px;
		margin-bottom: 15px;
		padding-right: 80px;
	}
	.special-contents .inner .contents2 .text .table .read{
		float: right;
		width: 81%;
		vertical-align: top;
		line-height: 1.6;
		
		padding: 0 0 40px 8%;
		position: relative;
	}
	.special-contents .inner .contents2 .text .table .cut{
		float: left;
		width: 19%;
		vertical-align: top;
	}
	.special-contents .inner .contents2 .text .table .read .more{
		position: absolute;
		bottom:0;
		right:0;
	}
	
	.more-link{
		display: inline-block;
		padding: 4px 25px;
		text-align: center;
		background: url(../../common/img/deco_arrow.svg) center right 8px no-repeat #F70000;
		background-size: 6px;
		color: #FFFFFF;
		border-radius: 5px;
	}
	
	

	
	
	
}
@media screen and (max-width: 768px) {	
	
	/*---------------------------------------
	 * Mainvisual
	---------------------------------------*/ 
	
	.mainvisual{
		width: 100%;
		height: auto;
		background: url(../img/mainvisual_bg-left.jpg) 0 0 repeat-x;
		background-size: 22px;
		position: relative;
	}
	
	
	
	/*---------------------------------------
	 * About
	---------------------------------------*/ 
	
	.about{
		width: 100%;
		padding: 35px 0 50px;
	}
	.about .inner{
		width: calc(100% - 30px);
		max-width: 500px;
		margin: 0 auto;
	}
	.about .inner .copy{
		width: 70%;
		max-width: 450px;
		margin: 0 auto 30px;
	}
	.about .inner .read{
		font-size: 1.2rem;
		line-height: 2;
		text-align: center;
	}
	
	
	
	/*---------------------------------------
	 * News
	---------------------------------------*/ 
	
	.news{
		width: 100%;
		background: #FAFAFA;
		padding: 25px 0 50px;
	}
	.news .inner{
		width: calc(100% - 40px);
		max-width: 500px;
		margin: 0 auto;
	}
	.news .inner .section-title{
		color: #F70000;
		font-size: 2rem;
		margin-bottom: 20px;
		text-align: center;
	}
	.news .inner .article{
		display: table;
		width: 100%;
		padding: 0 0 10px;
		border-bottom: 2px dotted #CCCCCC;
		margin-bottom: 10px;
		font-size: 1.2rem;
		line-height: 1.4;
		
	}
	.news .inner .article dt{
		width: 35%;
		display: table-cell;
		vertical-align: top;
	}
	.news .inner .article dd{
		width: 65%;
		display: table-cell;
		vertical-align: top;
	}
	.news .inner .article dd .badge{
		display: inline-block;
		color: #F70000;
		margin-right: 0.5rem;
	}
	
	
	
	
	/*---------------------------------------
	 * SpecialContents
	---------------------------------------*/ 
	
	.special-contents{
		width: 100%;
		padding: 45px 0 105px;
	}
	.special-contents .inner{
		width: calc(100% - 40px);
		max-width: 500px;
		margin: 0 auto;
	}
	.special-contents .inner .section-title{
		color: #F70000;
		font-size: 2rem;
		margin-bottom: 20px;
		text-align: center;
	}
	.special-contents .inner .contents1{
		margin-bottom: 50px;
	}
	
	
	/* 写真
	---------------------------------------*/ 
	
	.special-contents .inner .contents1 .photo{
		width: 100%;
		position: relative;
		left: -2px;
		margin-bottom: 40px;
	}
	.special-contents .inner .contents2 .photo{
		width: 100%;
		display: inline-block;
		position: relative;
		left: -2px;
		margin-bottom: 40px;
	}
	
	
	
	/* Text
	---------------------------------------*/ 
	
	
	.special-contents .inner .box .text .table{
		width: 100%;
	}
	
	
	/* contents1 */
	
	.special-contents .inner .contents1 .text{
		width: 100%;
	}
	.special-contents .inner .contents1 .text .copy{
		border-bottom: 1px solid #000000;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-right: 40px;
	}
	.special-contents .inner .contents1 .text .table .read{
		float: left;
		width: 78%;
		vertical-align: top;
		line-height: 1.5;
		font-size: 1.2rem;
		padding: 0 6% 40px 0;
		position: relative;
	}
	.special-contents .inner .contents1 .text .table .cut{
		float: right;
		width: 22%;
		vertical-align: top;
	}
	.special-contents .inner .contents1 .text .table .read .more{
		position: absolute;
		bottom:0;
		left:0;
	}
	
	
	/* contents2 */
	
	.special-contents .inner .contents2 .text{
		width: 100%;
	}
	.special-contents .inner .contents2 .text .copy{
		border-bottom: 1px solid #000000;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-right: 40px;
	}
	.special-contents .inner .contents2 .text .table .read{
		float: left;
		width: 79%;
		vertical-align: top;
		line-height: 1.5;
		font-size: 1.2rem;
		padding: 0 6% 40px 0;
		position: relative;
	}
	.special-contents .inner .contents2 .text .table .cut{
		float: right;
		width: 21%;
		vertical-align: top;
	}
	.special-contents .inner .contents2 .text .table .read .more{
		position: absolute;
		bottom:0;
		left:0;
	}
	
	.more-link{
		display: inline-block;
		padding: 4px 25px;
		text-align: center;
		background: url(../../common/img/deco_arrow.svg) center right 8px no-repeat #F70000;
		background-size: 6px;
		color: #FFFFFF;
		border-radius: 5px;
	}
	
	
		
	
	
}