@charset "shift-jis";
@media screen and (max-width:768px){

/* #cont0 */
#cont0{
	position:relative;
	margin-bottom:-3%;
	padding-bottom:12%;
	background:url(../images/top/cont_bg1.png)no-repeat center bottom;
	background-size:96% auto;
}
#cont0 #slick img{
	width:100%;
}
#cont0 #renewal-pc{
	display: none;
}
#renewal-sp{
	display: block;
	width: 100%;
}
#renewal-sp .wrap{
	width: 90%;
	margin: 0px auto 40px;
	padding:10px;
	font-size: 13px;
	border-radius: 8px;
	border: 2px solid #000;
}
#renewal-sp .wrap a{
	color: #C8000E;
	text-decoration: underline;
}

#cont0 #message{
	position:absolute;
	top:0;
	width:100%;
	padding:15% 0 0;
}

#cont0 #message h2 img{
	width:65%;
}
#cont0 #message ul li{
	display:inline-block;
	width:32%;
	margin:5% 1.5%;
}



/* #cont1 */
#cont1{
	display:block;
	width:auto;
	padding:0 5% 50px;
}
#cont1 h2 + p{
	margin:0 0 20px;
}
#cont1 > img{
	width:100%;
}


/* #cont2 */
#cont2{
	display:block;
	vertical-align:top;
	width:auto;
	margin-left:0;
	padding:0 5% 50px;
}
#cont2 ul li{
	display:inline-block;
	width:47%;
	margin:0 1%;
	border-bottom:1px dotted #000;
}
#cont2 ul li a{
	display:block;
	line-height:48px;
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	text-align:left;
}
#cont2 ul li a img{
	width:30px;
	margin-right:5px;
}
#cont2 > a{
	width:250px;
	margin-top:30px;
}


/* #cont3 */
#cont3{
	padding:0 0 50px;
	background:url(../images/top/cont3_bg.png)no-repeat 5px bottom;
	background-size:150% auto;
}
#cont3 h2{
	display:block;
	vertical-align:top;
	width:auto;
	text-align:center;
}
#cont3 dl{
	display:block;
	width:auto;
	max-width:480px;
	margin:auto;
	/*padding:0 5%;*/
	text-align:left;
	font-size:14px;
}
#cont3 dl div{
	overflow: hidden;
}
#cont3 dl dt{
	width:20%;
	line-height:18px
	font-size:14px;
	font-weight:bold;
	font-family: quicksand, sans-serif;
	float:left;
}
#cont3 dl dt span{
/*
	line-height:18px
	font-size:14px;
	font-weight:bold;
	display:inline-block;
*/
}
#cont3 dl dt span:after{
	content:'';
	display:inline-block;
	width:1px;
	height:16px;
	margin:0 0 0 10px;
	background-color:#000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cont3 dl dd{
	margin-left:0;
}
#cont3 dl dd.category{
	width:20%;
}
#cont3 dl dd.title{
	width:50%;
	margin-left:10px;
}

/*
#cont3 dl dd:nth-of-type(odd){
	padding:0 0 0 0;
	line-height:35px;
	float:none;
	font-weight:bold;
	display:block;
	border-bottom:1px dotted #000;
}
#cont3 dl dd:nth-of-type(odd):after{
	content:none;
}
#cont3 dl dd:nth-of-type(even){
	min-height:auto;
	min-height:initial;
	padding:10px 0 20px;
	line-height:1.5;
	clear:both;
}
*/
#cont3 div{
	width:auto;
	margin:10px auto 0;
	padding:0 5%;
	text-align:center;
}
#cont3 div.more-wrap{
	width:auto;
	margin:10px auto 0;
	padding:0 5%;
	text-align:center;
}
#cont3 div .more{
	width:245px;
	text-align:center;
}


/* #cont4 */
#cont4{
	padding:30px 0 40px;
}
#cont4 h2{
	display:block;
	vertical-align:top;
	width:auto;
	text-align:center;
}
#cont4 dl{
	display:block;
	width:auto;
	padding:0 5%;
	text-align:center;
	font-size:16px;
}
#cont4 dl dt{
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
	display:inline-block;
}
#cont4 dl dd:first-of-type{
	font-size:14px;
	font-weight:bold;
	color:#d5000e;
	line-height:1.5;
	text-align:left;
	display:inline-block;
}
#cont4 dl dd:nth-of-type(2){
	margin:10px 0;
	font-size:13px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	text-align:center;
}
#cont4 dl dd:nth-of-type(2) img{
	width:250px;
}
#cont4 dl dd:nth-of-type(2) span{
	display:block;
}
#cont4 dl dd:nth-of-type(3){
	white-space:normal;
	line-height:1.8;
	font-size:14px;
	text-align:left;
}
#cont4 dl dd:last-of-type{
	margin-top:10px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
#cont4 dl dd:last-of-type img{
	width:27px;
}
#cont4 ul{
	margin-top:10px;
	padding-top:100px;
	background:url(../images/top/cont4_bg.png)no-repeat center top;
	background-size:90% auto;
}
#cont4 ul li{
	width:260px;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 30px;
}
#cont4 ul li div{
	font-size:14px;
	font-weight:bold;
	position:relative;
}
#cont4 ul li div a:first-of-type{
	display:block;
	width:8px;
	height:8px;
	border-top:2px solid #b7b7b7;
	border-left:2px solid #b7b7b7;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position:absolute;
	left:1em;
	top:8px;
}
#cont4 ul li div a:last-of-type{
	display:block;
	width:8px;
	height:8px;
	border-top:2px solid #b7b7b7;
	border-right:2px solid #b7b7b7;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	right:1em;
	top:8px;
}
#cont4 ul li table{
	width:100%;
	font-size:12px;
}
#cont4 ul li table tr{
	padding:5px 0;
	border-bottom:1px solid #e5e5e5;
}
#cont4 ul li table tr:nth-child(odd){
	background-color:#f9f9f9;
}
#cont4 ul li table tr:first-child{
	background-color:#fff;
}
#cont4 ul li table th,
#cont4 ul li table td{
	padding:8px 0;
	line-height:22px;
}
#cont4 ul li table th{
	width:102px;
	font-weight:normal;
}
#cont4 ul li table tr:first-child th:first-child{
	color:#f00;
}
#cont4 ul li table td span{
	display:inline-block;
	width:22px;
	line-height:20px;
	border-radius:50%;
	background-color:#eee;
}
#cont4 ul li p{
	margin-top:10px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
#cont4 ul li p:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:22px;
	height:22px;
	margin-right:5px;
	border-radius:50%;
	background-color:#eee;
}


/* #cont5 */
#cont5{
	padding:0 0 50px;
	background:url(../images/top/cont5_bg1.png)no-repeat center top;
	background-size:90% auto;
}
#cont5 h2{
	width:auto;
	margin:0 auto 30px;
	padding:0;
	text-align:center;
}
#bxslider li{
	width:176px !important;
}
#cont5 dl{
	margin-top:-40px;
	padding:0 5% 50px;
	background:url(../images/top/cont5_bg2.png)no-repeat center bottom;
	background-size:90% auto;
}
#cont5 dl dt{
	display:block;
	vertical-align:bottom;
	width:160px;
	margin:0 auto;
	padding-bottom:10px;
}
#cont5 dl dd{
	margin:0;
	display:inline-block;
	vertical-align:bottom;
	width:auto;
	max-width:330px;
	text-align:center;
}
#cont5 .blog-title{
	margin-top:40px;
	margin-bottom:0px;
}
#cont5 ul.blog{
	margin-top:0px;
	width: 100%;
	text-align: center;
	padding: 0 15px;
}
#cont5 ul.blog li{
	display:inli.blogne-block;
	vertical-align:top;
	width:45%;
	margin:0;
}
/*
#cont5 ul.blog li:nth-child(3n+2){
	margin:0 1% 10px;
}
*/
#cont5 ul.blog li:last-child{
	/*display:none;*/
}
#cont5 ul.blog li a figure figcaption{
	margin-bottom:-32px;
	font-size:21px;
	font-weight:bold;
	line-height:45px;
	font-family: quicksand, sans-serif;
	text-align:left;
	position:relative;
	z-index:1;
}
#cont5 ul.blog li a figure figcaption span{
	font-size:21px;
	margin-top:-5px;
	padding:10px;
	display:inline-block;
	vertical-align:middle;
}
#cont5 ul.blog li a figure figcaption span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:2px;
	height:21px;
	margin:0 0 0 10px;
	background-color:#000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cont5 ul.blog li a figure img{
	border-radius:5px;
}
#cont5 ul.blog li a p{
	margin-top:10px;
	text-align:left;
	font-size:11px;
	padding: 0 10px;
}
#cont5 ul.blog li a h4{
	font-size: 100%;
	padding: 0 5px;
}
#cont5 div.blog_more{
	width:auto;
	margin:10px auto 0;
	padding:0 5%;
	text-align:center;
}
#cont5 div.blog_more .more{
	width:245px;
	text-align:center;
}


	/*bg sp */

	#cont1 .BG-sp {
		max-width: 84px;
	}
	#cont3 .BG-sp {
		width: 20%;
		left: 10px;
		bottom: -36px;
		height: auto;
		top: inherit;
		max-width: 84px;
		margin: 0;
		padding: 0;
	}
	#cont4 .BG-sp {
		width: 20%;
    bottom: 30px;
    height: auto;
		top: 24px;
		max-width: 85px;
	}
	#cont4 ul li.BG-sp {
		display: block;
	}
}

@media screen and (max-width:480px) {
	#bxslider li{
		width:132px !important;
	}
	#cont5 ul.blog li{
		width: 100%;
	}
	#cont5 ul.blog li a figure img{
		/*width: 90%;*/
		width: 205px;
		max-width: 205px;
	}
	#cont5 ul.blog li a p{
		padding: 0 5%;
	}
}


/* 2022リニューアル */
@media screen and (max-width:1080px) {
	.cont6_box1 , #cont6 h2 , .cont6_box2 {
		width: 100%;
	}
}

@media screen and (max-width:599px) {
	.new_top_slider .slick-slider .slick-track {
		height: auto;
	}
	#cont6 h2 {
		width: 100%;
	}
	.cont6_box1 {
		width:100%;
		flex-wrap: wrap;
	}
	.cont6_content1 {
		width: 100%;
		margin-bottom: 25px;
	}
	.cont6_content1_img img {
		height: 150px;
	}
	.cont6_content1 h3 {
		margin-top: 15px;
		font-size: 15px;
	}
	.cont_6_mt {
		margin-top: 50px;
	}
	.cont6_box2 {
		width: 100%;
	}
	.cont6_content2 {
		flex-wrap: wrap;
	}
	.cont6_content2_img {
		width: 100%;
	}
	.cont6_content2_img img{
		height: 150px;
	}
	.cont6_content2_text {
		width: 100%;
	}
	.cont6_content2 h3 {
		margin-top: 15px;
		font-size: 15px;
	}
	.cont6_content2_text p {
		line-height: 1.8;
	}
	.cont6_content1_text p {
		min-height: auto;
		margin-bottom: 10px;
	}

	/* cont7 */
	#cont7 .cont7_text {
		padding: 50px 20px;
		text-align: left;
	}
	.cont7_text h3 {
		font-size: 16px;
		text-align: center;
	}
	.cont7_text {
		padding: 0 10px;
		margin-top: 0;
	}
	.cont7_text p {
		text-align: left;
	}

	/* 50周年挨拶 */
	.greeting_text p {
		text-align: left;
	}
	.greeting_img {
		margin-top: -20px;
	}
	.greeting_img img {
		width: 80%;
	}
	.greeting_text {
		padding: 0 10px;
	}
	.greeting_text h3 {
        font-size: 16px;
    }
	#greeting {
		margin: 0;
	}
}