@charset "utf-8";
/*################################################
Update: 2023/9/29
################################################*/

.MMSet{
	z-index: 999;
}
.sliderArea {
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif!important;
}

.sliderArea .slider {
	overflow: hidden;
}
.sliderArea .slider div {

}
.sliderArea .slider div a {
	display: block;
	width: 100%;
	height: 100%;
}

.sliderArea .slider .s01 img,
.sliderArea .slider .s02 img,
.sliderArea .slider .s03 img,
.sliderArea .slider .s04 img {
	width: 100%;
}

.sliderArea .slideCover {

}
.sliderArea .slideControls {

}
.sliderArea .slideControls .slideNav {
	position: absolute;
	left: 50%;
	bottom: -35px;
	/*width: 238px;*/
	width: 310px;
	display: flex;
	align-items: center;
	transform: translateX(-50%);
}
.sliderArea .slideControls .slideNav .btnControl {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 1;
	vertical-align: top;
	letter-spacing: normal;
	border: none;
	outline: none;
	cursor: pointer;
}
.sliderArea .slideControls .slideNav .btnControl.cndStop {
	background: url(/-/media/image/renew/top_image02/slideStop.png) no-repeat;
}
.sliderArea .slideControls .slideNav .btnControl.cndPlay {
	background: url(/-/media/image/renew/top_image02/slidePlay.png) no-repeat;
}
.sliderArea .slideControls .slideNav .slideThumbnail {
	display: inline-block;
	margin-left: 6px;
	letter-spacing: normal;
}

.sliderItem {
	position: relative;
}
.sliderItem a img:hover {
  opacity: 0.5;
}
.sliderItem img {
  z-index: 9998 !important;
}

.sliderLinkWrap{
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 965px;
	height: 100%;
	transform: translateX(-50%);
}

.sliderLinkWrap.centerlayout{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100% !important;
	max-width: 965px;
	height: 100%;
	transform: translateX(-50%);
}


.sliderLink {
	position: absolute;
	top: 7%;
	right: 0%;
	display: inline-block;
	background-color: transparent;
	width: 360px !important;
	padding: 20px 0px 20px 0px;
}

.sliderLink2 {
	position: absolute;
	top: 10%;
	right: 0;
	display: inline-block;
	background-color: transparent;
	width: 100% !important;
	padding: 20px 0px 20px 0px;
}

.sliderLink3 {
	position: absolute;
	top: 7%;
	right: 0;
	display: inline-block;
	background-color: transparent;
	width: 370px !important;
	padding: 20px 0px 20px 0px;
}

.sliderLink h2,
.sliderLink2 h2,
.sliderLink3 h2{
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 4%;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	line-height: 1.4;
	letter-spacing: -1px;
}

.sliderLink2 h2 {
	margin-bottom: 1%;
}

.sliderLink3 h2 {
	color: white;
}


.sliderLink p,
.sliderLink2 p {
	font-size: 15px;
	width: 100%;
	letter-spacing: -0.02em;
	text-align: justify;
	margin-bottom: 0px;
}

.sliderLink3 p {
	font-size: 15px;
	width: 100%;
	letter-spacing: -0.02em;
	text-align: justify;
	margin-bottom: 0px;
}


.sliderLink a, .sliderLink2 a, .sliderLink3 a {
	position: relative;
	color: #000;
}

.sliderLink a:after, .sliderLink2 a:after {
	position: static;
	content: none;
}

.sliderLink3 a:after {
	content: none;
}

.sliderLink .button.txt a:hover,
.sliderLink2 .button.txt a:hover,
.sliderLink3 .button.txt a:hover,
.sliderLink4 .button.txt a:hover {
  opacity: 0.5;
	text-decoration: none;
}

/*スライダー改修*/
.sliderLinkWrap h2 {
	text-align: center;
	font-size: 31px!important;
	text-shadow: 2px 2px 5px #E3E3E9,-2px -2px 5px white;
}

.sliderLinkWrap .sliderLink2 h2 {
	white-space: nowrap;
}

.sliderLinkWrap .sliderLink3 h2 {
	text-shadow: 2px 2px 5px #235C90,-2px -2px 5px #235C90;
}

.sliderLink h2 a,
.sliderLink2 h2 a,
.sliderLink3 h2 a,
.sliderLink4 h2 a {
	color: #333!important;
	text-decoration: none;
	background-image: none;
}

.sliderLink h2 a:hover,
.sliderLink2 h2 a:hover,
.sliderLink3 h2 a:hover,
.sliderLink h2 a:visited,
.sliderLink2 h2 a:visited,
.sliderLink3 h2 a:visited {
	background-image: none!important;
}
.sliderLink3 h2 a {
	color: white!important;
	text-decoration: none;
	background-image: none;
}


.slider .button a {
	text-align: right!important;
}
.slider .button img {
	width: 120px!important;
	height: 26px;
	display: inline!important;
}
.slider .button.txt {
	display: flex;
	flex-direction: row-reverse;
}
.slider .button.txt.txtcenter {
	display: flex;
	justify-content: center;
}
.slider .button.txt a {
	background-color: #002060;
	width: 120px!important;
	height: 26px;
	border-radius: 5px;
	border: solid 2.5px white;
	color: white;
	text-align: center!important;
	line-height: 200%;
	padding: 0px!important;
	align-items: center;
	font-size: 14px;
}
.slider .sliderLink .button.txt a {
	margin-right: 0px;
}
.slider .sliderLink2 .button.txt a {
	margin-right: 0px;
}
.slider .sliderLink3 .button.txt a {

}


@media screen and (max-width: 1339px) {
	.slider .sliderLink .button.txt a {
		margin-right: 30px;
		}
	.slider .sliderLink2 .button.txt a {
		margin-right: 0px;
		}
	.slider .sliderLink3 .button.txt a {
		margin-right: 55px;
		}

	.sliderLink {width: 40% !important; padding: 2% 2% 0% 2%;}
	.sliderLink2 {width: 100% !important; padding: 2% 2% 0% 2%;}
	.sliderLink3 {width: 44% !important; padding: 2% 2% 0% 2%;}

	.sliderLink h2,
	.sliderLink2 h2,
	.sliderLink3 h2{font-size: 27px!important;}

	.sliderLink p,
	.sliderLink2 p,
	.sliderLink3 p {font-size: 1.1vw; padding-bottom: 0px;}

}

@media screen and (max-width: 1100px) {
	.slider .sliderLink .button.txt a {
		margin-right: 25px;
			}
	.slider .sliderLink2 .button.txt a {
		margin-right: 0px;
			}
	.slider .sliderLink3 .button.txt a {
		margin-right: 35px;
			}
	.sliderLinkWrap {max-width: 80%;}

}

@media screen and (max-width: 767px) {
	.sliderLinkWrap .sliderLink3 h2 {
		color: black;
    		text-shadow: 0px 0px 30px ghostwhite;
		}
	.JS .sliderArea {position: relative;	width: 100%; margin-bottom: 8%;}
	.JS .sliderArea .slider div a {display: block;	width: 100%; height: 100%;}
	.JS .sliderArea .slideControls .slideNav {
		bottom: -30px;
		}
	.JS .sliderArea .slideControls .slideNav .btnControl {width: 11%;	height: 0; padding-top: 12%;}
	.JS .sliderArea .slideControls .slideNav .slideThumbnail {margin-left: 1%;}
	.JS .sliderItem {position: static;}
	.JS .sliderItem img {margin-bottom: 4%;}
	.JS .sliderLinkWrap{position: static; width: 100%; max-width: none; height: auto;	transform: none;}
	.JS .sliderLink {position: static; display: block; background: #fff; width: 95% !important; padding: 0; margin-left: 15px;}
	.JS .sliderLink2 {position: static;	display: block;	background: #fff;	width: 95% !important; padding: 0; margin: 0 0 10px 15px;}
	.JS .sliderLink3 {position: static;	display: block;	background: #fff;	width: 95% !important; padding: 0;	margin-left: 15px;}
	.JS .sliderLink h2,
	.JS .sliderLink2 h2,
	.JS .sliderLink3 h2 {width: 100%; font-size: 4vw;	font-weight: bold; margin: 0; padding: 0; margin-bottom: 4%; font-family: "Noto Sans JP"; line-height: 1.4; letter-spacing: -1px;}
	.JS .sliderLink p,
	.JS .sliderLink2 p {font-size: 3.07vw; width: 100%;}
	.JS .sliderLink3 p {font-size: 3.07vw; width: 100%;}

	.TopSearchArea {
    		margin: 25px 0 auto;
		}

	.JS .sliderLink a:after, 
	.JS .sliderLink2 a:after, 
	.JS .sliderLink3 a:after {
		top: 100%;
		left: 0%;
		width: 33%;
		height: 40px!important;
		transform: none;
		background-image: url(/-/media/image/renew/top_image02/ico_more_arrow.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 100%;
		}
	.JS .sliderLink3 h2 a {
		color: black!important;
		}

}

/* for - 994px
=========================================================================================== */


@media screen and (max-width: 994px) {
	.slider .sliderLink .button.txt a {
		margin-right: 12%;
	}
	.slider .sliderLink2 .button.txt a {
		margin-right: 0%;
	}
	.slider .sliderLink3 .button.txt a {
		margin-right: 15%;
	}
	.sliderLink h2, .sliderLink2 h2, .sliderLink3 h2 {
		font-size: 20px!important;
	}
}

/* for - 767px
=========================================================================================== */

 @media screen and (max-width: 767px) {
	 .slider .sliderLink .button.txt a {
 		margin-right: 0%;
 	}
 	.slider .sliderLink2 .button.txt a {
 		margin-right: 0%;
 	}
 	.slider .sliderLink3 .button.txt a {
 		margin-right: 0%;
 	}
	 .sliderLink h2, .sliderLink2 h2, .sliderLink3 h2 {
     font-size: 28px!important;
	 }

 	.slider .sliderLink2 h2 {
	text-align:center;
	}

.sliderLink p, .sliderLink2 p, .sliderLink3 p {
	margin-bottom: 10px;
}
.sliderLink:after, .sliderLink2:after, .sliderLink3:after {
    position: static;
		width: 30%;
		height: 40px;
}
}


/* for - 579px
=========================================================================================== */


@media screen and (max-width: 579px) {
	.TopSearchArea {
    margin: 45px 0 auto;
	}
	.sliderLink h2, .sliderLink2 h2, .sliderLink3 h2 {
    font-size: 20px!important;
	}
	.SectionBg_02.SectionBg_Oshirase {
    padding: 40px 0 0 0;
}
}


/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
	.TopSearchArea {
    margin: 45px 0 auto;
	}
}




/* for - 320px
=========================================================================================== */



/* add slide4
=========================================================================================== */
.sliderLink4 {
	position: absolute;
	top: 30%;
	right: 28%;
	display: inline-block;
	background-color: rgba(255,255,255,.6);
	width: 44% !important;
	padding: 1em;
}
.sliderLinkWrap .sliderLink4 h2 {
	text-shadow: 2px 2px 5px #fff, -2px -2px 5px #fff;
	font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	line-height: 1.4;
}
.sliderLinkWrap .sliderLink4 h2 a:link,
.sliderLinkWrap .sliderLink4 h2 a:visited,
.sliderLinkWrap .sliderLink4 h2 a:hover {
	color: #13304b;
	font-size: 1em!important;
	text-shadow: none;
	font-weight: bold;
	text-decoration: none;
}
@media screen and (max-width: 767px){
		.JS .sliderLink4 {
		position: relative;
		top: inherit;
		right: inherit;
		width: 95% !important;
		padding: 1em;
	}
	.JS .sliderLinkWrap .sliderLink4 h2 {
		font-size: 28px!important;
		margin-bottom: 4%;
		font-family: "Noto Sans JP";
	}
	.JS .sliderLinkWrap .sliderLink4 h2 a:link,
	.JS .sliderLinkWrap .sliderLink4 h2 a:visited,
	.JS .sliderLinkWrap .sliderLink4 h2 a:hover {
		font-size: 1em!important;
		text-shadow: none;
		text-decoration: none;
	}
}
@media screen and (max-width: 579px){
	.JS .sliderLinkWrap .sliderLink4 h2 {
		font-size: 20px!important;
	}
}