@charset "utf-8";

@import "reset.css";
@import "object.css";
@import "layout.css";
@import "jqery.css";
@import "contents.css";

/*=========================================================================*/
/*                    　　　Style CSS [style.css]    　　                  */
/*=========================================================================*/

/*======================================*/
/*       枠が[*]の項目は編集必須        */
/*       枠が[=]の項目は編集可能        */
/*       枠が[-]の項目は編集不可        */
/*======================================*/



/****************************************
 @Site Regulation Body
*****************************************/
body {
	color:#313131;
	font-size:12px;
	line-height:1.6;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/****************************************
 @Site Regulation Anchor
*****************************************/
a:link {
	color:#313131;
	text-decoration:underline;
}
a:visited {
	color:#313131;
	text-decoration:none;
}
a:hover {
	color:#313131;
	text-decoration:underline;
}
a:active {
	color:#313131;
	text-decoration:none;
}

/****************************************
 @Module h1 Module
*****************************************/
h1 {
	margin-top: 1px;
	font-size: 9px !important;
	font-weight: normal;
	color: #5f5f5f;
}

/****************************************
 @Module Table
*****************************************/
table {
	width: 100%;
	border-collapse: collapse;
}

/*=======================================
 @Module Keyimage Module
=========================================*/
#keyimg_top {
	height: 453px;
	padding-top: 10px;
	background: url("/material/img/top/bg_keyImage.png") center top no-repeat;
}

#keyimg_top p {
	width: 930px;
	margin: 0 auto;
}

#keyimg_module {
	position: relative;
	width: 950px;
	margin: 0 auto;
	margin-bottom: 29px;
}

/*=======================================
 @Module Breadcrumb Module
=========================================*/
.breadcrumb {
	position: absolute;
	right: 3px;
	top: 171px;
}

.breadcrumb2 {
	position: absolute;
	right: 3px;
}

.breadcrumb li,
.breadcrumb2 li {
	display:inline;
	font-size: 11px;
}

.breadcrumb li a,
.breadcrumb2 li a {
	margin-right: 8px;
	padding: 0 20px 0 0;
	background: url("/material/img/common/img_arrow.gif") right center no-repeat;
}

/*=======================================
 @Module Arrow Module
=========================================*/
.arrow1 {
	padding-left: 13px;
	background: url("/material/img/common/arrow1.gif") left center no-repeat;
}

.arrow2 {
	padding-left: 13px;
	background: url("/material/img/common/arrow2.gif") left center no-repeat;
}

/*---------------------------------------
 @Module Media
-----------------------------------------*/
.media .content {
	display:table-cell;
	zoom:1;
}
.media .left {
	float:left;
}
.media img {
	display:block;
}
.media .right {
	float:right;
}
.media .content:before, .media .content:after {
	content:"";
	display:table;
}
.media .content:after {
	clear:both;
}
.media .content {
	zoom:1;
}

/*---------------------------------------
 @Module Grid
-----------------------------------------*/
.grid_half {
	width:50%;
	float:left;
	display:inline;
 *margin-right:-1px;
}
.grid_one-third {
	width:33.3%;
	float:left;
	display:inline;
 *margin-right:-1px;
}


/****************************************
 各ページスタイル
*****************************************/
/* top
--------------------------------------- */
#top_press_ipad {	/*ipadは非表示*/
	display: none;
}
#top_press {
	display: block;
	margin-top: -20px;
}
#movie_box_ipad {	/*ipadは非表示*/
	display: none;
}
#special_box {
	display: block;
	width: 950px;
	height: 180px;
	margin: 10px auto 40px;
}
#laxism_box {
	display: block;
	width: 460px;
	height: 259px;
	background:url(../img/top/laxism_bg.png);
	margin: 0 30px 0 0;
	float:left;
	clear:right;
}
.laxism_catch {
	display: block;
	width: 400px;
	margin:40px 0 10px 30px;
	font-size:20px;
	font-weight:bold;
	line-height:120%;
	float:left;
}
.laxism_txt {
	display: block;
	width: 400px;
	margin:0 0 0 30px;
	line-height:140%;
	float:left;
}
.laxism_img {
	display: block;
	width: 412px;
	height: 68px;
	float: right;
	margin-right: 25px;
}
.laxism_img a {
	display: block;
	width: 412px;
	height: 68px;
	background:url(../img/top/laxism_btn.png) 0 0;
}

.laxism_img a:hover {
	background-position:bottom;
}

#movie_box {
	display: block;
	width: 950px;
	height: 160px;
	background:url(../img/top/3dmovie_bg2.png);
	margin: 0;
	float:right;
}
.movie_txt {
	display: block;
	width: 440px;
	margin:75px 0 0 30px;
	line-height:140%;
	float:left;
}
.movie_img {
	display: block;
	width: 403px;
	height: 126px;
	float: right;
	margin-right: 30px;
	margin-top: 25px;
}
.movie_img a {
	display: block;
	width: 403px;
	height: 126px;
	background:url(../img/top/3dmovie_btn.png) 0 0;
}

.movie_img a:hover {
	background-position:bottom;
}

#top_press .press_box {
	background: url("/material/img/top/bg_press.gif") left bottom no-repeat;
	padding: 8px 4px 4px 10px;
	margin-bottom: 20px;
}
#top_press .press_box dl.press {
	width: 312px;
	background: url("/material/img/top/press_box.gif") left bottom no-repeat;
}
#top_press .press_box dl.press dt.pic {
	width: 169px;
	height: 97px;
	padding: 0 4px 5px 4px;
}
#top_press .press_box dl.press dt.pic .arrow {
	position: absolute;
	z-index: 50;
}
#top_press .press_box dl.press dd.txt {
	padding: 5px 10px;
}
#top_press .press_box dl.press dd.txt dl dt {
	font-weight: bold;
	font-size: 11px;
}
#top_press .press_box dl.press dd.txt dl dt img.new {
	vertical-align: top;
	margin-left: 5px;
}
#top_press .press_box dl.press dd.txt dl dd {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
}

#top_news {
	margin-top: 42px;
	padding-bottom: 10px;
	background: url("/material/img/top/bg_news_bottom.gif") left bottom no-repeat;
}

#top_news #backnumber {
	position: absolute;
	top: 26px;
	right: 22px;
}

#top_news #backnumber a {
	text-decoration: none;
}

#top_news #backnumber a:hover {
	text-decoration: underline;
}

#top_news .inner {
	padding-left: 23px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 20px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	background: url("/material/img/top/bg_news.gif") left top no-repeat;
}

#top_news dl {
	padding-top: 11px;
}

#top_news dt {
	float: left;
	width: 95px;
	padding-top: 15px;
	margin-right: 10px;
	margin-top: 1px;
	font-weight: bold;
	font-size: 11px;
	color: #b2360a;
}

#top_news dd {
	padding-top: 15px;
	float: left;
	width: 800px;
}

#top_news p.new {
	display:none;
}

#explain {
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #9A9A9A;
}

/* topのslideshow
--------------------------------------- */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* group
--------------------------------------- */
#group_circle {
	position: relative;
	left: 118px;
	width: 711px;
	margin-top: 29px;
	padding-bottom: 590px;
	background: url("/material/img/group/bg_group_circle.png") center 122px no-repeat;
}

#group_circle h3 {
	margin-bottom: 1px;
	margin-left: 138px;
}

#group_circle p {
	line-height: 1.5;
}

#group_circle .lead {
	width: 265px;
	margin: 0 auto;
}

#group_circle .box01 {
	position: absolute;
	top: 169px;
	left: 51px;
	width: 195px;
}

#group_circle .box01 h4 {
	margin-bottom: 9px;
	margin-left: 33px;
}

#group_circle .box02 {
	position: absolute;
	top: 170px;
	left: 483px;
	width: 200px;
}

#group_circle .box02 h4 {
	margin-bottom: 9px;
	margin-left: 35px;
}

#group_circle .box03 {
	position: absolute;
	top: 491px;
	left: 51px;
	width: 180px;
}

#group_circle .box03 h4 {
	margin-bottom: 7px;
	margin-left: 73px;
}

#group_circle .box04 {
	position: absolute;
	top: 490px;
	left: 483px;
	width: 180px;
}

#group_circle .box04 h4 {
	margin-bottom: 7px;
	margin-left: 17px;
}

#group_circle .box05 {
	position: absolute;
	top: 296px;
	left: 244px;
}

#group_circle .box05 h4 {
	margin-bottom: 9px;
	margin-left: 50px;
}

#group_circle .box05 .img {
	margin-bottom: 3px;
	margin-left: 25px;
}

/* associates
--------------------------------------- */
#area_associates {
	padding-bottom: 60px;
	background: url("/material/img/associates/img01.png") center 67px no-repeat;
}

#area_associates .box {
	padding-top: 44px;
	padding-left: 427px;
}

/* square
--------------------------------------- */
#area_square {
	padding-bottom: 60px;
	background: url("/material/img/square/img01.png") center 67px no-repeat;
}

#area_square .box {
	padding-top: 44px;
	padding-left: 427px;
}

/* showroom
--------------------------------------- */
#area_showroom {
	width:865px;
	margin: 0 auto;
}

#area_showroom .box {
	padding-top: 44px;
	padding-left: 427px;
	padding-bottom: 180px;
}

#area_showroom #accessmap {
	padding-top: 12px;
	background: url("/material/img/showroom/bg_access_top.gif") left top no-repeat;
}

#area_showroom #accessmap .inner {
	padding-bottom: 12px;
	background: url("/material/img/showroom/bg_access_bottom.gif") left bottom no-repeat;
}

#area_showroom #accessmap .box2 {
	padding-top: 22px;
	padding-bottom: 23px;
	padding-left: 39px;
	padding-right: 39px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

#area_showroom #accessmap .upper h3 {
	float: left;
	padding-top: 5px;
}

#area_showroom #accessmap .upper .col_r {
	float: right;
	width: 555px;
}

#area_showroom #accessmap .upper .col_r p {
	font-size: 15px;
}

#area_showroom #accessmap table {
	margin-left: 10px;
}

#area_showroom #accessmap table th {
	width: 60px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	background: url("/material/img/common/arrow4.gif") left center no-repeat;
	font-weight: normal;
	text-align: left;
}

#area_showroom #accessmap table td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
}

/* company
--------------------------------------- */
#wrap_company {
	width: 964px;
	margin: 0 auto;
}

.company_block {
	margin-top: -173px;
	padding-top: 223px;
}

.company_block .col_l {
	float: left;
	width: 520px;
	margin-right: 35px;
	padding-bottom: 16px;
	background: url("/material/img/company/bg_list_bottom.png") left bottom no-repeat;
}

* html .company_block .col_l {
	background: url("/material/img/company/bg_list_bottom.png") left 99% no-repeat;
}

.company_block .title {
	display: flex;
	align-items: flex-end;
	margin-bottom: 13px;
}

.company_block .col_l h3 {
	margin-right: 33px;
}
.company_block .col_l h3 img {
	vertical-align: bottom;
}

.company_block .col_l .s_link {
	margin-bottom: -4px;
	padding-left: 10px;
	background: url("/material/img/common/arrow3.png") left center no-repeat;
}

.company_block .col_l .s_link a {
	text-decoration: none;
}

.company_block .col_l .s_link a:hover {
	text-decoration: underline;
}

.company_block .col_l .wrap_table {
	width: 520px;
	padding-top: 16px;
	background: url("/material/img/company/bg_list_top.png") left top no-repeat;
}

.company_block .col_l .wrap_table .inner {
	width: 472px;
	padding-top: 1px;
	padding-left: 24px;
	padding-right: 24px;
	background: url("/material/img/company/bg_list.png") left top repeat-y;
}

.company_block .col_l table tr {
	background: url("/material/img/common/line_dot.gif") left bottom repeat-x;
}

.company_block .col_l table tr.last {
	background: none;
}

.company_block .col_l table th {
	width: 138px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.company_block .col_l table td {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
	vertical-align: top;
}

.company_block .col_r {
	float: left;
	width: 400px;
	padding-top: 59px;
}

.company_block .col_r h4 {
	margin-bottom: 19px;
}

.company_block .col_r table th {
	width: 58px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.company_block .col_r table td {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	vertical-align: top;
}

/* privacy
--------------------------------------- */
#privacy_box {
	width: 700px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 35px;
}

#privacy_box ol {
	margin-left: 55px;
}

#privacy_box ol li {
    text-indent: -1.5em;
}

#privacy_box ul {
	margin-left: 30px;
}

#privacy_box ul li {
    text-indent: -1.0em;
}

/* recruit
--------------------------------------- */
.recruit_box {
	width: 700px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 35px;
}

.recruit_box dl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url("/material/img/common/line_dot.gif") left bottom repeat-x;
}

.recruit_box dt {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}

.recruit_box table {
	width: 80%;
}

.recruit_box tr {
	background: url("/material/img/common/line_dot.gif") left bottom repeat-x;
}

.recruit_box th {
	text-align: left;
	vertical-align: top;
	width: 113px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: normal;
	background-color: #F3F3F3;
	padding-left: 8px;
}

.recruit_box td {
	text-align: left;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: normal;
	padding-left: 6px;
}

/* sitemap
--------------------------------------- */
#sitemap {
	width: 750px;
	margin: 0 auto;
	padding-left: 50px;
	padding-top: 40px;
}

#sitemap a {
	text-decoration: none;
}

#sitemap a:hover {
	text-decoration: underline;
}

#sitemap .lk {
	padding-left: 12px;
	background: url("/material/img/common/arrow3.png") left center no-repeat;
	font-size: 14px;
	line-height: 2.2;
}

#sitemap .ab {
	padding-bottom: 30px;
	padding-top: 5px;
}

#sitemap .ab li {
	display: inline;
	float: left;
	width: 220px;
	margin-bottom: 7px;
	padding-left: 12px;
	background: url("/material/img/common/arrow5.png") left 2px no-repeat;
	font-size: 11px;
}

#sitemap .pack p {
	float: left;
	width: 220px;
}

#sitemap #zirei {
	margin-top: 70px;
	padding-top: 35px;
	padding-bottom: 50px;
	background: url("/material/img/common/line1.gif") left top repeat-x;
}

#sitemap #zirei h3 {
	margin-bottom: 20px;
}

#sitemap #zirei li {
	font-size: 15px;
}

#sitemap #zirei span {
	margin-left: 10px;
	font-size: 11px;
}

/* news & topics
--------------------------------------- */
#topics {
	width: 700px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 70px;
}

#topics dl {
	padding-top: 15px;
}

#topics dt {
	float: left;
	width: 95px;
	padding-top: 20px;
	margin-right: 10px;
	margin-top: 1px;
	font-weight: bold;
	font-size: 11px;
	color: #b2360a;
}

#topics dd {
	padding-top: 20px;
	float: left;
	width: 595px;
}

#topics p.new {
	display:none;
}

#cooperation {
	clear:both;
	width:950px;
	margin:30px 0 0 0;
	padding:0 0 23px 0;
	background:url(/material/img/square/bg_cooperation02.gif) no-repeat left bottom;
	display: block;
}

#cooperation h3 {
	width:904px;
	height:52px;
	background:url(/material/img/square/bg_cooperation01.gif) no-repeat left top;
	padding:23px 23px 0 30px;
}

#cooperation ul {
	width:920px;
	margin:10px 0 0 15px;
	clear:both;
	display: block;
}

#cooperation li {
	width:185px;
	padding:0 20px 0;
	text-align:left;
	vertical-align:top;
	float:left;
	display: block;
	height: 55px;
	white-space: nowrap;
	font-size: 16px;
}
#cooperation table {
	width:900px;
	margin:0 0 0 23px;
}

#cooperation table td {
	width:165px;
	padding:0 15px 25px 0;
	text-align:left;
	vertical-align:top;
}

#cooperation .icon_blue {
	padding-left: 16px;
	background:url(/material/img/square/icon_blue.gif) no-repeat left center;
}

#cooperation .icon_yellow {
	padding-left: 16px;
	background:url(/material/img/square/icon_yellow.gif) no-repeat left center;
}

#cooperation .icon_red {
	padding-left: 16px;
	background:url(/material/img/square/icon_red.gif) no-repeat left center;
}

#cooperation .icon_green {
	padding-left: 16px;
	background:url(/material/img/square/icon_green.gif) no-repeat left center;
}

#cooperation .icon_purple {
	padding-left: 16px;
	background:url(/material/img/square/icon_purple.gif) no-repeat left center;
}

#cooperation ul li span {
	display: block;
}

#cooperation a {
	text-decoration:none;
	border-bottom:1px solid #77f;
	line-height:1em;
	height:20px;
}

/* press 20120810
--------------------------------------- */
#wrap_press {
	width: 950px;
	margin: 0 auto;
}

#wrap_press .mediaList {
	padding:29px 0 0 15px;
}
#wrap_press .inner1 {width:100%; margin:0 0 40px 0;}
#wrap_press .inner1 .inner {width:309px; margin:0 0 30px 0; float:left;}
#wrap_press .inner1 table {width:284px; border-collapse:collapse; border-spacing:0; empty-cells:show; height: 150px;}
#wrap_press .inner1 td {text-align:left; vertical-align:top;}
#wrap_press .inner1 td.img {width:115px;}
#wrap_press .inner1 td.txt1 {width:149px; padding:5px 0 0 0;}
#wrap_press .inner1 td.txt2 {width:139px; vertical-align:top;}
#wrap_press .inner1 .date {font-size:11px; font-weight:bold; margin:0;}
#wrap_press .inner1 .date img {vertical-align:middle; display:inline;}
#wrap_press .inner1 .ttl {font-size:13px; font-weight:bold;}
#wrap_press .inner1 .sub {font-size:11px;}
#wrap_press .inner1 .btn li {padding:4px 0 0 0;}
.inner .heightLine{ height:81px !important;}
.inner table { height:168px !important;}


/*--------------------------------ACCESS MAP----*/
.access{
	border:1px solid #d9d9d9;
	overflow:hidden;
	border-radius:10px;
	padding:30px 50px;
}
.access img{
	float:right;
}
.access p{
	padding:5px 0;
}
.access a:hover{
	text-decoration:none;
}

.view360{
	border:1px solid #d9d9d9;
	overflow:hidden;
	border-radius:10px;
	padding:20px 40px;
}
.view360 img{
	float:left;
	margin-right:20px;
}
.view360 p{
	padding:5px 0 0 7px;
}
.view360 a:hover{
	text-decoration:none;
}


/****************************************
 add 240416
*****************************************/
/* TOP
--------------------------------------- */
/* list-intro */
.list-intro {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px 25px;
	margin-top: 25px;
}

.list-intro__item {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.list-intro__item a {
	display: block;
	background-color: #fff;
	text-decoration: none;
	transition: .3s;
}
.list-intro__item a:hover {
	background-color: #222;
}
.list-intro__item a:hover .list-intro__logo img {
	filter: none;
}
.list-intro__item a:hover .list-intro__header {
	background-color: #fff;
}

.list-intro__item a:hover .list-intro__jp,
.list-intro__item a:hover .list-intro__text {
	color: #fff;
}
.list-intro__item a:hover .list-intro__jp::after {
	border-left-color: #fff;
	translate: 3px -50%;
}

.list-intro__header {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	background-color: #222;
	text-align: center;
	transition: .3s;
}

.list-intro__logo img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(135deg) brightness(107%) contrast(106%);
	transition: .3s;
}

.list-intro__contents {
	padding: 20px;
}

.list-intro__jp,
.list-intro__text {
	color: #444;
	font-size: 13px;
	transition: .3s;
}

.list-intro__jp {
	position: relative;
	width: fit-content;
	margin-inline: auto;
	padding-right: 20px;
	font-weight: 700;
	text-align: center;
}
.list-intro__jp::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	border-left: 9px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	translate: 0 -50%;
	transition: .3s;
}

.list-intro__text {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.85;
}


/* GROUP
--------------------------------------- */
:root {
  --rhombus: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  --rhombusWidth: 73rem;
  --rhombusHeight: 39rem;
  --padding_16: 4.2666%;
  --padding_64: 3.3333%;
  --padding_138: 7.1875%;
  --padding_160: 8.3333%;
}

html {
	&:has(.rhombus_content) {
		width: 100%;
		height: 100%;
		line-height: 1.8;
		font-size: 0.52vw;
		/*
		計算式：10(px) / 1920(px) * 100 =0.520
		画面幅1920pxのときに font-size; 10px 相当になる。
		*/
		@media screen and (max-width: 1410px) {
			font-size: 0.70921vw;
		}
		@media screen and (max-width: 900px) {
			font-size: 1.11111vw;
		}
		@media screen and (max-width: 750px) {
			font-size: 1.3333vw;
		}
		@media screen and (max-width: 519px) {
			font-size: 1.926vw;
		}
		@media screen and (max-width: 375px) {
			font-size: 2.6666vw;
		}
	}
}
/* rhombus */
.rhombus_content {
  overflow-x: hidden;
  --gap: 1.6rem;
  position: relative;
}
@media screen and (max-width: 900px) {
  .rhombus_content {
    --gap: .6rem;
  }
}
@media screen and (max-width: 519px) {
  .rhombus_content {
    --gap: .6rem;
  }
}

.rhombus_content *,
.rhombus_content *::before,
.rhombus_content *::after {
	box-sizing: border-box;
}

.rhombus_content img,
.rhombus_content svg {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.rhombus_content a,
.rhombus_content button {
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.rhombus_content a {
	color: inherit;
	text-decoration: none;
}
.rhombus_content a:hover {
	color: #fff;
}

.rhombus_content .rhombus_list {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  --gap: 1.6rem;
	margin-top: -12rem;
  padding: 40rem 0;
  position: relative;
  /*
  &::after {//ひし形全部の大きさ
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(var(--rhombusWidth)*2.82 + var(--gap)*4);
      height: calc(var(--rhombusHeight)*2.72 + var(--gap)*2);
      background-color: $gray;
      clip-path: var(--rhombus);
      @include sptb {
          width: calc(var(--rhombusWidth)*0.99 + var(--gap)*4);
          height: calc(var(--rhombusHeight)*1.55 + var(--gap)*2);
      }
      @include sp {
          width: calc(var(--rhombusWidth)*0.85 + var(--gap)*4);
          height: calc(var(--rhombusHeight)*1.37 + var(--gap)*2);
      }
  }*/
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list {
    --gap: .6rem;
		margin-top: -6rem;
    padding: 20rem 0;
  }
}
@media screen and (max-width: 519px) {
  .rhombus_content .rhombus_list {
    --gap: .6rem;
		margin-top: -4rem;
    padding: 13rem 0;
  }
}
.rhombus_content .rhombus_list .rhombus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-clip-path: var(--rhombus);
          clip-path: var(--rhombus);
  grid-area: 1/1;
  -webkit-transform: translate(var(--x, 0), var(--y, 0));
          transform: translate(var(--x, 0), var(--y, 0));
  position: relative;
  z-index: 1;
}
.rhombus_content .rhombus_list .rhombus .detail {
  position: absolute;
  background-color: #333;
  -webkit-clip-path: var(--rhombus);
          clip-path: var(--rhombus);
  width: 100%;
}
.rhombus_content .rhombus_list .rhombus a {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.rhombus_content .rhombus_list .rhombus a:hover {
  background-color: #000;
}
.rhombus_content .rhombus_list .rhombus a:hover::after {
	background-color: #fff;
}
.rhombus_content .rhombus_list .rhombus a:hover .logoImg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(26deg) brightness(98%) contrast(95%);
}
.rhombus_content .rhombus_list .rhombus a.black, .rhombus_content .rhombus_list .rhombus a.black:hover {
  background-color: #000;
}
.rhombus_content .rhombus_list .rhombus a::after {
  content: "";
  width: 3rem;
  height: 2rem;
	background-color: #000;
  -webkit-mask-image: url(/material/img/group/ico_arrow.svg);
  mask-image: url(/material/img/group/ico_arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: 3rem;
	backface-visibility: hidden;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
	-webkit-transition-duration: 0.5s;
					transition-duration: 0.5s;
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus a::after {
    width: 2rem;
    height: 1rem;
    bottom: 1.5rem;
  }
}
.rhombus_content .rhombus_list .rhombus .inner {
  display: block;
  text-align: center;
  background-color: #fff;
  -webkit-clip-path: var(--rhombus);
          clip-path: var(--rhombus);
  width: 100%;
  height: 100%;
  max-height: var(--rhombusHeight);
  max-width: var(--rhombusWidth);
  padding: 9rem 22rem;
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus .inner {
    padding: 6rem 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 519px) {
  .rhombus_content .rhombus_list .rhombus .inner {
    padding: 4rem 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 375px) {
  .rhombus_content .rhombus_list .rhombus .inner {
    padding: 4rem 0;
  }
}
.rhombus_content .rhombus_list .rhombus .inner._transparent {
  background-color: transparent;
}
.rhombus_content .rhombus_list .rhombus .inner._gray {
  background-color: #f5f5f5;
}
.rhombus_content .rhombus_list .rhombus .inner .logoImg {
  display: block;
  height: 3rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus .inner .logoImg {
    height: 1.2rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus .inner p {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus .inner .spttl {
    width: 100%;
    display: block;
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
}
.rhombus_content .rhombus_list .rhombus .inner .business {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}
.rhombus_content .rhombus_list .rhombus .inner .business span {
  display: block;
  font-size: 1.8rem;
}
.rhombus_content .rhombus_list .rhombus .inner .companyName {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.rhombus_content .rhombus_list .rhombus .inner .companyName span {
  display: block;
  font-size: 1.6rem;
  font-family: "Noto Sans JP R", sans-serif;
}
.rhombus_content .rhombus_list .rhombus._line .inner {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.rhombus_content .rhombus_list .rhombus._line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  max-width: var(--rhombusWidth);
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-clip-path: var(--rhombus);
          clip-path: var(--rhombus);
  z-index: -1;
}
.rhombus_content .rhombus_list .rhombus:nth-child(2) {
  --x: calc(-50% - var(--gap));
  --y: calc(57% - var(--gap));
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus:nth-child(2) .logoImg {
    width: 130px;
    height: initial;
  }
}
.rhombus_content .rhombus_list .rhombus:nth-child(3) {
  --x: calc(50% + var(--gap));
  --y: calc(-57% + var(--gap));
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus:nth-child(3) .logoImg {
    width: 110px;
    height: initial;
  }
}
.rhombus_content .rhombus_list .rhombus:nth-child(4) {
  --x: 0;
  --y: calc(-110% + var(--gap));
}
.rhombus_content .rhombus_list .rhombus:nth-child(4) .logoImg {
  width: 29rem;
  height: 5rem;
  margin-top: 5rem;
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus:nth-child(4) .logoImg {
    width: 11rem;
    height: 3rem;
    margin-top: 0;
  }
}
.rhombus_content .rhombus_list .rhombus:nth-child(5) {
  --x: 0;
  --y: calc(110% - var(--gap));
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus:nth-child(5) .logoImg {
    width: 130px;
    height: initial;
  }
}
.rhombus_content .rhombus_list .rhombus:nth-child(6) {
  --x: calc(100% + var(--gap) * 2);
  --y: 0;
}
.rhombus_content .rhombus_list .rhombus:nth-child(7) {
  --x: calc(-100% - var(--gap) * 2);
  --y: 0;
}
.rhombus_content .rhombus_list .rhombus:nth-child(8) {
  --x: calc(50% + var(--gap));
  --y: calc(57% - var(--gap));
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus:nth-child(8) .logoImg {
    width: 130px;
    height: initial;
  }
}
.rhombus_content .rhombus_list .rhombus:nth-child(9) {
  --x: calc(-50% - var(--gap));
  --y: calc(-57% + var(--gap));
}
@media screen and (max-width: 900px) {
  .rhombus_content .rhombus_list .rhombus:nth-child(9) .logoImg {
    width: 90px;
    height: initial;
  }
}

/* COMPANY
--------------------------------------- */
/* anchor-company */
.anchor-company {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 56px;
	margin-top: 48px;
	margin-bottom: 80px;
}

.anchor-company li {
	text-align: center;
}

.anchor-company a {
	display: inline-block;
	color: #444;
	text-decoration: none;
	transition: .3s;
}
.anchor-company a:hover {
	opacity: .7;
}
.anchor-company a:hover img {
	opacity: 1 !important;
}
.anchor-company a:hover span::after {
	translate: 0 calc(-50% + 3px);
}

.anchor-company i {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
}

.anchor-company span {
	display: block;
	position: relative;
	width: fit-content;
	margin: 8px auto 0;
	padding-right: 20px;
	font-weight: 700;
	text-align: center;
}
.anchor-company span::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	border-top: 9px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	translate: 0 -50%;
	transition: .3s;
}