@media only screen and (max-width: 540px){
/* 横幅540px以下の場合(スマートフォン向け) 
	/* 初期化 */
	*{
		/* 文字関連 */
		font-style:normal;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:16px;
		line-height:26px;
		font-weight:normal;
		vertical-align:baseline;
		text-decoration:none;
		color:#333333;
		text-align:left;
		letter-spacing:normal;
		word-spacing:normal;
		/* 背景 */
		background:none;
		/* 余白 */
		margin:0;
		padding:0;
		/* その他 */
		list-style:none;
		border:none;
		box-sizing:border-box;
	}
	img{
		max-width: 100%;
		height: auto;
		vertical-align:bottom;
	}
/* パンくず */
div#breadCrumbs{
	width: 94%;
	margin: 0 auto 20px auto;
}
/* フッターの画像削除 */
footer:before{
	content: none !important;
}

/* コンテンツ */
	article#news{
		overflow: hidden;
		width: 96%;
		margin: 30px auto;
	}
	article#news div.maincontents{
		overflow: hidden;
	}
	article#news div.maincontents img, article#news div.maincontents h1, article#news div.maincontents h2, article#news div.maincontents h3, article#news div.maincontents h4, article#news div.maincontents h5{
		margin-bottom: 10px;
	}
	article#news div.maincontents p+img, article#news div.maincontents p+h1, article#news div.maincontents p+h2, article#news div.maincontents p+h3, article#news div.maincontents p+h4, article#news div.maincontents p+h5{
		margin-top: 30px;
	}
	article#news div.maincontents img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	article#news div.maincontents h1{
		font-size: 24px;
		line-height: 36px;
		font-weight: bold;
	}
	article#news div.maincontents h2{
		font-size: 24px;
	}
	article#news div.maincontents h3{
		font-size: 20px;
		line-height: 36px;
		border-left: 5px solid #FF6600;
		padding: 0 0 0 8px;
		font-weight: normal;
		border-bottom: 0;
		background-color: transparent;
		color: #333333;
	}
	article#news div.maincontents h4{
		font-size: 16px;
		line-height: 28px;
		display: inline-block;
		background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(255,255,0) 70%);
	}
	article#news div.maincontents h5{
		font-size: 16px;
		line-height: 28px;
		font-weight: bold;
		color: #FF6600;
	}
	article#news div.maincontents ul, article#news div.maincontents ol{
		padding:0.7em 1em;
		margin: 20px 0;
		border-top: 2px solid #CCCCCC;
		border-bottom: 2px solid #CCCCCC;
		background-color: #F9F9F9;
	}
	article#news div.maincontents ul li{
		list-style-type: disc;
		list-style-position: inside;
	}
	article#news div.maincontents ol li{
		list-style-type: decimal;
		list-style-position: inside;
	}
	article#news div.maincontents ul li, article#news div.maincontents ol li{
		line-height: 2em;
	}
	article#news div.maincontents p a{
		text-decoration: underline;
		color: #003366;
	}
	article#news div.sidebar{
		overflow: hidden;
	}
	article#news div.sidebar div{
		margin-bottom: 30px;
	}
	article#news div.sidebar div p{
		background-color: #F2F2F2;
		color: #333333;
		text-align: center;
		padding: 0.5em;
	}
	article#news div.sidebar div ul{
		width: 96%;
		margin: 0 auto;
	}
	article#news div.sidebar div li{
		padding: 10px 0;
		border-bottom: 1px solid #999999;
	}
	article#news div.sidebar div li:last-child{
		border: 0;
	}
	article#news div.sidebar div li a{
		font-size: 14px;
		line-height: 24px;
	}
	/* 依頼ボタン */
	article#news div.inquirybtn{
		width: 100%;
		padding: 10px 0 20px 0;
		margin: 30px auto;
		background-color: #00FF66;
		border-top: 4px solid #005F26;
		border-bottom: 4px solid #005F26;
	}
	.btn-copy {
		color: #005F26;
		font-size: 13px;
		position: relative;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.btn-copy:before {
		margin-right: 0.2rem;
		content: '＼';
	}
	.btn-copy:after {
		margin-left: 0.2rem;
		content: '／';
	}
	.s-btn1 a span{
		font-size: 16px;
		line-height: 26px;
		color: #FFFFFF;
	}
	.s-btn1 a {
		display: block;
		width:90%;
		box-shadow: 0 3px 0 0 #005F26;
		text-align: center;
		background: #009a3e;
		color: #ffff00;
		text-decoration: none;
		margin-right: auto;
		margin-left: auto;
		border-radius: 5px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		font-weight: bold;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 26px;
		padding: 20px 0;
	}
	.s-btn1 a::before {
		content: '';
		height: 100%;
		width: 30px;
		position: absolute;
		top: -180px;
		left: 0;
		background-color: #fff;
		opacity: 0;
		animation: s-btn1 3s ease-in-out infinite;
		display: inline-block;
	}
	@-webkit-keyframes s-btn1 {
		0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
		80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
		81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
		100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}
}
@media only screen and (min-width: 541px){
/* 横幅541px以上の場合(PC・タブレット向け) */
	/* 初期化 */
	*{
		/* 文字関連 */
		font-style:normal;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:18px;
		line-height:30px;
		font-weight:normal;
		vertical-align:baseline;
		text-decoration:none;
		color:#333333;
		text-align:left;
		letter-spacing:normal;
		word-spacing:normal;
		/* 背景 */
		background:none;
		/* 余白 */
		margin:0;
		padding:0;
		/* その他 */
		list-style:none;
		border:none;
		box-sizing:border-box;
	}
	img{
		vertical-align:bottom;
	}
/* パンくず */
div#breadCrumbs{
	width: 1000px;
	margin: 0 auto;
}	
/* フッターの画像削除 */
footer:before{
	content: none !important;
}

/* コンテンツ */
	article#news{
		overflow: hidden;
		max-width: 1000px;
		width: 1000px;
		margin: 170px auto 100px auto;
	}
	article#news div.maincontents{
		overflow: hidden;
		float: left;
		width: 700px;
		margin-right: 50px;
	}
	article#news div.maincontents img, article#news div.maincontents h1, article#news div.maincontents h2, article#news div.maincontents h3, article#news div.maincontents h4, article#news div.maincontents h5{
		margin-bottom: 10px;
	}
	article#news div.maincontents p+img, article#news div.maincontents p+h1, article#news div.maincontents p+h2, article#news div.maincontents p+h3, article#news div.maincontents p+h4, article#news div.maincontents p+h5{
		margin-top: 50px;
	}
	article#news div.maincontents img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	article#news div.maincontents h1{
		font-size: 30px;
		line-height: 44px;
		font-weight: bold;
	}
	article#news div.maincontents h2{
		font-size: 28px;
	}
	article#news div.maincontents h3{
		font-size: 22px;
		line-height: 36px;
		border-left: 5px solid #FF6600;
		padding: 0 0 0 10px;
		font-weight: normal;
		border-bottom: 0;
		background-color: transparent;
		color: #333333;
	}
	article#news div.maincontents h4{
		font-size: 20px;
		line-height: 34px;
		display: inline-block;
		background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(255,255,0) 70%);
	}
	article#news div.maincontents h5{
		font-size: 18px;
		line-height: 32px;
		font-weight: bold;
		color: #FF6600;
	}
	article#news div.maincontents ul, article#news div.maincontents ol{
		padding:0.7em 1em;
		margin: 20px 0;
		border-top: 2px solid #CCCCCC;
		border-bottom: 2px solid #CCCCCC;
		background-color: #F9F9F9;
	}
	article#news div.maincontents ul li{
		list-style-type: disc;
		list-style-position: inside;
	}
	article#news div.maincontents ol li{
		list-style-type: decimal;
		list-style-position: inside;
	}
	article#news div.maincontents ul li, article#news div.maincontents ol li{
		line-height: 2em;
	}
	article#news div.maincontents p a{
		text-decoration: underline;
		color: #003366;
	}
	article#news div.maincontents p a:hover{
		color: #FF6600;
	}
	article#news div.sidebar{
		overflow: hidden;
		float: left;
		width: 250px;
	}
	article#news div.sidebar div{
		margin-bottom: 30px;
	}
	article#news div.sidebar div p{
		background-color: #F2F2F2;
		color: #333333;
		text-align: center;
		padding: 0.5em;
	}
	article#news div.sidebar div ul{
		width: 96%;
		margin: 0 auto;
	}
	article#news div.sidebar div li{
		padding: 10px 0;
		border-bottom: 1px solid #999999;
	}
	article#news div.sidebar div li:last-child{
		border: 0;
	}
	article#news div.sidebar div li a{
		font-size: 14px;
		line-height: 24px;
	}
	article#news div.sidebar div li a:hover{
		color: #FF6600;
	}
	/* 依頼ボタン */
	article#news div.inquirybtn{
		width: 100%;
		padding: 40px 20px;
		margin: 50px auto;
		background-color: #00FF66;
		border-top: 4px solid #005F26;
		border-bottom: 4px solid #005F26;
	}
	.btn-copy {
		color: #005F26;
		font-size: 24px;
		font-weight: bold;
		position: relative;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.btn-copy:before {
	  margin-right: 1rem;
	  content: '＼';
	}
	.btn-copy:after {
	  margin-left: 1rem;
	  content: '／';
	}
	.s-btn1 a span{
		font-size: 24px;
		line-height: 24px;
		color: #FFFFFF;
	}
	.s-btn1 a {
		display: block;
		width:660px;
		box-shadow: 0 3px 0 0 #005F26;
		text-align: center;
		background: #009a3e;
		color: #ffff00;
		text-decoration: none;
		margin-right: auto;
		margin-left: auto;
		border-radius: 5px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		font-weight: bold;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 34px;
		line-height: 42px;
		padding: 20px 0;
	}
	.s-btn1 a::before {
		content: '';
		height: 100%;
		width: 30px;
		position: absolute;
		top: -180px;
		left: 0;
		background-color: #fff;
		opacity: 0;
		animation: s-btn1 3s ease-in-out infinite;
		display: inline-block;
	}
	s-btn1 a:hover {
		text-decoration: none;
		color: #fff;
		box-shadow: none;
		-webkit-transform: translateY(3px);
	}
	@-webkit-keyframes s-btn1 {
		0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
		80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
		81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
		100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}
}