/*　レスポンシブスタイル　*/
@media screen and (max-width: 1100px) {
.content {
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
	max-width:980px;
}
.header > div {
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.footer > div {
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.linkarea > ul > li {
	margin:10px 100px !important;
}
}
@media screen and (max-width: 990px) {
.header_70 > div {
	width:100% !important;
	padding:0 10px;
	box-sizing:border-box;
}
.header_70 > div img {
	width:20%;
}
.img_r,.img_l {
	float:none;
	margin:10px auto;
	width:50%;
}
.img_r img,.img_l img {
	width:100%;
}
.top70clear {
	height:10px;
}
/* ----------------------------------------
	70周年トップのカルーセル（PC表示）
---------------------------------------- */
.carousel_area,.swiper-container {
	height:270px;
}
.swiper-slide .title {
	float:none;
	text-align:center;
}
.swiper-slide .subtitle,.swiper-slide .text {
	text-align:center;
	margin-top:0;
}
.top70contents > p {
	font-size:16px;
}
}

@media screen and (max-width: 710px) {
.header_70 > div img {
	width:30%;
}
.swiper-container {
	width: 90%;
}
.swiper-slide {
	padding:40px;
}
}

@media screen and (max-width: 600px) {
.carousel_area,.swiper-container {
	height:220px;
}
.swiper-slide .subtitle {
	font-size: 24px;
}
.swiper-slide .text > p {
	font-size: 16px;
}
.linkarea > ul > li {
	margin:10px auto !important;
}
.img_r,.img_l {
	width:60%;
}
}

@media screen and (max-width: 500px) {
.swiper-container {
	width: 100%;
}
.history_area > table {
	width: 100%;
}
.top70clear {
	height:0;
}
}

@media screen and (max-width: 430px) {
.header_70 > div img {
	width:40%;
}
.swiper-slide .subtitle {
	font-size: 20px;
}
.swiper-slide .text > p {
	font-size: 14px;
}
.history_area > table img {
	width:100%;
}
.history_area > table p {
	word-break:break-all;
}
.img_r,.img_l {
width:100%;
}
.img_r img,.img_l img {
width:100%;
}
.top70contents > p {
	font-size:14px;
}
}

@media screen and (max-width: 360px) {
.title > img {
	width:100%;
}
}

@media screen and (max-width: 340px) {
.linkarea > ul > li {
	margin:10px auto !important;
	width:100%;
}
}
