/* CSS Document */


/*- menu -*

header, nav, menuBtn, visuell, homeMessage, homeNews, homeAbout, homeIRinfo, homeSustainability, homeRecruit, homeSearch

* filetop *
------------------------------------------------------------------------------------------------------------------------------------------*/


/*- File name [ index/style.css ] -*/

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

* all

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

/* screen width 768px未満
---------------------------------------------------------------------*/

/* Title */
#index .Title{
	position: relative;
	text-align: center;
	line-height: 1.2;
}

#index .Title::after,
#index .Title::before{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
}

#index .Title::before{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	aspect-ratio: 1 / 0.813;
	z-index: 2;
	width: clamp(48px, 6vw, 80px);
	transform: translate(-50%, -100%);
}

#index .Title::after{
	border-top-right-radius: clamp(137.5px, 18vw, 228px);
	border-top-left-radius: clamp(137.5px, 18vw, 228px);
	border-bottom: 0;
	border-right: clamp(137.5px, 18vw, 228px) solid #FFFFFF;
	border-left: clamp(137.5px, 18vw, 228px) solid #FFFFFF;
	border-top: clamp(137.5px, 18vw, 228px) solid #FFFFFF;
	transform: translate(-50%, -60%);
	z-index: 1;
	filter: blur(15px);
	height: 0;
	width: 0;
}

#index .Title *{
	position: relative;
	z-index: 3;
}

#index .Title small{
	font-weight: 400;
	font-size: clamp(1.6rem, 2vw, 2rem);
}

#index .Title .ff-Montserrat{
	font-weight: 600;
	font-size: clamp(3rem, 4vw, 5rem);
	color: #00A73C;
}

/* menuLists */
#index .menuLists{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border-top: 1px solid;
	border-image: linear-gradient(to right, #DADAD9, #DADAD9 calc(50% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(50% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(50% + (clamp(20px, 2.6vw, 40px) / 2)), #DADAD9 calc(50% + (clamp(20px, 2.6vw, 40px) / 2))) 1;
}

#index .menuLists > li:nth-of-type(odd){
	border-right: 1px solid;
	border-image: linear-gradient(transparent calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent) 1;
}

#index .menuLists > li a{
	display: flex;
	align-items: center;
	border-bottom: 1px solid;
	line-height: 1.6;
	height: clamp(100px, 13vw, 150px);
}

#index .menuLists > li:nth-of-type(odd) a{
	border-image: linear-gradient(to right, #DADAD9, #DADAD9 calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent) 1;
}

#index .menuLists > li:nth-of-type(even) a{
	border-image: linear-gradient(to right, transparent, transparent calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9) 1;
}

#index .menuLists > li a::before{
	content: "";
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	aspect-ratio: 1 / 0.872;
	min-width: clamp(39px, 5vw, 78px);
	width: clamp(39px, 5vw, 78px);
}

#index .menuLists > li a:hover{
	background: #F2FBF5;
}

/* all */
#index main{
	display: grid;
}

#index *[id^="home"]:not(#homeMessage)::before{
	content: "";
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: clamp(200px, 16vw, 300px);
	box-sizing: border-box;
}

#index *[id^="home"]:not(#homeMessage) > .inhalt{
	background: #FFFFFF;
	padding: 0 15px clamp(35px, 4.6vw, 60px);
}

#index *[id^="home"]:not(#homeMessage) > .inhalt > *{
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
}

#index *[id^="home"]:not(#homeMessage) > .inhalt > * > * + *{
	margin-top: clamp(35px, 4.6vw, 60px);
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	/* Title */
	#index .Title::before{
		position: relative;
		transform: translate(0, -16px);
		margin: 0 auto;
		left: auto;
	}

	#index .Title::after{
		transform: translate(-50%, -30%);
	}

	#index .Title span,
	#index .Title small{
		margin-top: -16px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
	/* all */
	main{
		margin-left: 0;
	}
	
	#index *[id^="home"]{
		margin-left: 280px;
	}
	
	#index *[id^="home"]:not(#homeMessage)::before{
		background-attachment: fixed;
		background-position: 280px center;
		background-size: calc(100vw - 280px) auto;
	}
	
}







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

* header, nav

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

/* screen width 768px未満
---------------------------------------------------------------------*/
/* header */
header{
	transition: 0.7s;
	background: none;
	position: fixed;
	z-index: 999999;
	width: 100%;
	left: 0;
	top: 0;
}

header #hinner h1 .fuji-logo-red,
header #hinner h1 .fuji-logo-green{
	transition: 0.7s;
	fill: #FFFFFF;
}

header.andern{
	background: #FFFFFF;
}

header.andern #hinner h1 .fuji-logo-red{
	fill: #E5005C;
}

header.andern #hinner h1 .fuji-logo-green{
	fill: #00A73C;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	/* header */
	header{
		backdrop-filter: blur(7px) brightness(0.95) saturate(1.3);
	}
	
	/* nav */
	nav #navinner #navList > li > *:not(ul),
	nav #navinner #navList > li > span + ul > li > a{
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
		color: #FFFFFF;
	}
	
	header.andern nav #navinner #navList > li > *:not(ul),
	header.andern nav #navinner #navList > li > span + ul > li > a{
		text-shadow: none;
		color: #38525B;
	}
	
	/* :hover */
	nav #navinner #navList > li > span.active,
	nav #navinner #navList > li > *:not(ul):hover{
		text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
		background: #FFFFFF;
		color: #38525B;
	}
	
	header.andern nav #navinner #navList > li > span.active,
	header.andern nav #navinner #navList > li > *:not(ul):hover{
		background: #38525B;
		color: #FFFFFF;
	}
	
}







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

* menuBtn

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#menuBtn > .inner span,
#menuBtn > .inner::after,
#menuBtn > .inner::before{
	background: #FFFFFF;
}

header.andern #menuBtn > .inner span,
header.andern #menuBtn > .inner::after,
header.andern #menuBtn > .inner::before{
	background: #00A73C;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* visuell

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#visuell{
	position: relative;
}

#visuell article{
	position: relative;
	z-index: 99;
	padding: clamp(100px, 11vw, 210px) 30px calc(clamp(20px, 5.3vw, 100px) + 150px);
	min-height: calc(100vh + clamp(20px, 5.3vw, 100px));
}

#visuell article h3 img{
	margin: 0 auto;
	width: clamp(140px, 14vw, 190px);
}

/* importantNotice */
#visuell #importantNotice{
	border-radius: clamp(10px, 1.4vw, 20px);
	border: 3px solid #F05049;
	background: #FFFFFF;
	text-align: center;
	padding: 10px 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: clamp(24px, 3.2vw, 48px);
	max-width: 1280px;
}

#visuell #importantNotice *{
	color: #F05049;
}

#visuell #importantNotice h4{
	font-size: clamp(1.8rem, 2.4vw, 2.4rem);
}

#visuell #importantNotice p{
	font-size: clamp(1.4rem, 1.8vw, 2rem);
}

#visuell #importantNotice p a{
	text-decoration: underline;
}

/* visuellSlider */
#visuell #visuellSlider{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

/* :hover */
#visuell #importantNotice p a:hover{
	text-decoration: none;
	opacity: 0.7;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#visuell article{
		margin-left: auto;
		width: calc(100% - 280px);
	}
	
}







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

* homeMessage

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeMessage{
	background: #F2FBF5;
	padding: 0 15px;
}

#homeMessage .Title::before{
	background-image: url("../../img/icon/message_green.svg");
}

/* contentsBox */
#homeMessage .contentsBox{
	position: relative;
	border-radius: clamp(12px, 1.2vw, 20px);
	box-shadow: 0 0 clamp(8px, 0.6vw, 10px) rgba(0, 0, 0, 0.3);
	background: url("../../img/index/message/bg_sp.png") no-repeat center, #FFFFFF;
	background-size: 100% auto;
	padding: 0 clamp(16px, 3.8vw, 72px) clamp(20px, 3.8vw, 72px);
	margin-bottom: calc(clamp(20px, 5vw, 100px) * -1);
	margin-right: auto;
	margin-left: auto;
	margin-top: calc(clamp(50px, 5.3vw, 100px) * -1);
	max-width: 1280px;
	z-index: 99;
}

#homeMessage .contentsBox > * + *{
	margin-top: 20px;
}

#homeMessage .contentsBox .columnBox_zwei{
	display: grid;
	row-gap: clamp(20px, 5.2vw, 40px);
	position: relative;
	z-index: 2;
}

#homeMessage + *{
	margin-top: clamp(-20px, -5.3vw, -100px);
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/* contentsBox */
	#homeMessage .contentsBox{
		background: url("../../img/index/message/bg_pc.png") no-repeat right top, #FFFFFF;
	}
	
	#homeMessage .contentsBox .columnBox_zwei{
		grid-template-columns: repeat(2, 1fr);
		column-gap: clamp(36px, 3.8vw, 72px);
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	/* contentsBox */
	#homeMessage .contentsBox .columnBox_zwei{
		grid-template-columns: minmax(400px, 1fr) 2fr;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* homeNews

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeNews::before{
	background-image: url("../../img/index/news/bg_sp.jpg");
	height: clamp(220px, 29vw, 500px) !important;
}

#homeNews .inhalt .Title::before{
	background-image: url("../../img/icon/news_green.svg");
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#homeNews::before{
		background-image: url("../../img/index/news/bg_pc.jpg");
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* homeAbout

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeAbout::before{
	background-image: url("../../img/index/about/bg_sp.jpg");
}

#homeAbout .inhalt .Title::before{
	background-image: url("../../img/icon/about_green.svg");
}

/* menuLists */
#homeAbout .inhalt .menuLists > li a{
	column-gap: clamp(16px, 3.1vw, 48px);
	padding: 0 clamp(20px, 4vw, 80px);
}

#homeAbout .inhalt .menuLists #btn-about::before{
	background-image: url("../../img/icon/bill_green.svg");
}

#homeAbout .inhalt .menuLists #btn-topmess::before{
	background-image: url("../../img/icon/pen_green.svg");
}

#homeAbout .inhalt .menuLists #btn-history::before{
	background-image: url("../../img/icon/ashiato_green.svg");
}

#homeAbout .inhalt .menuLists #btn-mp::before{
	background-image: url("../../img/icon/flower_green.svg");
}

#homeAbout .inhalt .menuLists #btn-accessmap::before{
	background-image: url("../../img/icon/accessmap_green.svg");
}

#homeAbout .inhalt .menuLists #btn-guide::before{
	background-image: url("../../img/icon/book_green.svg");
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#homeAbout::before{
		background-image: url("../../img/index/about/bg_pc.jpg");
	}
	
	/* menuLists */
	#homeAbout .inhalt .menuLists > li a br{
		display: none;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	/* menuLists */
	#homeAbout .inhalt .menuLists{
		grid-template-columns: repeat(3, 1fr);
		border-top: none;
	}
	
	#homeAbout .inhalt .menuLists > li:nth-of-type(odd){
		border-right: none;
	}
	
	#homeAbout .inhalt .menuLists > li{
		border-left: 1px solid;
		border-image: linear-gradient(transparent calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent) 1;
	}
	
	#homeAbout .inhalt .menuLists > li:last-of-type,
	#homeAbout .inhalt .menuLists > li:nth-of-type(3n){
		border-right: 1px solid;
	}

	#homeAbout .inhalt .menuLists > li a{
		border-image: linear-gradient(to right, transparent calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent) 1 !important;
	}
	
	#homeAbout .inhalt .menuLists > li:nth-of-type(3n+1):nth-last-child(-n+3) a,
	#homeAbout .inhalt .menuLists > li:nth-of-type(3n+1):nth-last-child(-n+3) ~ * a{
		border-bottom: none;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	/* menuLists */
	#homeAbout .inhalt .menuLists > li a br{
		display: block;
	}
	
}




/* PC用1400px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1400px){
	
	/* menuLists */
	#homeAbout .inhalt .menuLists > li a br{
		display: none;
	}
	
}







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

* homeIRinfo

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeIRinfo::before{
	background-image: url("../../img/index/irinfo/bg_sp.jpg");
}

#homeIRinfo .inhalt .Title::before{
	background-image: url("../../img/icon/irinfo_green.svg");
}

/* menuLists */
#homeIRinfo .inhalt .menuLists > li a{
	column-gap: clamp(16px, 3.1vw, 40px);
	padding: 0 clamp(20px, 4vw, 40px);
}

#homeIRinfo .inhalt .menuLists #btn-irinfo::before{
	background-image: url("../../img/icon/people_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-monsales::before{
	background-image: url("../../img/icon/bargraph_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-results::before{
	background-image: url("../../img/icon/monitor_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-irmate::before{
	background-image: url("../../img/icon/graph_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-report::before{
	background-image: url("../../img/icon/bookshelf_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-hs::before{
	background-image: url("../../img/icon/ticket_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-gms::before{
	background-image: url("../../img/icon/sokai_green.svg");
}

#homeIRinfo .inhalt .menuLists #btn-epn::before{
	background-image: url("../../img/icon/linechart_green.svg");
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#homeIRinfo::before{
		background-image: url("../../img/index/irinfo/bg_pc.jpg");
	}
	
	/* menuLists */
	#homeIRinfo .inhalt .menuLists > li a br{
		display: none;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}




/* PC用1320px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1320px){
	
	/* menuLists */
	#homeIRinfo .inhalt .menuLists{
		grid-template-columns: repeat(4, 1fr);
		border-top: none;
	}
	
	#homeIRinfo .inhalt .menuLists > li:nth-of-type(odd){
		border-right: none;
	}
	
	#homeIRinfo .inhalt .menuLists > li{
		border-left: 1px solid;
		border-image: linear-gradient(transparent calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent) 1;
	}
	
	#homeIRinfo .inhalt .menuLists > li:last-of-type,
	#homeIRinfo .inhalt .menuLists > li:nth-of-type(4n){
		border-right: 1px solid;
	}

	#homeIRinfo .inhalt .menuLists > li a{
		border-image: linear-gradient(to right, transparent calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(clamp(20px, 2.6vw, 40px) / 2), #DADAD9 calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent calc(100% - (clamp(20px, 2.6vw, 40px) / 2)), transparent) 1 !important;
	}
	
	#homeIRinfo .inhalt .menuLists > li:nth-of-type(4n+1):nth-last-child(-n+4) a,
	#homeIRinfo .inhalt .menuLists > li:nth-of-type(4n+1):nth-last-child(-n+4) ~ * a{
		border-bottom: none;
	}
	
}







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

* homeSustainability

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeSustainability::before{
	background-image: url("../../img/index/sustainability/bg_sp.jpg");
}

#homeSustainability .inhalt .Title::before{
	background-image: url("../../img/icon/sustainability_green.svg");
}

/* columnBox_zwei */
#homeSustainability .inhalt .columnBox_zwei{
	border-bottom: 1px solid #DADAD9;
	border-top: 1px solid #DADAD9;
	padding: clamp(16px, 2vw, 32px) clamp(16px, 2vw, 32px) clamp(30px, 3.5vw, 60px);
}

#homeSustainability .inhalt .columnBox_zwei .text{
	margin-top: clamp(30px, 3.5vw, 60px);
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#homeSustainability::before{
		background-image: url("../../img/index/sustainability/bg_pc.jpg");
	}
	
	/* columnBox_zwei */
	#homeSustainability .inhalt .columnBox_zwei{
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		padding: clamp(30px, 3.5vw, 60px) 0;
	}
	
	#homeSustainability .inhalt .columnBox_zwei > *{
		padding-left: clamp(18px, 1.9vw, 36px);
		width: 50%;
	}

	#homeSustainability .inhalt .columnBox_zwei .text{
		margin-top: 0;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* homeRecruit

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeRecruit::before{
	background-image: url("../../img/index/recruit/bg_sp.jpg");
}

#homeRecruit > .inhalt{
	padding-bottom: clamp(50px, 6.6vw, 120px) !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#homeRecruit .inhalt .Title::before{
	background-image: url("../../img/icon/recruit_green.svg");
}

#homeRecruit .inhalt .box{
	padding: 0 30px;
}

#homeRecruit .inhalt .box > *{
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
}

/* contentsImage */
#homeRecruit .inhalt .contentsImage{
	margin-top: 0 !important;
}

#homeRecruit .inhalt .contentsImage img{
	margin: 0 auto;
}

/* columnBox_zwei */
#homeRecruit .inhalt .box .columnBox_zwei{
	display: grid;
	row-gap: clamp(35px, 4.6vw, 60px);
}

#homeRecruit .inhalt .box .columnBox_zwei .text > * + *{
	margin-top: clamp(16px, 2.1vw, 32px);
}

/* etcLists */
#homeRecruit .inhalt .box .etcLists{
	display: grid;
	justify-content: center;
}

#homeRecruit .inhalt .box .etcLists::after{
	content: "…etc";
	display: block;
	text-align: right;
	font-weight: 700;
	font-size: clamp(1.6rem, 2.1vw, 2.4rem);
	color: #DADAD9;
}

#homeRecruit .inhalt .box .etcLists > li{
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: clamp(6px, 0.8vw, 12px);
	align-items: center;
	font-weight: 700;
	font-size: clamp(1.6rem, 2.1vw, 2.4rem);
	color: #00A73C;
}

#homeRecruit .inhalt .box .etcLists > li::before{
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	background-image: radial-gradient(circle, #00A73C, #00A73C calc(clamp(6px, 0.8vw, 10px) / 2), transparent calc(clamp(6px, 0.8vw, 10px) / 2), transparent);
	width: clamp(1.6rem, 2.1vw, 2.4rem);
}

/* typeLists */
#homeRecruit .inhalt #typeLists{
	padding: 0 15px;
}

#homeRecruit .inhalt #typeLists > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: clamp(14px, 1.8vw, 28px);
	row-gap: clamp(14px, 1.8vw, 28px);
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
}

#homeRecruit .inhalt #typeLists > ul > li{
	width: calc((100% - (clamp(14px, 1.8vw, 28px) * 1)) / 2);
}

#homeRecruit .inhalt #typeLists > ul a{
	display: grid;
	row-gap: clamp(12px, 1.6vw, 32px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 7px;
	padding: clamp(10px, 1.5vw, 28px);
}

#homeRecruit .inhalt #typeLists > ul a p{
	text-align: center;
	font-size: clamp(1.4rem, 1.1vw, 2rem);
}

#homeRecruit .inhalt #typeLists > ul a:hover{
	background: #F2FBF5;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#homeRecruit::before{
		background-image: url("../../img/index/recruit/bg_pc.jpg");
	}
	
	/* contentsImage */
	#homeRecruit .inhalt .contentsImage{
		padding: 0 15px;
	}

	/* columnBox_zwei */
	#homeRecruit .inhalt .box .columnBox_zwei{
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}
	
	/* typeLists */
	#homeRecruit .inhalt #typeLists > ul{
		column-gap: clamp(28px, 3.4vw, 64px);
	}

	#homeRecruit .inhalt #typeLists > ul > li{
		width: calc((100% - (clamp(28px, 3.4vw, 64px) * 2)) / 3);
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}




/* PC用1560px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1560px){
	
	/* contentsImage */
	#homeRecruit .inhalt .contentsImage{
		padding: 0;
	}
	
	/* typeLists */
	#homeRecruit .inhalt #typeLists{
		padding: 0;
	}
	
}







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

* homeSearch

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#homeSearch::before{
	background-image: url("../../img/index/search/bg_sp.jpg");
}

#homeSearch .inhalt{
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#homeSearch .inhalt .Title::before{
	background-image: url("../../img/icon/storesearch_green.svg");
}

/* contentsBox */
#homeSearch .inhalt .contentsBox{
	background-image: url("../../img/index/search/map_sp.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 0 15px;
}

#homeSearch .inhalt .contentsBox .inner{
	display: grid;
	row-gap: clamp(35px, 5.3vw, 100px);
	border-bottom: 1px solid #DADAD9;
	border-top: 1px solid #DADAD9;
	padding-bottom: clamp(20px, 3.2vw, 60px);
	padding-top: clamp(20px, 1.6vw, 30px);
}

#homeSearch .inhalt .contentsBox .inner .mapBox{
	background: #FFFFFF;
	box-shadow: 0 0 clamp(6px, 0.5vw, 10px) rgba(0, 0, 0, 0.2);
	border-radius: clamp(5px, 0.5vw, 10px);
	padding: clamp(12px, 1.5vw, 28px) clamp(16px, 1.7vw, 32px);
}

#homeSearch .inhalt .contentsBox .inner .mapBox img{
	margin: 0 auto;
}

#homeSearch .inhalt .contentsBox .inner .txtBox{
	display: grid;
	row-gap: clamp(90px, 24vw, 180px);
	padding: 0 15px;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#homeSearch::before{
		background-image: url("../../img/index/search/bg_pc.png");
	}
	
	#homeSearch.fix::before{
		background-image: url("../../img/index/search/bg_pc.jpg");
	}
	
	/* contentsBox */
	#homeSearch .inhalt .contentsBox{
		background-image: url("../../img/index/search/map_pc.png");
		background-position: center bottom;
	}

	#homeSearch .inhalt .contentsBox .inner{
		grid-template-columns: repeat(2, 1fr);
		row-gap: clamp(35px, 5.3vw, 100px);
		padding-right: clamp(15px, 1.3vw, 24px);
		padding-left: clamp(15px, 1.3vw, 24px);
	}
	
	#homeSearch .inhalt .contentsBox .inner .mapBox{
		grid-column: 1 / 3;
	}

	#homeSearch .inhalt .contentsBox .inner .txtBox{
		grid-column: 2 / 3;
		row-gap: clamp(35px, 5.3vw, 100px);
	}
	
	#homeSearch .inhalt .contentsBox .inner .txtBox .listBtn{
		margin: 0;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#homeSearch::before{
		background-attachment: scroll !important;
		background-position: center !important;
	}
	
	#homeSearch.fix::before{
		background-attachment: fixed !important;
		background-position: 280px center !important;
	}
	
}




/* PC用1560px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1560px){
	
	/* contentsBox */
	#homeSearch .inhalt .contentsBox{
		padding: 0;
	}
	
}







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

* Add Sample Code

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

/* screen width 768px未満
---------------------------------------------------------------------*/




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}