/*associated専用*/
@media screen and (max-width:868px) {

.associated {
	position: relative;
	overflow: hidden;
	z-index: -200;
	color: #fff;
}

.associated::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/associated_bg.webp");
	background-position: center bottom 80%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -201;
}
body {position:relative;}
.associated_bg01 .layer_top {
    position: fixed;
    top: 15%;
    left: auto !important;
	right: 20%;
	width: 10%;
	min-width: 96px;
    z-index: -100;
}
.associated_bg02 .layer_top {
    position: fixed;
    top: 20%;
    left: 25%;
	width: 13%;
	min-width: 125px;
    z-index: -100;
}
.associated_bg03 .layer_top {
    position: fixed;
    top: 45%;
    left: auto !important;
	right: 10%;
	width: 22%;
	min-width: 230px;
    z-index: -100;
}
.associated_bg04 .layer_top {
    position: fixed;
    top: 60%;
    left: 10%;
	width: 17%;
	min-width: 180px;
    z-index: -100;
}
.associated_bg01 .layer_top {
    animation: floating-x-1 7.2s ease-in-out infinite alternate-reverse, fade-in 1.5s ease-in-out;
    opacity: 0;
    animation-fill-mode: forwards;
}
.associated_bg01 .layer_top img {
    animation: floating-y-1 1.8s ease-in-out infinite alternate-reverse;
}

.associated_bg02 .layer_top {
    animation: floating-x-2 6.5s ease-in-out infinite alternate-reverse, fade-in 1.5s ease-in-out;
    opacity: 0;
    animation-fill-mode: forwards;
}
.associated_bg02 .layer_top img {
    animation: floating-y-2 2.3s ease-in-out infinite alternate-reverse;
}

.associated_bg03 .layer_top {
    animation: floating-x-3 8s ease-in-out infinite alternate-reverse, fade-in 1.5s ease-in-out;
    opacity: 0;
    animation-fill-mode: forwards;
}
.associated_bg03 .layer_top img {
    animation: floating-y-3 2s ease-in-out infinite alternate-reverse;
}

.associated_bg04 .layer_top {
    animation: floating-x-4 7s ease-in-out infinite alternate-reverse, fade-in 1.5s ease-in-out;
    opacity: 0;
    animation-fill-mode: forwards;
}
.associated_bg04 .layer_top img {
    animation: floating-y-4 1.5s ease-in-out infinite alternate-reverse;
}

@keyframes floating-x-1 {
    0% { transform: translateX(-3.5%); }
    100% { transform: translateX(3.5%); }
}
@keyframes floating-y-1 {
    0% { transform: translateY(-2.5%); }
    100% { transform: translateY(2.5%); }
}

@keyframes floating-x-2 {
    0% { transform: translateX(-4%); }
    100% { transform: translateX(4%); }
}
@keyframes floating-y-2 {
    0% { transform: translateY(-3%); }
    100% { transform: translateY(3%); }
}

@keyframes floating-x-3 {
    0% { transform: translateX(-3%); }
    100% { transform: translateX(3%); }
}
@keyframes floating-y-3 {
    0% { transform: translateY(-2.8%); }
    100% { transform: translateY(2.8%); }
}

@keyframes floating-x-4 {
    0% { transform: translateX(-3.8%); }
    100% { transform: translateX(3.8%); }
}
@keyframes floating-y-4 {
    0% { transform: translateY(-2.2%); }
    100% { transform: translateY(2.2%); }
}

@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/*ページコンテンツ*/
.introduction01, .introduction02 {
	margin: 0;
}
.introduction01 .point-img, .introduction02 .point-img {
	width: 100%;
}
.introduction02 .point-img {
	order: 1;
}
.introduction01 .point-img img, .introduction02 .point-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: calc(100vh - 340px);
	vertical-align: bottom;
}
.introduction01 .point-right, .introduction02 .point-right {
	margin: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.introduction02 .point-right {
	order: 2;
}
.introduction01 .point-item, .introduction02 .point-item {
	margin: 12% auto;
	width: 82%;
	box-sizing: border-box;
}
.point-txt {
	display: inline-block;
	line-height: 2.2;
}
.char {
	color: #999;
	/*opacity: 0.2;*/
}

.introduction01 h3, .introduction02 h3{
	margin-bottom: 35px;
	font-size: 23px;
}

.associated section table {
	border-collapse: collapse;
	width: 100%;
	margin:auto;
	font-size: 15.5px;
	margin-top:0!important;
}
.associated section table tr {
	border-top: 1px solid #FFF;
}
.associated section table tr:last-child{
	border-bottom: 1px solid #FFF;
}
.associated section table tr th, section table tr td {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
.associated section table tr th {
	position:relative;
	text-align:left;
	padding-top: 20px
}
.associated section table tr td {
	padding-bottom: 20px;
}
.associated section table tr th::after {
}
.associated section table tr th:nth-of-type(2)::before {
	content:"　";
	color:#FFF;
	font-size:35px;
	position:absolute;
	left:0;
	top:5px;	
	border-left: 1px solid #FFF;
	vertical-align: middle;
}
.associated section table tr td span {
	font-size:12px;
}
.associated section table tr td li {
	vertical-align: top;
	margin-right: 30px;
	display: inline-block;
	padding-bottom:10px;
	width:300px;
}
.associated section table tr td ul.dispB li{
	display: block;
	width:auto;
}
.associated section table tr td:nth-child(1) {
	border-right: 1px solid #FFF;
}
.associated section table li {
	list-style-type: none;
}

/*関連会社紹介*/
.associated-group {
	display: flex;
	flex-flow: column;
	margin: auto;
	width: 82%;
	position: relative;
}
.associated-group h3{
	margin-bottom: 20px;
	font-size: 23px;
	text-align: center;
}
.associated-group h3 a{
	color: #f7dfce;
	text-decoration: none;
}
.associated-group h3 a:hover{
	color: #fff;
}
.associated-group h4{
	border: 1px solid #FFF;
    display: inline-block;
    font-size: 18px;
    padding: 10px;
    width: auto;
    height: auto;
    text-align: center;
	margin: 35px 0 20px;
    line-height: 1.2em;
}
.associated-group .associated-img {
	width: 100%;
}
.associated-group .associated_logo{
	display: block;
	height: 70px;
	margin: 0 auto 10px;
	text-align: center;
}
.associated-group .associated_logo img{
	height: 100% !important;
}
.associated-group .associated_photo{
	margin: 25px 0;
}
.associated-group .associated_photo img{
	width: 100%;
}
.associated-group .associated-info {
	width: 100%;
}



	
	
	
}