@charset "UTF-8";
#content_s h1::selection,
#content_s h2::selection,
#content_s h3::selection,
#content_s p::selection {
	background: #ff4b36;
	color: #FFF;
	}
#content_c h1::selection,
#content_c h2::selection,
#content_c h3::selection,
#content_c p::selection {
	background: #5186ec;
	color: #FFF;
	}
.head_font {
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 700;
	letter-spacing: 0.1rem;
	line-height: 100%;
}
.fc_bmcolor1 {
	color: #ff4b36;
}
.fc_bmcolor2 {
	color: #5186ec;
}
h2 {
	color: #000;
	line-height: 1.6;
}
h3 {
	line-height: 1.6;
}
p {
	line-height: 2.0;
}
p:empty{
  display: none;
}
img {
	vertical-align: top;
}
span {
	vertical-align:baseline;
	line-height:100%;
}
.container {
	min-width: 1024px;
	margin: 0px auto;
	overflow: hidden;
}
	/* mainvisual */
	#mainvisual_content {
		min-width: 1024px;
		overflow: hidden;
	}
	#mainvisual{
		width: 1024px;
		margin: 0px auto;
	}
  /* home 2025 */
  /* mainvisual2025 */
  .home-mainvisual {
    max-width: 1280px;
    width: 88%;
    height: auto;
    margin-inline:auto ;
    background-image:url(/lib/images/home/home2025-mainimg-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 48px;
  }
    .home-mainvisual > div{
      padding-top: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
      .home-mainvisual .txt{
        width: 42%;
        padding-left: 12px;
      }
      .home-mainvisual .txt h1 span.message1 {
        font-size: 42px;
        display: block;
        line-height: 1.4; 
      }
          .home-mainvisual .txt h1 span.message2 {
            font-size: 16px;
            font-weight: normal;
            display: block;
            line-height: 1.8; 
          }
        .home-mainvisual .txt p{
          margin-bottom: 16px;
        }
      .home-mainvisual .image{
        width: 58%;
      }
      .home-mainvisual .btn.btn-standard a{
        margin-left: 0px;
        width: 84%;
        margin-left: -6px;
        margin-top: 0px;
      }
      .home-mainvisual .btn.btn-standard a img{
        width: 32px;
        height: auto;
      }
        .home-mainvisual .form-attention{
          width: 84%;
        }
      @media screen and (max-width:1280px){
      .home-mainvisual .btn.btn-standard a{
        width: 100%;
        }
        .home-mainvisual .form-attention{
          width: 100%;
        }
      }
      @media screen and (max-width:980px){
        .home-mainvisual .txt h1 span.message1 {
          font-size: 32px;
        }
          .home-mainvisual .txt h1 span.message2 {
          }
      }
      @media screen and (max-width:780px){
        .home-mainvisual {
          max-width: 100%;
          width: 100%;
          background-size: 140%;
          }
        .home-mainvisual > div{
          width: 88%;
          margin: 0px auto;
          padding-top: 72px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
        }
        .home-mainvisual .txt{
          width: 100%;
          padding-left: 0px;
          order: 2;
        }
        .home-mainvisual .txt h1 span.message1 {
          font-size: 36px;
        }
          .home-mainvisual .txt h1 span.message2 {
            font-size: 18px;
          }
          .home-mainvisual .txt h2{
            font-size: 3.8rem;
          }
          .home-mainvisual .txt h2 span{
            font-size: 3.2rem;
          }
          .home-mainvisual .txt p{
            margin-bottom: 16px;
          }
        .home-mainvisual .image{
          width: 100%;
          order: 1;
          margin-bottom: 16px;
        }
        .home-mainvisual .form-attention{
          width: 100%;
        }
      }
  .home-catchcopy{
    max-width: 100%;
    width: 88%;
    margin: 32px auto 32px;
  }
    .home-catchcopy h2{
      font-size:1.8rem!important;
      text-align:center;
      color: #4c4c4c;
    }
      @media screen and (max-width:780px){
        .home-catchcopy{
        }
      }
    .newslist_sp{
      margin-top: 16px;
    }
      .newslist_sp ul {
        letter-spacing: -1.0rem;
        }
      .newslist_sp ul li{
        display: inline-block;
        letter-spacing: 0.0rem;
        width: 480px;
        margin-right: 32px;
        -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
        -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
        -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
        filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      }
      .newslist_sp ul .slick-track{
        padding-bottom: 10px;
      }
      .newslist_sp ul li a{
        }
      .newslist_sp ul li:last-child{
        margin-right: 0px;
        }
      .newslist_sp ul li a img{
        width: 100%;
        }
        img.slide-arrow.prev-arrow.slick-arrow {
            position: absolute;
            top: 50%;
            left: 10px;
            z-index: 1;
            cursor: pointer;
            width: 24px;
            height: auto;
            margin-top: -21px;
        }
        img.slide-arrow.next-arrow.slick-arrow {
            position: absolute;
            top: 50%;
            right: 10px;
            z-index: 1;
            cursor: pointer;
            width: 24px;
            height: auto;
            margin-top: -21px;
        }
  /* mainslider  */
	.home_mainslider {
  }
    .home_mainslider img {
      width: 100%;
      height: auto;
    }
    ul.home_mainslider_container li{
      float: left;
      width: 1100px;
      height: auto;
    }
    .home_mainslider_container li img{
      width: 100%;
      height: auto;
    }
	#content_visual {
		width: 100%;
		overflow: hidden;
		height: 200px;
	}
		#content-image {
			position: relative;
			left: 50%;
			margin-left: -800px;
		}
		#content-image img{
			width: 75%;
			height: auto;
			}
/***************************** main *****************************/	
.main { 
  width: 1024px;
  margin: 0px auto;
}
  .error_content {
    padding-top: 160px;
    margin: 0px auto;
    text-align: center;
  }
  .error_content h3{
    font-size: 2.2rem;
    margin-top: 20px;
    }
    .error_content img {
      width: 480px;
      margin: 0px auto;
    }
    .error_content p{
      font-size: 1.6rem;
      margin-top: 20px;
    }
.btn_small a {
    margin: 0px auto;
    width: 400px;
    height: 64px;
    line-height: 64px;
    display: block;
    color: #FFF;
    font-size: 2.2rem;
    font-weight: bold;
    border-radius: 45px;
    background-color: #8793a4;          
    -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
/***************************** home *****************************/	
.home_introcontent {
  width: 100%;
  background-color: #5186ec;
  height: 360px;
}
.home_instrocontent_inner {
  width: 1024px;
  height: auto;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
  .introcontent_txt{
    width: 480px;
    margin-top: 50px;
    order: 1;
  }
    .introcontent_txt h1 {
      border-top:2px solid #FFF;
      border-bottom:2px solid #FFF;
      color: #FFF;
      text-align: center;
      font-size: 3.2rem!important;
      line-height: 1.4;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  .introcontent_img{
    width: 494px;
    order: 2;
  }
  .introcontent_img img{
    width: 100%;
    height: auto;
    }
    .introcontent_icons{
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
      padding-left: 5px;
      padding-right: 5px;
      box-sizing: border-box;
    }
    .introcontent_icons_one{
      width: 134px;
      text-align: center;
    }
      .introcontent_icons_one img{
        width: 84%;
        height: auto;    
      }
        .introcontent_icons_one p {
          text-align: center;
          font-weight: bold;
          color: #FFF;
        }
    .btn_homemain a {
      color: #FFF;
      background-color: #23aac0;
      display: block;
      text-align: center;
      font-size: 1.4em;
      height: 58px;
      line-height: 58px;
      border-radius: 29px;
      position: relative;
      font-weight: bold;
      width: 100%;
      margin: 36px auto 0px;
      -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    }
.section_btns{
  /*
  background-image:url("../images/section_btns_bg.jpg");
  background-position: center top;
  background-size: cover;
  */
  width: 100%;
  background-repeat: no-repeat;
  margin-top: 100px;
  height: auto;
  box-sizing: border-box;
}
  .section_btns_container{
    width: 1024px;
    margin: 0px auto;
    height: auto;
  }
    .section_btns_container h2 {
      text-align: center;
      color: #111111;
      font-size: 3.2rem;
    }
    .section_btns_container h2 span {
      position: relative;
      padding: 0.6em 0.4em 0.6em 0.7em;
      letter-spacing: 0.4rem;
      background: #edeff3;
      display: block;
      width: 174px;
      margin: 0px auto;
      font-size: 2.0rem;
      border-radius: 9999px;
      margin-bottom: 14px;
    }
    .section_btns_container h2 span:after {
      position: absolute;
      content: '';
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border: 10px solid transparent;
      border-top: 10px solid #edeff3;
      width: 0;
      height: 0;
    }
    .section_btns_container p {
      font-size: 1.8rem;
      line-height: 1.6;
      text-align: center;
      font-weight: bold;
      margin-bottom: 2.4rem;
    }
  .section_btns_container .banners{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .section_btns_container .banners h3 {
    width: 480px;
    height: auto;
    margin-bottom: 27px;    
    -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  }
      .section_btns_container .banners h3 a {
        background-repeat: no-repeat;
        background-size: cover;
        width: 480px;
        height: 175px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-weight: 700;
        font-size: 3.2rem;
      }
      .section_btns_container .banners h3:nth-child(1) a {
          background-image: url(/lib/images/section_btns_hair.png.webp);
        }
        .no-webp .section_btns_container .banners h3:nth-child(1) a {
          background-image: url(/lib/images/section_btns_hair.png);
        }
      .section_btns_container .banners h3:nth-child(2) a {
        background-image: url(/lib/images/section_btns_nail.png.webp);
      }
        .no-webp .section_btns_container .banners h3:nth-child(2) a {
          background-image: url(/lib/images/section_btns_nail.png);
        }
      .section_btns_container .banners h3:nth-child(3) a {
        background-image: url(/lib/images/section_btns_eye.png.webp);
      }
        .no-webp .section_btns_container .banners h3:nth-child(3) a {
          background-image: url(/lib/images/section_btns_eye.png);
        }
      .section_btns_container .banners h3:nth-child(4) a {
        background-image: url(/lib/images/section_btns_ethte.png.webp);
      }
        .no-webp .section_btns_container .banners h3:nth-child(4) a {
          background-image: url(/lib/images/section_btns_ethte.png);
        }
      .section_btns_container .banners h3:nth-child(5) a {
        background-image: url(/lib/images/section_btns_total.png.webp);
      }
        .no-webp .section_btns_container .banners h3:nth-child(5) a {
          background-image: url(/lib/images/section_btns_total.png);
        }

.home_content01 {
	width: 1024px;
	margin: -150px auto 0px;
	position: relative;
	padding-top: 50px;
	}
		.home_content01 img {
			width: 100%;
		}
.home_content02 {
	width: 100%;
	margin-top: 220px;
	display: flex;
	justify-content: space-between;	
}
	@media screen and (min-width:1400px){
		.home_content02 {
			width: 1400px;
			margin-left: auto;
			margin-right: auto;
		}
	}
		.home_content02_txt {
			position: relative;
			vertical-align: top;
			margin-top: 0px;
			order: 1;
			width: 40%;
			margin-left: 4%;
			margin-right: 8%;
		}
			.home_content02_txt h2{
				font-size: 3.8rem;
				color: #000;
				font-weight: bold;
			}
			.home_content02_txt p{
				font-size: 1.8rem;
				margin-top: 10px;
				letter-spacing: 0.0rem;
				text-align: justify;
				line-height: 2.0;
				}
		.home_content02_inner{
			order: 2;
			max-width: 44%;
		}
				.home_content02_img {
				}
					.home_content02_img img {
						width: 100%;
						height: auto;
					}
	/* トップ見出し　Aタイプ　*/
	.home_content02_header{
		background-color: #ff4b36;
		height: 130px;
	}
	/* トップ見出し　Bタイプ　*/
	.home_content02_header_b{
		height: 130px;
	}
		.home_content02_header_b h2 {
			font-size: 3.8rem;
			color: #000;
			font-weight: bold;
			width: 1024px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 50px;
			}
.home_content03 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 180px;
}
	/* トップ見出し　Aタイプ　*/
	.home_content03_header{
		background-color: #5186ec;
	}
	.home_content03_txt {
		position: relative;
		vertical-align: top;
		order: 2;
		width: 37%;
		margin-left: 4%;
		margin-right: 4%;
		}
		.home_content03_txt h2 {
			font-size: 3.8rem;
			font-weight: bold;
			}
				.home_content03_txt p{
					font-size: 1.8rem;
					letter-spacing: 0.0rem;
					text-align: justify;
					line-height: 2.0;
					}
		.home_content03_inner{
			order: 1;
			max-width: 60%;
			}
				.home_content03_img {
				}
					.home_content03_img img {
						width: 100%;
						height: auto;
						}
		/* トップ見出し　Bタイプ　*/
		.home_content03_header_b{
			height: 130px;
			margin-left: 55%;
		}
			.home_content03_header_b h2 {
				font-size: 3.8rem;
				color: #000;
				font-weight: bold;
				padding-top: 50px;
				text-align: left;
				}
.home_content04 {
	width: 100%;
	margin-top: 180px;
}
	.home_content04_apps {
		display: flex;
		justify-content: space-between;
	}
			.home_content04_appimgs{
				order: 1;
				letter-spacing: -1.0rem;
				vertical-align: top;
				width: 100%;
				margin-left: -80px;
			}
				.home_content04_appimgs_one {
					width: 18%;
					height: auto;
					display: inline-block;
					margin-right: 2%;
					padding-bottom: 150px;
				}
					.home_content04_appimgs_one img{
						width: 100%;
						height: auto;
					}
						.fuwafuwa_a{
							top: -100px;
						}
						.fuwafuwa_b{
							top: 120px;
						}
						.fuwafuwa_c{
							top: 40px;
						}
			.home_content04_apptxt {
				width: 36%;
				margin-right: 4%;
				margin-left: 4%;
				padding-top: 60px;
				order: 2;
			}
				.home_content04_apptxt h2{
					font-size: 3.8rem;
					color: #000;
					font-weight: bold;
					letter-spacing: 0.0rem;
					}
				.home_content04_apptxt p{
					font-size: 1.8rem;
					letter-spacing: 0.0rem;
					text-align: justify;
					line-height: 2.0;
					}
.home_content06 {
	width: 100%;
	margin-bottom: 100px;
}
	.home_content06 h2{
		font-weight: bold;
		font-size: 3.0rem;
		line-height: 140%;
		text-align: center;
		margin-bottom: 20px;
	}
	.sections_btns {
		letter-spacing: -1.0rem;
		width: 1024px;
		margin: 0px auto;
		}
		.sections_btns a{
			width: 247px;
			height: 240px;
			background-color: #FFF;
			box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
			border-radius: 14px;
			text-align: center;
			display: inline-block;
			margin-right: 12px;
			}
			.sections_btns a:nth-child(4n){
				margin-right: 0px;
				}
			.sections_btn_one{
				}	
				.sections_btn_one p{
					letter-spacing: auto;
					font-weight: bold;
					font-size: 2.0rem;
					text-align: center;
					margin-top: 10px;
					}
				.sections_btn_one img{
					width: 100%;
					height: auto;
					border-radius: 14px 14px 0px 0px;
					}					
.home_content08 {
	width: 100%;
	margin-bottom: 42px;
}
	.home_support{
		width: 1024px;
		margin: 0px auto;	
		letter-spacing: -1.0rem;
	}
		.home_support_txt {
			display: inline-block;
			width: 514px;
			vertical-align: middle;
			margin-right: 30px;
		}
			.home_support_txt h2{
				font-weight: bold;
				font-size: 3.0rem;
				line-height: 140%;
				text-align: left;
				margin-bottom: 20px;
				letter-spacing: 0.0rem;
			}
			.home_support_txt p{
				letter-spacing: 0.0rem;
				font-size: 1.8rem;
				line-height: 1.8;
				text-align: justify;
			}
		.home_support_img {
			display: inline-block;
			width: 480px;
			vertical-align: middle;
		}
			.home_support_img img{
				width: 100%;
				height: auto;
				}
.home_content09 {
	width: 1024px;
	margin: 90px auto 42px;
}
	.home_content09 h2{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: bold;
		font-size: 3.4rem;
		line-height: 140%;
		text-align: center;
		margin-bottom: 40px;
		letter-spacing: 0.0rem;
	}
	ul.news_sorttab {
		letter-spacing: -1.0rem;
	}
	.newslist {
		margin-top: 40px;
	}
  .news_sorttab li{
    display: inline-block;
  }
		.news_sorttab li a{
			display: block;
			border: 1px solid #c3c3c3;
      border-radius: 8px;
			color: #c3c3c3;
			font-size: 1.4rem;
			cursor: pointer;
			text-align: center;	
			width: 165px;
			height: 42px;
			line-height: 42px;
			position: relative;
			letter-spacing: normal;
			margin-right: 8px;
			box-sizing: border-box;
			}
		.news_sorttab li a:after{
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 0;
        height: 100%;
        border-radius: 5px;
        transition: all 0.5s ease 0s;
        z-index: -1;
    }
					.news_sorttab li.btnAll.active a:after{
						background: #5186ec;
						border: 1px solid #5186ec;	
            border-radius: 8px;		
						}
					.news_sorttab li.newscat_service.active a:after{
						background: #ff4b36;
						border: 1px solid #ff4b36;	
            border-radius: 8px;			
						}
					.news_sorttab li.newscat_case.active a:after{
						background: #35ae92;
						border: 1px solid #35ae92;	
            border-radius: 8px;			
						}
					.news_sorttab li.newscat_newfac.active a:after{
						background: #f6d019;
						border: 1px solid #f6d019;	
            border-radius: 8px;			
						}
					.news_sorttab li.newscat_info.active a:after{
						background: #847ac6;
						border: 1px solid #847ac6;	
            border-radius: 8px;			
						}
				.news_sorttab li.active a{
					border: none;
					color: #FFFFFF;
				}
.news_sorttab li.active a::after {
  width: 100%;
}

        /*
				.news_sorttab li.active a:before {
				    content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -8px;
					border: 8px solid transparent;
				}
					.news_sorttab li.btnAll.active a{
						background: #5186ec;
						border: 1px solid #5186ec;			
						}
        */
        /*
					.news_sorttab li.btnAll.active a:before {
						border-top: 8px solid #5186ec;
						}
					.news_sorttab li.newscat_service.active a{
						background: #ff4b36;
						border: 1px solid #ff4b36;				
						}
        */
        /*
					.news_sorttab li.newscat_service.active a:before {
						border-top: 8px solid #ff4b36;
						}
					.news_sorttab li.newscat_case.active a{
						background: #35ae92;
						border: 1px solid #35ae92;				
						}
        */
        /*
					.news_sorttab li.newscat_case.active a:before {
						border-top: 8px solid #35ae92;
						}
					.news_sorttab li.newscat_newfac.active a{
						background: #f6d019;
						border: 1px solid #f6d019;				
						}
            */
        /*
					.news_sorttab li.newscat_newfac.active a:before {
						border-top: 8px solid #f6d019;
						}
					.news_sorttab li.newscat_info.active a{
						background: #847ac6;
						border: 1px solid #847ac6;				
						}
            */
        /*
					.news_sorttab li.newscat_info.active a:before {
						border-top: 8px solid #847ac6;
						}
            */
     
	ul.news_sorttab_archive {
		letter-spacing: -1.0rem;
	}
  ul.news_sorttab_archive li {
    display: inline-block;
  }
		.news_sorttab_archive li a{
			display: block;
			border: 1px solid #c3c3c3;
      border-radius: 8px;
			color: #c3c3c3;
			font-size: 1.4rem;
			cursor: pointer;
			text-align: center;	
			width: 165px;
			height: 42px;
			line-height: 42px;
			position: relative;
			letter-spacing: normal;
			margin-right: 8px;
			box-sizing: border-box;
			}
		.news_sorttab_archive li a:after{
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 0;
        height: 100%;
        border-radius: 5px;
        transition: all 0.5s ease 0s;
        z-index: -1;
    }
					.news_sorttab_archive li.btnAll.active a:after{
						background: #5186ec;
            border-radius: 8px;		
						}
					.news_sorttab_archive li.newscat_service.active a:after{
						background: #ff4b36;
            border-radius: 8px;			
						}
					.news_sorttab_archive li.newscat_case.active a:after{
						background: #35ae92;
            border-radius: 8px;			
						}
					.news_sorttab_archive li.newscat_newfac.active a:after{
						background: #f6d019;	
            border-radius: 8px;			
						}
					.news_sorttab_archive li.newscat_info.active a:after{
						background: #847ac6;
            border-radius: 8px;			
						}
				.news_sorttab_archive li.active a{
					border: none;
					color: #FFFFFF;
				}
        
.news_sorttab li.active a::after {
  width: 100%;
}
					.news_sorttab_archive li.btnAll.active a{
						background: #5186ec;
						border: 1px solid #5186ec;			
						}
					.news_sorttab_archive li.newscat_service.active a{
						background: #ff4b36;
						border: 1px solid #ff4b36;				
						}
					.news_sorttab_archive li.newscat_case.active a{
						background: #35ae92;
						border: 1px solid #35ae92;				
						}
					.news_sorttab_archive li.newscat_newfac.active a{
						background: #f6d019;
						border: 1px solid #f6d019;				
						}
					.news_sorttab_archive li.newscat_info.active a{
						background: #847ac6;
						border: 1px solid #847ac6;				
						} 
		.home_newslsit_container {
			width: 100%;
			margin-top: 10px;
			}
		.home_newslsit_container a {
			background-color: #FFF;
			Width: 100%;
			justify-content: space-between;
			box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
			border-radius: 14px;
			padding-left: 20px;
			padding-right: 14px;
			box-sizing: border-box;
			display: block;
			margin-bottom: 10px;
			}
			.home_newslsit_container .newslist_one{
				display: flex;
				align-content: center;
				align-items: center;
				min-height: 100px;
				}
					.home_newslsit_container .newslist_one h2 {
						margin-bottom: 0px;
						min-height: auto;
						}
					.newslist_one_titlewrap {
						order: 3;
						min-height: auto;
						margin-bottom: 0px;
            width: 720px;
						}
					.newslist_one_datewrap {
						width: 120px;
						order: 1;
						}
					.newslist_one_catewrap {
            width: 120px;
						order: 2;
						}
  .panel {
    display:none;
    }
  .show {
    display:block;
    }
      .m-pagenation__body li {
        float: left;
      }
			.tabContents {
			  display: none;
			}
			.tabContents.active {
			  display: block;
			}
  .effect_list{
    width: 1024px;
    margin: 60px auto 0px;
  }
    .effect_list h3 {
      text-align: center;
      font-size: 3.0rem;
      line-height: 1.4;
    }
  .effect_listcontent {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
    .effect_listcontent_one {
      width: 247px;
      height: 240px;      
      text-align: center;
      border-radius: 12px;
      box-sizing: border-box;
      box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
    }
    .effect_listcontent_one img {
      width: 100%;
      height: auto;
      border-radius: 12px 12px 0px 0px;
    }
    .effect_listcontent_one p {
      font-weight: bold;
      color: #FFF;
      padding-top: 9px;
      font-size: 2.0rem;
    }
    .effect_listcontent_hair{
      background-color: #ff4b36;  
    }
    .effect_listcontent_nail{
      background-color: #847ac6;  
    }
    .effect_listcontent_eye{
      background-color: #7ca4f1;  
    }
    .effect_listcontent_ethte{
      background-color: #17b4cc;  
    }
    .home_interview_movie {
      width: 800px;
      margin: 90px auto 60px;
    }
    .home_interview_movie_wrap {
       position: relative;
       padding-bottom: 56.25%; 
       height: 0;
       overflow: hidden;
       margin-bottom: 40px;
    } 
    .home_interview_movie_wrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  .instafeed {
    width: 1024px;
    margin: 0px auto;
  }
  .home_magazinelist h2 {
    padding-top: 40px!important;
    text-align:center;
    margin-bottom: 2.0rem;
  }
.home_about {
  width: 100%;
  background-color: #edeff3;
  height: 260px;
  margin-top: 120px;
  margin-bottom: 140px;
  padding-top: 40px;
  padding-bottom: 40px;
}
  .home_aboutinner {
    width: 1024px;
    margin: 0px auto;
  }
.home_about_img {
  width: 300px;
  margin-top: -120px;
  margin-bottom: 100px;
  }
  .home_about_img img{
    width: 100%;
    height: auto;
    }
.home_about_txt {
  width: 704px;
  margin-left: 20px;
  color: #111;
  }
  .home_about_txt h2{
    color: #111;
    font-size: 2.8rem;
    margin-bottom: 10px;
    }
  .home_about_txt p{
    text-align: justify;
    }
  .home_planfee {
    width: 1024px;
    margin: 0px auto;
    text-align: center;
    border: 2px solid #f6d019;
    box-sizing: border-box;
    padding: 20px;
    }
  .home_planfee h2{
    font-size: 2.0rem;
    margin-bottom: 10px;
  }
  .home_planfee p{
    font-size: 1.6rem;
  }
    /* home another-content */
    .another-content {
        max-width: 1024px;
        width: 88%;
        margin: 80px auto 80px;
    }
      .another-content .inner {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .another-content .inner div{
        width: 38%;
      }
        .another-content .inner div:first-child{
          margin-right: 4%;
        }
      .another-content .inner div img{
        border-radius: 16px;
      }
      @media screen and (max-width:768px){
        .another-content .inner {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
        }
        .another-content .inner div{
          width: 100%;
          margin-bottom: 16px;
        }
        .another-content .inner div:first-child{
          margin-right: 0%;
        }
        .another-content .inner div img{
          border-radius: 6px;
        }
      }
/***************************** function list *****************************/	
.functionlist_container {
	width: 100%;
	background-color: #edeff3;
	padding-top: 50px;
	padding-bottom: 40px;
	margin-top: 90px;
	margin-bottom: 100px;
}
		.functionlist_container h2{
			font-weight: bold;
			font-size: 3.0rem;
			line-height: 140%;
			text-align: center;
			margin-bottom: 20px;
      color: #111;
			}
        .functionlist_container h2 span {
          position: relative;
          padding: 0.6em 0.4em 0.6em 0.7em;
          letter-spacing: 0.4rem;
          background: #f6d019;
          display: block;
          width: 140px;
          margin: 0px auto;
          font-size: 2.0rem;
          border-radius: 9999px;
          margin-bottom: 14px;
        }
        .functionlist_container h2 span:after {
          position: absolute;
          content: '';
          top: 100%;
          left: 50%;
          transform: translateX(-50%);
          border: 10px solid transparent;
          border-top: 10px solid #f6d019;
          width: 0;
          height: 0;
        }
        .functionlist_container p{
          font-size: 2.0rem;
          line-height: 1.6;
          text-align: center;
          font-weight: bold;
          margin-bottom: 2.4rem;
        }
		.funcions_btns {
				width: 1024px;
				margin: 0px auto;
				letter-spacing: -1.0rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
			}
				.funcions_btns > a {
          margin-bottom: 20px;
				  box-shadow: 0px 3px 8px rgba(0,0,0,0.08);  
				  border-radius: 12px;
          width: 320px;
          height: 120px;
				}
				.funcions_btns a:nth-child(3n) {
					margin-right: 0px;
					}
				.funcions_btns .mr_30 {
          margin-right: 30px;
        }
        .func-banners {
          width: 1024px;
          margin: 0px auto;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          flex-wrap: wrap;
        }
          .func-banners a.box{
            width: 320px;
            height: 120px;
            margin-right: 32px;
            margin-bottom: 14px;
            background-color: #FFF;
            padding: 14px 14px;
            box-sizing: border-box;
            letter-spacing: -1.0rem;
            border-radius: 14px;
            -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            box-shadow: none;
            display: flex;
            align-items: center;
            justify-content: flex-start;
          }
          .func-banners a.box:nth-child(3n){
            margin-right: 0px;
          }
            .func-banners a.box .image{
              width: 80px;
              height: auto;
            }
            .func-banners a.box .text{
              width: 212px;
              padding-left: 14px;
            }
            .func-banners a.box .text p{
              margin-bottom: 0px;
              letter-spacing: 1px;
              text-align: left;
              font-weight: bold;
              line-height: 1.4;
            }
          /* no-links */
            .func-banners.no-links > div{
              width: 320px;
              height: 120px;
              margin-right: 32px;
              margin-bottom: 14px;
              background-color: #FFF;
              padding: 14px 14px;
              box-sizing: border-box;
              letter-spacing: -1.0rem;
              border-radius: 14px;
              -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
              -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
              -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
              filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
              box-shadow: none;
              display: flex;
              align-items: center;
              justify-content: flex-start;
            }
            .func-banners.no-links > div:nth-child(3n){
              margin-right: 0px;
            }
              .func-banners.no-links > div .image{
                width: 80px;
                height: auto;
              }
              .func-banners.no-links > div .text{
                width: 212px;
                padding-left: 14px;
              }
              .func-banners.no-links > div .text p{
                margin-bottom: 0px;
                letter-spacing: 1px;
                text-align: left;
                font-weight: bold;
                line-height: 1.4;
              }
            @media screen and (max-width:980px){
              .func-banners {
                width: 88%;
                }
                .func-banners a.box{
                  width: 48%;
                  margin-right: 4%;
                }
                .func-banners a.box:nth-child(even){
                  margin-right: 0px;
                }
                .func-banners a.box:nth-child(3){
                  margin-right: 4%;
                }
                /* no-links */
                .func-banners.no-links > div{
                  width: 48%;
                  margin-right: 4%;
                }
                .func-banners.no-links > div:nth-child(even){
                  margin-right: 0px;
                }
                .func-banners.no-links > div:nth-child(3){
                  margin-right: 4%;
                }
            }
            @media screen and (max-width:700px){
              .func-banners a.box{
                display: block;
                text-align: center;
                height: auto
              }
              .func-banners a.box .image{
                width: 38%;
                margin: 0px auto;
              }
              .func-banners a.box .text{
                width: 100%;
                padding: 0px;
              }
              .func-banners a.box .text p{
                text-align: center;
                margin-top: 1.4rem;
              }
              /* nolinks */
              .func-banners.no-links > div{
                display: block;
                text-align: center;
                height: auto
              }
              .func-banners.no-links > div .image{
                width: 38%;
                margin: 0px auto;
              }
              .func-banners.no-links > div .text{
                width: 100%;
                padding: 0px;
              }
              .func-banners.no-links > div .text p{
                text-align: center;
                margin-top: 1.4rem;
              }
            }
            @media screen and (max-width:480px){
              .func-banners a.box .text p{
                font-size: 1.6rem;
              }
              /* no-links */
              .func-banners.no-links > div .text p{
                font-size: 1.6rem;
              }
            }
            @media screen and (max-width:360px){
              .func-banners a.box .text p{
                font-size: 1.4rem;
              }
              /* no-links */
              .func-banners.no-links > div .text p{
                font-size: 1.4rem;
              }
            }
					.funcions_btns_one{
						width: 320px;
						height: 120px;
						margin-bottom: 20px;
						border-radius: 12px;
						background-color: #FFF;
						padding: 15px 15px;
						box-sizing: border-box;
						letter-spacing: -1.0rem;
					}
						.funcions_btns_one_img{
							width: 90px;
							display: inline-block;
							vertical-align: middle;
						}
							.funcions_btns_one_img img {
								width: 100%;
								height: auto;
							}
						.funcions_btns_one_txt{
							width: 190px;
							margin-left: 10px;
							display: inline-block;
							vertical-align: middle;
						}
							.funcions_btns_one_txt p{
								letter-spacing: normal;
								font-weight: bold;
								font-size: 2.0rem;
								line-height: 140%;
                margin-bottom: 0px;
                text-align: left;
							}
              .func-banners a.box .image img{
                width: 100%;
              }
/***************************** special interview *****************************/
.interview_special{
  width: 1024px;
  margin: 42px auto 124px;
}
.interview_header{
  width: 1024px;
  height: auto;
  margin: 0px auto;
}
  .interview_header img {
    width: 100%;
    height: auto;
    border-radius: 4px;
  }
  .interview_special_intro{
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .interview_special_intro h1 {
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 1.0rem;
    line-height: 1.6;
  }
  .interview_special_intro p{
    text-align: center; 
  }
  .interview_special_content{
    width: 800px;
    margin: 0px auto;
  }
  .interview_special_content div.interview_special_contentone{
    margin-top: 120px;
  }
  .interview_special_content div.interview_special_contentone:first-child{
    margin-top: 40px;
  }
    .interview_special_contentone h2{
        margin-bottom: 40px;
     }
.spintterviewcontent_header.under{
  background-color: #FFF;
  text-align: center;
  width: 1120px;
  margin: 0px auto;
  border-bottom: 1px solid #ccc;
  height: 180px;
  padding-top: 120px;
  box-sizing: border-box;
}
.spintterviewcontent_header.under p{
  font-size: 1.6rem;
  color: #111;
}
    .interview_q{
      color: #ff4b36;
      font-size: 4.0rem;
    }
    .interview_special_content video {
      width: 100%;
      height: auto;
    }
  .interview_special_next{
    margin: 80px auto 0px;
    text-align: center;
    }
    .interview_special_next p {
      margin: 20px auto 0px;
      width: 140px;
    }
     .interview_special_next p a{ 
        color: #FFF;
        display: block;
        background-color: #ff4b36;
        height: 42px;
        width: 140px;
        border-radius: 21px;
        font-size: 2.2rem;
        line-height: 42px;
        color: #FFF;
        font-weight: bold;
       }
      .interview_next_arr:before {
        content: "";
        background-image: url("../images/interview_nextarr.svg");
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        padding-left: 20px;
        vertical-align:middle;
        }
     .interview_special_next h3{
       font-size: 3.0rem;
       margin-top: 0px;
       }
      p.interview_limitedicon {
            display: block;
            background-color: #ff4b36;
            height: 42px;
            width: 260px;
            margin: 40px auto 0px;
            border-radius: 21px;
            font-size: 2.2rem;
            line-height: 42px;
            color: #FFF;
            font-weight: bold;
            text-align: center;        
      }
/***************************** share *****************************/
.maincontainer {
}
		.content_header {
			width: 100%;
		}
		.catalog_header {
			width: 1120px;
			margin: 80px auto 0px;
			}
			.catalog_header h2{
				font-size: 2.8rem;
				text-align: center;
				border-bottom: 1px solid #000;
				padding-bottom: 10px;
				}
.undercontent_header{
  background-color: #e7e7e7;
}
  .undercontent_header h1{
    font-size: 2.4rem!important;
    font-weight: bold;
    color: #111;
  }
.content_title {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 90px;
	}
.content_title h2{
	font-size: 4.6rem;
	}
	.content_title p{
		font-size: 2.7rem;
		font-weight: bold;
		}
	/* font color */
	.fc_bm01 {
		color: #ff4b36;
	}
/* ページ送り */
ul.page-numbers {
	text-align: center;
	margin: 40px 0px 0px 0px;
	padding: 0;
	letter-spacing: -1.00rem;
	}
	.page-numbers li {
		padding: 0px;
		display: inline-block;
		background:#e5e5e5;
		width: 42px;
		height: 42px;
		text-align: center;
		position: relative;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 42px;
		border-radius: 21px;
		vertical-align: middle;
		letter-spacing: 0.0rem;
		margin-right: 8px;
		}
		.page-numbers li:last-child {
			margin-right: 0px;
			}
	.page-numbers li a{
		vertical-align: middle;
		position: absolute;
		background:#FFFFFF!important;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		display:table;
		color: #111111;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
		text-decoration: none;
		line-height: 42px;
		padding: 0px;
		border-radius: 21px;
		}
	.page-numbers li a span{
		  display:table-cell;
		  vertical-align:middle;
	}
	.page-numbers li a:hover,
	.page-numbers li a.active{
	  color: #000;
	  background: #ccf;
	}
  .page-numbers li a.go-last{
    padding-right: 14px;
    box-sizing: border-box;
  }
  .previous > .current {
    padding-right: 8px;
  }
  .material-icons{
    font-size: 2.2rem!important;
    vertical-align: middle;
    }
  .material-icons-w{
    letter-spacing: -10px!important;
    display: inline!important;
  }
/***************************** animation *****************************/
.home_lineanimate01 {
	position: relative;
	top: -850px;
	left: -400px;
	width: 70%;
	z-index: -9999;
	height: 0px;
}
.home_lineanimate02 {
	position: relative;
	top: -900px;
	right: -800px;
	width: 70%;
	z-index: -9999;
	height: 0px;
}
/***************************** btns *****************************/	
a.functions_btn_all{    
    color: #5186ec;
    border: 1px solid #5186ec;
    height: 44px;
    width: 260px;
    margin: 0px auto;
    border-radius: 24px;
    text-align: center;
    display: block;
    line-height: 44px;
    font-size: 1.6rem;
    margin-top: 20px;
	}
a.interviewlist_btn_all{
	color: #5186ec;
	border: 1px solid #5186ec;
	height: 44px;
	width: 260px;
	margin: 0px auto;
	border-radius: 22px;
	text-align: center;
	display: block;
  line-height: 44px;
	font-size: 1.6rem;
	margin-top: 20px;
	}
a.spinterviewlist_btn_all{
	color: #5186ec;
	border: 1px solid #5186ec;
	height: 44px;
	width: 320px;
	margin: 0px auto;
	border-radius: 22px;
	text-align: center;
	display: block;
  line-height: 44px;
	font-size: 1.6rem;
	margin-top: 40px;
	}
/***************************** merit content *****************************/	
.meritcontent_header {
	width: 100%;
	margin-bottom: 160px;
}
.meritcontent_header_inner {
	width: 100%;
	height: 420px;
	padding-top: 104px;
	box-sizing: border-box;
}
#content_c .meritcontent_header_inner {
	background-color: #5180e6;
}
#content_s .meritcontent_header_inner {
	background-color: #ff4b36;
}
.meritcontent_header_content {
	width: 960px;
	height: 400px;
	margin: 0px auto;
	display: flex;
}
.meritcontent_header_title{
	width: 425px;
	margin-top: 40px;	
}
.meritcontent_header_title p {
	font-size: 2.8rem;
	color: #FFF;
	}
.meritcontent_header_title h1 {
	font-size: 4.2rem;	
	color: #FFFFFF;
  line-height: 1.4;
	}
.meritcontent_header_icon {
	background-color: #FFF;
	height: 28px;
	border-radius: 14px;
	display: inline-block;
	margin-top: 10px;
}
.meritcontent_header_icon p {
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 28px;
}
#content_c p.font_col_bmred{
	color: #5180e6;
}
#content_s p.font_col_bmred{
	color: #ff4b36;
}
.meritcontent_header_img{
	width: 456px;
    margin-left: 30px;
}
.meritcontent_header_img img{
	width: 100%;
}
.meritcontent_main{
	width: 960px;
	margin: 120px auto 0px;
}
.meritcontent_main h2{
	font-size: 3.2rem;
	}
  .meritcontent_main h3{
    font-size: 3.2rem;
    }
.meritcontent_main p{
	font-size: 1.6rem;
	line-height: 2.0;
	text-align: justify;
	margin-top: 10px;
	}
.meritcontent01 {
	display:flex;
	justify-content: space-between;
}
.meritcontent01_img {
	width: 345px;
}
.meritcontent01_txt{
	letter-spacing: 0.0rem;
	width: 537px;
	margin-top: 50px;
}
.meritcontent02 {
	display:flex;
	justify-content: space-between;
	margin-top: 100px;
}
.meritcontent02_img {
	width: 345px;
	vertical-align: middle;
	margin-left: 30px;
	order: 2;
}
.meritcontent02_txt{
	width: 537px;
	margin-left: 0px;
	margin-top: 40px;
	vertical-align: middle;
	order: 1;
}
.meritcontent03{
	text-align: center;
	}
.meritcontent03_img {
	display:flex;
	justify-content: space-between;
	width: 800px;
	margin: 40px auto 0px;
}
.meritcontent03_img div{
	width: 50%;
	}
.meritcontent03_txt{
	width: 100%;
	margin-top: 10px;
}
.meritcontent03_txt p{
	text-align: center;
	}
.meritcontent04 {
	display:flex;
	justify-content: space-between;
	margin-top: 100px;
}
.meritcontent04_img {
	width: 423px;
	vertical-align: middle;
	order: 1;
}
.meritcontent04_txt{
	width: 537px;
	margin-top: 80px;
	vertical-align: middle;
	order: 2;
}
.meritcontent05 {
	display:flex;
	justify-content: space-between;
	margin-top: 100px;
}
.meritcontent05_img {
	width: 537px;
	vertical-align: middle;
	margin-left: 30px;
	order: 2;
}
.meritcontent05_txt{
	width: 345px;
	margin-left: 0px;
	vertical-align: middle;
	order: 1;
}
.meritcontent05_img2 {
	width: 537px;
	vertical-align: middle;
	order: 1;
}
.meritcontent05_txt2{
	width: 345px;
	margin-left: 30px;
	vertical-align: middle;
	order: 2;
}
.meritcontent06{
	text-align: center;
	margin-top: 120px;
	}
.meritcontent06_img {
	width: 600px;
	margin: 0px auto 0px;
}
.meritcontent06_img2 {
	width: 100%;
	margin: 30px auto 0px;
}
.meritcontent06_txt{
	width: 100%;
	margin-top: 10px;
}
.meritcontent06_txt p{
	text-align: center;
	}
	
.meritcontent09 {
	display:flex;
	justify-content: space-between;
	margin-top: 100px;
}
.meritcontent09_img {
	width: 423px;
	vertical-align: middle;
	order: 2;
}
.meritcontent09_txt{
	width: 537px;
	margin-top: 80px;
	vertical-align: middle;
	order: 1;
}
.meritcontent_merit {
	position: relative;
	margin-top: 100px;
	width: 800px;
	margin: 80px auto -200px;
}
.meritcontent_meritimg {
	width: 460px;
	position: relative;
	}
.meritcontent_merittxt {
	width: 450px;
	position: relative;
	left: 350px;
	top: -280px;
	padding: 30px;
	box-sizing: border-box;
	color: #FFF;
	}
	#content_c .meritcontent_merittxt {
		background-color: #5186ec;
		}
	#content_s .meritcontent_merittxt {
		background-color: #ff4b36;
		}
	.meritcontent_merittxt h3{
		font-size: 2.8rem;
		}
	.meritcontent_merittxt p{
		font-size: 1.4rem;
		}
.content_img img{
	width: 100%;
	}
/***************************** content header  *****************************/
		.content_header {
			margin-bottom: 80px;
			text-align: center;
			width: 100%;
			padding-top: 124px;
			padding-bottom: 30px;
			color: #FFF;
			height: 240px;
			box-sizing: border-box;
		}
      @media screen and (max-width:1200px) {
      .content_header.under{
        width: 90%!important;
      }
    }
		.content_header h1{
			font-weight: bold;
			font-size: 3.8rem;
      line-height: 1.4;
			}
		.content_header p{
			font-weight: bold;
			font-size: 2.0rem;
			}
/***************************** function list *****************************/
.funccontent_header {
	background-color: #ff4b36;
}
	.funccontent_header h2 {
		color: #FFF;
	}
	.funccontent_wrapper {
		width: 1024px;
		margin: 0px auto 40px;
	}
		.funcontent_head {
			height: 55px;
		}
		.funcontent_head h2{
			line-height: 55px;
			text-align: center;
			color: #FFF;
			font-size: 2.2rem;
			}
		.funchead_col01 {
			background-color: #5186ec;
			}
		.funchead_col02 {
			background-color: #ff4b36;
			}

	.funccontent_inner {
		}
		.funccontent_inner dl{
			letter-spacing: -1.0rem;
			border-bottom: 1px solid #CCC;
			padding-bottom: 12px;
			margin-top: 20px;
			line-height: 2.0;
		}
		.funccontent_inner dl dt{
			width: 30%;
			display: inline-block;
			letter-spacing: normal;
			font-size: 2.0rem;
			font-weight:bold;
			vertical-align: top;
			line-height: 1.2;
      padding-left: 6px;
      box-sizing: border-box;
		}
		.funccontent_inner dl dt img{
      width: 35px;
      height: auto;
      vertical-align: middle;
      margin-right: 12px;
      }
		.funccontent_inner dl dd {
			width: 70%;
			display: inline-block;
			letter-spacing: normal;
			font-size: 1.6rem;
			vertical-align: top;
		}
			.funccontent01 i {
				color: #5186ec;
				padding-bottom: 4px;
				}
			.funccontent02 i {
				color: #ff4b36;
				padding-bottom: 4px;
				}
		
/***************************** case interview *****************************/	
.interviewlist_container {
	width: 100%;
	margin-bottom: 20px;
  margin-top: 80px;
}
	.interviewlist_container h2 {
		font-weight: bold;
		font-size: 3.2rem;
		line-height: 140%;
		text-align: center;
    margin-bottom: 2.0rem;
	}
  .interviewlist_container h2 span {
    position: relative;
    padding: 0.6em 0.4em 0.6em 0.7em;
    letter-spacing: 0.4rem;
    background: #67C2AD;
    display: block;
    width: 120px;
    margin: 0px auto;
    font-size: 2.0rem;
    border-radius: 9999px;
    margin-bottom: 14px;
    color: #fff;
  }
  .interviewlist_container h2 span:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: 10px solid #67C2AD;
    width: 0;
    height: 0;
  }
	.interviewlist_container p{
		font-weight: bold;
		font-size: 3.0rem;
		line-height: 140%;
		text-align: center;
		margin-bottom: 20px;
	}
	.intterviewcontent_header {
		background-color: #67c2ad;
		}
		.intterviewcontent_header h2{
			color: #FFF;
			}
	.newscontent_header {
		background-color: #e7e7e7;
		}
    .newscontent_header h1 {
      color: #111;
    }
		.newscontent_header h2{
			color: #000;
			}
		.newscontent_header p{
			color: #000;
			}
	.spintterviewcontent_header {
		background-color: #dbdbdb;
		}
		.spintterviewcontent_header h2{
			color: #FFF;
			}
			.news_content_body a {  
        text-decoration: underline;
        }
      .news_content dl dt{
        line-height: 1.4
      }
      .news_content dl dd{
        line-height: 1.4
      }
			.news_content table {
        width:100%;
        border: 1px solid #CCC;
        margin-top: 40px;
      }
      .news_content table thead th{
        line-height: 1.4;
        padding: 10px;
        border-bottom: 1px solid #CCC;
        background-color: #ebebeb;
        text-align: center;
      }
      .news_content table tbody tr th {
          padding: 10px;
          border-bottom: 1px solid #CCC;
          border-left: 1px solid #CCC;
          line-height: 1.4;
          background-color: #ebebeb;
          text-align: center;
      }
      .news_content table tbody tr td {
          text-align: left;
          padding: 10px;
          border-bottom: 1px solid #CCC;
          border-left: 1px solid #CCC;
          line-height: 1.4;
      }
      .news_content dl{
        margin-top:10px;
        display:flex;
        width:550px;
        flex-wrap:wrap;
      }
        .news_content dt{
          width:140px;
          margin-bottom:10px;
          font-weight:bold;
        }
        .news_content dd{
          width:400px;
          margin-bottom:10px;
          padding-left:10px;
        }
        .news_content .caption{
          font-size: 1.2rem;
        }
	.interviewlist_catelist {
		width: 1024px;
		margin: 0px auto 30px;
		}
    .interviewlist_catelist p{
      font-size: 1.4rem;
      margin-bottom: 10px;
    }

      /*
			.interviewlist_catelist dl{
				letter-spacing: -1.0rem;
				margin-bottom: 10px;	
				}
				.interviewlist_catelist dl dt{
					width: 100px;
					display: inline-block;
					text-align: justify;
					letter-spacing: 0.0rem;
					vertical-align: middle;
					font-size: 1.6rem;
					font-weight: bold;
					line-height: 100%;
					}
				.interviewlist_catelist dl dd{
					display: inline-block;
					width: 924px;
					vertical-align: middle;
					}
		.interviewlist_catelist ul{
			vertical-align: middle;
			}
			.interviewlist_catelist ul li{
				display: inline-block;
				letter-spacing: 0.0rem;
				margin-right: 10px;
				margin-bottom: 6px;
				}
				.interviewlist_catelist ul li:last-child{
					margin-right: 0px;
					}
				.interviewlist_catelist ul li a{
					display: block;
					height: 40px;
					border-radius: 20px;
					background-color: #E7E7E7;
					font-weight: bold;
					text-align: center;
					padding-left: 20px;
					padding-right: 20px;
					line-height: 40px;
					box-sizing: border-box;
					font-size: 1.4rem;
					}
				.interviewlist_catelist ul li a.active{
					background-color: #67C2AD;
					color: #FFF;
					}
				*/
  /* inteview serch form */  
    .interview_searchform{
      }
			.interview_searchform{
				letter-spacing: -1.0rem;
				margin-bottom: 10px;	
				}
				.interview_searchform dt{
					width: 14%;
					display: inline-block;
					text-align: justify;
					letter-spacing: 0.0rem;
					vertical-align: middle;
					font-size: 1.6rem;
					font-weight: bold;
					line-height: 100%;
					}
				.interview_searchform dd{
					display: inline-block;
          width: 86%;
					vertical-align: middle;
					}
    .interview_searchform dd label {
      letter-spacing: normal;
      vertical-align: middle;
      margin-right: 10px;
      display: inline-block;
      float: left;
      margin-bottom: 8px;
      }
		.interview_searchform ul{
			  vertical-align: middle;
			}
			.interview_searchform ul li{
				display: inline-block;
				letter-spacing: 0.0rem;
        margin-bottom: 0px;
				}
				.interview_searchform ul li:last-child{
					margin-right: 0px;
					}
        .interview_searchform label span {
          display: block;
          height: 40px;
          border-radius: 20px;
          background-color: #E7E7E7;
          font-weight: bold;
          text-align: center;
          padding-left: 20px;
          padding-right: 20px;
          line-height: 40px;
          box-sizing: border-box;
          font-size: 1.4rem;
          cursor: pointer;
        }
        .interview_searchform label input:checked + span {
          background-color: #67C2AD;
          color: #FFF;
        }
        input.interview_submit {
          display: block;
          height: 40px;
          width: 200px;
          border-radius: 20px;
          background-color: #67c2ad;
          color: #FFF;
          font-weight: bold;
          text-align: center;
          padding-left: 20px;
          padding-right: 20px;
          line-height: 40px;
          box-sizing: border-box;
          font-size: 1.4rem;
          cursor: pointer;
          -webkit-filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
          -moz-filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
          -ms-filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
          filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
          margin-left: 14%;
        }
	.interviewlist_medium {
		width: 1024px;
		margin: 0px auto;
		letter-spacing: -1.0rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
		.interviewlist_medium a {
      vertical-align: top;
      width: 30%;
      margin-right: 5%;
		  max-height: 480px;
      height: 480px;
      background-color: #FFF;
      border-radius: 14px;
      text-align: center;
      box-sizing: border-box;
      margin-bottom: 40px;
      -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
		}
		.interviewlist_medium a:nth-child(3n) {
			margin-right: 0px;
			}
			.interviewlist_medium_one{
			}
				.interviewlist_medium_img {
					margin-bottom: 10px;
				}
				.interviewlist_medium_img img{
					width: 100%;
					height: auto;
					border-radius: 14px 14px 0px 0px;
				}
			.interviewlist_medium_one h3 {
				font-size: 1.8rem;
				line-height: 140%;
				font-weight: bold;
				letter-spacing: 0.0rem;
        width: 90%;
        margin: 0px auto 10px;
        height: 50px;
			}
			.interviewlist_kanren .interviewlist_medium_one h3 {
        font-size: 1.6rem;
      }
        .interviewlist_kanren p.company_name {
          font-size: 1.8rem;
          line-height: 140%;
          font-weight: bold;
          letter-spacing: 0.0rem;
          width: 90%;
          margin: 0px auto 10px;
          height: 50px;
        }
				.interviewlist_medium_logo {
					width: 100px;
					height: 100px;
					margin: 0px auto 10px;				
				}
					.interviewlist_medium_logo img{
						width: 100%;
						height: auto;
            border-radius: 14px;
					}
			.interviewlist_medium_one p{
				font-size: 1.5rem;
				letter-spacing: 0.0rem;
        width: 90%;
        margin: 0px auto;
			}
      .interviewlist_medium_one_cate{
        margin-bottom: 10px;
      }
      .interviewlist_medium_one_cate p{
        display: inline;
        margin: 0px 2px;
      }
      .interviewlist_medium_one_cate p span{
        border-radius: 20px;
        background-color: #67c2ad;
        font-weight: bold;
        text-align: center;
        padding: 6px 14px;
        line-height: 24px;
        box-sizing: border-box;
        font-size: 1.0rem;
        cursor: pointer;
        margin-bottom: 4px;
        color: #FFF;
      }
	.interviewlist_small {
		width: 1024px;
		margin: 0px auto;
		letter-spacing: -1.0rem;
	}
		.interviewlist_small a {
			display: inline-block;
			margin-right: 32px;
		}
		.interviewlist_small a:nth-child(3n) {
			margin-right: 0px;
			}
			.interviewlist_small_one{
				width: 320px;
				height: 130px;
				background-color: #FFF;
				border-radius: 14px;
				text-align: left;
				border: 1px solid #ccc;
				box-sizing: border-box;
				margin-bottom: 20px;
				letter-spacing: -1.0rem;
			}
				.interviewlist_small_img {
					width: 130px;
					height: 130px;
					display: inline-block;
					vertical-align: middle;
				}
				.interviewlist_small_img img{
					width: 100%;
					height: auto;
					border-radius: 14px 0px 0px 14px;
				}
			.interviewlist_small_txt{
				display: inline-block;
				width: 178px;
				vertical-align: middle;
				margin-left: 10px;
				}
				.interviewlist_small_txt h3 {
					font-size: 1.6rem;
					line-height: 140%;
					font-weight: bold;
					letter-spacing: 0.0rem;
					margin-bottom: 10px;
					margin-top: 10px;
					}
				.interviewlist_small_txt p{
					font-size: 1.3rem;
					letter-spacing: 0.0rem;
					text-align: left;
					}
					.interviewlist_kanren{
            margin-top: 100px;          
          }
          p.interviewlist_kanren_head {
            font-weight: bold;
            font-size: 2.0rem;
            line-height: 140%;
            text-align: center;
            margin-bottom: 1.0rem;
          }
          .interviewlist_kanren p {
            margin-bottom: 20px;
          }
.interviewsingle_container {
	width: 1024px;
	margin: 0px auto 0px;
}
.intterviewcontent_header.under{
  background-color: #FFF;
  text-align: center;
  width: 1120px;
  margin: 0px auto 4.0rem;
  border-bottom: 1px solid #ccc;
  height: 180px;
  padding-top: 120px;
  box-sizing: border-box;
}
  .intterviewcontent_header.under p{
    font-size: 1.6rem;
    color: #111;
  }
.case_single_head {
	text-align: center;
	margin-top: 40px;
}
	.case_single_head p{
		color: #ff4b36;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 180%;
	}
	.case_single_head h2{
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 180%;
	}
		.case_single_mainvisual {
			width: 1024px;
			height: auto;
			margin: 0px auto 20px;
			}
			.case_single_mainvisual img{
				width: 100%;
				height: auto;
        border-radius: 4px;
				}
    .case_single_title h1{
      text-align: center;
      font-size: 2.0rem;
      line-height: 1.4;
    }
			.interviewsingle_cate {
				text-align: center;
				margin-top: 50px;
				}
			.interviewsingle_cate div{
				display: inline-block;
				margin-right: 30px;
				}
				.interviewsingle_cate div:last-child{
					margin-right: 0px;
					}
				.interviewsingle_cate_one {
					letter-spacing: -1.0rem;
          margin-bottom: 10px;
					}
					.interviewsingle_cate_one p{
						display: inline-block;
						font-size: 1.8rem;
						letter-spacing: 0.1rem;
						font-weight: bold;
						vertical-align: middle;
            padding-bottom: 6px;
						}
					.interviewsingle_cate_one a{
						display: inline-block;
						height: 40px;
						border-radius: 20px;
						background-color: #67C2AD;
						font-weight: bold;
						text-align: center;
						padding-left: 20px;
						padding-right: 20px;
						line-height: 40px;
						box-sizing: border-box;
						font-size: 1.4rem;
						letter-spacing: 0.1rem;
						color: #FFF;
						vertical-align: middle;
            margin-left: 4px;
            margin-bottom: 10px;
						}
				.case_single_maincontent{
					width: 960px;
					margin: 0px auto;
					}
					.case_single_headlogo {
						width: 500px;
						height: auto;
						margin: 0px auto;
					}
					.case_single_headlogo img{
						width: 100%;
						height: auto;
					}
					.case_single_maincontent h2{
						font-size: 3.6rem;
						font-weight: bold;
						line-height: 140%;
						text-align: center;
						margin-top: 90px;
					}
					.case_single_maincontent h4{
						font-size: 2.8rem;
						margin-top: 60px;
						font-weight: bold;
						line-height: 140%;
						text-align: center;
					}
					.case_single_maincontent p{
						font-size: 1.8rem;
						line-height: 200%;
						margin-top: 30px;
						text-align: justify;
					}
					.case_single_maincontent img{
						width: 500px;
						height: auto;
						margin: 20px 230px 0px;
					}
						.case_single_maincontent h3 {
							font-size: 2.0rem;
							font-weight: bold;
							margin-top: 60px!important;
							text-align: justify;
							line-height: 160%;
						}
						.case_single_maincontent h3:before {
							content: "ー";
						}
            span.case_single_companyname {
              text-align: center;
              font-size: 2.2rem;
              line-height: 1.4;
              margin-bottom: 20px;
              display: block;
            }
						.case_single_caption {
							width: 500px;
							margin: 0px auto!important;
							font-size: 1.4rem!important;
						}
							.case_single_saloninfo {
								letter-spacing: -1rem;
								width: 960px;
								margin: 60px auto 40px;
							}
								.case_single_saloninfo_logo {
									width: 140px;
									height: auto;
									display: inline-block;
									vertical-align: top;
								}
								.case_single_saloninfo_logo img{
									width: 100%;
									height: auto;
                  border-radius:14px;
								}
									.case_single_saloningo_data {
										display: inline-block;
										letter-spacing: -0.0rem;
										margin-left: 30px;
										width: 410px;
										margin-right: 30px;
										vertical-align: top;
									}
									.case_single_saloningo_data h3{
										font-size: 2.1rem;
										font-weight: bold;
									}
									.case_single_saloningo_data p{
										margin-top: 20px;
										line-height: 200%;
										font-size: 1.3rem;
										}
										.case_single_saloninfo_datelink {
											text-decoration: underline;
										}
										.case_single_saloninfo_salomnimg {
											width: 350px;
											display: inline-block;
											vertical-align: top;
										}
											.case_single_saloninfo_salomnimg img{
												width:100%;
												height: auto;	
                        border-radius:4px;
											}
							.marker_y {
								background: linear-gradient(transparent 60%, #fae78c 60%);
							}
  .interview_banner {
    width: 476px;
    margin: 0px auto;
  }
  .interview_banner a {
    display: block;    
    -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  }
  .interview_banner a img {
    width: 100%;
    height: auto;
  }
/***************************** effect  *****************************/	
.effect_header {
  margin-top: -40px;
} 
.effect_header_wrapper{
  height: 600px;
  width: 100%;
  }
  .effect_header_hair {
    background-image: url("../images/effectheader_hair.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .effect_header_nail {
    background-image: url("../images/effectheader_nail.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .effect_header_eye {
    background-image: url("../images/effectheader_eye.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .effect_header_ethte {
    background-image: url("../images/effectheader_ethte.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .effect_header_total {
    background-image: url("../images/effectheader_total.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .effect_header_txt{
    width: 1024px;
    margin: 0px auto;
    padding-top: 220px;
  }
    .effect_header_txt h1 {
      font-weight: bold;
      font-size: 2.8rem;
      margin-bottom: 1rem;
    }
      .effect_header_hair .effect_header_txt h1 {
        color: #ff4b36;
      }
      .effect_header_nail .effect_header_txt h1 {
        color: #847ac6;
      }
      .effect_header_eye .effect_header_txt h1 {
        color: #7ca4f1;
      }
      .effect_header_ethte .effect_header_txt h1 {
        color: #17b4cc;
      }
      .effect_header_total .effect_header_txt h1 {
        color: #fa9831;
      }
    .effect_header_txt h2 {
      font-size: 3.8rem;
      line-height: 1.6;
      }
      .effect_content_one {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
        .effect_content_01 {
          width: 1024px;
          margin: 0px auto 40px;
        }
        .effect_content_02 {
          width: 1024px;
          margin: 0px auto;
          padding-right: 100px;
          margin-top: -100px;
          }
      .effect_content_one_img {
        }
        .effect_content_01 .effect_content_one_img {
          order: 1;          
          margin-left: -260px;
          width: 630px;
          height: auto;
          }
        .effect_content_02 .effect_content_one_img {  
          order: 2;
          width: 600px;
          margin-right: -240px
          
          }
          .effect_content_one_img img{
            width: 100%;
            height: auto;
          }
      .effect_content_one_txt {
        width: 550px;
        }
        .effect_content_01 .effect_content_one_txt {
          order: 2;        
          }
        .effect_content_02 .effect_content_one_txt {
          order: 1;
          }
        .effect_content_one_txt h3 {
          font-size: 3.2rem;
          margin-bottom: 10px;
          }
        .effect_content_one_txt p {
          font-size: 1.8rem;
          line-height: 2.0;
          text-align: justify;
        }
		  .effect_content_one_point{
        margin-top: 20px;      
      }
        .effect_content_one_point img { 
          width: 120px;
          height: auto
          }
          .effect_content_one_point ul{
            margin-top: 20px;
          }
          .effect_content_one_point ul li{
            padding-top: 20px;
            font-weight: bold;
            font-size: 2.0rem;
          }
          .effect_content_one_point ul li:before {
              content: "";
              background-image:url("../images/effect_checkicon.svg");
              background-repeat: no-repeat;
              padding-left: 40px;
              background-size: 40px;
              padding-bottom: 10px;
              padding-top: 8px;
              margin-right: 10px;
            }
    .effect_content_hair_hiw {
      width: 1024px;
      margin: 0px auto;    
    }
    .effect_content_hair_hiw h3{
      text-align: center;
      font-size: 3.2rem;
      }
    .effect_content_hair_hiw_content {
      display: flex;    
      justify-content: space-between;
      align-items: center;
      margin-top: 60px;
    }
      .effect_content_hair_hiw_contentimg {
        width: 480px;
      }
      .effect_content_hair_hiw_contentimg img{
        width: 100%;
        height: auto;
        }
      .effect_content_hair_hiw_contenttxt {
        width: 460px;
      }
        .effect_content_hair_hiw_contenttxt_one {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          margin-bottom: 20px;
        }
        .effect_content_hair_hiw_contenttxt_one_img{
          width: 100px;
          }
        .effect_content_hair_hiw_contenttxt_one_img img{
          width: 100%;
          height: auto;
        }
        .effect_content_hair_hiw_contenttxt_one_txt{
          width: 350px;
          margin-left: 10px;
        }
        .effect_content_hair_hiw_contenttxt_one_txt h4{
          font-size: 2.0rem;
          margin-top: 10px;
        }
        .effect_content_hair_hiw_contenttxt_one_txt p{
          font-size: 1.6rem;
          margin-top: 10px;
          text-align: justify;
        }
    .effect_content_nail_hiw {
      width: 100%;
      background-color: #f3f2f9;
      margin-top: 60px;
      margin-bottom: 120px;
      padding-bottom: 30px;
    }
      .effect_content_nail_hiw_in {
        display: flex;
        justify-content: flex-start;
        width: 1024px;
        margin: 0px auto;
          position: relative;
      }
        .effect_content_nail_hiw_img {
          width: 280px;
          margin-left: 20px;
          margin-right: 20px;
          height: auto;
          position: relative;
          top: -60px;
          margin-bottom: -160px;
          }
        .effect_content_nail_hiw_img img{
          width: 100%;
          height: auto;
          }
        .effect_content_nail_hiw_txt{
          width: 724px;
          padding-top: 40px;
          margin-left: 60px;
        }
        .effect_content_nail_hiw_txt h3{
          font-size: 2.8rem;
          margin-bottom: 20px;
          }
          .effect_content_nail_hiw_txt ul{
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
          }
          .effect_content_nail_hiw_txt ul li{
            color: #847ac6;
            border: 2px solid #847ac6;
            height: 60px;
            width: 200px;
            line-height: 38px;
            border-radius: 30px;
            margin-right: 10px;
            padding: 10px 0px;
            box-sizing: border-box;
            font-size: 1.8rem;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
            }
    .effect_content_eye_hiw {
      width: 100%;
      background-color: #f3f2f9;
      margin-top: 60px;
      margin-bottom: 120px;
      padding-bottom: 30px;
    }
      .effect_content_eye_hiw_in {
        display: flex;
        justify-content: flex-start;
        width: 1024px;
        margin: 0px auto;
          position: relative;
      }
        .effect_content_eye_hiw_img {
          width: 280px;
          margin-left: 20px;
          margin-right: 20px;
          height: auto;
          position: relative;
          top: -60px;
          margin-bottom: -160px;
          }
        .effect_content_eye_hiw_img img{
          width: 100%;
          height: auto;
          }
        .effect_content_eye_hiw_txt{
          width: 724px;
          padding-top: 40px;
          margin-left: 60px;
        }
        .effect_content_eye_hiw_txt h3{
          font-size: 2.8rem;
          margin-bottom: 20px;
          }
          .effect_content_eye_hiw_txt ul{
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
          }
          .effect_content_eye_hiw_txt ul li{
            color: #7ca4f1;
            border: 2px solid #7ca4f1;
            height: 60px;
            width: 200px;
            line-height: 38px;
            border-radius: 30px;
            margin-right: 10px;
            padding: 10px 0px;
            box-sizing: border-box;
            font-size: 1.8rem;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
            }
            
    .effect_content_ethte_hiw {
      width: 1024px;
      margin: 0px auto;    
    }
    .effect_content_ethte_hiw h3{
      text-align: center;
      font-size: 3.2rem;
      }
      .effect_content_ethte_hiw_contentimg {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        margin-top: 50px;
      }
            .effect_content_ethte_hiw_contentimg div:first-child {
              width: 480px;   
              margin-left: 60px;
            }
            .effect_content_ethte_hiw_contentimg div:nth-child(2) {
              width: 200px;             
              margin-right: 90px;
            }
            .effect_content_ethte_hiw_contentimg div img{
              width: 100%;
              height: auto;
            }
        .effect_content_ethte_hiw p {
          font-size: 1.6rem;
          text-align: justify;
          }
/***************************** special interview *****************************/	
.home_interview_special {
	width: 1024px;
	margin: 64px auto 120px;
}
	.home_interview_special h2{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: bold;
		font-size: 3.4rem;
		line-height: 140%;
		text-align: center;
		margin-bottom: 40px;
		letter-spacing: 0.0rem;
	}
  .home_interview_special_img {
    width: 800px;
    height: auto;
    margin: 0px auto;
    }
      .home_interview_special_img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
        -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
        -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
        -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
        filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      }
.spinterviewlist_container {
	width: 100%;
	margin-bottom: 20px;
  margin-top: 40px;
}
.spintterviewcontent_intro p{
  text-align: center;
  font-weight: bold;
}
	.spinterviewlist {
		width: 1024px;
		margin: 0px auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
		.spinterviewlist a {
      vertical-align: top;
      width: 30%;
      border-radius: 20px;
      margin-right: 5%;
      box-sizing: border-box;
      margin-bottom: 40px;
      display: block;
		}
		.spinterviewlist a:nth-child(3n) {
			margin-right: 0px;
			}
				.spinterviewlist_img img{
          width: 100%;
          height: auto;
          border-radius: 12px;
          -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
          -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
          -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
          filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
				}
        .spinterviewlist_info {
          justify-content :flex-start;
          align-items: center;
          margin-top: 10px;
        }
          .spinterviewlist_info_logo {
            width: 90px;
            height: auto;
          }
            .spinterviewlist_info_logo img {
              width: 100%;
              height: auto;
            }
            .spinterviewlist_info h3 {
              font-size: 1.6rem;
              text-align: justify;
              margin-left: 10px;
              width: 200px;
            }
  .spintterviewcontent_header{
		background-color: #FF4B36;  
    }
  .spintterviewcontent_header h2{
			color: #FFF;
    }
    .interview_special_saloninfo {
      margin: 60px auto 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 580px;
    }
      .interview_special_saloninfo_logo {
        width: 140px;
        height: auto;
      }
        .interview_special_saloninfo_logo img{
          width: 100%;
          height: auto;
        }
        .interview_special_saloninfo_data {
        }
        .interview_special_saloninfo_data h3{
          font-size: 2.0rem;
          font-weight: bold;
        }
        .interview_special_saloninfo_data p{
          margin-top: 4px;
          line-height: 200%;
          font-size: 1.3rem;
          }
          .interview_special_saloninfo_datelink {
            text-decoration: underline;
          }
        .interview_special_banners {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          width: 800px;
          margin: 0px auto;
        }
          .interview_special_banners a {
            display: block;
            width: 32%;
            margin: 4px;
          }
          .interview_special_banners a img{
            width: 100%;
            height: auto;
            border-radius: 2px;
          }
/***************************** news **************************************/
.newslist_catelist {
	width: 1024px;
	margin: 0px auto 40px;
}
.newslist_container {
	width: 1024px;
	margin: 0px auto;
  justify-content: flex-start;
	}
	.newslist_container a {
		background-color: #FFF;
		Width:32%;
		box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
		border-radius: 14px;
		padding: 20px;
		box-sizing: border-box;
		margin-bottom: 20px;
    margin-right: 2%;
	}
	  .newslist_container a:nth-child(3n) {
      margin-right: 0px;
      }
    
    .newslist_one{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: space-between;
      min-height: 160px;
    }
      .newslist_one p{
        font-weight: bold;
        line-height: 1.4;
      }
    .newslist_one_datawrap{
      display: flex;
      justify-content: flex-start;
    }
		p.newslist_one_date {
			font-size: 1.4rem;
			font-weight: bold;
			color: #888888;
			}
			.newslist_one_cate {
			}
      p.newslist_head {
        font-size: 1.6rem;
        text-align: justify;
        line-height: 1.4;
        font-weight: bold;
      }
			p.newslist_one_cate {
					height: 24px;
					border-radius: 15px;
					background-color: #E7E7E7;
					font-weight: bold;
					text-align: center;
					padding-left: 12px;
					padding-right: 12px;
					line-height: 24px;
					box-sizing: border-box;
					font-size: 1.4rem;
					margin-left: 10px;
					color: #FFF;
          display: inline-block;
					}
			p.newslist_one_cate a{
				color: #FFF;
				}
					/* タグの色 */
					p.news_cate_case{
						background-color: #35ae92;
						}
					p.news_cate_newfac{
						background-color: #f6d019;
						}
					p.news_cate_service{
						background-color: #ff4b36;
						}
					p.news_cate_info{
						background-color: #847ac6;
						}
    .newscontent_header.under{
      background-color: #FFF;
      text-align: center;
      width: 1120px;
      margin: 0px auto;
      border-bottom: 1px solid #ccc;
      height: 180px;
      padding-top: 120px;
      box-sizing: border-box;
    }
		.newscontent_header.under p{
      font-size: 1.6rem;
    }
			.news_content {
				width: 800px;
				margin: 0px auto;
				}
          .news_content section{
            margin-top: 20px;
            }
            .news_content h1 {
              font-size: 2.4rem;
              line-height: 1.4;
              margin-top: 40px;
            }
          .news_content h2{
            margin-top: 40px;
            }
          .news_content p img {
            width: 100%;
            border-radius: 4px;
          }
					.news_content_date {
						}
					.news_content_date p{
						display: inline-block;
						margin-top: 20px;
						}
					.news_content_body p{
						margin-top: 20px;
						font-size: 1.6rem;
						line-height: 200%;
						text-align: justify;
					}
					.news_content_body h3{
						margin-top: 40px;
						}
					.news_content_golist {
						margin: 80px auto 0px;
						text-align: center;
						}
						.news_content_golist p {
							display: inline-block;
							height: 40px;
							border-radius: 20px;
							background-color: #E7E7E7;
							font-weight: bold;
							text-align: center;
							padding-left: 20px;
							padding-right: 20px;
							line-height: 40px;
							box-sizing: border-box;
							font-size: 1.4rem;
							color: #FFF;
							}
      .eventinfo_content{
      }
        .eventinfo_content h3{
          font-size: 2.8rem;
          border-bottom: 2px solid #847ac6;
          padding-bottom: 10px;
        }
          .eventinfo_content ul{
            margin-top: 20px;
          }
          .eventinfo_content ul li{
            height: 48px;
            vertical-align: middle;
            border-bottom: 1px solid #c3c3c3;
            font-weight: bold;
            line-height: 52px;
            padding-left: 10px;
          }
            .eventinfo_content ul li:nth-child(odd){
              background-color: #e7e7e7;
              }
          .eventinfo_content_dl{
            margin-top: 40px;
          }
          .eventinfo_content_dl dl{
            border: none!important;
            width: 100%;
            box-sizing: border-box;
            height: 40px;
            }
              .eventinfo_content_dl dl dt {
                float: left;
                width: 30%!important;
                border-bottom: 1px solid #c3c3c3;
                padding-bottom: 10px;
                font-weight: bold;
              }
              .eventinfo_content_dl dl dd {
                float: left;
                width: 70%!important;
                box-sizing: border-box;
                border-bottom: 1px solid #c3c3c3;
                padding-bottom: 10px;
              }
              .eventinfo_content .attention{
                font-size: 1.4rem;
              }
              .news_content_body iframe {
                height: 450px;
                margin-top: 40px;
              }
              .news_content_body iframe.limitedinformation {
                height: 780px;
                margin-top: 40px;
              }
/***************************** base contact *****************************/	
.company_content{
  width: 1024px;
  margin: 0px auto 0px;
}
  .company_content dl {
    margin-bottom: 40px;
  }
  .company_content dl dt {
    font-size: 1.8rem;    
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .company_content dl dd {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
  }
  .company_content ul{
    margin-top: 40px;
  }
  .company_content ul li{
    line-height: 1.4;
    margin-bottom: 20px;
  }
  .company_content .attention {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .cookiepolicy_table {
    line-height: 1.4;
    border-collapse: collapse;
    font-size: 1.4rem;
  }
  .cookiepolicy_table table tr th {
    border: 1px solid #ccc;
    padding: 10px;
  }
  .cookiepolicy_table table tr td {
    border: 1px solid #ccc;
    padding: 10px;
  }
    .cookiepolicy_table table tr td  a{
      text-decoration: underline;
    }
    .cookiepolicy_table table tr td  a  span {
      font-size: 1.8rem!important;
      }
  .cookie-notice-container #cn-notice-text {
    line-height: 1.4;
  }
  .cookie-notice-container #cn-notice-text a{
    color: #FFF;
    text-decoration:underline;
    }
    .cn-text-container {
      width: 80%;
      text-align: justify;
    }
    .cn-buttons-container {
    text-align: right;
    width: 20%;
  }
  .cn-close-icon {
    top: 16%!important;
  }
/***************************** FAQ  *****************************/
  

/***************************** LP 共通  *****************************/	
.special-head {
  width: 1024px;
  margin: 24px auto -24px;
}
  .special-head h1 {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    display: block;
    padding-top: 4px;
    padding-bottom: 2px;
    color: #888;
  }
/***************************** LP 共通 訴求コンテンツ *****************************/	
.bmappeal {
  width: 100%;
  margin: 90px auto 0px;
}
.bmappeal h3{
  margin-bottom: 60px;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.4;
  background-color: #5186ec;
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
.bmappeal_inner {
  width: 1024px;
  margin: 0px auto;
}
.bmappeal_one{
  width: 32%;
  border: 3px solid #5186ec;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 14px 10px;
}
  .bmappeal_one_img {
    width: 100%;
    margin: 0px auto;
  }
  .bmappeal_one_title {
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center; 
    line-height: 1.4;
    height: 64px;
  }
  .bmappeal_one p {
    line-height: 1.4;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 10px;
    }  
/***************************** agent LP *****************************/
.agentLP{
}
.agentLP img {
  width: 100%;
}
.agentLP .head {
  width: 1024px;
  margin: 0px auto;
  height: 60px;
  padding-top: 10px;
  box-sizing: border-box;
}
.agentLP .head h1 {
  width: 280px;
  height: auto;
}
.agentLP .head_bai {
  width: 1024px;
  height: auto;
  margin: 0px auto;
  box-sizing: border-box;
}
.agentLP .head_bai h1 {
  width: 560px;
  height: auto;
}
.agentLP .mainvisual {
  width: 1024px;
  margin: 0px auto;
  position: relative;
  z-index: 10;
}
.agentLP .mainvisual h2 {
  text-align: center;
  font-size: 4.8rem;
  line-height: 1.2;
  margin-top: 20px;
}
.agentLP .mainvisual_img {  
  width: 620px;
  height: auto;
  margin: 0px auto;
}
.agentLP .mainbgcolor_red {
  background-color: #ff4b36;
  position: relative;
  top: -360px;
  left: -50%;
  height: 240px;
  z-index: 9;
}
.agentLP .mainbgcolor_blue {
  background-color: #5186ec;
  position: relative;
  top: -600px;
  left: 50%;
  height: 240px;
  z-index: 8;
  margin-bottom: -440px;
  width: 50%;
}
.agentLP .onayami {
  width: 1024px;
  margin: 0px auto 12px;;
}
.agentLP .onayami  h3{
  font-size: 2.0rem;
  color: #4c4c4c;
  text-align: center;
  }
.agentLP .onayami_container{
  display: flex;
  justify-content: space-between;
}
.agentLP .onayami_img{
  width: 38%;
  text-align: center;
}
.agentLP .onayami_img img{
  width: 88%;
  }
.agentLP .onayami_list{
  width: 62%;
  text-align: center;
}
.agentLP .onayami_list img{
  width: 88%;
  }
  .agentLP .maincontent {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;    
  }
    .agentLP .content01 {
      background-color: #ffe4e1;
    }
    .agentLP .content02 {
      background-color: #e5edfc;
    }
    .agentLP .content03 {
      background-color: #e1f3ef;
    }
  .agentLP .ag_contentinner{
    width: 800px;
    margin: 0px auto 1.0rem;
  }
  .agentLP .ag_contenthead {
    text-align: center;
  }
  .agentLP .ag_contenthead img {
    width: 140px;
    margin: 0px auto;
  }
  .agentLP .ag_contenthead  h2 {
    text-align: center;
    font-size: 3.2rem;
    margin-bottom: 12px;
    line-height: 1.2;
  }
  .agentLP .ag_contenthead  h2  span {
  text-shadow:1px 1px 0 #111, -1px -1px 0 #111,
              -1px 1px 0 #111, 1px -1px 0 #111,
              0px 1px 0 #111,  0-1px 0 #111,
              -1px 0 0 #111, 1px 0 0 #111;
  }
  .agentLP .content01 .ag_contenthead  h2  span {
      color:#ff4b36;
      }
  .agentLP .content02 .ag_contenthead  h2  span {
      color:#5186ec;
      }
  .agentLP .content03 .ag_contenthead  h2  span {
      color:#35ae92;
      }
  .agentLP .content01 .ag_contenthead  h2  span.head_num {
      color:#ff4b36;
      text-shadow: none;
      font-size: 118%;
      }
  .agentLP .content02 .ag_contenthead  h2  span.head_num {
      color:#5186ec;
      text-shadow: none;
      font-size: 118%;
      }
  .agentLP .content03 .ag_contenthead  h2  span.head_num {
      color:#35ae92;
      text-shadow: none;
      font-size: 118%;
      }
  .agentLP .ag_content_box {
    height: 363px;
    width: 100%;
    background-color: #FFF;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 12px;
  }
  .agentLP .ag_content_box img{
    width: 600px;
    }
  .agentLP .ag_content_point{
    text-align: center;
    border-radius: 12px;
    color: #FFF;
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
    width: 800px;
    margin: 0px auto;
    font-weight: bold;
    font-size: 2.4rem;
  }
    .agentLP .content01 .ag_content_point{
      background-color: #ff6f5e;
      }
    .agentLP .content02 .ag_content_point{
      background-color: #5186ec;
      }
    .agentLP .content03 .ag_content_point{
      background-color: #35ae92;
      }
    .agentLP .lead {
      margin-bottom: 12px;
      line-height: 1.8;
      text-align: justify;
    }
    .agentLP .ag_contentinner::after {
      content: "";
      background-size: 60px;
      background-position: top center;
      padding-top: 40px;
      background-repeat: no-repeat;
      display: block;
    }
      .agentLP .content01 .ag_contentinner::after {
      background-image: url("/lib/images/agent_arr01.svg");
      }
      .agentLP .content02 .ag_contentinner::after {
      background-image: url("/lib/images/agent_arr02.svg");
      }
      .agentLP .content03 .ag_contentinner::after {
      background-image: url("/lib/images/agent_arr03.svg");
      }
  .agentLP .ag_content_point p{
    line-height: 1.2;
    }
    .agentLP .content01 .ag_content_point_head {
      color: #ffb7af;
    }
    .agentLP .content02 .ag_content_point_head {
      color: #d3e1fa;
    }
    .agentLP .content03 .ag_content_point_head {
      color: #ccebe4;
    }
    .agentLP  .ag_content_interview { 
            
    }
    .agentLP  .ag_content_interview h2{ 
      color: #35ae92;
      text-align: center;
      line-height: 1.0rem;
    }
    .agentLP  .ag_content_interview > p{
      font-size: 2.0rem;
      text-align: center;
      margin-bottom: 2.0rem;
      }
      .agentLP  .ag_content_interview .ag_content_interview_img{
          width: 500px;
          height: auto;
          margin: 0px auto;
      }
      .agentLP  .ag_content_interview .ag_content_interviewtxt h3{
          font-size: 2.0rem;
          font-weight: bold;
          margin-top: 60px!important;
          text-align: justify;
          line-height: 160%;
        }
      .agentLP  .ag_content_interview .ag_content_interviewtxt h3::before{
        content: "ー";
        }
      .agentLP  .ag_content_interview .ag_content_interviewtxt p{
        font-size: 1.8rem;
        line-height: 200%;
        margin-top: 30px;
        text-align: justify;
      }
    .agentLP .beelected {
      width: 800px;
      margin: 40px auto 60px;
    }
    .agentLP .beelected h3 {
      background-color: #f6d019;
      color: #111;
      text-align: center;
      letter-spacing: 10px;
      font-size: 2.4rem;
      margin-bottom: 24px;
    }
    .agentLP .beelected p {
      text-align:center;
      font-size: 4.0rem;
      font-weight:bold;
      line-height: 1.4;
      margin-bottom: 1.0rem;
      }
    .agentLP .beelected p  span{
      color: #ff4b36;
      text-shadow: 1px 1px 1px #111;
      font-size: 8.0rem;
      font-weight: 700;
      font-family: 'Source Sans Pro', sans-serif;  
      }
    .agentLP .beelected p.attention{
      font-size: 1.2rem;
      margin-bottom: 2.8rem;
      }
      
      .agentLP .beelected_icons ul {
        display: flex;
        justify-content: space-between;
      }
      .agentLP .beelected_icons ul  li{
        width: 20%; 
      }
      .agentLP .beelected_icons ul  li img{
        width: 88%;
        }
        .agentLP .contact {
          width: 1024px;
          margin: 0px auto;
          text-align: center;
        }
        .agentLP .contact  p{
          font-size: 2.0rem;
          font-weight: bold;
          margin-bottom: 12px;
          }
        .agentLP .content_contact_mail{
          margin: 0px auto;
        }
        .agentLP footer {   
          padding-top: 40px;
          padding-bottom: 20px;
          margin-top: 20px;
        }
        .agentLP footer p {
          text-align: center;
          font-size: 12px;
          color: #FFF;
        }
  .agentLP .foot_logo_content {
    width: 1024px;
    margin: 42px auto;
  }
  .agentLP .foot_logo_content h1  {  
    height: auto;
    margin: 0px auto;
    width: 420px;
    }
  .agentLP .sonic_interview  {
    width: 640px;
    margin: 0px auto 4.2rem;
  }
    .agentLP .sonic_interview {
      display: flex;
      justify-content: space-between;
      align-items: top;
    }
    .agentLP .sonic_interview  .sonic_interview_img{
      width: 38%;
      }
    .agentLP .sonic_interview  .sonic_interview_img img{
      border-radius: 8%;
      }
    .agentLP .sonic_interview  .sonic_interview_txt{
      width: 58%;
      text-align: left;
      margin-left: 4%;
      }
    .agentLP .sonic_interview  .sonic_interview_txt h3{
      font-size: 2.8rem;
      border-bottom: 4px solid #29486d;
      margin-bottom: 1.0rem;
      }
    .agentLP .sonic_interview  .sonic_interview_txt p{
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 1.0rem;
      }
    .agentLP .sonic_interview  .sonic_interview_txt a{
      line-height: 1.4;
      text-decoration: underline;
      }
    .agentLP .tat_seminar {
      width: 800px;
      margin: 0px auto 3.0rem;
    }
    .ag_content_sub01 {
      padding-top: 4.0rem;
      text-align: center;
    }
    .ag_content_sub01 img{
      width: 88%;
      margin: 0px auto;
      }
    .ag_content_sub02 {
      padding-top: 4.0rem;
      text-align: center;
    }
    .ag_content_sub02 img{
      width: 100%;
      margin: 0px auto;
      }
/***************************** campaign2022 LP *****************************/
.cam2022{
}
.cam2022  img {
  width: 100%;
}
.cam2022 .mainvisual {
  width: 100%;
  background-image: url("/lib/images/cam2022_bgpattern.png") ;
  background-repeat: repeat;
}
.cam2022 .mainvisual_inner {
  width: 800px;
  height: auto;
  margin: 0px auto;
}
  .cam2022 .introcontent {
    width: 1024px;
    margin: 0px auto;
  }
  .cam2022 .introcontent  h2 { 
    }
  .cam2022 .introcontent .bm_logo{
    width: 370px;
    height: auto;  
    margin: 48px auto 0px;
    text-align: center;
  }
  .cam2022 .introcontent p{
    font-size: 2.4rem;
    line-height: 1.4;
    text-align: justify;
    font-weight: bold;
    margin-top: 12px;
    }
.cam2022  .intro_toform {
  font-size: 3.0rem;
  color: #fa9831;
  font-weight: bold;
  text-align: center;
  margin: 32px auto 0px;
}
.cam2022 .intro_toform::after {
    content: "";
    background-size: 60px;
    background-position: top center;
    padding-top: 40px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/lib/images/agent_arr04.svg");
    margin-top: 24px;
}
  .cam2022 .content_contact_mail {
    margin: 0px auto;
    text-align: center;
  }
.cam2022 .maincontent {
  margin-top: 24px;
}
.cam2022 .maincontent_head{
  width: 100%;
  height: 62px;
  background-image: url("/lib/images/cam2022_bgpattern.png") ;
  background-repeat: repeat;
}
.cam2022 .maincontent  h2 {
  width: 800px;
  margin: 0px auto;
  }
.cam2022 .maincontent_inner {
  width: 800px;
  margin: 0px auto;
}
.cam2022 .howto {
  width: 100%;
  background-color: #fef8dc;
  padding-top: 42px;
  padding-bottom: 42px;
}
.cam2022 .howto_inner  {
  width: 800px;
  margin: 0px auto;
  }
.cam2022 .howto_inner h2 {
  background-color: #29486d;
  height: 66px;
  border-radius: 6px;
  text-align: center;
  color: #FFF;
  line-height: 66px;
}
.cam2022 .lead {
  color: #29486d;
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  margin-top: 14px;
}
.cam2022 .lead::after{
    content: "";
    background-size: 60px;
    background-position: top center;
    padding-top: 40px;
    margin-top: 20px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/lib/images/agent_arr05.svg");
}
.cam2022 .sub_content {
  width: 680px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cam2022 .sub_content  .sub_content_ill{
  width: 180px;
  height: auto;
  }
.cam2022 .sub_content  .sub_content_txt{
  color: #29486d;
  font-size: 2.8rem;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
.cam2022 .sub_content_end::before{
    content: "";
    background-size: 60px;
    background-position: top center;
    padding-top: 60px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/lib/images/agent_arr05.svg");
    }
.cam2022 .sub_content_end{
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #29486d;
  text-align: center;
  }
.cam2022 .attention{
  width: 100%;
  background-image: url("/lib/images/cam2022_bgpattern.png") ;
  background-repeat: repeat;
  padding-top: 42px;
  padding-bottom: 42px;
}
.cam2022 .point_inner{
  width: 800px;
  margin: 0px auto;
}
.cam2022 .point_inner h2{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.cam2022 .point_inner h2:before,
.cam2022 .point_inner h2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #111111;
}
.cam2022 .point_inner h2:before {
    margin-right: 1rem;
}
.cam2022 .point_inner h2:after {
    margin-left: 1rem;
}
.cam2022 .point_one {
  margin-bottom: 20px;
}
.cam2022 .point_one  h3{
  font-size: 3.2rem;
  font-weight: bold;    
}
.cam2022 .point_one  h3:span{
  background: linear-gradient(transparent 50%, #ff4b36 50%);
}
.cam2022 .point_one  p{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 3.2rem;
}
.cam2022 .attention_inner{
  width: 800px;
  margin: 0px auto;
}
.cam2022 .attention_inner_head h2::before {
    content: "";
    background-size: 60px;
    background-position: top center;
    padding-top: 70px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/lib/images/cam2022_attention.svg");
}
.cam2022 .attention_inner_head h2{
  text-align: center;
}
.cam2022 .attention_inner_head p{
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  }
.cam2022 .attention_content {
}
.cam2022 .attention_content p{
  font-weight: bold;
  font-size: 2.0rem;
}
.cam2022 .attention_content p:before{
    content: "";
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: top center;
    padding-left: 30px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url("/lib/images/cam2022_iconno.svg");
}
.cam2022 .end_content {
  width: 800px;
  margin: 24px auto 0px;
}
.cam2022 .contact {
  text-align: center;
  margin-top: 12px;
}
.cam2022 .foot_logo_content {
  width: 320px;
  height: auto;
  margin: 24px auto 0px;
}

/***************************** service LP *****************************/
  .caseicons {
      max-width: 100%;
      margin: 48px auto 32px;
      padding-left: 16px;
      padding-right: 16px;
      h2{
        text-align: center;
      }
      ul{
        margin-top: 16px;
        display: flex;
        justify-content:space-between;
      }
      li{
        margin-right: 16px;
      }
      ul li img{
        width: 100%;
        height: auto;
      }

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



.service_footer p {
    text-align: center;
    font-size: 12px;
    color: #FFF;
}

/* 共通追加コンテンツ 機能説明*/
.content-about{
  width: 980px;
  margin: 2.8rem auto 0px;
  }
  .content-about .box .image {
    width: 800px;
    margin: 0px auto;
  }
  .content-about .box .image img{
     width: 100%;
     height: auto;
  }
  .content-about .box .image .logo{
    width: 320px;
    margin: 0px auto;
  }
  .content-about .text{
    text-align: center;
    width: 980px;
    margin: 0px auto;
  }
  .content-about .text h2 {
    font-size: 3.4rem;
  }
  .content-about .text p {
  }
  .about-funcicons{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 2.8rem;
  }
    .about-funcicons .box {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: center;
      width: 20%;
      margin-bottom: 4.2rem;
    }
      .about-funcicons .box .image{
        max-width: 58%;
        border: 4px solid #e7e7e7;
        border-radius: 14px;
        margin-bottom: 1.4rem;
      }
        .about-funcicons .box .image img{
          width: 100%;
        }
      .funcicon-head{
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e7e7e7;
        color: #111;
        height: 42px;
        box-sizing: border-box;
        padding: 1.4rem 2.0rem;
        border-radius: 9999px;
        font-weight: bold;
        margin: 0px auto;
        font-size: 1.6rem;
      }
      .about-funcicons .funcicon-head{
        width: fit-content;
      }
/***************************** foot contact *****************************/	
.content_contact {
	width: 1024px;
	margin: 80px auto 0px;
	letter-spacing: -1.0rem;
}
	.content_contact_head {
		background-color: #98a4b5;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		letter-spacing: normal;
		margin-bottom: 20px;
		height: 60px;
	}
	.content_contact_head p{
		line-height: 60px;
		font-size: 2.3rem;
		}
		.content_contact_tel {
			width: 512px;
			display: inline-block;
			text-align: center;
			vertical-align: middle;
			margin-top: 10px;
      box-sizing: border-box;
      padding-right: 40px;
		}
			.content_contact_tel img{
				width: 50px;
				height: auto;
				display: inline-block;
				vertical-align: middle;
				}
				p.content_contact_tel_head {
					font-size: 2.0rem;
					font-weight: bold;
					letter-spacing: normal;
					line-height: 100%;
					margin-bottom: 10px;
				}
				p.content_contact_tel_num {
					display: inline-block;
					letter-spacing: normal;
					vertical-align: middle;
					}
				p.content_contact_tel_num a{
					font-size: 5.0rem;
					font-weight: bold;
					color: #ff4b36;
				}
				p.content_contact_tel_time {
					font-size: 1.6rem;
					line-height: 140%;
					letter-spacing: 0.1rem;
					margin-top: 10px;
				}
		.content_contact_mail {
			display: inline-block;
			text-align: center;
			box-sizing: border-box;
			padding-bottom: 14px;
			vertical-align: middle;
			margin-top: 10px;
		}
			.content_contact_mail {
				display: inline-block;	
				vertical-align: middle;
				padding-top: 2px;
				letter-spacing: normal;
				}
				.content_contact_mail a{
					width: 512px;
					height: 90px;
					line-height: 90px;
					display: block;
					color: #FFF;
					font-size: 2.8rem;
					font-weight: bold;
					border-radius: 45px;
					background-color: #ff4b36;          
          -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
          -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
          -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
          filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
					}
				.content_contact_mail a:before{
					content: "";
					background-image: url("../images/contacticon_mail.svg");
					padding-left: 46px;
					background-size: 38px;
					padding-bottom: 10px;
					padding-top: 4px;
					background-repeat: no-repeat;
					}
          
        .contact_container_medium{
          width: 800px;
          margin: 0px auto -1.0rem;
        }
        .contact_kai_midashi{
          margin-bottom: 3.0rem;        
        }

        .contact_kai_midashi p {
        line-height:1.4;
        }
          .contact_kai_title  h3 {
            margin-bottom: 1.0rem; 
            color: #4c4c4c;
          }
            .contact_kai_title p {
              background-color: #e7e7e7; 
              padding: 1.6rem 1.6rem 1.0rem 2.6rem; 
              vertical-align: middle;
              box-sizing: border-box;
              margin-bottom: 3.0rem;
              line-height:1.4;
            }
              .contact_kai_title p  span {
              font-weight: bold; 
              font-size: 2.2rem;
              margin-right: 1.0rem;
              color: #ff4b36;
              }
              .contact_kai_title p  span  a{
              color: #ff4b36;
              margin-bottom:0.4rem;
              }
              /* formの非表示要素（utm）の行非表示 */
              .field-content{
                background-color: #FFF;
              }
              .content_contact .field-content:last-child{
                display: none;
              }
              
              @media screen and (max-width:820px) {
                .contact_container_medium {
                  width: 88%;
                  margin: 0px auto -2.0rem;
                }
                .contact_kai_title p {
                  background: none;
                  padding: 0px;
                  font-size: 1.4rem;
                  
                }
                .contact_kai_title p span {
                  display: block;
                  text-align: center;
                }
                .contact_kai_title p span a{
                  border: 1px solid #ffa59a;
                  background-color: #fff;
                  height: 42px;
                  border-radius: 21px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
              }
              }
/* 共通パーツ */
.content_btn01 {
	background-color: #000000;
	color: #FFF!important;
	text-align: center;
	font-size: 2.0rem;
	display: block;
	padding: 10px 0px;
	margin: 30px auto;
	width: 440px;
}
			.btn01 {
				color: #FFF;
				font-size: 2.0rem;
				text-align: center;
				font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
				margin-top: 20px;
			}
				.btn01 a{
					color: #FFF;
					width: 300px;
					display: block;
					background-color: #000;
					margin: 0px auto;
					padding-top: 2px;
					padding-bottom: 10px;
				}
				.btn01 i{
					font-size: 2.6rem!important;
					vertical-align: middle;
					margin-left: -4px;
					margin-top: -2px;
					}
					/* contact */
          .contact_container {
            padding-top: 120px;
          }
          .contact_container iframe{
            height: 1400px;
            }
            .contact_container iframe.requestdocument{
              height: 1680px;
              }
          .contact_container_s iframe{
            height: 400px!important;
            }
						.contact {
							margin-top:40px;
						}
							.contact h2{
								font-weight:bold;
								font-size:2.0rem;
								padding-bottom:20px;
								text-align:center;
							}
							.contact p{
								text-align:center;
								font-size:1.4rem;
								line-height:150%;
							}
						input, button, textarea, select {
							margin: 0;
							padding: 0;
							background: none;
							border: none;
							border-radius: 0;
							outline: none;
							-webkit-appearance: none;
							-moz-appearance: none;
							appearance: none;
						}
							.contactform_form {
								width:100%;
								margin:0px auto 0px;
							}
							.contactform_form table {
								width:890px;
								margin:30px auto;
							}
							.contactform_form table tr{
							}
							.contactform_form table th{
								height:50px;
								text-align:left;
								padding-top:20px;
								font-size:1.6rem;
								padding-left:30px;
								vertical-align:middle;
								padding-bottom:20px;
								width:200px;
							}
							.contactform_form table tr td{
								height:50px;
								padding-top:20px;
								font-size: 2.0rem;
								vertical-align: middle;
								padding-bottom:20px;
								text-align: left;
							}
							.contactform_form p {
								font-size: 2.0rem;
								margin-top: 30px;
								text-align: center;
							}
							.contactform_form table tr {
								padding-bottom:10px;
							}
								.formTable input {
									outline: none;
									border: 1px solid #aaa;
									-webkit-transition: all .3s;
									transition: all .3s;
									width:590px;
									height: 50px;
									font-size:1.6rem;
									border-radius:3px;
									padding-left: 10px;
								}
								.formTable textarea {
									outline: none;
									border: 1px solid #aaa;
									-webkit-transition: all .3s;
									transition: all .3s;
									width:580px;
									font-size:1.6rem;
									border-radius:3px;
									padding: 10px;
								}
								.formTable select {
									width: 600px;
									height: 50px;
									border: 1px solid #bbbbbb;
									border-radius: 2px;
									background: linear-gradient(#FFFFFF, #F0F0F0);
									box-sizing: border-box;
									font-size: 1.6rem;
									cursor: pointer;
									padding: 0px 0px 0px 8px;
									}
								.checkbox01-input{
								  display: none;
								}
									.checkbox01-parts{
									  padding-left: 20px;
									  position:relative;
									  margin-right: 20px;
									  font-size: 1.6rem;
									}
										.checkbox01-parts::before{
										  content: "";
										  display: block;
										  position: absolute;
										  top: 3px;
										  left: 0;
										  width: 15px;
										  height: 15px;
										  border: 1px solid #999;
										  border-radius: 4px;
										}
										.checkbox01-input:checked + .checkbox01-parts{
											color: #000000;
										}
												.checkbox01-input:checked + .checkbox01-parts::after{
												  content: "";
												  display: block;
												  position: absolute;
												  top: -2px;
												  left: 5px;
												  width: 7px;
												  height: 14px;
												  transform: rotate(40deg);
												  border-bottom: 3px solid #000000;
												  border-right: 3px solid #000000;
												}
												.horizontal-item {
													float:left;
												}

								input[type="text"]:focus,
								textarea:focus {
								  box-shadow: 0 0 7px #968f84;
								  border: 1px solid #968f84;
								}
								.form_zipcode input {
									width:300px;
								}
								/*
										td.ipselect {
											padding-top: 0px!important;
											padding-right: 0px!important;
											padding-bottom: 0px!important;

										}
										.ipselect {
											overflow: hidden;
											text-align: center;
										}
										.ipselect select {
											font-size: 1.8rem;
											cursor: pointer;
											padding: 0px 0px 0px 8px;
										}
										.ipselect select::-ms-expand {
											display: none;
										}
								*/
								span.error {
									color: red;
									font-size: 1.5rem;
									margin-top: 11px;
								}
							.submit_button {
								background-color:#000!important;
								border:none!important;
								color:#FFF!important;
								width:430px!important;
								font-size:2.0rem!important;
								padding:10px 10px!important;
								margin-bottom:10px!important;
								cursor:pointer!important;
								-webkit-appearance: none!important;
								margin-top:40px!important;
								font-weight:normal!important;
								font-family:inherit!important;
							}
							#conmfirm_sbumit_btn {
								background-color:#000000;
								border:none;
								color:#FFF;
								width:200px;
								font-size:2.4rem;
								border-radius:9px;
								padding:10px;
								margin-bottom:10px;
								cursor:pointer;
								-webkit-appearance: none;
								margin-top:40px;
							}
							#conmfirm_back_btn {
								background-color:#000000;
								border:none;
								color:#FFF;
								width:200px;
								font-size:2.4rem;
								border-radius:9px;
								padding:10px;
								margin-bottom:10px;
								cursor:pointer;
								-webkit-appearance: none;
								margin-top:40px;
							}
							.contactform_form_thanks {
								margin-top:50px;
								margin-bottom:50px;
								text-align:center;
								font-size:2.0rem;
								line-height:180%;
							}
									.contactcomfirm table th{
										border-bottom: 1px solid #000000;
									}
									.contactcomfirm table td{
										border-bottom: 1px solid #000000;
									}
									
						/* check box */
							input[type=checkbox] {
							  display: none;
							}
							.mwform-checkbox-field-text {
							  box-sizing: border-box;
							  -webkit-transition: background-color 0.2s linear;
							  transition: background-color 0.2s linear;
							  position: relative;
							  display: inline-block;
							  margin: 0 20px 8px 0;
							  padding: 12px 12px 12px 42px;
							  border-radius: 8px;
							  background-color: #f6f7f8;
							  vertical-align: middle;
							  cursor: pointer;
							}
							.mwform-checkbox-field-text:hover {
							  background-color: #c3c2b0;
							}
							.mwform-checkbox-field-text:hover:after {
							  border-color: #c3c2b0;
							}
							.mwform-checkbox-field-text:after {
							  -webkit-transition: border-color 0.2s linear;
							  transition: border-color 0.2s linear;
							  position: absolute;
							  top: 50%;
							  left: 15px;
							  display: block;
							  margin-top: -10px;
							  width: 16px;
							  height: 16px;
							  border: 2px solid #bbb;
							  border-radius: 6px;
							  content: '';
							}

							.mwform-checkbox-field-text:before {
							  -webkit-transition: opacity 0.2s linear;
							  transition: opacity 0.2s linear;
							  position: absolute;
							  top: 50%;
							  left: 21px;
							  display: block;
							  margin-top: -7px;
							  width: 5px;
							  height: 9px;
							  border-right: 3px solid #968f84;
							  border-bottom: 3px solid #968f84;
							  content: '';
							  opacity: 0;
							  -webkit-transform: rotate(45deg);
							  -ms-transform: rotate(45deg);
							  transform: rotate(45deg);
							}
							input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
							  opacity: 1;
							}
				       
/***************************** mail contact *****************************/	
.mailcontact_mainvisual{
  width: 1024px;
  margin: 0px auto;
}
  .mailcontact_mainvisual img {
    width: 100%;
    height: auto;
  }
  .contact_container_txt p{
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 40px;
  }
    .contact_documentrequest > div img {
      width: 100%;
    }

/***************************** mail contact infomation *****************************/	

  .contact-content h2{
    font-size: 2.4rem;
    color: #5186EC;
    margin-bottom: 8px;
  }
    .contact-content.request-document h2{
      color: #35ae92;
      margin-bottom: 16px;
    }
    .contact-content h2 span{
        font-size: 4.8rem;
        color: #111;
        display: block;
        font-family: 'Source Sans Pro', sans-serif;
      }

.contact-content .appeal{
  grid-column: 1 / 7;
  text-align: left;
}
.contact-content .contact_container{
  max-width: 720px;
  width: 88%;
  margin: 0px auto;
  padding-top: 112px;
}
.contact-content .appeal{
  padding-top: 142px;
}
  .contact-content .appeal .head{
    border-bottom: 2px solid #5186EC;
    padding-bottom: 16px;
    margin-bottom: 32px;
  }

  .contact-content.request-document .appeal .head{
    border-bottom: 2px solid #35ae92;
  }
    .contact-content .appeal .head h3{
      font-size: 2.0rem;
    }
    .contact-content .appeal .head p{
      font-size: 1.6rem;
    }
    .contact-content .appeal .salesmessage .member-introduction{
      margin-bottom: 48px;
    }
      .contact-content .appeal .salesmessage .member-introduction .box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 16px;
      }
        .contact-content .appeal .salesmessage .member-introduction .image {
          width: 20%;
          margin-right: 4%;
        }
        .contact-content .appeal .salesmessage .member-introduction p{
          width: 76%;
          font-size: 1.4rem;
          font-weight: 700;
          color: #4c4c4c;
        }
  .contact-content .appeal .installation-case .icons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
    .contact-content .appeal .installation-case .icons img{
      width: 13.4%;
      margin-bottom: 6px;
    }
      .contact-content .appeal .installation-case .icons img:last-child{
        margin-right: 0px;
      }
      @media screen and (max-width:980px){
        .contact-content .appeal{
          grid-column: 2 / 12;
        }
        .contact-content .contact_container{
          grid-column: 1 / -1;
        }
      }
      @media screen and (max-width:768px){
        .contact-content .appeal{
          grid-column: 1 / -1;
          padding-top: 118px;
        }
        .contact-content .contact_container{
          padding-top: 96px;
        }
        .contact-content .appeal .salesmessage .member-introduction .box{
          margin-bottom: 24px;
        }
          .contact-content .appeal .salesmessage .member-introduction .image{
            width: 22%;
          }
          .contact-content .appeal .salesmessage .member-introduction p{
            line-height: 1.6;
            font-size: 1.2rem;
            width: 74%;
          }
      .contact-content .appeal .installation-case .icons img{
        width: 22%;
      }
    }
    .contact_container iframe{
      height: 1400px;
    }



/***************************** floating *****************************/	

/* フォーム系は非表示 */
.floating-banner-container.hidden{
  display: none;
}
/* magazineは1100以下のみ表示 */
.floating-banner-container.magazine{
  display: none;
}
@media screen and (max-width:1100px) {
.floating-banner-container.magazine{
  display: block;
}
}
/* 他はすべて表示 */
.floating-banner-container{
  width: 380px;
}
  .floating-banner-container .form-attention2{
    width: 88%;
    margin: 0px auto;
  }
  .floating-banner-container {
    position: fixed;
    right: 0px;
    bottom: var(--v-bottom, 0px); 
    z-index: 1000;
    visibility: hidden;
    transition: opacity 0.3s ease;
    opacity: 0;
    padding-bottom: env(safe-area-inset-bottom);
    border-radius: 20px 0px 0px 0px;
    background-color: rgba(255, 255, 255, 0.8);
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
  .floating-banner-container::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100px;
      background-color: inherit;
  }
		.floating-banner-container.is-show {
			opacity: 1;
			visibility: visible;
		}
		.floating-banner-container .btn{
			width: 100%;
			margin: 0px auto;
		}
		.floating-banner-container .btn a{
			margin-top: 0px;
		}
    .floating-banner-container .btn.btn-standard a {
      height: 72px;
      margin: 8px auto;
      border-radius: 49px;
      font-size: 2.4rem;
      font-weight: 700;
      color: #FFF;
      width: 100%;
      margin: 0px;
      filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.8));
    }
    .floating-banner-container .btn.btn-standard a img{
      border-radius: 8px 0px 0px 8px;
    }
@media screen and (max-width:1080px) {
  .floating-banner-container {
    width: 48%;
  }
		.floating-banner-container .form-attention2{
			width: 88%;
		}
		.floating-banner-container .btn{
			width: 90%;
    }
}
	@media screen and (max-width:768px) {
		.floating-banner-container{
			width: 100%;
			border-radius: 0px;
      margin: 0px auto;
      left: 0;
		}
    .floating-banner-container .btn.btn-standard a {
      height: 64px;
      font-size: 2.0rem;
      margin: 0px auto;
    }
    .floating-banner-container .btn.btn-standard a img{
      border-radius: 8px;
    }
	}
/***************************** follow banner *****************************/
.followbanner{
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
}
  .followbanner a {
    width: 420px;
    height: auto;
    display: block;
      -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  }
  .followbanner a img {
    width: 100%;
  }
  /* 資料請求ON  */
  .followbanner a {
    width: 360px;
  }
  /***************************** follow banner loovあり *****************************/
.followbanner.withloov{
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-size: 0;
  width: 52px;
  margin: -22px 0 0;
  z-index: 99;
}
.followbanner.withloov a{
  display: block;
  background-color: #23aac0;
  color: #fff;
  font-weight: 700;
  text-align: center;
  width: 100%;
  height: 220px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 0 0 0 15px;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  font-size: 2.0rem;
}
.followbanner.withloov a span{
  transform: rotate(-90deg);
}


  
  
/***************************** magazine *****************************/
.magazinelist_container {
		width: 1024px;
    margin: 0px auto 42px;
}
.magazinelist_container h2 {
font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 140%;
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 0.0rem;
}
  .magazinelist_container h1 {
    text-align: center;
    color: #29486d;
    font-size: 3.8rem;
    padding-top: 140px;
    margin-bottom: 60px;
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 700;
	letter-spacing: 0.05rem;
	line-height: 100%;
  }
  .magazinelist_container h1 span{
    border-bottom: 4px solid #29486d;
    padding-bottom: 10px;
    }
    .magazinelist_catelist{
      margin-bottom: 40px;
    }
  .magazinelist_catelist a{
      display: inline-block;
      height: 40px;
      border-radius: 20px;
      background-color: #FFF;
      font-weight: bold;
      text-align: center;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 40px;
      box-sizing: border-box;
      font-size: 1.4rem;
      letter-spacing: 0.1rem;
      color: #29486d;
      border:1px solid #29486d;
      vertical-align: middle;
      margin-right: 10px;
      margin-bottom: 10px;
  }
	.magazinelist_medium {
		width: 1024px;
		margin: 0px auto;
		letter-spacing: -1.0rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
		.magazinelist_medium a {
      vertical-align: top;
      width: 30%;
      margin-right: 5%;
		  max-height: 320px;
      height: 320px;
      background-color: #FFF;
      border-radius: 14px;
      text-align: center;
      box-sizing: border-box;
      margin-bottom: 40px;
      -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
		}
      .magazinelist_medium a:nth-child(3n) {
        margin-right: 0px;
        }
			.magazinelist_medium_one{
			}
      .magazinelist_medium_one_info {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 88%;
        margin: 0px auto 12px;;
      }

				.magazinelist_medium_img {
					margin-bottom: 10px;
				}
				.magazinelist_medium_img img{
					width: 100%;
					height: auto;
					border-radius: 14px 14px 0px 0px;
				}
			.magazinelist_medium_one h3 {
				font-size: 1.6rem!important;
				line-height: 140%;
				font-weight: bold;
				letter-spacing: 0.0rem;
        width: 90%;
        margin: 0px auto 10px;
        height: 50px;
        text-align: justify;
			}
			.magazinelist_medium_one p{
				font-size: 1.5rem;
				letter-spacing: 0.0rem;
			}
      .magazinelist_medium_one_date {
        margin-right: 20px;
        color: #29486d;
      }
      .magazinelist_medium_one_date p{
        font-size: 1.2rem;
        }
      .magazinelist_medium_one_cate{
        vertical-align: middle;
      }
      .magazinelist_medium_one_cate p{
        display: inline;
        margin: 0px 2px;
      }
      .magazinelist_medium_one_cate p span{
        border-radius: 20px;
        background-color: #FFF;
        font-weight: bold;
        text-align: center;
        padding: 6px 14px;
        line-height: 24px;
        box-sizing: border-box;
        font-size: 1.0rem;
        cursor: pointer;
        margin-bottom: 4px;
        color: #29486d;
        border:1px solid #29486d;
      }

.magazine_single_wrapper{
  position: relative;
  width: 100%;
  padding-right: 360px;
  box-sizing: border-box;
  margin-bottom: 32px;
}
.magazine_single{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 130px;
}
.magazine_single_container {
        max-width: 720px;
        width: 88%;
        margin: 0px auto;
}
.magazine_single_mainvisual {
  width:100%;
  margin:0px auto;
}
  .magazine_single_mainvisual img {
    width: 100%;
    height: auto;
		border-radius:  4px 4px 4px 4px;
  }
.magazine_single_title h1 {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 200%;
    text-align: left;
    margin-top: 90px; 
  margin-bottom: 20px;
}
.magazine_single_cate{
  margin-bottom: 20px;
}
.magazine_single_cate_one a{
    display: inline-block;
    height: 40px;
    border-radius: 20px;
    background-color: #FFF;
    font-weight: bold;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    color: #29486d;
    border:1px solid #29486d;
    vertical-align: middle;
    margin-right: 10px;
}
.magazine_single_date {
  color: #888;
}
.magazine_single_maincontent{
}
.magazine_single_maincontent img {
  width: 80%;
  height: auto;
  margin: 0px auto 20px;
  display: block;
  border-radius:  4px 4px 4px 4px;
}
.magazine_single_maincontent h2{  
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 160%;
    text-align: left;
    color: #29486d;
    margin: 40px 0 20px 0;
    padding: 10px 0 10px 15px;
    border-left: 5px solid #5186EC;
    background: #eef3fd;
    margin-bottom: 32px;
}
.magazine_single_maincontent h3{
  margin-bottom: 2.0rem;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 30px 0 15px 0;
  color: #4c4c4c;
} 
.magazine_single_maincontent h4{
  margin-bottom: 1.8rem;
  font-size: 1.8rem;
} 
.magazine_single_maincontent p{
    font-size: 1.8rem;
    line-height: 200%;
    margin-bottom: 40px;
    text-align: justify;
}
.magazine_single_maincontent a{
  text-decoration: underline;
  color: #5186EC;
}
  .magazine_single_maincontent .lead {
    font-size: 17px;
    line-height: 1.9;
    color: #4c4c4c;
    background: #f3f3f3;
    padding: 26px;
    border-radius: 8px;
    margin: 30px 0;
  }
  .magazine_single_maincontent .lead p{
    margin-bottom: 0px;
  }
    .magazine_single_maincontent .aio-summary {
      background: #f4f6f8; 
      color: #29486d;
      border-left: 5px solid #7ca4f1;
      padding: 25px;
      border-radius: 10px;
      margin: 30px 0;
      font-weight: 700;
      line-height: 1.9;
    }
    .magazine_single_maincontent .aio-summary strong {
      display: block;
      font-size: 18px;
      margin-bottom: 12px;
      color: #29486d;
    }
    .magazine_single_maincontent .aio-summary ul{
      margin-bottom: 0px;
    }
    .magazine_single_maincontent .aio-summary ul li{
      color: #29486d;
      font-weight: 700;
      line-height: 2.0;
    }
    .magazine_single_maincontent .keypoint {
      background: #fefae8;
      border-left: 5px solid #fbb264;
      padding: 20px;
      margin: 25px 0;
      border-radius: 6px;
      font-weight: 700;
      line-height: 1.6;
    }
    .magazine_single_maincontent .keypoint strong{
      color: #fbb264;
      display: block;
      margin-bottom: 8px;
    }
    .magazine_single_maincontent .keypoint ul{
      margin-bottom: 0px;
    }
    .magazine_single_maincontent .keypoint::before {
      font-weight: 700;
      color: #fa9831;
      margin-bottom: 10px;
      font-size: 16px;
    }
    .magazine_single_maincontent h2.interview-q{
      background: none;
      border:none;
      padding: 0px
    }

.magazine_single_maincontent p a{
  text-decoration: underline;
  }
  .magazine_single_maincontent p.attention {
    font-size: 1.2rem;
  }
  .magazine_single_maincontent .strong{
    font-weight: 700;
  }
  .magazine_single_maincontent .faq-section { 
      margin: 40px 0; }
  .magazine_single_maincontent .faq-item {
    margin-bottom: 30px;
    padding: 20px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
  }
  .magazine_single_maincontent .faq-question {
    font-weight: 700;
    color: #1f2937;
    font-size: 17px;
    margin-bottom: 12px;
    line-height: 160%;
  }
  .magazine_single_maincontent .faq-answer {
    color: #4b5563;
    line-height: 1.8;
    font-size: 15px;
  }
  .magazine_single_maincontent .awasete .text p {
    font-size: 1.6rem;
    line-height: 140%;
    color: #4c4c4c;
  }

.magazine_single_container {
      ul{
        margin-bottom: 32px;
      }
        .table-container {
              width: 100%;
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
          }
        table {
                margin: 0px auto 16px;
                border: 1.5px solid #595959;
                border-collapse: collapse;
                text-align:center;
                letter-spacing: 0.1em;
                width: 100%;

                min-width: 600px;
                width: 100%;
                border-collapse: collapse;

               }
        td, th {
                 border: 1px dashed #c0c0c0;
                 padding: 20px 15px;
                 box-sizing: border-box;
                 width:120px;
                 text-align: left;
                 line-height: 140%;
                }
        .location{
               background: #fae78c;
               border-bottom: 1px solid #595959;
              }
        .price{
               border-right: 1px solid #595959;
              }
        .scroll{
                 overflow: auto;
                 white-space: nowrap;
                 margin-bottom: 40px;
                }
        .scroll::-webkit-scrollbar {
                                     height: 5px;
                                    }
        .scroll::-webkit-scrollbar-track{
                                          background: #F1F1F1;
                                         }
        .scroll::-webkit-scrollbar-thumb {
                                           background: #BCBCBC;
                                          }
        .breakword{
                    overflow-wrap: break-word;
                   }
        pre{
          margin-bottom: 24px;
        }
}
    .incontentlist_wrapper {
        background-color: #f3f3f3;
        border-radius: 12px;
        padding: 30px 32px 24px 32px;
        margin-bottom: 24px;
        width: 80%;
        box-sizing: border-box;
    }
    .magazine_single_maincontent ul {
      }
    .magazine_single_maincontent ul li ,
    .magazine_single_maincontent ol li {
      line-height: 2.6;
      color: #4c4c4c;
      font-size: 16px;
    }
    .magazine_single_maincontent ul.incontentlist{
      position: relative;
      z-index: 1;
      margin-bottom: 0px;
    }
    .magazine_single_maincontent ul.incontentlist li {
      font-weight: bold;
      line-height: 2.4;
    }
    .magazine_single_maincontent ul.incontentlist li a{
      text-decoration: underline;
    }

  .magazine_sideform{
    position: fixed; 
    top: 130px;
    right: 0;
    width: 360px;
    height: calc(100vh - 130px );
    z-index: 100;
    background-color: #f5f5f5; 
    overflow-y: auto;
	padding-top: 24px;
	border-radius: 12px;
  }
	.magazine_sideform.is-stopped {
	position: absolute;
	top: auto;
	bottom: 0;
	}
.magazine_sideform .head h2{
	font-size: 18px;
	text-align: center;
	line-height: 1.0;
}
.magazine_sideform .head .feature p{
	color: #35ae92;
	font-weight: 700;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.magazine_sideform .head .feature p span{
	font-size: 16px;
	margin-left: 4px;
}
.magazine_sideform .formTable{
	margin-top: 8px;
}
.magazine_sideform .formTable dl{
	flex-direction: column;
	width: 88%;
	margin: 0px auto 16px;
}
.magazine_sideform .formTable dl dt{
	width: 100%;
	font-size: 13px;
}
.magazine_sideform .formTable dl dd{
	width: 100%;
	margin-top: 4px;
}
.magazine_sideform .formTable input{
	height: 40px;
	border-radius: 4px;
	background-color: #FFF;
}
.magazine_sideform .formTable select{
	height: 40px;
	border-radius: 4px;
	background-color: #FFF;
}
.magazine_sideform .formTable dl.formtextarea dt{
	padding-top: 0px;
}
.magazine_sideform .formTable textarea {
    width: 100%;
    border-radius: 4px;
	background-color: #FFF;
	margin-top: 0px;
	}
	.magazine_sideform .privacy{
	width: 88%;
	margin: 0px auto;
}
	.magazine_sideform .privacy p{
		font-size: 14px;
	}
	.magazine_sideform .privacy .form_check {
		margin: 0px auto;
		font-size: 14px;
	}
	.magazine_sideform  .mwform-checkbox-field-text {
		margin: 0px 0px -8px 0;
		padding: 20px 24px 20px 80px;
		border-radius: 8px;
		font-size: 14px;
		width: 200px;
	}
		.magazine_sideform .mwform-checkbox-field-text:before{
			top: 50%;
			left: 52px;
			margin-top: -14px;
			width: 8px;
			height: 16px;
		}
		.magazine_sideform .mwform-checkbox-field-text:after{
			background-color: #FFF;
			width: 16px;
			height: 16px;
			border-radius: 4px;
			left: 48px;
		}
		.magazine_sideform .contact_pp_inner{
			padding-top: 2px;
		}
      .magazine_sideform .formTable input[type=submit]{
        width: 88%;
        border-radius: 8px;
        height: 52px;
        border-radius: 26px;
        font-size: 20px;
        padding-top: 4px;
        background: linear-gradient(to bottom, #ff7868, #ff4b36);
          border: 2px solid #ffedeb;
      }

@media screen and (max-width: 1100px) {
  .magazine_single_wrapper {
    padding-right: 0;
    margin: 0px auto 32px;
  }
  .magazine_sideform {
    position: relative;
	top: 0px;
    width: 88%;
    height: auto;
    margin: 32px auto 0px;
	max-width: 720px;
  }
  .magazine_sideform.is-stopped{
	position: relative;
  }
	.magazine_sideform .head h2{
		font-size: 22px;
	}
	.magazine_sideform .head .feature p{
		font-size: 20px;
	}
	.magazine_sideform .head .feature p span{
		font-size: 18px;
	}
		.magazine_sideform .formTable{
		}
		.magazine_sideform .formTable dl{
		}
		.magazine_sideform .formTable dl dt{
			font-size: 14px;
		}
		.magazine_sideform .formTable dl dd{
			margin-top: 4px;
		}
		.magazine_sideform .formTable input{
			height: 48px;
			border-radius: 6px;
		}
		.magazine_sideform .formTable select{
			height: 48px;
			border-radius: 6px;
		}
		.magazine_sideform .formTable textarea {
			}
			.magazine_sideform .privacy{
				width: 88%;
				margin: 0px auto;
				}
					.magazine_sideform .privacy p{
						font-size: 14px;
					}
					.magazine_sideform .privacy .form_check {
						margin: 0px auto;
						font-size: 14px;
					}
					.magazine_sideform  .mwform-checkbox-field-text {
						margin: 0px 0px -8px 0;
						padding: 20px 24px 20px 80px;
						border-radius: 8px;
						font-size: 14px;
						width: 200px;
					}
						.magazine_sideform .mwform-checkbox-field-text:before{
							top: 50%;
							left: 52px;
							margin-top: -14px;
							width: 8px;
							height: 16px;
						}
						.magazine_sideform .mwform-checkbox-field-text:after{
							background-color: #FFF;
							width: 16px;
							height: 16px;
							border-radius: 4px;
							left: 48px;
						}
						.magazine_sideform .contact_pp_inner{
							padding-top: 2px;
						}
							.magazine_sideform .formTable input[type=submit]{
								width: 88%;
								border-radius: 8px;
								height: 64px;
								border-radius: 32px;
								font-size: 20px;
								padding-top: 4px;
							}
						}
				@media screen and (max-width: 760px) {
					.magazine_sideform .formTable input[type=submit]{
						width: 88%!important;
					}
				}


    .anchor {
      padding-top: 120px;
      margin-top: -120px;
    }
    .btn_documentrequest a {
      color: #FFF;
      background-color: #ff4b36;
      display: block;
      text-align: center;
      font-size: 1.4em;
      height: 58px;
      line-height: 58px;
      border-radius: 29px;
      position: relative;
      font-weight: bold;
      width: 80%;
      margin: 0px auto;
      -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
      filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    }


/*
 * Magazine 検索パネル
 */
/* ─── ヘッダー ─── */
.magazine-search-header {
    text-align: center;
    padding-bottom: 20px;
}
/* ─── トリガーボタン ─── */
.magazine-search-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    height: 48px;
    padding: 0 14px 0 16px;
    background: #fff;
    border: 1px solid #5186EC;
    border-radius: 24px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    text-align: left;
}

.magazine-search-trigger:hover {
    border-color: #a8c2f5;
    box-shadow: 0 0 0 3px rgba(81, 134, 236, 0.1);
}
.magazine-search-trigger.is-active {
    border-color: #5186EC;
    box-shadow: 0 0 0 3px rgba(81, 134, 236, 0.1);
}
.magazine-search-trigger-label {
    font-size: 14px;
    color: #5186EC;
    font-weight: 700;
}
.magazine-search-trigger-icon {
    font-size: 20px;
    color: #5186EC;
    transition: color 0.15s;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    line-height: 1;
}
  .magazine-search-trigger .material-symbols-rounded{
    color: #5186EC;
  }
.magazine-search-trigger.is-active .magazine-search-trigger-icon {
    color: #5186EC;
}
/* ─── 検索パネル ─── */
.magazine-search-panel {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
    background: #FAFAFA;
    margin-bottom: 20px;
    border-radius: 16px;

}
    .magazine-search-panel.is-open {
        max-height: 2000px;
        opacity: 1;
    }
    .magazine-search-panel-inner {
        padding: 20px 20px 24px;
    }

/* ─── グループ（業種 / カテゴリ） ─── */
.magazine-search-group {
    margin-bottom: 18px;
}
    .magazine-search-group:last-child {
        margin-bottom: 0;
    }
    .magazine-search-group-label {
        font-size: 12px;
        font-weight: 600;
        color: #8c8c8c;
        letter-spacing: 0.1em;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .magazine-search-group-label::after {
        content: '';
        flex: 1;
        height: 1px;
        background: #c3c3c3;
    }

/* ─── タグ ─── */
.magazine-search-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
  .magazine-search-tag input[type="checkbox"] {
      display: none;
  }
.magazine-search-tag {
    display: inline-block;
    padding: 6px 18px;
    border: 1px solid #ddd;
    border-radius: 50px; 
    background-color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 12px;
    color: #4c4c4c;
}
  .magazine-search-tag:has(input:checked) {
      background-color: #5186EC; 
      color: #fff;
      border-color: #5186EC;
  }
    @media (max-width: 480px) {
        .magazine-search-trigger {
            max-width: 100%;
        }
        .magazine-search-tag {
            font-size: 11px;
            padding: 5px 12px;
        }
    }
.magazine-search-actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
  .filter-submit-btn {
      display: block;
      background: #888888;
      border: 1px solid #8c8c8c;
      color: #fff;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
      font-weight: 700;
  }
  .filter-reset-btn{
    text-decoration: underline;
    margin-top: 12px;
    cursor: pointer;
  }
.magazine-search-current {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.magazine-search-current-label{
  font-size: 14px;
}
.magazine-search-current-tag{
  background-color: #5186EC;
  color: #fff;
  display: inline-block;
  padding: 6px 18px;
  border-radius: 50px; 
  cursor: pointer;
  transition: 0.2s;
  font-size: 12px;
}
  @media (max-width: 600px) {
    .magazine-search-current-tag{
      font-size: 14px;
    }
    .magazine-search-tag {
      font-size: 14px;
      padding: 8px 24px;
    }
    .filter-submit-btn {
      font-size: 14px;
    }
    .filter-reset-btn{
      font-size: 14px;
      margin-top: 16px;
    }
  }



/***************************** online meeting *****************************/
.onlinemeeting_mainvisual{
  width: 1024px;
  height: auto;
  margin: 0px auto;
  padding: 0px;
}
  .onlinemeeting_mainvisual img {
    width: 100%;
  }
.onlinemeeting_container {
		width: 800px;
    margin: 0px auto;
}
  .onlinemeeting_container p.intro_message {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 54px;
  }
  .konnaonayami {
    margin-bottom: 20px;
  }
    .balloon1 {
      position: relative;
      display: inline-block;
      text-align: center;
      padding: 7px 10px;
      min-width: 100%;
      max-width: 100%;
      font-size: 16px;
      background: #ebf7f4;
      box-sizing: border-box;
    }
  .balloon1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ebf7f4;
  }
  h2.konnaonayai_head {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .konnaonayami_sub {
    font-size: 1.8rem;
  }
  .konnaonayami_list {
    margin: 0px auto;
  }
    .konnaonayami_list ul {
      padding-left: 80px;
      margin-bottom: 20px;
    }
    .konnaonayami_list ul li {
      font-size: 2.0rem;
      font-weight: bold;
      line-height: 2.6;
    }
    .konnaonayami_list ul li:before {
      content: "";
      background-image:  url("/lib/images/onlinemeeting_checkbox.svg");
      background-position: top left;
      background-repeat: no-repeat;
      background-size: 20px;
      padding-left: 24px;
      }
  .konnaonayami_arr {
    width: 90px;
    margin: 0px auto 20px;
  }
    .konnaonayami_arr img {
      width: 100%;
    }
  .konnnaonayami_message{
    background-color: #f6d019;
    border-radius: 4px;
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 48px;
  }
    .konnnaonayami_message p{
    color: #111111;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: bold;      
    }
  .konnnahouhoude{
    text-align: center;
  }
    .konnnahouhoude h3 {
      font-size: 2.4rem;
      font-weight: bold;      
      position: relative;
      display: inline-block;
      padding: 0 45px;
    }
  .konnnahouhoude h3:after{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 44px;
    height: 2px;
    background-color: black;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    right: 0;
  }
  .konnnahouhoude h3:before{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 44px;
    height: 2px;
    background-color: black;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    left: 0;
  }
  .konnnahouhoude p{
      font-size: 1.8rem;
      margin-bottom: 12px;
  }
    .konnnahouhoude_content {
    }
      .konnnahouhoude_content div {
        width: 240px;
        height: auto;
      }
      .konnnahouhoude_content div  img{
        width: 100%;
        height:auto;
        }
    .kininarukedo{
      width: 400px;
      height: auto;
      margin: 36px auto 36px;
    }
      .kininarukedo img {
        width: 100%;
      }
      .onlinemeeting_banner{
      }
        .sonnnaanatani{ 
          width: 250px;
          margin: 0px auto;
          }
            .sonnnaanatani img {
              width: 100%;
              height: auto;
            }
          .sonnnaanatani_message p {
            font-size: 1.8rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 12px;
          }
          .onlinemeeting_banner{
            margin-bottom: 24px;
          }
        .onlinemeeting_banner_content{
          width: 100%;
        }
          .onlinemeeting_banner_content img {
            width: 100%;
          }
      .onlinemeeting_form{
      }
        .onlinemeeting_form h3 {
          font-weight: bold;
          font-size: 1.6rem;
          text-align: center;
        }
        .onlinemeeting_form p {
          font-size: 1.4rem;
          text-align: center;
          }
          .onlinemeeting_form iframe {
              height: 460px;
              margin-top: 20px;
          }
     div#ez-toc-container {
      padding: 24px;
     }
     div#ez-toc-container ul.ez-toc-list a{
      line-height: 2.4;
     }
     div#ez-toc-container p.ez-toc-title {
      font-size: 1.6rem;
     }
     .ez-toc-section {
      padding-top: 120px;
      margin-top: -120px;
     }
/***************************** cookie *****************************/
  #cookie-notice .cn-button:not(.cn-button-custom) {
    border-radius: 15px;
    padding: 8.5px 24px;
  }
  /***************************** breadcrumb *****************************/
.breadcrumb-area .material-symbols-rounded {
  font-variation-settings:
  'FILL' 1,
  'wght' 700,
  'GRAD' 0,
  'opsz' 48;
  font-size: 1.6rem;
  color: #5186EC;
}
		.breadcrumb-area{
			width: 1024px;
			margin: 0px auto;
			font-size: 1.2rem;
			font-weight: 700;
			color: #4c4c4c;
			margin-top: 10.0rem;
			margin-bottom: 2.0rem;
		}
			.breadcrumb-area a{
				color: #4c4c4c;
			}
			.breadcrumb-area a:hover{
				color: #5186EC;
			}
			.breadcrumb-area a.home {
				color: #5186EC;
			}
			.breadcrumb-area span {
				vertical-align: middle;
			}
			.breadcrumb-area i{
			}
			span.arrow_right {
				padding-left: 1.0rem;
				padding-right: 1.0rem;
			}

/***************************** event *****************************/
.banner_fadein {
  display: none
}
							
/***************************** tuning*****************************/
.fcol_hair {
	color: #5186ec;
	}
.fcol_nail {
	color: #8060a6;
	}
.fcol_eye {
	color: #2d98da;
	}
.fcol_esthe {
	color: #0fb9b1;
	}

	/* margin */
	.mr_40 {
		margin-right: 40px;
		}
	.ml_40 {
		margin-left: 40px;
		}
	.mr_50 {
		margin-right: 50px;
		}
	.ml_50 {
		margin-left: 50px;
		}
	@media screen and (min-width:981px) {
		.hidden_pc {
			display:none;
		}
	}
	/* スマホ */
	@media screen and (max-width:980px) {
		.hidden_sp {
			display:none;
		}
	}
	

  .lp2025 .content_contact{
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
  }
				.lp2025 .sns-renkei{
					max-width: 88%;
					width: 1024px;
					margin-inline:auto ;
					margin-bottom: 32px;
				}
      @media screen and (max-width:768px){
				.lp2025 .sns-renkei{
					margin-bottom: 64px;
				}
      }
  .lp2025 .content_contact_inner{
    width: 88%;
    margin: 64px auto 0px;
  }
  .lp2025 .effect {
    margin-top: 48px;
  }
  .lp2025 .content_contact_tel{
    margin-inline: auto;
    padding-right: 0px;
    margin: 48px auto;
    text-align: center;
    display: block;
  }
  .lp2025 .content_contact_tel_head{
    color: #888;
  }
  .lp2025 .content_contact_tel .tel-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lp2025 .content_contact_tel span{
    color: #4c4c4c;
    font-size: 3.4rem;
  }
  .lp2025 p.content_contact_tel_num a{
    font-size: 4.2rem;
    color: #4c4c4c;
  }
    @media screen and (max-width:768px){
      .lp2025 .content_contact_tel span{
        font-size: 2.8rem;
      }
      .lp2025 p.content_contact_tel_num a{
        font-size: 3.2rem;
      }
    }
    
    .bm-content .btn-documentrequest a{
      max-width: 720px;
      width: 88%;
    }
    .bm-content .btn.btn-standard a span{
      font-size: 3.6rem;
    }
    @media screen and (max-width: 1100px){
        .bm-content .btn.btn-standard a{
          font-size: 2.6rem;
        }
    }
    @media screen and (max-width: 980px){
        .bm-content .btn.btn-standard a{
          font-size: 2.4rem;
          height: 80px;
          max-width: 88%;
        }
        .bm-content .btn.btn-standard.fs-m a{
          font-size: 2.2rem;
        }
    }

    @media screen and (max-width: 780px){
      .bm-content .btn.btn-standard a{
        max-width: 100%;
        margin-left: 0px;
      }

    }
    /** form attention */
      .bm-content .form-attention.form-attention1 {
          width: 420px;
          margin-inline: auto;
      }
      .bm-content .form-attention.form-attention2 {
          width: 520px;
          margin-inline: auto;
      }
      @media screen and (max-width:980px){
      .bm-content .form-attention.form-attention1 {
          width: 80%;
          margin-inline: auto;
        }
      .bm-content .form-attention.form-attention2 {
          width: 88%;
          margin-inline: auto;
        }
      }

/***************************** nail LP2025 *****************************/
  .naillp-2025 .onayami-contents{
    max-width: 1120px;
    width: 88%;
    margin: 64px auto 0px;
  }
    .naillp-2025 .onayami-contents h2{
      font-size: 32px;
      font-weight: 700;
      text-align: center;
      color: #4c4c4c;
    }
    .naillp-2025 .onayami-contents .onayami-items {
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
    }
      .naillp-2025 .onayami-items p{
        margin-top: 12px;
        font-size: 20px;
        line-height: 1.6;
        text-align: center;
        font-weight: 700;
        color: #4c4c4c;
      }
      .naillp-2025 .onayami-contents .onayami-items .item{
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      }
      .naillp-2025 .onayami-contents .onayami-items .item img{
        width: 80%;
      }
				@media screen and (max-width: 980px) {
					.naillp-2025 .onayami-items p{
						font-size: 18px;
					}
            .naillp-2025 .onayami-contents .onayami-items .item img{
              width: 92%;
            }
				  }
          @media screen and (max-width: 780px) {
            .naillp-2025 .onayami-contents .onayami-items {
              display: flex;
              flex-wrap: wrap;
              gap: 2%;
            }
              .naillp-2025 .onayami-contents .onayami-items .item{
                width: 46%;
                margin: 0 auto 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
              }
              .naillp-2025 .onayami-items p{
                font-size: 20px;
              }
          }
				@media screen and (max-width: 600px) {
					.naillp-2025 .onayami-contents .onayami-items {
						gap: 0%;
					}
						.naillp-2025 .onayami-contents .onayami-items .item{
							width: 90%;
						}
						.naillp-2025.onayami-items p{
							font-size: 20px;
						}
				}
  .naillp-2025 .explanation{
      margin-top: 64px;
    }
    .naillp-2025 .explanation .catch {
      font-size: 20px;
      color: #4c4c4c;
      font-weight: 700;
    }
  @media screen and (max-width: 780px) {
      .naillp-2025 .explanation .catch {
        font-size: 18px;
        color: #4c4c4c;
        font-weight: 700;
      }
    }
  .naillp-2025 .kaiketsu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 980px;
    width: 88%;
    margin: 64px auto;
  }
		.naillp-2025 .checklist-container{
			width: 62%;
		}
		.naillp-2025 .kaiketsu-image{
			width: 38%;
		}
		.naillp-2025 .checklist{
			list-style: none;
			padding: 0;
			margin: 0;
			font-size: 20px;
			font-weight: 700;
		}
		.naillp-2025 .checklist-container ul {
			list-style: none;
			padding-left: 0;
			margin: 0;
			}
			.naillp-2025 .checklist-container ul li {
				position: relative;
				padding-left: 32px;
				margin-bottom: 28px;
				line-height: 1.4;
				font-size: 24px;
				font-weight: 900;
				color: #111;
				filter: drop-shadow(3px 3px 0px #dad7ee);
			}
			.naillp-2025 .checklist-container ul li::before {
				content: "";
				position: absolute;
				left: 0;
				top: 0em;
				width: 28px;
				height: 28px;
				background: url("images/icon-check.svg") no-repeat center center / contain;
			}
			
			@media screen and (max-width: 980px) {
				.naillp-2025 .checklist-container{
					width: 58%;
				}
				.naillp-2025 .kaiketsu-image{
					width: 42%;
				}
				.naillp-2025 .checklist-container ul li {
					font-size: 20px;
					margin-bottom: 20px;
					}
			}
			@media screen and (max-width: 780px) {
				.naillp-2025 .checklist-container{
					width: 50%;
				}
				.naillp-2025 .kaiketsu-image{
					width: 50%;
				}
				.naillp-2025 .checklist-container ul li {
					font-size: 18px;
					margin-bottom: 12px;
					}
			}
			@media screen and (max-width: 680px) {
				.naillp-2025 .kaiketsu{
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-direction: column;
				}
					.naillp-2025 .checklist-container{
						width: 100%;
						order: 2;
					}
					.naillp-2025 .kaiketsu-image{
						width: 100%;
						order: 1;
						margin-bottom: 16px;
					}
					.naillp-2025 .checklist-container ul li {
						font-size: 20px;
						margin-bottom: 20px;
						}
			}
      .naillp-2025 .home_caseicons{
        margin-top: 120px;
        margin-bottom: 90px;
      }
      .naillp-2025 .home_caseicons h2{
        color: #4c4c4c;
        text-align: center;
        margin-bottom: 32px;
      }

/***************************** form *****************************/
.contact-content.request-document .contact_container{
	max-width: 1000px;
	display: flex;
	align-items:flex-start;
	justify-content: space-between;
	padding-top: 130px;
	gap: 16px;
}
.contact-content.request-document .contact_container .document_preview{
	width: 400px;
	box-sizing: border-box;
  /* 20260126 */
  display: none;
}
	.contact-content.request-document .contact_container .document_preview h2{
		text-align: center;
		line-height: 2.0;
		font-size: 28px;
		color: #35ae92;
		margin-top: 16px;
	}
	.contact-content.request-document .contact_container .document_preview h2 span:first-child{
		font-size: 24px;
		display: inline;
		margin-right: 4px;
		color: #35ae92;
	}
	.contact-content.request-document .contact_container .document_preview h2 span{
		font-size: 20px;
		color: #35ae92;
	}
		.contact-content.request-document .contact_container .document_preview .preview_img{
			margin-top: 40px;
		}
		.contact-content.request-document .contact_container .document_preview .summary{
			margin-top: 16px;
			padding: 24px;
			background-color: #f3f3f3;
			border-radius: 8px;
		}
		.contact-content.request-document .contact_container .document_preview .summary h3{
			color: #35ae92;
			font-size: 18px;
		}
		.contact-content.request-document .contact_container .document_preview .summary ul{
			margin-top: 8px;
		}
			.contact-content.request-document .contact_container .document_preview .summary ul li{
				line-height: 1.8;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				color: #888;
				font-size: 16px;
				font-weight: 700;
			}
			.contact-content.request-document .contact_container .document_preview .summary ul li span{
				font-size: 18px;
				margin-right: 2px;
			}
        .contact-content.request-document .contact_container .form-wrapper{
          /* width: 560px; */
          width: 720px;
          margin: 0px auto;
        }
      @media screen and (max-width: 980px){
        .contact-content.request-document .contact_container{
          display: block;
          width: 88%;
          padding-top: 80px;
        }
        .contact-content.request-document .contact_container .document_preview{
          width: 100%;
        }
        .contact-content.request-document .contact_container .form-wrapper{
          width: 100%;
          margin-top: 40px;
        }
        .contact-content.request-document h2{
          margin-bottom: 0px;
        }
        .contact-content.request-document .contact_container .document_preview .preview_img{
          margin-top: 16px;
        }
        .contact-content.request-document .contact_container .document_preview .summary{
          margin-top: 8px;
          padding: 16px 24px;
        }
        .contact-content.request-document .contact_container .document_preview h2{
          font-size: 24px;
        }
        .contact-content.request-document .contact_container .document_preview h2 span:first-child{
          font-size: 20px;
        }
        .contact-content.request-document .contact_container .document_preview h2 span{
          font-size: 18px;
        }
        .contact-content.request-document .contact_container .document_preview .summary ul{
          margin-top: 4px;
        }
      }
    /* 確認画面 */
    .contact-content.request-document .contact_container.confirm{
      max-width: 720px;
      width: 88%;
      margin: 0px auto;
      padding-top: 112px;
      display: block;
    }
    .contact-content.request-document .contact_container.confirm h2{
      margin-bottom: 8px;
    }
    .contact-content.request-document .contact_container.confirm p{
      margin-bottom: 4px;
    }
/***************************** casestudies *****************************/
  .contact-content.request-document .contact_container.contact-casestudies .document_preview h2{
      font-size: 24px;
      text-align: center;
      line-height: 140%;
    
  }