@charset "utf-8";
/* CSS Document */

/* ==============================
トップページ　キービジュアル
================================= */

.block__key_visual {
	width: 100%;
	position: relative;
	display: block;
	background-color: #001925;
	z-index: 0;
}

.block__key_visual img {
	width: 100%;
	height: auto;
}

.main_imgBox {
    height: 680px;
    overflow: hidden;
    position: relative;
    opacity: 0.8;
}

.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; 
}

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }


@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.2);
                    z-index:9;
    }
    100% { opacity: 0 }
}

.kv_top-block__h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 15;
}
.kv_top-block__h2 h2 {
	margin-bottom: 2.0rem;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
/*	font-family: 'Noto Serif JP', sans-serif;*/
	line-height: 1.3;
/*	line-height: 1.5;*/
/*	color: #faf0e6;*/
	color: #fffaf0;
/*	color: #fff;*/
	font-size: 3.75rem;
/*	font-size: 2.813rem;*/
	font-weight: 800;
/*	font-weight: 500;*/
	/*text-align: center;*/
	text-align: center;
/*	text-align: left;*/
	letter-spacing: 0.05rem;
	white-space: nowrap;
}

.kv_top-block__h2 h2:before {
    display: none;
}

.kv_top-block__h2 p {
/*	font-family: 'Noto Serif JP', sans-serif;*/
	line-height: 1.3;
/*	line-height: 1.5;*/
/*	color: #faf0e6;*/
	color: #fffaf0;
/*	color: #fff;*/
	font-size: 1.75rem;
/*	font-size: 2.813rem;*/
	font-weight: 500;
/*	font-weight: 500;*/
	/*text-align: center;*/
	text-align: center;
/*	text-align: left;*/
	letter-spacing: 0.05rem;
	white-space: nowrap;
}

/* コンテンツフレーム */
.container__top {
    max-width: 1280px;
	margin: 100px auto 150px;
	padding: 0 40px;
}

/* 見出し関係 */
.h3__top {
	position: relative;
	text-align: center;
}

.h3__top::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: inline-block;
	width: 60px;
	height: 2px;
	background-color: #707070;
	transform: translateX(-50%);
}

.p__top--subtitle {
	margin: 40px 0 50px;
	text-align: center;
	font-size: 2.25rem;
	font-weight: 700;
	color: #707070;
}

.p__top--comment {
	text-align: center;
}

/* 事業内容 */
.fb__top--business {
	display: flex;
	justify-content: space-between;
}

a.item__top--business {
	display: inline-block;
	width: calc(100% / 3 - 15px);
}

a.item__top--business:hover {
	opacity: 0.7;
}

.img__top--business-item {
	width: 100%;
}

.img__top--business-item img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.block__top--business-item {
	width: 100%;
	padding: 10px;
}

.block__top--business-item h4 {
	font-size: 1.25rem;
	font-weight: 500;
}

.block__top--business-item h4 i {
	color: #65BA28;
}

/* お知らせ */
.fb__top--info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
/*	margin: 30px 0;*/
	width: 100%;
}

.item__top--info {
    width: calc(25% - 20px);
}

.eyecatch__top--info img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 5px;
}

.title-area__top--info {
	width: 100%;
	padding: 10px 0;
}

.p__post--cate {
	display: inline-block;
	margin: 0.313rem 0;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	color: #fffaf0;
/*	color: #fff;*/
	line-height: 1.0;
	background-color: #aaa;
	border-radius: 3px;
}

.fb__post--date-new {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.p__post--date {
	margin-right: 0.5rem;
}

.icn__new--mark {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	font-size: 0.8rem;
	color: #fffaf0;
/*	color: #fff;*/
	line-height: 1.0;
	background-color: #ff3399;
	border-radius: 3px;
}

.item__top--info a:hover {
    opacity: 0.7;
}

/* お問い合わせ */
.fb__top--contact {
	display: flex;
	align-items: center;
	width: 100%;
}

.item__top--contact-comment , .item__top--contact-img {
	width: 50%;
}

.item__top--contact-comment {
	padding-right: 20px;
	text-align: center;
}

.img__top--contact-comment {
	display: none;
}

.item__top--contact-img img {
	width: 100%;
/*	aspect-ratio: 1.5;*/
	height: auto;
	border-radius: 10px;
}



@media (max-width: 1280px) {

}



@media (max-width: 1024px) {

.main_imgBox {
    height: 540px;
}

.main_img {
    height: 540px;
}

.kv_top-block__h2 h2 {
	margin-bottom: 1.6rem;
	font-size: 3.0rem;
}

.kv_top-block__h2 p {
	font-size: 1.375rem;
}

.container__top {
    width: 100%;
	margin: 80px auto 120px;
	padding: 0 32px;
}

.p__top--subtitle {
	margin: 32px 0 40px;
	font-size: 1.813rem;
}

/* 事業内容 */
.fb__top--business {
/*	display: flex;*/
	flex-wrap: wrap;
	justify-content: flex-start;
}

a.item__top--business {
/*	display: inline-block;*/
	width: calc(50% - 20px);
	margin: 10px;
}

.img__top--business-item img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* 新着情報 */
.item__top--info {
    width: calc(50% - 10px);
	margin: 5px 0;
}


}


@media (max-width: 768px) {

.main_imgBox {
    height: 410px;
}

.main_img {
    height: 410px;
}

.kv_top-block__h2 h2 {
	margin-bottom: 1.2rem;
	font-size: 2.25rem;
}

.kv_top-block__h2 p {
	font-size: 1.05rem;
}

.container__top {
	margin: 60px auto 90px;
	padding: 0 24px;
}

.p__top--subtitle {
	margin: 24px 0 30px;
	font-size: 1.375rem;
}

.p__top--comment {
	text-align: left;
}

/* 事業内容 */
.fb__top--business {
	flex-direction: column;
}

a.item__top--business {
	width: 100%;
	margin: 5px 0;
}

.fb__top--business-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fb__reverse {
	flex-direction: row-reverse;
}

.img__top--business-item {
	width: 50%;
}

.img__top--business-item img {
	border-radius: 5px;
}

.block__top--business-item {
	width: 50%;
	text-align: center;
}

.block__top--business-item h4 {
	font-size: 1.125rem;
}

/* お問い合わせ */
.fb__top--contact {
	flex-direction: column;
}

.item__top--contact-comment , .item__top--contact-img {
	width: 100%;
}

.item__top--contact-comment {
	padding-right: 0;
}

.img__top--contact-comment {
	display: block;
	width: 100%;
	margin: 30px auto;
}

.img__top--contact-comment img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 5px;
}

.item__top--contact-img {
	display: none;
}


}


@media (max-width: 640px) {

.main_imgBox {
    height: 340px;
}

.main_img {
    height: 340px;
}

.kv_top-block__h2 h2 {
	margin-bottom: 1.0rem;
	font-size: 1.875rem;
}

.kv_top-block__h2 p {
	font-size: 0.875rem;
}

.container__top {
	margin: 50px auto 75px;
	padding: 0 20px;
}

.p__top--subtitle {
	margin: 20px 0 25px;
}


}