/* CSS Document */
/*----- last up date 20210715 -----*/

.site-content{
	background: url(../images/top/t_-bg_01.jpg) repeat-y right top/100%;
	width:100%;
	padding-top:130px;
	}
.site-content .site-main section {
	max-width: 995px;
	width: 96%;
	margin: auto;
	position: relative;
	padding-bottom: min(5vw , 50px);
}

.site-content .site-main section figure,
.site-content .site-main section.content01-2 ul.fe li a{
	margin: 0;
	opacity: 0;
	transform: scale(30%, 30%);
	-webkit-transform: scale(.3,.3);
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	transition-duration: 0.3s;
	width: 100%;
	overflow: hidden;
	display:block;
}
.site-content .site-main section.active figure,
.site-content .site-main section.content01-2.active ul.fe li a{
	opacity:1;
	transform: scale(100%, 100%);
	-webkit-transform: scale(1,1);
	}

.site-content .site-main section.active figure img{vertical-align:bottom;}
.site-content .site-main section.active figure:not(.noZoom) img,
.site-content .site-main section.active.content01-2 ul.fe li a img{
	-webkit-transition: .8s ease all;
	-moz-transition: .8s ease all;
	-o-transition: .8s ease all;
	transition: .8s ease all;
	transition-duration: 0.8s;
	transform: scale(100%, 100%);
	-webkit-transform: scale(1,1);
	}

.site-content .site-main section.active figure:not(.noZoom):hover img,
.site-content .site-main section.active.content01-2 ul.fe li a:hover img{
	transform: scale(115%, 115%);
	-webkit-transform: scale(1.15,1.15);
	}

.site-content .site-main section h2,
.site-content .site-main section h3 ,
.site-content .site-main section p	 {
	transform: translate(0%, 50%);
	opacity:0;
	-webkit-transition: .8s ease all;
	-moz-transition: .8s ease all;
	-o-transition: .8s ease all;
	transition: .8s ease all;
	transition-duration: 0.8s;
}
.site-content .site-main section.active h2,
.site-content .site-main section.active h3,
.site-content .site-main section.active p {
	opacity:1;
	transform: translate(0%, 0%);
	}
	

.site-content .site-main section.content01{padding:min(2vw , 20px);	background: #fff;}
.site-content .site-main section.content01 div.wrap {
	background: #eee;
	padding: min(1vw , 10px) min(2vw , 20px);
	display: flex;
	flex-wrap: wrap;
	border-radius: 5px;
	justify-content: space-between;
}

.site-content .site-main section.content01 div.wrap form {
	background: #49a1ca;
	border-radius: 5px;
	display: block;
	width: 100%;
	max-width: 610px;
	position: relative;
	height: 100%;
}
.site-content .site-main section.content01 div.wrap form label{display:none;}
.site-content .site-main section.content01 div.wrap form input.search-field {
	background: none;
	border: none;
	display: block;
	height: 100%;
	width: calc(100% - 50px);
	padding: min(1vw , 10px) 0 min(1vw , 10px) min(2vw , 20px);
	font-size: min(4vw , 22px);
	color: #fff;
}
.site-content .site-main section.content01 div.wrap form input.search-submit {
	position: absolute;
	right: min(1vw , 10px);
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 40px;
	max-height: 40px;
	width: 7vw;
	height: 7vw;
}
.site-content .site-main section.content01 div.wrap ul {
	width: 60vw;
	max-width: min(100% - 650px);
	align-items: center;
}
.site-content .site-main section.content01 div.wrap ul li{}



.site-content .site-main section.content01-2 {
	background: #fff;
	padding: min(4vw , 25px) min(2vw , 15px);
	margin: min(5vw , 30px) auto min(7vw , 60px);
}
.site-content .site-main section.content01-2 h2 {
	font-size: min(5vw , 30px);
	border-bottom: 1px solid #000;
	padding-bottom: min(2vw , 10px);
	margin-bottom: min(2vw , 10px);
	text-align: center;
}
.site-content .site-main section.content01-2 ul.fe {
	width: 100%;
	justify-content:space-around;
}
.site-content .site-main section.content01-2 ul.fe li{width:calc(93% / 3);}
.site-content .site-main section.content01-2 ul.fe + ul.fe{margin-top:min(2vw , 20px);}
.site-content .site-main section.content01-2 ul.fe.bBnr li{width:calc(93% / 2);}
.site-content .site-main section.content01-2 ul.fe li p {
	font-size: min(3.5vw , 15px);
}

.site-content .site-main section.content02{background: #fff;}
.site-content .site-main section.content02 figure{overflow:hidden;}
.site-content .site-main section.content02 figure img{}
.site-content .site-main section.content02 a {
	width: 100%;
	max-width: 950px;
	display: block;
	position: static;
	transition: 0.4s ease-in;
	transform: translate(0%, 0%);
	margin: min(2vw , 20px) auto 0;
}

.site-content .site-main section.content02 a:hover {transform: translate(0%, -20%);}

.site-content .site-main section.content03 {
	background: url(../images/top/t_img_02.jpg) no-repeat right bottom/100% , #fff;
	padding: min(12vw , 100px) 0 0;
	height: 55vw;
	max-height: calc(460px + 5em);
}

.site-content .site-main section.content03 h2 {
	font-size: min(5vw , 53px);
	font-weight: 900;
	color: #692e25;
	text-align: center;
	text-decoration: underline;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.site-content .site-main section.content03 h3 {
	font-size: min(5vw , 53px);
	font-weight: 900;
	color: #bd1b00;
	text-decoration: underline;
	padding: 0 min(2vw , 20px);
	text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.site-content .site-main section.content03 p {
	font-size: min(5vw , 53px);
	font-weight: 900;
	color: #bd1b00;
	padding: 0 min(2vw , 20px);
	text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.site-content .site-main section.content03 p strong{
	color:#690f00;
	font-size: min(5vw , 53px);
	font-weight: 900;
	}
.site-content .site-main section.content03 a {
	width: 60vw;
	max-width: 436px;
	display: block;
	position: absolute;
	bottom: min(1vw , 10px);
	left: min(3vw , 30px);
	transition: 0.4s;
	transform: translate(0%, 0%);
}

.site-content .site-main section.content03 a:hover {transform: translate(0%, -10%);}

.site-content .site-main section.content04 {
	height: 40vw;
	max-height: 500px;
}
.site-content .site-main section.content04::before {
	content: "";
	background: url(../images/top/t_icon_02.png) no-repeat right bottom/100%;
	max-width: 581px;
	max-height: 403px;
	width: 60vw;
	height: 35vw;
	position: absolute;
	left: min(-18vw , -448px);
	bottom: min(-7vw , -70px);
	z-index: 1;
}
.site-content .site-main section.content04::after {
	content: "";
	background: url(../images/top/t_icon_01.png) no-repeat right bottom/100%;
	max-width: 678px;
	max-height: 277px;
	width: 60vw;
	height: 20vw;
	position: absolute;
	right: min(-18vw , -448px);
	bottom: 0;
}
.site-content .site-main section.content04 figure{
	position:absolute;
	}
.site-content .site-main section.content04 figure:nth-of-type(1) {
	width: 40vw;
	max-width: 579px;
	left: 0;
	right: 0;
	margin: auto;
	top: min(3vw , 50px);
}
.site-content .site-main section.content04 figure:nth-of-type(2) {
	width: 21vw;
	max-width: 221px;
	bottom: min(2vw , 30px);
	left: min(22vw , 190px);
}
.site-content .site-main section.content04 figure:nth-of-type(3) {
	width: 40vw;
	max-width: 357px;
	bottom: min(2vw , 30px);
	right: min(15vw , 230px);
}

.site-content .site-main section.content05 {
	background: url(../images/top/t_bg_02.jpg) repeat-y right top/100%;
	width: 100%;
	padding-top: 30px;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.site-content .site-main section.content05 h2 {
	max-width: 785px;/*775px→785px【231030情報更新css調整】*/
	text-align: left;
	margin: auto;
	background: #004186;
	font-size: min(5vw , 42px);
	font-weight: bold;
	padding: 0 min(2vw , 20px);
	color: #fff;
	width: 100%;
}
.site-content .site-main section.content05 h2 span{font-size: min(4vw , 22px); color: #fff;}
.site-content .site-main section.content05 h3 {
	font-size: min(7vw , 52px);
	color: #fff799;
	text-decoration: underline;
	font-weight: 900;
	margin: min(2vw , 20px) auto;
	padding: 0 min(3vw , 10px);
}
.site-content .site-main section.content05 p {
	font-size: min(3.5vw , 32px);
	color: #fff;
	padding: min(2vw , 25px);
}
.site-content .site-main section.content05 ul {
	width: 60vw;
	align-items: center;
	max-width: 300px;
	background: #fff;
	padding: min(2vw, 10px) 0;
	margin: min(4vw , 30px) auto;
}
.site-content .site-main section.content05 ul li{}
.site-content .site-main section.content05 figure {
	width: 100%;
	max-width: 995px;
	margin: auto;
}

.site-content .site-main section.content06{
	padding-top:30px;
}


@media only screen and (max-width:1500px){}

@media only screen and (max-width:1250px){
}