@charset "shift-jis";


/* #cont0 */

#cont0{
	position:relative;
	margin-bottom:-70px;
	padding-bottom:180px;
	background:url(../images/top/cont_bg1.png)no-repeat center bottom;
	background-size:95% auto,1145px auto;
}
#cont0 #slick img{
	width:100%;
}
#cont0 #renewal-pc{
	position:absolute;
	top:0;
	width:100%;
	z-index: 5;
}
#cont0 #renewal-pc .wrap{
	width: 500px;
	background: #fff;
	margin: 40px auto 0;
	padding:10px 0;
	font-size: 17px;
	border-radius: 8px;
}
#cont0 #renewal-pc .wrap a{
	color: #C8000E;
	text-decoration: underline;
}
#renewal-sp{
	display: none;
}
#cont0 #message{
	position:absolute;
	top:0;
	width:100%;
	padding:10% 0 0;
	/* padding:14% 0 0; */
	z-index: 3;
}

#cont0 #message h2 img{
	/* width:35%; */
	width: 25%;
	filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.3));
}
#cont0 #message ul li{
	display:inline-block;
	width:20%;
	margin:5% 1.5%;
}
#cont0 #message ul.top-btns li{
	display:inline-block;
	width: 18%;
	margin: 4.5% 1% 5%;
}

@media screen and (max-width: 959px) {
	#cont0 #message ul.top-btns li{
		display:inline-block;
		width: 27%;
	}
}

#cont0 .TopBox {
	position: relative;
	height: 100%;
}
#cont0 .TopBox::before {
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	z-index: 2;
}



/* #cont1 */
#cont1{
	display:inline-block;
	vertical-align:top;
	width:618px;
}
#cont1 h2 + p{
	margin:0 0 40px;
}
#cont1 area{
	border:none;
	outline:none;
}


/* #cont2 */
#cont2{
	display:inline-block;
	vertical-align:top;
	width:410px;
	margin-left:40px;
}
#cont2 ul li{
	display:inline-block;
	width:190px;
	margin:0 5px;
	border-bottom:1px dotted #000;
}
#cont2 ul li a{
	display:block;
	line-height:58px;
	padding-left:10px;
	font-size:17px;
	font-weight:bold;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	text-align:left;
}
#cont2 ul li a img{
	width:40px;
	margin-right:10px;
}
#cont2 > a{
	width:370px;
	margin-top:40px;
}


/* #cont3 */
#cont3{
	padding:130px 0 20px;
	/*background: url(../images/top/cont3_bg.png)no-repeat 76% bottom;
	background-size: 87% auto,1145px auto;*/
}
#cont3 h2{
	display:inline-block;
	vertical-align:top;
	width:330px;
	text-align:left;
}
#cont3 dl{
	display:inline-block;
	vertical-align:top;
	width:730px;
	text-align:left;
	font-size:16px;
}
#cont3 dl dt{
	line-height:20px;
	font-size:19px;
	font-weight:bold;
	font-family: quicksand, sans-serif;
	float:left;
	color:#d5000e;
	width: 100px;
}
#cont3 dl dt span{
/*	font-size:11px;
	font-weight:normal;*/
	padding: 5px 10px 8px 0;
	display:inline-block;
	vertical-align:middle;
}
#cont3 dl dt span:after{
	content:'';
	display:inline-block;
	width:1px;
	height:20px;
	margin:0 0 0 10px;
	background-color:#d5000e;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cont3 dl dd{
	float: left;
	margin-left: 15px;
}
#cont3 dl div{
	overflow: hidden;
}
#cont3 dl dd.category{
	background: #DFDFDF;
	border-radius: 50px;
	font-size: 11px;
	padding: 3px 0;
	width: 90px;
	text-align: center;
}
#cont3 dl dd.title{
	font-weight: bold;
	text-align: left;

}
/*
#cont3 dl dd:nth-of-type(odd){
	padding:0 30px 0 50px;
	line-height:41px;
	float:left;
	font-weight:bold;
	display:inline-block;
}
#cont3 dl dd:nth-of-type(odd):after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:15px;
	margin-left:30px;
	border-right:1px dotted #000;
}
#cont3 dl dd:nth-of-type(even){
	min-height:44px;
	padding:10px 0 35px;
	line-height:1.5;
	font-weight:bold;
}
*/
#cont3 div{
	width:730px;
	margin:10px auto 0;
	text-align:right;
}
#cont3 div.more-wrap{
	max-width:1080px;
	margin:10px auto 0;
	text-align:right;
}
#cont3 div .more{
	width:245px;
	text-align:center;
}


/* #cont4 */
#cont4{
	padding:130px 0 100px;
}
#cont4 h2{
	display:inline-block;
	vertical-align:top;
	width:330px;
	text-align:left;
}
#cont4 dl{
	display:inline-block;
	vertical-align:top;
	width:730px;
	text-align:left;
	font-size:16px;
}
#cont4 dl dt{
	font-size:20px;
	font-weight:bold;
}
#cont4 dl dd:first-of-type{
	font-size:16px;
	font-weight:bold;
	color:#d5000e;
}
#cont4 dl dd:nth-of-type(2){
	margin:18px 0;
	font-size:13px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
#cont4 dl dd:nth-of-type(2) img{
	width:290px;
}
#cont4 dl dd:nth-of-type(3){
	white-space:nowrap;
	line-height:1.8;
	font-size:14px;
}
#cont4 dl dd:last-of-type{
	margin-top:10px;
	font-size:15px;
	font-weight:bold;
}
#cont4 dl dd:last-of-type img{
	width:27px;
}
#cont4 ul{
	margin-top:80px;
	background: url(../images/top/cont4_bg.png)no-repeat -35% top;
	background-size: 95% auto,1145px auto;
}
#cont4 ul li{
	width:357px;
	display:inline-block;
	vertical-align:top;
	margin:0 45px;
}
#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:1px solid #C5000E;
	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:1px solid #C5000E;;
	border-radius:50%;
	background-color:#eee;
}


/* #cont5 */
#cont5{
	padding:30px 0 40px;
	background: url(../images/top/cont5_bg1.png)no-repeat -4% top;
	background-size: 87% auto,1145px auto;
}
#cont5 h2{
	max-width:1080px;
	margin:0 auto 30px;
	padding:0 10px;
	text-align:left;
}
#bxslider li{
	width:264px !important;
}


#cont5 dl{
	margin-top:-110px;
	padding:0 0 50px;
	background:url(../images/top/cont5_bg2.png)no-repeat center bottom;
	background-size:100% auto,1145px auto;
	position:relative;
	z-index:1;
}
#cont5 dl dt{
	display:inline-block;
	vertical-align:bottom;
	width:283px;
	margin:0;
	padding-bottom:50px;
}
#cont5 dl dd{
	margin:0 0 0 30px;
	display:inline-block;
	vertical-align:bottom;
	width:600px;
	text-align:left;
}
#cont5 .blog-title{
	margin-top:30px;
	margin-bottom:10px;
}

#cont5 ul.blog{
	width: 1085px;
	margin:0 auto;
	text-align: left;
}
#cont5 ul.blog li{
	display:inline-block;
	vertical-align:top;
	width:245px;
	margin:0 11px 15px;
}
#cont5 ul.blog li:nth-child(3n+2){
	/* margin:30px 27px; */
}
#cont5 ul.blog li a{
	display:block;
}
#cont5 ul.blog li a figure figcaption{
	margin-bottom:-38px;
	font-size:45px;
	font-weight:bold;
	line-height:45px;
	font-family: quicksand, sans-serif;
	text-align:left;
	position:relative;
	z-index:1;
	color:#d5000e;
}
#cont5 ul.blog li a figure figcaption span{
	/*font-size:26px;*/
	margin-top:-5px;
	padding:15px;
	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:45px;
	margin:0 0 0 15px;
	background-color:#d5000e;
	-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:10px;
}
#cont5 ul.blog li a p{
	margin-top:20px;
	text-align:left;
}
#cont5 ul.blog li a h4{
	margin-top:8px;
	text-align: center;
	font-size: 110%;
}
#cont5 div.blog_more{
	max-width:1080px;
	margin:10px auto 0;
	text-align:right;
}
#cont5 div.blog_more .more{
	width:368px;
	text-align:center;
}

#cont4 ul li.BG-sp {
	display: none;
}



/* 2020リニューアル */
.new_top_slider .slick-slider .slick-track {
	height: 350px;
}

/* cont6 */
#cont6{
	padding:30px 0 40px;
}
.cont6_box1 {
	display: flex;
	max-width:1080px;
	margin:0 auto 30px;
	padding:0 10px;
	justify-content: space-between;
}
.cont6_content1 {
	width: calc(33% - 20px);
}
#cont6 h2{
	max-width:1080px;
	margin:0 auto 30px;
	padding:0 10px;
	text-align:left;
}
.cont6_content1 h3 {
	padding: 0 1rem;
    border-left: 4px solid #B3382C;
    margin: 30px 0 10px;
	font-size: 16px;
}
.cont6_content1_img img {
	border-radius: 10px;
    height: 210px;
    width: 100%;
    object-fit: cover;
}
.cont6_content1_text {
	text-align: left;
}
.cont6_content1_text p {
	min-height: 90px;
}
.cont6_btn a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 auto auto;
    width: 100px;
    padding: 5px 10px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 600;
}
.cont6_btn a:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,.1);
    transform: translateX(-50%);
}
.cont6_btn a:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #B3382C;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
.cont6_btn a:hover {
    opacity: 0.7;
}
.cont6_btn a:hover:after {
    transform: scale(1, 1);
}
.cont_6_mt {
	margin-top: 80px;
}

.cont6_box2 {
	max-width: 1080px;
	margin: 0 auto 30px;
	padding: 0 10px;
}
.cont6_content2 {
	display: flex;
    justify-content: space-between;
}
.cont6_content2_img {
	width: 40%;
}
.cont6_content2_img img{
	height: 220px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.cont6_content2_text {
	width: 55%;
    text-align: left;
}
.cont6_content2 h3 {
	padding: 0 1rem;
    border-left: 4px solid #B3382C;
    margin: 0 0 10px;
	font-size: 16px;
}

/* cont7 */
#cont7 {
	width: 100%;
}
#cont7 .cont7_text {
	color: #fff;
    background-image: url(../images/top/cont7_img.jpg);
    padding: 70px 0;
    margin: 30px 0 80px;
	/* background-position: right 0% bottom 40%; */
	background-position: top 20% right 50%;
	text-shadow: 1px 1px 2px #646464;
}
.cont7_text {
	margin-bottom: 50px;
	margin-top: -70px;
}
.cont7_text h3 {
	font-size: 18px;
    margin-bottom: 20px;
}
/* 50周年挨拶 */
#greeting {
	max-width: 1080px;
	margin: 0 auto 50px;
}
#greeting h2 {
    margin: 0 auto 30px;
    padding: 0 10px;
    text-align: left;
}
.greeting_text {
	max-width: 700px;
    margin: auto;
    text-align: left;
}
.greeting_text h3 {
	font-size: 18px;
    margin-bottom: 20px;
	text-align: center;
}
.greeting_img {
	margin-top: -80px;
	margin-bottom: 20px;
}
.greeting_img img {
	width: 500px;
}
.greeting_text .name {
	margin-top: 15px;
	text-align: right;
}