/*==================================

製品・ソリューション一覧：トップページ

===================================*/

/*変数設定*/

:root {

	--main-color: #112b78;

	--sub-color: #1d68cc;

	--sub-color02: #2C50B8;

	--bg-main: #e7eaf1;

	--bg-color02: #eef0f6;

	/*その他*/

	--light-purple: #93a3d3;

}



/*=================================================================*/

/*	PC・SP共通パーツ */

/*=================================================================*/

.p10 > img { width: 10% !important; }

.p20 > img { width: 20% !important; }

.p30 > img { width: 30% !important; }

.p40 > img { width: 40% !important; }

.p50 > img { width: 50% !important; }

.p60 > img { width: 60% !important; }

.p70 > img { width: 70% !important; }

.p80 > img { width: 80% !important; }

.p90 > img { width: 90% !important; }

.p100 > img { width: 100% !important; }



/*******************************************************************/

/* PC・SP共通パーツ */

/*******************************************************************/



/*******************************************************************/

/* PC */

/*******************************************************************/

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

/*<start>==========================================================*/

	.pc-none {

		display: none !important;

	}

	.sp-none {

		/* display: block !important; */

	}

	#sfooter {

		margin-top: 0 !important;

	}



	/* 見出しスタイル*/

	#main h2{

		margin: 0 auto 40px;

		text-align: center;

		width: fit-content;

		position: relative;

	}

	#main h2 p.main{

		color: #2e3036;

		font-size: 28px;

		font-weight: 600;

	}

	#main h2 p.sub{

		margin-top: 16px;

		padding: 0 64px;

		color: var(--light-purple);

		font-family: "Montserrat", sans-serif;

		font-size: 15px;

		font-weight: 500;

		position: relative;

	}

	#main h2 p.sub:before,

	#main h2 p.sub:after{

		content: "";

		margin: auto;

		width: 64px;

		height: 1px;

		display: block;

		background: var(--light-purple);

		position: absolute;

		top: 0;

		bottom: 0;

	}

	#main h2 p.sub:before{

		left: 0;

	}

	#main h2 p.sub:after{

		right: 0;

	}

	#main h2 p.sub span{

		margin: 0 30px;

	}

	/*各種アイコン*/

	#main h2.search p.sub span{

		margin: 0 54px;

		position: relative;

	}

	#main h2.search p.sub span:before{

		content: url("/system/products/common/images/icon_search.svg");

		margin: auto;

		position: absolute;

		left: -30px;

		top: 0;

		bottom: 0;

	}



	#main h3{

		margin-bottom: 20px;

		padding: 8px 0 2px 30px;

		color: var(--main-color);

		font-size: 22px;

		font-weight: 600;

		line-height: 1.4;

		border-left: 1px solid var(--light-purple);

	}





	/*=================================================================*/

	/*	製品・ソリューション  */

	/*=================================================================*/

	#main{

		margin: 0 auto;

		width: 100%;

		box-sizing: border-box;

	}



	/* タイトル部分

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

	#mv{

		background: #112b78;

		position: relative;

		z-index: 0;

	}

	#mv .inner{

		margin: 0 auto;

		padding: 30px 20px;

		max-width: 1000px;

		min-height: 180px;

		display: flex;

		flex-direction: column;

		justify-content: center;

		box-sizing: border-box;

	}

	#mv .inner .title_box p{

		color: #fff;

	}

	#mv .inner .title_box p.main{

		padding-bottom: 16px;

		font-size: 32px;

		font-weight: 600;

		position: relative;

	}

	#mv .inner .title_box p.main:after{

		content: "";

		width: 60px;

		height: 1px;

		display: block;

		background: #fff;

		position: absolute;

		left: 0;

		bottom: 0;

	}

	#mv .inner .title_box p.sub{

		margin-top: 20px;

		font-family: "Montserrat", sans-serif;

		font-size: 16px;

		letter-spacing: 0.18em;

	}

	

	#mv .bg_img{

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		z-index: -1;

	}

	#mv .bg_img img{

		width: 100%;

		height: 100%;

		-o-object-fit: cover;

		object-fit: cover;

		overflow: hidden;

	}





	/* ページ内リンク

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

	section.innerLink{

		padding: 14px 14px;

		background: var(--bg-main);

		width: 100%;

		box-sizing: border-box;

	}

	section.innerLink ul{

		display: flex;

		align-items: center;

		justify-content: center;

		flex-wrap: wrap;

		gap: 14px;

	}

	section.innerLink ul li a{

		padding: 15px 18px;

		color: #333;

		font-size: 16px;

		text-decoration: none;

		background: #fff;

		border-radius: 5px;

		display: flex;

		justify-content: center;

		min-width: 176px;

		box-sizing: border-box;

		position: relative;

		transition: .2s;

	}

	section.innerLink ul li a:after{

		content: "";

		margin: auto;

		width: 8px;

		height: 8px;

		display: block;

		border: 2px solid var(--light-purple);

		border-width: 0 2px 2px 0;

		transform: rotate(45deg);

		position: absolute;

		left: 0;

		right: 0;

		bottom: 5px;

		transition: .2s;

	}

	section.innerLink ul li a:hover{

		background: #d5e0f7;

		transition: .2s;

	}

	section.innerLink ul li a:hover:after{

		bottom: 2px;

		transition: .2s;

	}





	/* 主な製品・シリーズ

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

	section.products_series{

		margin: 0 auto;

		padding: 60px 20px 90px;

		width: 100%;

		max-width: 1320px;

		box-sizing: border-box;

	}

	section.products_series ul.prod_lineup{

		padding: 45px 0 0;

		display: flex;

		flex-wrap: wrap;

		gap: 100px 24px;

	}

	section.products_series ul.prod_lineup li{

		padding: 70px 20px 14px;

		background: var(--bg-color02);

		width: calc((100% - (24px * 2)) / 3);

		display: flex;

		flex-direction: column;

		box-sizing: border-box;

	}

	/*幅調整用*/

	@media screen and (max-width: 900px) {

		section.products_series ul.prod_lineup li{

			width: calc((100% - (24px * 1)) / 2);

		}

	}



	section.products_series ul.prod_lineup li > a{

		margin-top: -115px;

		display: block;

	}

	section.products_series ul.prod_lineup li > a:hover{

		opacity: 0.7;

	}

	section.products_series ul.prod_lineup li .logo{

		padding: 0 16px;

		width: 100%;

		height: 90px;

		background: #fff;

		display: flex;

		align-items: center;

		justify-content: center;

		box-sizing: border-box;

		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);

	}

	section.products_series ul.prod_lineup li .logo img{

		width: auto;

		max-width: 100%;

		height: auto;

		max-height: 100%;

		object-fit: contain;

	}



	section.products_series ul.prod_lineup li dl dt{

		margin: 22px auto 0;

		color: var(--main-color);

		font-size: 18px;

		font-weight: 600;

		width: fit-content;

	}

	section.products_series ul.prod_lineup li dl dd{

		margin: 10px 0 0;

		font-size: 16px;

	}



	section.products_series ul.prod_lineup li > .btns{

		margin-top: auto;

	}

	section.products_series ul.prod_lineup li > .btns a.detail{

		margin-top: 24px;

		padding: 6px 10px;

		color: var(--sub-color02);

		font-size: 14px;

		font-weight: 600;

		text-decoration: none;

		width: 100%;

		background: #fff;

		display: flex;

		justify-content: center;

		border: 1px solid var(--light-purple);

		border-radius: 2px;

		box-sizing: border-box;

	}

	section.products_series ul.prod_lineup li > .btns a.detail:hover{

		background: #d5e0f7;

	}

	section.products_series ul.prod_lineup li > .btns a.detail > span{

		padding: 0 22px;

		position: relative;

	}

	section.products_series ul.prod_lineup li > .btns a.detail > span:after{

		content: "";

		margin: auto;

		width: 8px;

		height: 8px;

		display: block;

		border: 1px solid var(--light-purple);

		border-width: 1px 1px 0 0;

		transform: rotate(45deg);

		position: absolute;

		right: 0;

		top: 0;

		bottom: 0;

	}

	section.products_series ul.prod_lineup li > .btns > .flex{

		margin-top: 14px;

		display: flex;

		flex-wrap: wrap;

		gap: 6px;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a{

		padding: 5px 24px;

		color: #fff;

		font-size: 13px;

		text-decoration: none;

		display: flex;

		align-items: center;

		justify-content: center;

		background: var(--main-color);

		border-radius: 6px;

		flex: 1;

		position: relative;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a:hover{

		background: #2c4eb3;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a:after{

		margin: auto;

		height: fit-content;

		position: absolute;

		right: 10px;

		top: 0;

		bottom: 0;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a.dl:after{

		content: url("/system/products/common/images/icon_dl.svg");

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a.contact:after{

		content: url("/system/products/common/images/icon_contact.svg");

	}





	/* 各種検索

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

	section.search_part{

		padding: 80px 0 100px;

		background: var(--bg-color02);

	}

	section.search_part .inner{

		margin: 0 auto;

		padding: 0 20px;

		width: 100%;

		max-width: 1320px;

		box-sizing: border-box;

	}



	/*カテゴリから探す*/

	section.sys_category{

		margin-bottom: 60px;

	}

	section.search_part section.sys_category:last-child{

		margin-bottom: 0;

	}



	section.sys_category ul.cat_list{

		display: flex;

		flex-wrap: wrap;

		gap: 24px 20px;

	}

	section.sys_category ul.cat_list > a{

		text-decoration: none;

		border: 4px solid #e7eaf1;

		background: #fff;

		width: calc( (100% - (20px * 3)) / 4 );

		box-sizing: border-box;

	}

	/*幅調整用*/

	@media screen and (max-width: 1100px) {

		section.sys_category ul.cat_list > a{

			width: calc((100% - (20px * 2)) / 3);

		}

	}

	@media screen and (max-width: 900px) {

		section.sys_category ul.cat_list > a{

			width: calc((100% - (20px * 1)) / 2);

		}

	}

	section.sys_category ul.cat_list > a:hover{

		background: #dbe4ff;

	}

	section.sys_category ul.cat_list > a dl{

		padding: 100px 16px 30px;

		position: relative;

	}

	section.sys_category ul.cat_list > a dl > img{

		margin: auto;

		width: auto;

		height: 54px;

		object-fit: contain;

		position: absolute;

		top: 34px;

		left: 0;

		right: 0;

	}

	section.sys_category ul.cat_list > a dl.icon_small > img{

		height: 38px;

		top: 44px

	}



	section.sys_category ul.cat_list > a dl dt{

		margin: 0 auto;

		padding: 4px 28px 0;

		color: var(--main-color);

		text-align: center;

		font-size: 20px;

		font-weight: 600;

		line-height: 1.2;

		width: fit-content;

		position: relative;

	}

	section.sys_category ul.cat_list > a dl dt:after{

		content: "";

		margin: auto;

		width: 13px;

		height: 13px;

		display: block;

		border: 2px solid var(--light-purple);

		border-width: 2px 2px 0 0;

		transform: rotate(45deg);

		position: absolute;

		right: 0;

		top: 0;

		bottom: 0;

	}

	section.sys_category ul.cat_list > a dl dd{

		margin-top: 8px;

		color: #000;

		font-size: 16px;

	}



	/*業種から探す*/

	section.industry_type{

		margin: 0 auto;

		padding: 80px 20px 100px;

		width: 100%;

		max-width: 1320px;

		box-sizing: border-box;

	}

	section.industry_type ul.industry_list{

		margin-top: 40px;

		display: flex;

		flex-wrap: wrap;

		gap: 24px;

	}

	section.industry_type ul.industry_list > a{

		text-decoration: none;

		width: calc((100% - (24px * 2)) / 3);

		border: 4px solid #e7eaf1;

		background: #fff;

		box-sizing: border-box;

		display: flex;

		align-items: stretch;

	}

	section.industry_type ul.industry_list > a:hover{

		background: #dbe4ff;

		opacity: 0.8;

	}

	section.industry_type ul.industry_list > a > div{

		width: 50%;

	}

	section.industry_type ul.industry_list > a .photo{

		aspect-ratio: 5 / 3;

	}

	section.industry_type ul.industry_list > a .photo > img{

		width: 100%;

		height: 100%;

		object-fit: cover;

		overflow: hidden;

	}

	section.industry_type ul.industry_list > a .name{

		padding: 20px 40px 20px 20px;

		box-sizing: border-box;

		display: flex;

		align-items: center;

		justify-content: center;

		position: relative;

	}

	section.industry_type ul.industry_list > a .name:after{

		content: "";

		margin: auto;

		width: 13px;

		height: 13px;

		display: block;

		border: 2px solid var(--light-purple);

		border-width: 2px 2px 0 0;

		transform: rotate(45deg);

		position: absolute;

		right: 20px;

		top: 0;

		bottom: 0;

	}

	section.industry_type ul.industry_list > a .name p{

		color: var(--main-color);

		font-size: 20px;

		font-weight: 600;

		line-height: 1.2;

		text-align: center;

	}

	section.industry_type ul.industry_list > a .name p.small{

		font-size: 16px;

	}

	/*調整用*/

	@media screen and (max-width: 1100px) {

		section.industry_type ul.industry_list > a .photo{

			aspect-ratio: 4 / 3;

		}

		section.industry_type ul.industry_list > a .name p{

			font-size: 18px;

		}

	}

	@media screen and (max-width: 900px) {

		section.industry_type ul.industry_list > a{

			width: calc((100% - (24px * 1)) / 2);

		}

		section.industry_type ul.industry_list > a .photo{

			aspect-ratio: 5 / 3;

		}

	}



	/*<end>============================================================*/

}



/*******************************************************************/

/* SP */

/*******************************************************************/

@media screen and (max-width: 768px) {

	/*<start>==========================================================*/

	.pc-none {

		/* display: block !important; */

	}

	.sp-none {

		display: none !important;

	}



	header{

		top: 0

	}



	/* 見出しスタイル*/

	#main h2{

		margin: 0 auto 2.0em;

		text-align: center;

		width: fit-content;

		position: relative;

	}

	#main h2 p.main{

		color: #2e3036;

		font-size: 22px;

		font-weight: 600;

	}

	#main h2 p.sub{

		margin-top: 0.4em;

		padding: 0 40px;

		color: var(--light-purple);

		font-family: "Montserrat", sans-serif;

		font-size: 13px;

		font-weight: 500;

		position: relative;

	}

	#main h2 p.sub:before,

	#main h2 p.sub:after{

		content: "";

		margin: auto;

		width: 40px;

		height: 1px;

		display: block;

		background: var(--light-purple);

		position: absolute;

		top: 0;

		bottom: 0;

	}

	#main h2 p.sub:before{

		left: 0;

	}

	#main h2 p.sub:after{

		right: 0;

	}

	#main h2 p.sub span{

		margin: 0 14px;

	}

	/*各種アイコン*/

	#main h2.search p.sub span{

		margin: 0 10px 0 30px;

		position: relative;

	}

	#main h2.search p.sub span:before{

		content: url("/system/products/common/images/icon_search.svg");

		margin: auto;

		position: absolute;

		left: -20px;

		top: 0;

		bottom: 0;

	}



	#main h3{

		margin-bottom: 1.4em;

		padding: 0.4em 0 0.2em 0.8em;

		color: var(--main-color);

		font-size: 18px;

		font-weight: 600;

		line-height: 1.4;

		border-left: 1px solid var(--light-purple);

	}



	/*=================================================================*/

	/*	製品・ソリューション  */

	/*=================================================================*/

	#main{

		margin: 0 0 40px 0;

		width: 100%;

		box-sizing: border-box;

		overflow: hidden;

	}



	/* タイトル部分

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

	#mv{

		background: #112b78;

		position: relative;

		z-index: 0;

	}

	#mv .inner{

		margin: 0 auto;

		padding: 30px 20px;

		max-width: 1000px;

		min-height: 180px;

		display: flex;

		flex-direction: column;

		justify-content: center;

		box-sizing: border-box;

	}

	#mv .inner .title_box p{

		color: #fff;

	}

	#mv .inner .title_box p.main{

		padding-bottom: 14px;

		font-size: 26px;

		font-weight: 600;

		position: relative;

	}

	#mv .inner .title_box p.main:after{

		content: "";

		width: 50px;

		height: 1px;

		display: block;

		background: #fff;

		position: absolute;

		left: 0;

		bottom: 0;

	}

	#mv .inner .title_box p.sub{

		margin-top: 16px;

		font-family: "Montserrat", sans-serif;

		font-size: 12px;

		letter-spacing: 0.18em;

	}

	

	#mv .bg_img{

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		z-index: -1;

	}

	#mv .bg_img img{

		width: 100%;

		height: 100%;

		-o-object-fit: cover;

		object-fit: cover;

		overflow: hidden;

	}





	/* ページ内リンク

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

	section.innerLink{

		padding: 14px 14px;

		background: var(--bg-main);

		width: 100%;

		box-sizing: border-box;

	}

	section.innerLink ul{

		display: flex;

		align-items: center;

		justify-content: center;

		flex-wrap: wrap;

		gap: 8px;

	}

	section.innerLink ul li a{

		padding: 14px 16px;

		color: #333;

		font-size: 14px;

		text-decoration: none;

		background: #fff;

		border-radius: 5px;

		display: flex;

		justify-content: center;

		box-sizing: border-box;

		position: relative;

		transition: .2s;

	}

	section.innerLink ul li a:after{

		content: "";

		margin: auto;

		width: 6px;

		height: 6px;

		display: block;

		border: 2px solid var(--light-purple);

		border-width: 0 2px 2px 0;

		transform: rotate(45deg);

		position: absolute;

		left: 0;

		right: 0;

		bottom: 6px;

		transition: .2s;

	}

	section.innerLink ul li a:active{

		background: #d5e0f7;

		transition: .2s;

	}

	section.innerLink ul li a:active:after{

		bottom: 3px;

		transition: .2s;

	}





	/* 主な製品・シリーズ

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

	section.products_series{

		padding: 8% 4% 8%;

	}

	section.products_series ul.prod_lineup{

		padding: 40px 0 0;

		display: flex;

		flex-wrap: wrap;

		gap: 100px;

	}

	section.products_series ul.prod_lineup li{

		padding: 14px 20px;

		background: var(--bg-color02);

		width: 100%;

		display: flex;

		flex-direction: column;

		box-sizing: border-box;

	}



	section.products_series ul.prod_lineup li > a{

		margin-top: -54px;

		display: block;

	}

	section.products_series ul.prod_lineup li > a:active{

		opacity: 0.7;

	}

	section.products_series ul.prod_lineup li .logo{

		padding: 16px;

		width: 100%;

		height: 80px;

		background: #fff;

		display: flex;

		align-items: center;

		justify-content: center;

		box-sizing: border-box;

		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);

	}

	section.products_series ul.prod_lineup li .logo img{

		width: auto;

		max-width: 100%;

		height: auto;

		max-height: 100%;

		object-fit: contain;

	}



	section.products_series ul.prod_lineup li dl dt{

		margin: 20px auto 0;

		color: var(--main-color);

		font-size: 16px;

		font-weight: 600;

		width: fit-content;

	}

	section.products_series ul.prod_lineup li dl dd{

		margin: 10px 0 0;

		font-size: 14px;

	}



	section.products_series ul.prod_lineup li > .btns{

		margin-top: auto;

	}

	section.products_series ul.prod_lineup li > .btns a.detail{

		margin-top: 20px;

		padding: 6px 10px;

		color: var(--sub-color02);

		font-size: 13px;

		font-weight: 600;

		text-decoration: none;

		width: 100%;

		background: #fff;

		display: flex;

		justify-content: center;

		border: 1px solid var(--light-purple);

		border-radius: 2px;

		box-sizing: border-box;

	}

	section.products_series ul.prod_lineup li > .btns a.detail:active{

		background: #d5e0f7;

	}

	section.products_series ul.prod_lineup li > .btns a.detail > span{

		padding: 0 22px;

		position: relative;

	}

	section.products_series ul.prod_lineup li > .btns a.detail > span:after{

		content: "";

		margin: auto;

		width: 8px;

		height: 8px;

		display: block;

		border: 1px solid var(--light-purple);

		border-width: 1px 1px 0 0;

		transform: rotate(45deg);

		position: absolute;

		right: 0;

		top: 0;

		bottom: 0;

	}

	section.products_series ul.prod_lineup li > .btns > .flex{

		margin-top: 14px;

		display: flex;

		flex-wrap: wrap;

		gap: 6px;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a{

		padding: 5px 24px;

		color: #fff;

		font-size: 13px;

		text-decoration: none;

		display: flex;

		align-items: center;

		justify-content: center;

		background: var(--main-color);

		border-radius: 6px;

		box-sizing: border-box;

		flex: 1;

		position: relative;

	}

	@media screen and (max-width: 400px) {

		section.products_series ul.prod_lineup li > .btns > .flex{

			gap: 10px;

		}

		section.products_series ul.prod_lineup li > .btns > .flex > a{

			width: 100%;

			flex: none;

		}

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a:active{

		background: #2c4eb3;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a:after{

		margin: auto;

		height: fit-content;

		position: absolute;

		right: 10px;

		top: 0;

		bottom: 0;

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a.dl:after{

		content: url("/system/products/common/images/icon_dl.svg");

	}

	section.products_series ul.prod_lineup li > .btns > .flex > a.contact:after{

		content: url("/system/products/common/images/icon_contact.svg");

	}





	/* 各種検索

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

	section.search_part{

		padding: 8% 4% 8%;

		background: var(--bg-color02);

	}



	/*カテゴリから探す*/

	section.sys_category{

		margin-bottom: 10%;

	}

	section.search_part section.sys_category:last-child{

		margin-bottom: 0;

	}



	section.sys_category ul.cat_list{

		display: flex;

		flex-wrap: wrap;

		gap: 8px;

	}

	section.sys_category ul.cat_list > a{

		text-decoration: none;

		border: 4px solid #e7eaf1;

		background: #fff;

		width: 100%;

		box-sizing: border-box;

	}

	section.sys_category ul.cat_list > a:hover{

		background: #dbe4ff;

	}

	section.sys_category ul.cat_list > a dl{

		padding: 10px 10px 10px max(24%, 50px);

		position: relative;

	}

	section.sys_category ul.cat_list > a dl > img{

		margin: auto;

		width: 16%;

		min-width: 40px;

		aspect-ratio: 1 / 1;

		object-fit: contain;

		position: absolute;

		left: 4%;

		top: 0;

		bottom: 0;

		max-height: 84%;

	}



	section.sys_category ul.cat_list > a dl dt{

		margin: 0 auto;

		padding: 0 12px;

		color: var(--main-color);

		text-align: center;

		font-size: 15px;

		font-weight: 600;

		line-height: 1.2;

		width: fit-content;

		position: relative;

	}

	section.sys_category ul.cat_list > a dl dt:after{

		content: "";

		margin: auto;

		width: 6px;

		height: 6px;

		display: block;

		border: 2px solid var(--light-purple);

		border-width: 2px 2px 0 0;

		transform: rotate(45deg);

		position: absolute;

		right: 0;

		top: -2px;

		bottom: 0;

	}

	section.sys_category ul.cat_list > a dl dd{

		margin-top: 8px;

		color: #000;

		font-size: 14px;

		line-height: 1.2;

	}



	/*業種から探す*/

	section.industry_type{

		padding: 8% 4% 8%;

	}

	section.industry_type ul.industry_list{

		margin-top: 1.0em;

		display: flex;

		flex-wrap: wrap;

		gap: 8px;

	}

	section.industry_type ul.industry_list > a{

		text-decoration: none;

		width: calc((100% - 8px) / 2);

		min-height: 60px;

		border: 4px solid #e7eaf1;

		background: #fff;

		box-sizing: border-box;

		display: flex;

		align-items: stretch;

	}

	section.industry_type ul.industry_list > a:active{

		background: #dbe4ff;

		opacity: 0.8;

	}

	section.industry_type ul.industry_list > a .photo{

		width: 40%;

		aspect-ratio: 5 / 3;

	}

	section.industry_type ul.industry_list > a .photo > img{

		width: 100%;

		height: 100%;

		object-fit: cover;

		overflow: hidden;

	}

	section.industry_type ul.industry_list > a .name{

		padding: 8px 14px 8px 8px;

		box-sizing: border-box;

		width: 60%;

		display: flex;

		align-items: center;

		justify-content: center;

		position: relative;

	}

	section.industry_type ul.industry_list > a .name:after{

		content: "";

		margin: auto;

		width: 8px;

		height: 8px;

		display: block;

		border: 2px solid var(--light-purple);

		border-width: 2px 2px 0 0;

		transform: rotate(45deg);

		position: absolute;

		right: 10px;

		top: 0;

		bottom: 0;

	}

	section.industry_type ul.industry_list > a .name p{

		color: var(--main-color);

		font-size: 14px;

		font-weight: 600;

		line-height: 1.2;

		text-align: center;

	}

	section.industry_type ul.industry_list > a .name p.small{

		font-size: 13px;

	}



	@media screen and (max-width: 400px) {

		section.industry_type ul.industry_list > a{

			width: 100%;

		}

		section.industry_type ul.industry_list > a .photo{

			width: 50%;

			aspect-ratio: 2 / 1;

		}

		section.industry_type ul.industry_list > a .name{

			width: 50%;

		}

		section.industry_type ul.industry_list > a .name p{

			font-size: 16px;

		}

	}













	#footer {

		background-color: #F1F2F2;

		font-size: 14px;

		width: 100%;

		margin: unset;

		padding: unset;

		text-align: left;

		line-height: unset;

		color: unset;

	}

	#footer #pageTop {

		right: 0;

		bottom: 0;

	}

	#footer #pageTop {

		position: static;

	}

	#footer #pageTop:hover {

		opacity: 0.8;

	}

	#footer .socialLink {

		padding: 15px 10px;

	}

	#footer .footerCol4 {

		overflow: hidden;

		margin: 0;

		border-top: 1px solid #E4E5E5;

	}

	#footer .footerCol4 .col {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		-o-box-sizing: border-box;

		-ms-box-sizing: border-box;

		box-sizing: border-box;

		padding: 30px 30px 20px 30px;

	}

	#footer .footerCol4 .col .firstHierarchy {

		line-height: 1.2;

		font-size: 114%;

		color: #000;

	}

	#footer .footerCol4 .col .secondHierarchy {

		margin: 15px 0 0;

	}

	#footer .footerCol4 .col .secondHierarchy li:before {

		content: "・";

	}

	#footer .footerCol4 .col .secondHierarchy a {

		line-height: 1.2;

		color: #35383B;

		text-decoration: none;

	}

	#footer .footerBottom {

		clear: both;

		padding: 0 0 20px;

		border-top: none;

		overflow: hidden;

	}

	#footer .footerBottom .copyRight {

		margin-top: 5px;

		text-align: center;

		color: #999999;

		font-size: 10px;

		font-size: 1.0rem;

	}

	footer {

		clear: both;

	}

	footer #footerInner {

		overflow: hidden;

		background: #000000;

		display: table;

		width: 100%;

	}

	footer #footerInner #pageTop {

		display: table-cell;

		width: 45px;

		height: 45px;

		background: url(/common2/images/footer_ic002.png) no-repeat 0 0;

		background-size: contain;

		text-indent: -9999px;

	}

	footer #footerInner #pageTop a {

		display: block;

		height: 45px;

	}

	footer #footerInner #footerUtility {

		display: table-cell;

		vertical-align: middle;

	}

	footer #footerInner #footerUtility #copyRight {

		padding-left: 10px;

		font-size: 7px;

		font-size: 0.7rem;

		color: #999999;

	}



	/*トップに戻るボタン位置調整*/

	#pageTop{

		bottom: 80px;

	}



}