@charset "utf-8";

/* ============================================
	hero
============================================ */
.hero{
	position:relative;
	width: 100%;
	color:#ffffff;
	background: url(/files/bg_home_01.svg) #1a5fbd;/* blue100 */
	background-size: cover;
}

/*IE11*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .hero {
	background: url(/files/bg_home_01.png) #1a5fbd;/* blue100 */
	background-size: cover;
	}
}

/*edge*/
@supports (-ms-ime-align: auto) {
 .hero {
	background:url(/files/bg_home_01.png) #1a5fbd;/* blue100 */
	background-size: cover;
	}
}

/*main visual*/
.hero-visual{width: 100%;}
	.hero-visual-copy{
		margin:0;
		padding: 70px 0 0 0; /* 2024-04-01変更 (left:2.5vm->0)*/
		color:#ffffff;
		font-size: 4.8vw;
		font-weight: 700;
		/* font-family: 'Noto Sans JP', sans-serif; 2024-04-01変更 */
        text-align:center; /*2024-04-01追加*/
    }
	.hero-visual-copy-suppl{ /*2024-04-01追加*/
		padding: 0 0 55px 0;
        word-break: auto-phrase;
        text-align:center; /*2024-04-01追加*/
	    margin-bottom:0; /* 2024-04-05追加 */
    }

    .ja .br-hero-visual-copy { display: none;}
	.en .br-hero-visual-copy { display: inline;}

	@media screen and (min-width: 768px){ /* 2024-04-01追加 */
	    .hero-visual-copy-suppl{
	    padding: 0 0 90px 0;
	    }
}
	
	@media screen and (min-width: 980px){
		.hero-visual-copy{font-size: 342.8%;/*48px*/}
	    .hero-visual-copy-suppl{
	    padding: 0 0 90px 0; /* 2024-04-01追加 */
	    }
}

	.hero-visual-button{
		margin: 0;
    padding: 2em 0 5em 0vw;
	}
	.hero-visual-button a{
		display: block;
		width: 180px;
		height: 40px;
		margin: 0;
		border: 1px solid #ffffff;
		border-radius: 20px;
		color: #ffffff;
		font-family: 'Noto Sans JP', sans-serif; /* 2024-04-01変更 */
		text-decoration:none;
		text-align: center;
		line-height: 2.6em;
		background: url(/common/files/ico_arrow_right_02.svg) no-repeat right 10px center;
		background-size: 16px;
	}
		.hero-visual-button a:hover{background-color: rgba(255,255,255,0.1);}

@media screen and (max-width:768px){
	.hero-visual-copy{
		padding: 30px 0 0 0;
		font-size: 7vw;
	}
	.ja .br-hero-visual-copy { display: inline;}
	.en .br-hero-visual-copy { display: none;}
	.hero-visual-button{
		display:block;
		width:180px;
		height: 40px;
		padding: 1em 0 7em 0;
		margin:0 auto 30px;
	}
	.hero-visual-button a{margin: 10px 0 0 0;}
}

/* service

	.hero-service{
		width: 100%;
		margin: 75px 0 0 0;
		background: rgba(26,95,189,0.4);
	}
	.hero-service-in.inner{padding: 0;}

		.list-hero-service{
			display: flex;
			justify-content: space-between;
			margin: 0;
			padding: 20px calc(20px + 2.5vw);
			list-style:none;
		}

		.list-hero-service li{
			width: calc(100% / 7);
			margin: 0 1.2vw 0 0;
			border-radius: 5px;
		}
			.list-hero-service li a{display:block; padding: 5px 0;}
		
		.list-hero-service li.item-hero-service-more{
			margin-right: 0;
		}
			.list-hero-service li.item-hero-service-more a{
				display:flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				border: 1px solid #ffffff;
				border-radius :5px;
				color: #ffffff;
				font-family: 'Noto Sans JP', sans-serif;
				line-height: 1.25;
				text-decoration: none;
       			background: url(/common/files/ico_arrow_right_02.svg) no-repeat right 4px center;
			}
				.list-hero-service li.item-hero-service-more a:hover{background-color: rgba(255,255,255,0.1);}
	
	@media screen and (max-width:768px){
		.hero-service{margin-top: 30px;}
		.list-hero-service{
			flex-wrap: wrap;
			padding: 10px 20px 20px 20px;
		}
			.list-hero-service li{
				width: calc(100% / 3 - 14px);
				height: auto;
				margin-bottom: 10px;
				text-align: center;
			}
				.list-hero-service li:nth-child(-n+3){margin-bottom:0;}
				.list-hero-service .link-hero-service{display: block; padding: 0;}
				.list-hero-service li:nth-child(3n){margin-right: 0;}
				.list-hero-service li:last-child{margin-bottom: 0;}
			.img-home-service{max-width: 65%;}


				.list-hero-service li.item-hero-service-more{
					width: 100%;
					height: 24px !important;
					margin: 10px 10px 0 0;
					text-align: right;
				}
				.list-hero-service li.item-hero-service-more a{
					display:inline;
					width: auto !important;
					height: auto !important;
					padding: 0 0 0 14px;
					border: none;
					background:none;
				}
					.list-hero-service li.item-hero-service-more a:hover{background-color: transparent;text-decoration: underline;}
					.list-hero-service li.item-hero-service-more a::before{
						content: url("/common/files/ico_arrow_right_02.svg");
						margin: 5px 3px 0 0;
					}
		.br-home-service-more{display: none;}
	}
 */


/* ============================================
	home-maintenance
============================================ */
.home-maintenance {
	color: #ffffff;
	background: #4d4d4d;/* K070 */
}
	.home-maintenance-in {
		display: flex;
		justify-content: center;
		padding-top: 5px;
		padding-bottom: 5px;
	}
.home-maintenance a { color: #ffffff;}
.home-maintenance a[target="_blank"]::after { content: url("/common/files/ico_blank_02.svg");}

/* list-home-maintenance */
.list-home-maintenance {
	list-style: none;
	margin: 0;
}
	.item-home-maintenance {
		margin: 5px 0;
		padding-left: 17px;
		font-size: 85.7%;/* 12px */
		background: no-repeat left calc(0.75em - 6px);
	}
	.item-home-maintenance-caution { background-image: url("/common/files/ico_caution_02.svg");}
	.item-home-maintenance-notice { background-image: url("/common/files/ico_notice_02.svg");}


/* ============================================
	home-news
============================================ */
.home-news {}
	.home-news-in {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	@media screen and (max-width:480px) {
	.home-news-in {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	}

/* mod-tab-news */
.mod-tab-news { margin-top: 40px;} /*2024-04-01変更 (60->40)*/
	.mod-tab-list-news {}
		.mod-tab-list-news li { width: 7em;}
		@media screen and (max-width:480px) {
		.mod-tab-list-news li {
			width: 100%;
			max-width: calc(25% - 5px);
		}
		}
			.mod-tab-list-news a {}
			@media screen and (max-width:480px) {
			.mod-tab-list-news a {
				padding-right: 0;
				padding-left: 0;
			}
			}


/* ============================================
	rcmd
============================================ */
.rcmd { background: #f2f2f2;/* k005 */}
	.rcmd-in {
		padding-top: 20px;
		padding-bottom: 20px;
	}