@charset "UTF-8";

/*↓↓↓↓↓↓↓↓↓↓カテゴリ名↓↓↓↓↓↓↓↓↓↓*/
/*------------------------

top

------------------------*/


.slider-wrapper ul {
margin: 0px;
}

.bx-viewport, .bx-wrapper{
	position:relative;width:100%;height: 400px;top:0;left:0;
}

.bxslider, .bxslider li {
height: 440px;
}

.bxslider li {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
display: none;
}
.bx-viewport .bxslider li {
  display: block !important; /*JSが読み込まれたら表示*/
}
.bxslider li.main01 {
	background-image:url(../images/main01.png?2025);
}
.bxslider li.main02 {
	background-image:url(../images/main02.png?2025);
}
.bxslider li.main03 {
	background-image:url(../images/main03.png?2025);
}

main .slider {
    margin-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
	.bx-viewport, .bx-wrapper{
    height: 45vw;
}
	
.bxslider, .bxslider li {height: 45vw;}
.bxslider li {background-size: 280%;}
	
}



		.wrap-top-item {
			background: linear-gradient(0deg, rgba(216,216,216,1) 0%, rgba(252,252,252,1) 100%);
			border-bottom: #bbbbbb 1px solid;
			border-left: 1px solid;
			border-right: 1px solid;
			border-image: linear-gradient(to top, #bbb, #fff) 1;
			display: flex;
			justify-content: center;
			max-width: 104rem;
			width: 100%;
			margin: 0 auto 2rem;
			padding: 0 0 3rem;
			position: relative;
		}
		.wrap-top-item::before,
		.wrap-top-item::after {
			content: '';
			border-radius: 50%;
			background: #e0e0e0;
			box-shadow: 0px 0px 40px #999;
			height: 80%;
			width: 2rem;
			top: 15%;
			position: absolute;
			z-index: -1;
		}
		.wrap-top-item::before {
			left: 0;
		}
		.wrap-top-item::after {
			right: 0;
		}
		.wrap-top-item dl {
			width: calc((100% - 9rem) / 4);
			max-width: 22.2rem;
			background: url(/common/images/wrap_contact_back.png?2025);
			border-bottom: 2px solid #787878;
			border-left: 1px solid;
			border-image: linear-gradient(to top, #bbb, #fff) 1;
			position: relative;
			padding: 2.5rem 0 1.5rem 1.25rem;
		}
		.wrap-top-item dl:not(:last-child) {
			margin-right: 3rem;
		}
		.wrap-top-item dl::before {
			content: '';
			background: linear-gradient(0deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			width: 100%;
			height: 50%;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		.wrap-top-item dl > * {
			position: relative;
		}
		.wrap-top-item dl dt {
			font-size: 1.8rem;
			font-weight: bold;
			text-align: center;
			width: calc(100% - .75em);
		}
		.wrap-top-item dl dt::after {
			content: '';
			width: 5rem;
			height: 4px;
			display: block;
			background: url(/common/images/h3_bg.png?2025);
			margin: 1rem auto .5rem;
		}
		.wrap-top-item dl dt::before {
			content: '';
			background-size: contain;
			position: absolute;
			height: 11.5rem;
			width: 100%;
			top: -13rem;
			left: 0;
		}
		.top-item-01::before {
			background: url(/common/images/item01.png?2025) no-repeat bottom center;
		}
		.top-item-02::before {
			background: url(/common/images/item03.png?2025) no-repeat bottom center;
		}
		.top-item-03::before {
			background: url(/common/images/item04.png?2025) no-repeat bottom center;
		}
		.top-item-04::before {
			background: url(/common/images/item02.png?2025) no-repeat bottom center;
		}
		.wrap-top-item dl dd {
			min-height: 11em;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			line-height: 1.5;
		}
		.wrap-top-item a.common_btn {
			font-size: 1.6rem;
			padding: .5em;
			width: calc(100% - 1.25em);
    	margin-left: .25em;
		}
		.top-sub-item {
			display: flex;
			margin: 0 auto 3rem;
			width: 98rem;
		}
		.top-sub-item li {
			width: 22.5rem;
			height: 15.5rem;
		}
		.top-sub-item li:not(:last-child) {
			margin-right: 2.5rem;
		}
		.top-sub-item a {
			font-size: 1.6rem;
			font-weight: bold;
			text-align: center;
			padding-top: 1em;
			display: block;
			width: 100%;
			height: 100%;
		}
		.top-sub-item .sub-item01 {
			background: url(/common/images/sub-item01.png?2025) no-repeat left top;
		}
		.top-sub-item .sub-item02 {
			background: url(/common/images/sub-item02.png?2025) no-repeat left top;
		}
		.top-sub-item .sub-item03 {
			background: url(/common/images/sub-item03.png?2025) no-repeat left top;
		}
		.heading2.top {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.heading2.top p {
			font-size: 1.6rem;
			margin: 0;
			line-height: 1;
		}
		.heading2.top span {
			display: block;
			color: #1f77bf;
			font-size: 1.3rem;
			font-family: Georgia, "Times New Roman", Times, "serif";
			margin-top: .25em;
		}
		.heading2.top a.common_btn {
			font-size: 1.3rem;
			font-weight: normal;
			position: relative;
			padding: .75em 1em;
			line-height: 1;
		}
		.arrow::before {
			content: "";
			display: inline-block;
			width: 6px;
			height: 6px;
			margin-right: .5em;
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.top_baner {
			max-width: 280px;
			margin: auto;
		}
		.top_baner li {
			margin-bottom: 1em;
		}
		
		@media screen and (max-width: 767px) {
			.wrap-top-item {
				display: block;
				padding: 0 1em 3rem;
				margin-top: 12rem;
			}
			.wrap-top-item dl {
				max-width: 48rem;
				width: 100%;
				padding: 2.5rem 1.25rem 1.5rem 1.25rem;
				margin: 7rem auto 0 !important;
			}
			.wrap-top-item dl dt {
				width: 100%;
			}
		.wrap-top-item dl dt::before {
			height: 8rem;
			top: -8rem;
			}
			.wrap-top-item dl dd {
				min-height: inherit;
			}
			.wrap-top-item a.common_btn {
				margin: 1em auto 0;
			}
			.top-sub-item {
				display: block;
				width: 22.5rem;
				margin: 3em auto;
			}
			.top-sub-item li:not(:last-child) {
				margin-right: 0;
				margin-bottom: 1em;
			}
		}