@charset "UTF-8";
.container {
	min-width: 100%;
	margin: 0px auto;
	overflow: hidden;
}
	/* mainvisual */
	#mainvisual_content {
		min-width: 100%;
		overflow: hidden;
	}
	#mainvisual{
		width: 100%;
		margin: 0px auto;
	}
	#visual-image {
		margin: 0px auto;
	}
	#visual-image img{
		width: 100%;
	}
  
  /* mainslider  */
	.home_mainslider {
  }
    .home_mainslider_container {
    }
    ul.home_mainslider_container li{
    }
    .home_mainslider_container li img{
    }
	
.pagecontent {
	width: 90%;
	margin: 20px auto 0px;
}			
				.pagecontent {
					width: 100%;
					margin: 0px auto 0px;
					padding-top: 20px;
					}
					.catalog_header {
						width: 100%;
						margin: 80px auto 0px;
						}
						.catalog_header h2{
							font-size: 3.2rem;
							padding-bottom: 18px;
							}
								.home_content_container {
									padding-top: 0px;
								}
								
/***************************** home *****************************/
.home_introcontent {
  width: 100%;
  background-color: #5186ec;
  height: auto;
  padding-top: 0px;
  padding-bottom: 24px;
}
.home_instrocontent_inner {
  width: 88%;
  height: auto;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
}
  .introcontent_txt{
    width: 100%;
    margin-top: 0px;
    display: block;
    order: 2;
  }
    .introcontent_txt h1 {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 2.8rem;
    }
  .introcontent_img{
    width: 90%;
    margin: 0px auto;
    display: block;
    order: 1;
  }
  .introcontent_img img{
    }
  
    .introcontent_icons{
      margin-top: 20px;
      padding-left: 0px;
      padding-right: 0px;
      box-sizing: border-box;
    }
    .introcontent_icons_one{
      width: 30%;
    }
      .introcontent_icons_one img{
        width: 100%;
        height: auto;    
      }
        .introcontent_icons_one p {
          font-size: 1.2rem;
        }
    .btn_homemain a {
      color: #FFF;
      background-color: #23aac0;
      display: block;
      text-align: center;
      font-size: 1.2em;
      height: 42px;
      line-height: 42px;
      border-radius: 21px;
      position: relative;
      font-weight: bold;
      -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));
      width: 100%;
      margin-top: 20px;
    }
    
.section_btns{
  width: 100%;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 40px;
  margin-top: 0px;
  height: auto;
}
  .section_btns_container{
    width: 88%;
    margin: 0px auto;
    height: auto;
  }
    .section_btns_container h2 {
      text-align: center;
      font-size: 2.8rem;
    }
    .section_btns_container h2 span {
      width: 140px;
      font-size: 1.6rem;
    }
    .section_btns_container h2 span:after {
      border: 8px solid transparent;
      border-top: 8px solid #edeff3;
    }

  .section_btns_container .banners{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .section_btns_container .banners h3 {
    width: 100%;
    margin-bottom: 14px;
    
    -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));
  }


  .section_btns_container .banners h3 a{
      width: 100%;
      background-size: cover;
      padding-top: 2px;
      padding-bottom: 2px;
  }
    @media screen and (max-width:519px) {
      .section_btns_container .banners h3 a{
        height:31vw;
        font-size: 2.8rem;
        background-size: contain;
      }
    }
    @media screen and (min-width:520px) and (max-width: 679px) {
      .section_btns_container .banners h3 a{
        height: 34vw;
        font-size: 2.8rem;
        width: auto;
        background-size: contain;
      }
    }
    @media screen and (min-width:680px) and (max-width: 979px) {
      .section_btns_container .banners h3 a{
        height:31vw;
        font-size: 4.2rem;
      }
    }
.home_content01 {
	width: 100%;
	margin: -150px auto 0px;
	position: relative;
	padding-top: 50px;
	}
		.home_content01 img {
		}
.home_content02 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-top: 60px;
}
		.home_content02_txt {
			order: 1;
			width: 88%;
			margin-left: 6%;
			margin-right: 6%;
		}
			.home_content02_txt h2{
				font-size: 2.6rem;
			}
			.home_content02_txt p{
				font-size: 1.6rem;
				}
		.home_content02_inner{
			order: 2;
			max-width: 100%;
			margin-top: 40px;
		}
				.home_content02_img {
				}
					.home_content02_img img {
					}
          
.home_content03 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-top: 90px;
}
	/* トップ見出し　Aタイプ　*/
	.home_content03_header{
		background-color: #5186ec;
	}
	.home_content03_txt {
		order: 1;
		width: 88%;
		margin-left: 6%;
		margin-right: 6%;
		}
		.home_content03_txt h2 {
			font-size: 2.6rem;
			}
				.home_content03_txt p{
					font-size: 1.6rem;
					margin-top: 10px;
					}
		.home_content03_inner{
			order: 2;
			max-width: 100%;
			margin-top: 20px;
			}
		
				.home_content03_img {
				}
					.home_content03_img img {
						}
						
						
.home_content04 {
	margin-top: 60px;
	padding-bottom: 80px;
}
	.home_content04_apps {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
			.home_content04_appimgs{
				order: 2;
				letter-spacing: -1.0rem;
				vertical-align: top;
				width: 140%;
				margin-left: -44%;
				margin-top: 40px;
			}
				.home_content04_appimgs_one {
					width: 18%;
					height: auto;
					display: inline-block;
					margin-right: 2%;
					padding-bottom: 0px;
				}
					.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: 88%;
				margin-right: 6%;
				margin-left: 6%;
				padding-top: 0px;
				order: 1;
			}
				.home_content04_apptxt h2{
					font-size: 2.6rem;
					}
				.home_content04_apptxt p{
					font-size: 1.6rem;
					margin-top: 10px;
					}


.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;
	}
					
.home_content08 {
	width: 100%;
	margin-bottom: 42px;
}
	.home_support{
		width: 100%;
		margin: 0px auto;	
		letter-spacing: -1.0rem;
	}
		.home_support_txt {
			display: block;
			width: 88%;
			vertical-align: top;
			margin: 0px auto;
		}
			.home_support_txt h2{
				font-weight: bold;
				font-size: 2.6rem;
				line-height: 140%;
				text-align: left;
				margin-bottom: 10px;
				letter-spacing: 0.0rem;
			}
			.home_support_txt p{
				letter-spacing: 0.0rem;
				font-size: 1.6rem;
				line-height: 1.8;
				text-align: justify;
			}
		.home_support_img {
			display: block;
			width: 88%;
			vertical-align: top;
      margin: 10px auto 0px;
		}
			.home_support_img img{
				}
				
.home_content09 {
	width: 88%;
	margin: 40px auto 100px;
}
	.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: 20px;
		letter-spacing: 0.0rem;
	}
	
	.newslist_sp{
	}
		.newslist_sp ul {
			letter-spacing: -1.0rem;
			}
		.newslist_sp ul li{
			display: inline-block;
			letter-spacing: 0.0rem;
			margin-right: auto;
		}
		.newslist_sp ul li a{
			}
		.newslist_sp ul li:last-child{
			margin-right: 0px;
			}
		.newslist_sp ul li a img{
			width: 98%;
			margin-left: auto;
			margin-right: auto;
			}
	ul.news_sorttab {
		letter-spacing: -1.0rem;
		width: 92%;
		margin: 0px auto;
	}
	.newslist {
		margin-top: 60px;
	}
    .news_sorttab li {
      width: 49%;
      margin-right: 2%;
    }
    .news_sorttab li:nth-child(2n) {
        margin-right: 0px;
        }
		.news_sorttab li a{
			display: inline-block;
			background: #ffffff;
			border: 1px solid #c3c3c3;
			color: #c3c3c3;
			font-size: 1.6rem;
			cursor: pointer;
			text-align: center;	
			width: 100%;
			height: 42px;
			line-height: 42px;
			position: relative;
			letter-spacing: normal;
			box-sizing: border-box;
			margin-right: 2%;
			margin-bottom: 10px;
			}
				.news_sorttab li:nth-child(2n) a{
					margin-right: 0px;
					}
				.news_sorttab li.active a{
					border: none;
					position: relative;
					color: #ffffff;
				}
				.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.newscat_service.active a{
						background: #ff4b36;
						border: 1px solid #ff4b36;				
						}
					.news_sorttab li.newscat_case.active a{
						background: #35ae92;
						border: 1px solid #35ae92;				
						}
					.news_sorttab li.newscat_newfac.active a{
						background: #f6d019;
						border: 1px solid #f6d019;				
						}
					.news_sorttab li.newscat_info.active a{
						background: #847ac6;
						border: 1px solid #847ac6;				
						}
            
            
	ul.news_sorttab_archive {
		letter-spacing: -1.0rem;
		width: 92%;
		margin: 0px auto;
	}
    .news_sorttab_archive li {
      width: 49%;
      margin-right: 2%;
    }
    .news_sorttab_archive li:nth-child(2n) {
        margin-right: 0px;
        }
		.news_sorttab_archive li a{
			display: inline-block;
			background: #ffffff;
			border: 1px solid #c3c3c3;
			color: #c3c3c3;
			font-size: 1.6rem;
			cursor: pointer;
			text-align: center;	
			width: 100%;
			height: 42px;
			line-height: 42px;
			position: relative;
			letter-spacing: normal;
			box-sizing: border-box;
			margin-right: 2%;
			margin-bottom: 10px;
			}
				.news_sorttab_archive li:nth-child(2n) a{
					margin-right: 0px;
					}
				.news_sorttab_archive li.active a {
					border: none;
					position: relative;
					color: #ffffff;
				}
				.news_sorttab_archive li.active a:before {
				    content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -8px;
					border: 8px solid transparent;
				}
					.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;				
						}
            
		.home_newslsit_container {
			width: 100%;
		}
		.home_newslsit_container a {
			width: 90%;
			margin:10px auto 0px;
			padding-left: 12px;
			padding-right: 12px;
			padding-top: 12px;
			}
			.home_newslsit_container .newslist_one{
				display: block;
				align-content: center;
				align-items: center;
        padding-bottom: 10px;
				}
					.home_newslsit_container .newslist_one h2 {
						margin-bottom: 0px;
						min-height: auto;
						}
					.newslist_one_titlewrap {
						order: 3;
						min-height: auto;
						margin-bottom: 10px;
            width: 100%;
						}
						.newslist_one_titlewrap h2 {
							text-align: justify;
						}
					.newslist_one_datewrap {
						order: 1;
						display: inline-block;
						}
					.newslist_one_catewrap {
						order: 2;
						display: inline-block;
						}
				
  .effect_list{
    width: 88%;
  }
    .effect_list h3 {
      font-size: 2.0rem;
    }
  .effect_listcontent {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap;
  }
    .effect_listcontent a {
      width: 49%;
      margin-bottom: 5px;
    }
    .effect_listcontent_one {
      height: auto;      
      text-align: center;
      border-radius: 12px;
      box-sizing: border-box;
      box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
      width: 100%;
    }
    .effect_listcontent_one img {
    }
    .effect_listcontent_one p {
      padding-top: 6px;
      font-size: 1.5rem;
      padding-bottom: 2px;
    }
			
.tabContents {
  display: none;
}
.tabContents.active {
  display: block;
}

@media screen and ( max-width:980px) {
  .functionlist_container {
    margin-bottom: 42px;
  }
      .functionlist_container h2{
        font-size: 2.0rem;
        width: 88%;
        margin: 0px auto 20px;			
        }
          .functionlist_container h2 span {
            width: 100px;
            font-size: 1.6rem;
          }
          .functionlist_container h2 span:after {
            border: 8px solid transparent;
            border-top: 8px solid #f6d019;
        }
        .funcions_btns {
          width: 88%;
          margin: 0px auto;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
          .funcions_btns > a {
            margin-bottom: 20px;
            box-shadow: 0px 3px 8px rgba(0,0,0,0.08);  
            border-radius: 12px;
            width: 48%;
            height: 120px;
          
          }
            .funcions_btns > div {
              width: 48%;
            }
          .funcions_btns .mr_30 {
            margin-right: 0px;
          }

            .funcions_btns_one{
              width: 100%;
              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: 26%;
                display: inline-block;
                vertical-align: middle;		

                position: relative;
                top: 50%;
                -webkit-transform : translateY(-50%);
                transform : translateY(-50%);
              }
                .funcions_btns_one_img img {
                }
              .funcions_btns_one_txt{
                display: inline-block;
                vertical-align: top;	
                width: 69%;
                margin-left: 5%;
                position: relative;
                top: 50%;
                -webkit-transform : translateY(-50%);
                transform : translateY(-50%);
                }
                .funcions_btns_one_txt p{
                  font-size: 2.0rem;
                  line-height: 1.6;
                  }
}
@media screen and ( max-width:700px) {
          .funcions_btns > a {
            width: 48%;
            height: auto;
            box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
            display: block;
          }
            .funcions_btns > div {
              width: 48%;
              display: block;
              height: auto;
              margin-right: 0px;
              margin-bottom: 20px;
            }
            .funcions_btns .mr_30 {
              margin-right: 0px;
            }
            .funcions_btns_one{
              width: 100%;
              height: auto;
              padding: 10px;
              margin-bottom: 0px;
              display:flex;
              flex-flow: column;
          }
              .funcions_btns_one_img{
                width: 38%;
                position: relative;
                top: 0%;
                margin:0px auto 1.0rem;
                text-align:center;
                -webkit-transform : translateY(0%);
                transform : translateY(0%);
              }

              .funcions_btns > div .funcions_btns_one_img{
                display: block;
              } 
                .funcions_btns_one_img img {
                  margin: 0px auto;

                }
              .funcions_btns_one_txt{
                width: 94%;
                margin-left: auto;
                margin-right: auto;
                display: block;
                top: 0%;
                -webkit-transform: translateY(0%);
                transform: translateY(0%);
                display: grid;
                place-items: center center;
                height: 44px;
                }
                .funcions_btns_one_txt p{
                  font-size: 1.32rem;
                  line-height: 1.4;
                  text-align: center;
            }
          }
  
          @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%;
              }
          }
          @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;
            }
          }
          @media screen and (max-width:480px){
            .func-banners a.box .text p{
              font-size: 1.6rem;
            }
          }
          @media screen and (max-width:360px){
            .func-banners a.box .text p{
              font-size: 1.4rem;
            }
          }
          
    .home_interview_movie {
      width: 88%;
      margin: 0px auto 60px;
    }
  .instafeed {
    width: 100%;
    margin: 0px auto;
  }
  
  @media screen and ( max-width:980px) {
    .home_about {
      width: 100%;
      background-color: #edeff3;
      height: 260px;
      margin-top: 120px;
      margin-bottom: 140px;
      padding-top: 40px;
      padding-bottom: 40px;
    }
      .home_aboutinner {
        width: 88%;
        margin: 0px auto;
      }
    .home_about_img {
      width: 33%;
      margin-top: -100px;
      margin-bottom: 100px;
      }
      .home_about_img img{
        }
    .home_about_txt {
      width: 67%;
      margin-left: 0px;
      }
      .home_about_txt h2{
        font-size: 2.6rem;
        margin-bottom: 10px;
        }
      .home_about_txt p{
        font-size: 1.5rem;
        text-align: justify;
        }
  }
  @media screen and ( max-width:900px) {
    .home_about {
      width: 100%;
      height: 260px;
      margin-top: 120px;
      margin-bottom: -60px;
      padding-top: 30px;
      padding-bottom: 50px;
    }
      .home_aboutinner {
        width: 88%;
        margin: 0px auto;
      }
    .home_about_img {
      width: 35%;
      margin-top: -60px;
      margin-bottom: 100px;
      }
      .home_about_img img{
        }
    .home_about_txt {
      width: 65%;
      margin-left: 0px;
      }
    }
  @media screen and ( max-width:767px) {
        .home_aboutinner {
          width: 88%;
          margin: 0px auto;
          display: block;
        }
        .home_about_img img{
          }
      .home_about_txt {
        width: 100%;
        margin-left: 0px;
        }
        .home_about_txt h2{
          font-size: 2.8rem;
          margin-bottom: 10px;
          text-align: center;
          }
        .home_about_txt p{
          font-size: 1.8rem;
          text-align: justify;
          }
    }
  @media screen and ( max-width:767px) {
      .home_about {
        height: 520px;
        margin-top: 580px;
        margin-bottom: -90px;
        padding-top: 40px;
        padding-bottom: 56px;
      }
      .home_about_img {
        width: 80%;
        margin: -600px auto 0px;
        }
  }
  @media screen and ( max-width:700px) {
      .home_about {
        height: 420px;
        margin-top: 440px;
        margin-bottom: -100px;
        padding-top: 40px;
        padding-bottom: 150px;
      }
      .home_about_img {
        margin: -500px auto 0px;
        }
        .home_about_txt p{
          font-size: 1.6rem;
          }
  }
    
  @media screen and ( max-width:540px) {
      .home_about {
        height: 380px;
        margin-top: 480px;
        padding-bottom: 140px;
      }
      .home_about_img {
        margin: -500px auto 0px;
        }
  }
  @media screen and ( max-width:500px) {
      .home_about {
        height: 350px;
        margin-top: 480px;
        padding-top: 40px;
        padding-bottom: 180px;
      }
      .home_about_img {
        margin: -460px auto 0px;
        }
  }
  @media screen and ( max-width:480px) {
      .home_about {
        height: 350px;
        margin-top: 480px;
        padding-top: 40px;
        padding-bottom: 140px;
      }
      .home_about_img {
        margin: -460px auto 0px;
        }
  }
  @media screen and ( max-width:375px) {
      .home_about {
        height: 320px;
        margin-top: 380px;
        padding-top: 40px;
        padding-bottom: 120px;
      }
      .home_about_img {
        margin: -400px auto 0px;
        }
        .home_about_txt h2{
          font-size: 2.4rem;
          }
  }
    
  .home_planfee {
    width: 88%;
    margin: 0px auto;
    text-align: center;
    }
  .home_planfee h2{
    font-size: 2.0rem;
    margin-bottom: 10px;
  }
  .home_planfee p{
    font-size: 1.6rem;
  }
/***************************** function list *****************************/
.funccontent_header {
}
	.funccontent_header h2 {
	}
  
	.funccontent_wrapper {
		width: 100%;
		margin: 0px auto 40px;
	}
		.funcontent_head {
			height: 55px;
			width: 88%;
			margin: 0px auto;
		}
		.funcontent_head h2{
			}
		.funchead_col01 {
			}
		.funchead_col02 {
			}

	.funccontent_inner {
		width: 88%;
		margin: 0px auto;
		}
		.funccontent_inner dl{
			letter-spacing: -1.0rem;
			padding-bottom: 12px;
			margin-top: 20px;
			line-height: 2.0;
		}
		.funccontent_inner dl dt{
			width: 100%;
			display: block;
			letter-spacing: normal;
			font-size: 2.0rem;
			font-weight:bold;
			vertical-align: top;
			line-height: 1.2;
			margin-left: -6px;
		}
		.funccontent_inner dl dd {
			width: 100%;
			display: block;
			letter-spacing: normal;
			font-size: 1.6rem;
			vertical-align: top;
			text-align: justify;
		}
			.funccontent01 i {
				color: #5186ec;
				padding-bottom: 4px;
				}
			.funccontent02 i {
				color: #ff4b36;
				padding-bottom: 4px;
				}
/***************************** animation *****************************/
.home_lineanimate01 {
	position: relative;
	top: -680px;
	left: -50%;
	width: 90%;
	z-index: -9999;
	height: 0px;
}
.home_lineanimate02 {
	position: relative;
	top: -690px;
	right: -50%;
	width: 90%;
	z-index: -9999;
	height: 0px;
}

/***************************** case interview *****************************/	
  .interviewlist_container {
    margin-top: 0px;
  }
    .interviewlist_container h2 {
      font-weight: bold;
      font-size: 2.0rem;
      line-height: 1.4;
      text-align: center;
      margin-bottom: 2.0rem;
    }
    .interviewlist_container h2 {
      text-align: center;
      font-size: 2.8rem;
    }
    .interviewlist_container h2 span {
      width: 110px;
      font-size: 1.6rem;
    }
    .interviewlist_container p{
      font-weight: bold;
      font-size: 2.6rem;
      line-height: 1.4;
      text-align: center;
      width: 88%;
      margin: 0px auto 20px;
    }
  
  
  /* inteview serch form */ 
  .interviewlist_catelist {
      width: 88%;
      margin: 0px auto;
    }
    .interview_searchform{
      margin-bottom: 20px;
      }
    .interview_searchform dt {
      margin-bottom: 10px;
      display: block;
      width: 100%;
    }
    .interview_searchform ddv{
      display: block;
      width: 100%;
    }
    .interview_searchform dd label {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: middle;
      margin-right: 4px;
      }
		.interview_searchform ul{
			vertical-align: middle;
				display: inline-block;
			}
			.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 {
          margin-left: 0px;
        }
  
@media screen and ( max-width:980px) {
	.interviewlist_medium {
		width: 88%;
		margin: 0px auto;
		letter-spacing: -1.0rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
		.interviewlist_medium a {
      vertical-align: top;
      width: 48%;
		  max-height: 520px;
      height: auto;
      background-color: #FFF;
      border-radius: 14px;
      text-align: center;
      box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
      box-sizing: border-box;
      margin-bottom: 40px;
      padding-bottom: 20px;
      margin-right: 4%;
		}
		.interviewlist_medium a:nth-child(2n) {
			margin-right: 0px;
			}
		.interviewlist_medium a:nth-child(3n) {
			margin-right: 4%;
			}
		.interviewlist_medium a:nth-child(6n) {
			margin-right: 0%;
			}
}
@media screen and ( max-width:767px) {
		.interviewlist_medium a {
		  max-height: 480px;
    }
}
@media screen and ( max-width:560px) {
		.interviewlist_medium a {
		  max-height: 540px;
    }
}
@media screen and ( max-width:500px) {
		.interviewlist_medium a {
		  max-height: 500px;
    }
}
  
@media screen and ( max-width:560px) {
	.interviewlist_medium {
		width: 88%;
		margin: 0px auto;
		letter-spacing: -1.0rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
		.interviewlist_medium a {
      vertical-align: top;
      width: 100%;
      margin-right: 0%;
      height: auto;
      background-color: #FFF;
      border-radius: 14px;
      text-align: center;
      box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
      box-sizing: border-box;
      margin-bottom: 40px;
      padding-bottom: 20px;
		}
		.interviewlist_medium a:nth-child(3n) {
			margin-right: 0px;
			}
			.interviewlist_medium_one{
			}
				.interviewlist_medium_img {
				}
				.interviewlist_medium_img img{
				}
				.interviewlist_medium_logo {	
					width: 80px;
					height: 80px;
				}
					.interviewlist_medium_logo img{
						width: 100%;
						height: auto;
					}
			.interviewlist_medium_one p{
				font-size: 1.6rem;
			}
}
  .interviewlist_medium_one_cate p{
    margin: 0px 2px 4px;
  }

	.interviewlist_small {
		width: 86%;
		margin: 0px auto;
	}
		.interviewlist_small a {
			display: block;
			margin-right: 0px;
		}
		.interviewlist_small a:nth-child(3n) {
			margin-right: 0px;
			}
			.interviewlist_small_one{
				width: 100%;
			}
				.interviewlist_small_img {
				}
				.interviewlist_small_img img{
				}
			.interviewlist_small_txt{
				}
				.interviewlist_small_txt h3 {
					}
				.interviewlist_small_txt p{
					font-size: 1.3rem;
					letter-spacing: 0.0rem;
					text-align: left;
					}
					
.interviewsingle_container {
	width: 100%;
	margin: 0px auto 0px;
}
.intterviewcontent_header.under{
  width: 88%;
  height: 144px;
  padding-top: 90px;
}
  .intterviewcontent_header.under p{
  }
.case_single_head {
}
	.case_single_head p{
	}
	.case_single_head h2{
	}
		.case_single_mainvisual {
			width: 100%;
			height: auto;
			margin: 0px auto 20px;
			}
			.case_single_mainvisual img{
				width: 100%;
				height: auto;
				}
        .case_single_title h1{
          width: 88%;
          margin-left: auto;
          margin-right: auto;
        }
			.interviewsingle_cate {
				text-align: left;
        width: 88%;
        margin: 50px auto 0px;
				}
			.interviewsingle_cate div{
				display: block;
				margin-right: 0px;
				margin-bottom: 0px;
				}
				.interviewsingle_cate div:last-child{
					margin-right: 0px;
					}
				.interviewsingle_cate_one {
					letter-spacing: -1.0rem;
					}
					.interviewsingle_cate_one p{
						display: block;
						font-size: 1.4rem;
						letter-spacing: 0.1rem;
						font-weight: bold;
						vertical-align: middle;
            margin-bottom: 4px;
						}
					.interviewsingle_cate_one a{
						}
            .interviewsingle_cate_one a:first-of-type{
              margin-left: 0px;
            }
            .interviewlist_kanren {
              margin-top: 32px;
            }
            p.interviewlist_kanren_head {
              font-weight: bold;
              font-size: 2.0rem;
              line-height: 1.4;
              text-align: center;
            }

					
				.case_single_maincontent{
					width: 88%;
					margin: 0px auto;
					}
					.case_single_headlogo {
						width: 500px;
						height: auto;
						margin: 0px auto;
					}
					.case_single_headlogo img{
					}
					.case_single_maincontent h2{
					}
					.case_single_maincontent h4{
					}
					.case_single_maincontent p{
						font-size: 1.8rem;
						line-height: 200%;
						margin-top: 30px;
						text-align: justify;
					}
					.case_single_maincontent img{
						width: 100%;
						height: auto;
						margin: 20px auto 0px;
					}
						.case_single_maincontent h3 {
						}
						.case_single_maincontent h3:before {
							content: "ー";
						}
						.case_single_caption {
							width: 100%;
							margin: 0px auto!important;
							font-size: 1.4rem!important;
						}
							.case_single_saloninfo {
								width: 88%;
							}
								.case_single_saloninfo_logo {
									width: 25%;
								}
								.case_single_saloninfo_logo img{
									width: 100%;
									height: auto;
								}
									.case_single_saloningo_data {
										margin-left: 5%;
										width: 70%;
										margin-right: 0px;
									}
									.case_single_saloningo_data h3{
									}
									.case_single_saloningo_data p{
										margin-top: 0px;
										}
										.case_single_saloninfo_datelink {
										}
										.case_single_saloninfo_salomnimg {
											width: 100%;
											display: block;
											margin-top: 20px;
										}
											.case_single_saloninfo_salomnimg img{
												width:100%;
												height: auto;	
											}
							.marker_y {
								background: linear-gradient(transparent 60%, #fff799 60%);
							}


/* merit content */
.merit_content {
	width: 90%;
	margin: 0px auto;
}
			.merit_content_one {
				margin-top: 40px;
				margin-bottom: 20px;
			}
			.merit_content_one h3{    
				font-size: 3.0rem;
				margin-top: 10px;
				letter-spacing: auto;
				}
				.merit_content_one h4{
					font-size: 2.2rem;
					font-weight: bold;
					line-height: 120%;
					}
				.merit_content_one p{  
					font-size: 1.8rem;
					text-align: justify;
					line-height: 200%;
					margin-top: 20px;
					}
					.merit01_content01_img {
						width: 100%;
					}
					.merit01_content01_img img{
						margin-bottom: 0px;
					}
			.merit_content_two {
				margin-top: 40px;
				margin-bottom: 60px;
			}
				.merit_content_two p{
					font-size: 1.8rem;
					margin-top: 20px;
					}
						.merit_content_two_img {
							width: 50%;
							height: auto;
							display: block;
							vertical-align: middle;
							margin: 0px auto;
						}
							.merit_content_two_img img{
								width: 100%;
								}
						.merit_content_two_txt {
							width: 100%;
							display: block;
							letter-spacing: 0.1rem;
							text-align: center;
							margin-left: 0px;
							vertical-align: middle;
						}
							.merit_content_two_txt h3{
								font-size: 3.2rem;
								margin-top: 40px;
								text-align: center;
								}
							.merit_content_two_txt p{
								margin-top: 10px;
								text-align: justify;
								}
				.merit_content_three {
					margin-top: 80px;
				}
					.merit_content_three img{
						width: 100%;
						margin-top: 40px;				
					}
						.merit_content_three p{
							font-size: 1.6rem;
							margin-top: 0px;
							text-align: justify;
							}
					.merit03_poslist ul {
						letter-spacing: -1.0rem;
						margin-top: 20px;
					}
					.merit03_poslist ul li {
						width: 23%;
						height: auto;
						box-sizing: border-box;
						float: left;
						margin-right: 2%;
						}
					.merit03_poslist ul li:nth-child(4n) {
						margin-right: 0px;
						}
					.merit03_poslist ul li:nth-child(5) {
						margin-right: 2%;
						}
						.merit03_poslist ul li img{
							width: 100%;
							height: auto;
							margin-top: 0px;
							margin-bottom: 0px;
							}
					
  .interview_banner {
    width: 100%;
    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 {
  }


/***************************** effect  *****************************/	
.effect_header {
  margin-top: 0px;
} 
.effect_header_wrapper{
  height: 600px;
  width: 100%;
  }
  .effect_header_hair{
    background-image: url("../images/effectheader_hair_sp.jpg");
  }
  .effect_header_nail {
    background-image: url("../images/effectheader_nail_sp.jpg");
  }
  .effect_header_eye {
    background-image: url("../images/effectheader_eye_sp.jpg");
  }
  .effect_header_ethte {
    background-image: url("../images/effectheader_ethte_sp.jpg");
  }
  .effect_header_txt{
    width: 88%;
    margin: 0px auto;
    padding-top: 100px;
  }
    .effect_header_txt h1 {
      font-weight: bold;
      font-size: 2.2rem;
    }
    .effect_header_txt h2 {
      font-size: 3.2rem;
      line-height: 1.6;
      }
      .effect_content_one {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
      }
        .effect_content_01 {
          width: 100%;
          margin: 0px auto 40px;
        }
        .effect_content_02 {
          width: 100%;
          margin: 0px auto 40px;
          padding-right: 0px;
          }
      .effect_content_one_img {
        }
        .effect_content_01 .effect_content_one_img {
          order: 2;      
          width: 88%;
          margin: 20px auto 0px;
          height: auto;
          }
        .effect_content_02 .effect_content_one_img { 
          order: 2;      
          width: 88%;
          margin: 40px auto 0px;
          height: auto;          
          }
          .effect_content_one_img img{
            width: 100%;
            height: auto;
          }
      .effect_content_one_txt {
        width: 88%;
        margin: 0px auto;
        }
        .effect_content_01 .effect_content_one_txt {
          order: 1;        
          }
        .effect_content_02 .effect_content_one_txt {
        order: 1;
          }
        .effect_content_one_txt h3 {
          font-size: 2.6rem;
          margin-bottom: 10px;
          }
        .effect_content_one_txt p {
          font-size: 1.8rem;
          line-height: 2.0;
          text-align: justify;
        }
		  .effect_content_one_point{
      }
        .effect_content_one_point img { 
          width: 120px;
          height: auto
          }
          .effect_content_one_point ul{
            margin-top: 20px;
          }
          .effect_content_one_point ul li{
            font-size: 1.8rem;
          }
          .effect_content_one_point ul li:before {
            padding-left: 30px;
            background-size: 30px;
            padding-bottom: 6px;
            padding-top: 4px;
            }
    .effect_content_hair_hiw {
      width: 88%;
    }
    .effect_content_hair_hiw h3{
      text-align: center;
      font-size: 2.6rem;
      }
    .effect_content_hair_hiw_content {
      display: flex;    
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 20px;
    }
      .effect_content_hair_hiw_contentimg {
        width: 100%;
      }
      .effect_content_hair_hiw_contentimg img{
        }
      .effect_content_hair_hiw_contenttxt {
        width: 100%;
        margin-top: 40px;
      }
        .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: 20%;
          }
        .effect_content_hair_hiw_contenttxt_one_img img{
        }
        .effect_content_hair_hiw_contenttxt_one_txt{
          width: 80%;
          margin-left: 5%;
        }
        .effect_content_hair_hiw_contenttxt_one_txt h4{
          font-size: 1.6rem;
          margin-top: 10px;
        }
        .effect_content_hair_hiw_contenttxt_one_txt p{
          font-size: 1.4rem;
          margin-top: 10px;
        }
      
    .effect_content_nail_hiw {
      width: 100%;
      background-color: #f3f2f9;
      margin-top: 60px;
      margin-bottom: 120px;
      padding-bottom: 40px;
    }
      .effect_content_nail_hiw_in {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 88%;
      }
        .effect_content_nail_hiw_img {
          width: 70%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          top: 0px;
          margin-bottom: 0px;
          order: 2;
          }
        .effect_content_nail_hiw_img img{
          }
        .effect_content_nail_hiw_txt{
          width: 100%;
          padding-top: 40px;
          margin-left: 0px;
          order: 1;
        }
        .effect_content_nail_hiw_txt h3{
          font-size: 2.6rem;
          }
          .effect_content_nail_hiw_txt ul{
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            
          }
          .effect_content_nail_hiw_txt ul li{
            height: 60px;
            width: 49%;
            margin-right: 2%;
            font-size: 1.6rem;
            }
          .effect_content_nail_hiw_txt ul li:nth-child(even){
            margin-right: 0px;
            }
    .effect_content_eye_hiw {
      width: 100%;
      background-color: #f3f2f9;
      margin-top: 60px;
      margin-bottom: 120px;
      padding-bottom: 40px;
    }
      .effect_content_eye_hiw_in {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 88%;
      }
        .effect_content_eye_hiw_img {
          width: 70%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          top: 0px;
          margin-bottom: 0px;
          order: 2;
          }
        .effect_content_eye_hiw_img img{
          }
        .effect_content_eye_hiw_txt{
          width: 100%;
          padding-top: 40px;
          margin-left: 0px;
          order: 1;
        }
        .effect_content_eye_hiw_txt h3{
          }
          .effect_content_eye_hiw_txt ul{
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
          }
          .effect_content_eye_hiw_txt ul li{
            height: 60px;
            width: 49%;
            margin-right: 2%;
            }
          .effect_content_eye_hiw_txt ul li:nth-child(even){
            margin-right: 0px;
            }
    .effect_content_ethte_hiw {
      width: 88%;
      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: 10px;
      }
            .effect_content_ethte_hiw_contentimg div:first-child {
              width: 54%;   
              margin-left: 3%;
            }
            .effect_content_ethte_hiw_contentimg div:nth-child(2) {
              width: 23%;             
              margin-right: 5%;
            }
            .effect_content_ethte_hiw_contentimg div img{
              width: 100%;
              height: auto;
            }
            
            
		/* service linls */
		.servicelinks {
		}
			.servicelinks h2 {
				font-size: 3.0rem;
			}
				.servicelinks_inner {
					width: 90%;
				}
				.servicelinks_inner a{
					margin-right: 0px;
					margin-bottom: 20px;
					display: block;
					}
					.servicelinks_inner a:nth-child(3){
						margin-right: 0px;
						}
						.servicelinks_one {
							width:100%;
							padding: 15px;
							border-radius: 12px;
						}
						.servicelinks_one img{
							width: 26%;
							height: auto;
							}
							.servicelinks_one p{
								font-weight: bold;
								font-size: 2.3rem;
								}
					
    
/***************************** interview *****************************/
.interview_special{
  width: 100%;
  margin: 0px auto;
}
.interview_header{
  width: 100%;
  height: auto;
  margin: 40px auto 0px;
}
  .interview_header img {
  }

  .spintterviewcontent_header.under{
    width: 88%;
    height: 144px;
    padding-top: 90px;
  }
.spintterviewcontent_header.under p{
  font-size: 1.6rem;
}
  .interview_special_intro{
    width: 88%;
    margin: 20px auto 0px;
  }
  .interview_special_intro p{
    text-align: center;
  }
  .interview_special_content{
    width: 100%;
    margin: 0px auto;
  }
  .interview_special_contentone{
    margin-top: 80px;
  }
    .interview_special_content h2{
        width: 86%;
        margin: 0px auto 10px;
        font-size: 2.0rem;
     }
    .interview_q{
      color: #ff4b36;
      font-size: 2.8rem;
    }
    .interview_special_content video {
      width: 100%;
      height: auto;
    }
  
  .interview_special_next{;
    }
    .interview_special_next p {
      margin: 20px auto 0px;
      width: 140px;
    }
     .interview_special_next p a{ 
            height: 32px;
            width: 120px;
            border-radius: 16px;
            font-size: 1.8rem;
            line-height: 32px;
            color: #FFF;
            font-weight: bold;
            vertical-align:middle;
       }
      .interview_next_arr:before {
        content: "";
        background-image: url("../images/interview_nextarr.svg");
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        padding-left: 18px;
        vertical-align:middle;
        }
     .interview_special_next h3{
       font-size: 2.0rem;
        width: 88%;
        margin: 10px auto 0px;
       }

       .interview_special_saloninfo {
        width: 88%;
      }
        .interview_special_saloninfo_logo {
          width: 25%;
        }
        .interview_special_saloninfo_logo img{
          width: 100%;
          height: auto;
        }
          .interview_special_saloninfo_data {
            margin-left: 5%;
            width: 70%;
            margin-right: 0px;
          }
          .interview_special_saloninfo_data h3{
            font-size: 1.8rem;
          }
          .interview_special_saloninfo_data p{
            margin-top: 0px;
            }
            .interview_special_saloninfo_datelink {
            }
            .interview_special_saloninfo_salomnimg {
              width: 100%;
              display: block;
              margin-top: 20px;
            }
              .interview_special_saloninfo_salomnimg img{
                width:100%;
                height: auto;	
              }
          .interview_special_banners {
            display: block;
            width: 88%;
            margin: 0px auto;
          }
            .interview_special_banners a {
              width: 100%;
              margin-bottom: 10px;
            }
            .interview_special_banners a img{
            }

				
/* content 下コンタクト */
.content_contact {
	width: 90%;
	margin: 40px auto 0px;
}
	.content_contact_head {
		height: auto;
		padding: 10px;
	}
	.content_contact_head p{
		font-size: 1.6rem;
		line-height: 1.4;
		}
		.content_contact_tel {
			width: 100%;
			display: block;
			margin-top: 20px;
      padding-right: 0px;
		}
			.content_contact_tel img{
				width: 10%;
				}
				p.content_contact_tel_head {
					font-size: 2.0rem;
					font-weight: bold;
					letter-spacing: auto;
					line-height: 100%;
				}
				p.content_contact_tel_num {
					}
				p.content_contact_tel_num a{
					font-size: 3.6rem;
					font-weight: bold;
					margin-bottom: 0px;
				}
				p.content_contact_tel_time {
					font-size: 1.4rem;
				}
		.content_contact_mail {
			width: 100%;
			display: block;
			margin-top: 20px;
		}
			.content_contact_mail img{
				width: 10%;
				}
				.content_contact_mail a{
					font-size: 2.4rem;
					width: 100%;
					height: 72px;
					line-height: 72px;
					}
					.content_contact_mail a:before{
						padding-left: 38px;
						background-size: 32px;
					}
					

/***************************** share *****************************/
.maincontainer {
}
		.content_header {
			width: 100%;
      padding-top: 92px;
      height: 180px;
      padding-bottom: 20px;
		}
    .content_header h1 {
      font-size: 3.2rem;
      
    }
.content_title {
	margin-top: 30px;
	margin-bottom: 40px;
	}
.content_title h2{
	font-size: 3.2rem;
	}
	.content_title p{
		font-size: 2.0rem;
		}	
.content_img {
	width: 90%;
}
.company_content{
  width: 88%;
  margin: 0px auto;
}
/***************************** share *****************************/
.main{
  width: 88%;
  margin: 0px auto;
}
  .error_content {
    padding-top: 100px;
  }
  .error_content h3{
    }
    .error_content img {
      width: 100%;
      margin: 0px auto;
    }
    .error_content p{
    }
/***************************** merit content *****************************/	
		.meritcontent_header {
			width: 100%;
			margin-bottom: 180px;
		}
		.meritcontent_header_inner {
			background-color: #ff4b36;
			width: 100%;
			height: 500px;
			padding-top: 124px;
			box-sizing: border-box;
		}
		.meritcontent_header_content {
			width: 86%;
			height: 400px;
			margin: 0px auto;
			display: block;
		}
		.meritcontent_header_title{
			width: 100%;
			margin-top: 0px;	
		}
		.meritcontent_header_title p {
			font-size: 2.0rem;
			color: #FFF;
			}
		.meritcontent_header_title h1 {
			font-size: 3.2rem;	
			color: #FFFFFF;
			}
		.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;
		}
		p.font_col_bmred{
			color: #ff4b36;
		}
		.meritcontent_header_img{
			width: 90%;
			margin: 0px auto;
		}
		.meritcontent_header_img img{
		}
		
		.meritcontent_main{
			width: 86%;
			margin: 120px auto 0px;
		}
		.meritcontent_main h2{
			font-size: 2.6rem;
			}
      .meritcontent_main h3{
        font-size: 2.6rem;
        }
		.meritcontent_main p{
			font-size: 1.6rem;
			line-height: 2.0;
			text-align: justify;
			margin-top: 10px;
			}
		.meritcontent01 {
			letter-spacing: -1.0rem;
			margin-top: 40px;
			display: block;
		}
		.meritcontent01_img {
			display: block;
			margin: 0px auto;
			vertical-align: middle;
		}
		.meritcontent01_txt{
			display: block;
			letter-spacing: 0.0rem;
			width: 100%;
			vertical-align: middle;
			margin: 20px auto 0px;
		}
	.meritcontent02 {
		display:flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 100px;
	}
	.meritcontent02_img {
		vertical-align: middle;
		margin: 0px auto;
		order: 1;
	}
	.meritcontent02_txt{
		width: 100%;
		vertical-align: middle;
		order: 2;
		margin-top: 20px;
	}
.meritcontent03{
	}
.meritcontent03_img {
	display:flex;
	justify-content: space-between;
	width: 100%;
	margin: 40px auto 0px;
}
.meritcontent03_img div{
	width: 50%;
	}
.meritcontent03_txt{
	width: 100%;
	margin-top: 10px;
}
.meritcontent03_txt p{
	text-align: center;
	}
.meritcontent04 {
	display:block;
	justify-content: space-between;
	margin-top: 40px;
}
.meritcontent04_img {
	width: 90%;
	vertical-align: middle;
}
.meritcontent04_txt{
	width: 100%;
	margin-top: 20px;
}

.meritcontent05{
	display:flex;
	flex-direction: column;
	margin-top: 60px;
	}
.meritcontent05_img {
	width: 100%;
	margin: 40px auto 0px;
	order: 1;
}
.meritcontent05_txt{
	width: 100%;
	margin-top: 20px;
	order: 2;
}
.meritcontent05_txt p{
	text-align: justify;
	}
.meritcontent05_img2 {
	width: 100%;
}
.meritcontent05_txt2{
	width: 100%;
	margin-left: 0px;
}
	
.meritcontent06{
	text-align: justify;
	margin-top: 120px;
	}
.meritcontent06_img {
	width: 100%;
	margin: 0px auto 0px;
}
.meritcontent06_img div{
	width: 90%;
	}
.meritcontent06_txt{
	width: 100%;
	margin-top: 10px;
}
.meritcontent06_txt p{
	text-align: justify;
	}
	
.meritcontent09 {
	display:block;
	justify-content: space-between;
	margin-top: 40px;
}
.meritcontent09_img {
	width: 90%;
	vertical-align: middle;
}
.meritcontent09_txt{
	width: 100%;
	margin-top: 20px;
}
		.meritcontent {
			letter-spacing: -1.0rem;
			margin-top: 40px;
			display: block;
		}
		.meritcontent_img {
			display: block;
			margin: 0px auto;
			vertical-align: middle;
		}
		.meritcontent_txt{
			display: block;
			letter-spacing: 0.0rem;
			width: 100%;
			vertical-align: middle;
			margin: 20px auto 0px;
		}

.meritcontent_merit {
	width: 100%;
	position: relative;
	margin: 80px auto 0px;
}
.meritcontent_meritimg {
	width: 100%;
	position: relative;
	}
.meritcontent_merittxt {
	width: 94%;
	position: relative;
	left: 6%;
	top: -20px;
	background-color: #ff4b36;
	padding: 30px;
	box-sizing: border-box;
	color: #FFF;
	}
	
/***************************** LP 共通  *****************************/	
.special-head {
  width: 88%;
}
  .special-head h1 {
  }
/***************************** LP 共通 訴求コンテンツ *****************************/	
.bmappeal {
  width: 100%;
  margin: 60px auto 0px;
  display: block;
}
.bmappeal_inner {
  width: 88%;
  margin: 0px auto;
}
.bmappeal h3{
  font-size: 2.8rem;
  margin-bottom: 40px;
  padding-left: 5%;
  padding-right: 5%;
}
.bmappeal_one{
  width: 100%;
  margin-bottom: 20px;
}
  .bmappeal_one_img {
  }
  .bmappeal_one_title {
    
  }
  .bmappeal_one p {
    }

/***************************** agent LP *****************************/
.agentLP{
}
.agentLP .head {
  width: 100%;
  margin: 0px auto;
  height: 60px;
  padding-top: 10px;
  box-sizing: border-box;
}
.agentLP .head h1 {
  width: 59%;
  margin: 0px auto;
}
.agentLP .mainvisual {
  width: 100%;
}
.agentLP .head_bai {
  width: 100%;
  margin: 0px auto;
  height: 60px;
  padding-top: 10px;
  box-sizing: border-box;
}
.agentLP .head_bai h1 {
  width: 88%;
  margin: 0px auto;
}
.agentLP .mainvisual h2 {
  text-align: center;
  font-size: 3.2rem;
  margin: 20px auto 0px;
  width: 88%;
}
.agentLP .mainvisual_img {  
  width: 88%;
}
.agentLP .mainbgcolor_red {
  top: -200px;
  left: -50%;
  height: 120px;
}
.agentLP .mainbgcolor_blue {
  background-color: #5186ec;
  position: relative;
  top:-320px;
  left: 50%;
  height: 120px;
  z-index: 8;
  margin-bottom: -200px;
}
.agentLP .onayami {
  width: 88%;
}
.agentLP .onayami  h3{
margin-bottom: 12px;
  }
.agentLP .onayami_container{
  display: block;
}
.agentLP .onayami_img{
  width: 88%;
  text-align: center;
  margin: 0px auto;
}
.agentLP .onayami_img img{
  width: 88%;
  }
.agentLP .onayami_list{
  width: 100%;
}
.agentLP .onayami_list img{
  width: 100%;
  }
  .agentLP .maincontent { 
  
  }
    .agentLP .content01 {
    }
    .agentLP .content02 {
    }
    .agentLP .content03 {
    }
  .agentLP .ag_contentinner{
    width: 88%;
  }
  .agentLP .ag_contenthead {
  }
  .agentLP .ag_contenthead img {
    width: 20%;
    margin: 0px auto;
  }
  .agentLP .ag_contenthead  h2 { 
    margin: 0px auto 12px;
  }
  .agentLP .ag_contenthead  h2  span {
  }
  .agentLP .content01 .ag_contenthead  h2  span {
      }
  .agentLP .content02 .ag_contenthead  h2  span {
      }
  .agentLP .content03 .ag_contenthead  h2  span {
      }
      
  .agentLP .content01 .ag_contenthead  h2  span.head_num {
      font-size: 100%;
      }
  .agentLP .content02 .ag_contenthead  h2  span.head_num {
      font-size: 100%;
      }
  .agentLP .content03 .ag_contenthead  h2  span.head_num {
      font-size: 100%;
      } 
  .agentLP .ag_content_box {
    height: auto;
    margin: 0px auto 12px;
  }
  .agentLP .ag_content_box img{
      width: 100%;
    }
  .agentLP .ag_content_point{
    width: 100%;
  }
    .agentLP  .ag_content_point{
      width: 88%;
      }
    .agentLP .content01 .ag_content_point{
      }
    .agentLP .content02 .ag_content_point{
      }
    .agentLP .content03 .ag_content_point{
      }
    .agentLP .lead {
      width: 100%;
      margin: 0px auto 12px;;
    }
    .agentLP .ag_contentinner::after {
      background-size: 44px;
    }
      .agentLP .content01 .ag_contentinner::after {
      }
      .agentLP .content02 .ag_contentinner::after {
      }
      .agentLP .content03 .ag_contentinner::after {
      }
  .agentLP .ag_content_point p{
    font-size: 2.2rem;
    }
    .agentLP .content01 .ag_content_point_head {
    }
    .agentLP .content02 .ag_content_point_head {
    }
    .agentLP .content03 .ag_content_point_head {
    }
    .agentLP  .ag_content_interview { 
    }
    .agentLP  .ag_content_interview h2{ 
    }
    .agentLP  .ag_content_interview > p{
      }
      .agentLP  .ag_content_interview .ag_content_interview_img{
          width: 88%;
      }
    .agentLP .beelected {
      width: 100%;
      margin: 40px auto 60px;
    }
    .agentLP .beelected h3 {
    padding-left: 4%;
    font-size: 2.0rem;
    }
    .agentLP .beelected p {
      font-size: 2.8rem;
      width: 88%;
      margin: 0px auto 12px;
      }
    .agentLP .beelected p  span{
      font-size: 5.2rem;
      }
      .agentLP .beeleted_icons ul {
        display: flex;
        justify-content: space-between;
        width: 88%;
        margin: 0px auto;
      }
      
      .agentLP .beelected_icons {
        width: 88%;
        margin: 0px auto;
        }
      .agentLP .beeleted_icons ul  li{
      margin-right: 1%;
      }
      .agentLP .beeleted_icons ul  li:last-child{
        margin-right: 0px;
        }
      .agentLP .beeleted_icons ul  li img{
        width: 100%;
        }
        .agentLP .contact {
          width: 88%;
          margin: 0px auto;
        }
        .agentLP .contact  p{
          }
        .agentLP .content_contact_mail{
        }
        .agentLP footer {   
        }
        .agentLP footer p {
          text-align: center;
          font-size: 12px;
          color: #FFF;
        }
  .agentLP .foot_logo_content {
    width: 88%;
    margin: 42px auto;
  }
  .agentLP .foot_logo_content h1  {  
    width: 88%;
    }
    
  .agentLP .sonic_interview  {
    width: 88%;
    margin: 0px auto 4.2rem;
  }
    .agentLP .sonic_interview {
      display: flex;
      justify-content: space-between;
      align-items: top;
      flex-direction: column;
    }
    .agentLP .sonic_interview  .sonic_interview_img{
      width: 50%;
      margin: 0px auto 2.0rem;
      }
    .agentLP .sonic_interview  .sonic_interview_img img{
      border-radius: 8%;
      }
    .agentLP .sonic_interview  .sonic_interview_txt{
      width: 100%;
      text-align: left;
      margin-left: 0%;
      }
    .agentLP .sonic_interview  .sonic_interview_txt h3{
      font-size: 2.0rem;
      border-bottom: 4px solid #29486d;
      margin-bottom: 1.0rem;
      text-align: center;
      }
    .agentLP .sonic_interview  .sonic_interview_txt p{
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 1.0rem;
      }
    .agentLP .sonic_interview  .sonic_interview_txt a{
      line-height: 1.4;
      text-align: center;
      }
    .agentLP .tat_seminar {
      width: 88%;
      margin: 0px auto 3.0rem;
    }
    .ag_content_sub01 {
      padding-top: 4.0rem;
      text-align: center;
    }
    .ag_content_sub01 img{
      width: 100%;
      margin: 0px auto;
      }
    
/***************************** campaign2022 LP *****************************/
.cam2022{
}
.cam2022  img {
}
.cam2022 .mainvisual {
}
.cam2022 .mainvisual_inner {
  width: 100%;
}
  .cam2022 .introcontent {
    width: 88%;
    margin: 0px auto;
  }
  .cam2022 .introcontent  h2 { 
    }
  .cam2022 .introcontent .bm_logo{
    margin-top: 24px;
    width: 80%;
  }
  .cam2022 .introcontent p{
    font-size: 2.0rem;
    }
    .cam2022 .introcontent .contact {
      width: 100%;
      margin: 12px auto;
    }
.cam2022  .intro_toform {
  margin-top: 48px;
  font-size: 2.4rem;
}
.cam2022 .intro_toform::after {
margin-top: 21px;
}
  .cam2022 .content_contact_mail {
  }
.cam2022 .maincontent_head{
  width: 100%;
  height: 42px;
}
.cam2022 .maincontent  h2 {
  width: 100%;
  vertical-align: middle;
  padding-top: 8px;
  }
.cam2022 .maincontent_inner {
  width: 100%;
}
.cam2022 .howto {
  width: 100%;
}
.cam2022 .howto_inner  {
  width: 88%;
  }
.cam2022 .howto_inner h2 {
    height: 42px;
    border-radius: 4px;
    text-align: center;
    color: #FFF;
    line-height: 42px;
    font-size: 2.0rem;
}
    .cam2022 .howto_inner .contact {
      width: 100%;
      margin: 12px auto;
    }
.cam2022 .lead {    
    font-size: 2.0rem;
}
.cam2022 .lead::after{
}
.cam2022 .sub_content {
  display: block;
  text-align: center;
  width: 100%;
}
.cam2022 .sub_content  .sub_content_ill{
  width: 38%;
  height: auto;
  margin: 0px auto;
  }
.cam2022 .sub_content  .sub_content_txt{
  font-size: 2.0rem;
}
.cam2022 .sub_content_end::before{
    }
.cam2022 .sub_content_end{
  font-size: 2.4rem;
  }

.cam2022 .attention{
  padding-bottom: 24px;
}
.cam2022 .point_inner{
  width: 88%;
}
.cam2022 .point_inner h2{
}
.cam2022 .point_inner h2:before,
.cam2022 .point_inner h2:after {
}
.cam2022 .point_inner h2:before {
}
.cam2022 .point_inner h2:after {
}
.cam2022 .point_one {
  margin-bottom: 20px;
}
.cam2022 .point_one  h3{
  font-size: 2.4rem;
}
.cam2022 .point_one  h3:span{
}
.cam2022 .point_one  p{
  font-size: 2.0rem;
  padding-left: 0px;
}
.cam2022 .attention_inner{
  width: 88%;
}
.cam2022 .attention_inner_head h2::before {
}
.cam2022 .attention_inner_head h2{
}
.cam2022 .attention_inner_head p{
  line-height: 1.4;
  }
.cam2022 .attention_content {
}
.cam2022 .attention_content p{
margin-bottom: 12px;
  font-size: 1.8rem;
  line-height: 1.4;
}
.cam2022 .attention_content p:before{
  height: 20px;
  padding-left: 0px
}
.cam2022 .end_content {
  width: 100%;
}
.cam2022 .contact {
}
.cam2022 .foot_logo_content {
  width: 61%;
}
.service_footer p {
}

								
							/* contact */
							.contact {
								width: 90%;
								margin: 40px 5%;
							}
							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;
									}
									.contactform_form table {
										width:100%;
									}
									.contactform_form table tr{
									}
									.contactform_form table th{
										height:auto;
										width:100%;
										display:block;
										text-align:left;
										padding-left:0px;
										padding-top:10px;
										font-size:1.6rem;
										padding-top:20px;
										vertical-align:middle;
										padding-bottom:0px;

									}
									.contactform_form table tr td{
										height:auto;
										width:100%;
										display:block;
										padding-top:20px;
										font-size: 2.0rem;
										vertical-align: middle;
										padding-bottom:20px;
										padding-right:0px;
									}
									.contactform_form p {
										font-size: 2.0rem;
										margin-top: 30px;
									}
									.contactform_form table tr {
										border-bottom: 1px solid #ccc;
										padding-bottom:10px;
									}
										.formTable input {
											outline: none;
											border: 1px solid #aaa;
											-webkit-transition: all .3s;
											transition: all .3s;
											width:100%;
											height: 50px;
											font-size:1.8rem;
											border-radius:3px;
											box-sizing: border-box;
										}
										.formTable textarea {
											outline: none;
											border: 1px solid #aaa;
											-webkit-transition: all .3s;
											transition: all .3s;
											width:100%;
											font-size:1.8rem;
											border-radius:3px;
											box-sizing: border-box;
										}
										.formTable select {
											width:100%;
											}
										input[type="text"]:focus,
										textarea:focus {
										  box-shadow: 0 0 7px #968f84;
										  border: 1px solid #968f84;
										}
										.form_zipcode input {
											width:80%;
										}
									.submit_button {
										background-color:#000000;
										border:none;
										color:#FFF;
										width:100%!important;
										font-size:2.8rem;
										padding:10px;
										margin-bottom:10px;
										cursor:pointer;
										-webkit-appearance: none;
										margin-top:10px;
									}
									#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: none;
										}
										.contactcomfirm table td{
											border-bottom: none;
										}
			

		
        
/***************************** special interview *****************************/	


.home_interview_special {
	width: 100%;
	margin: 64px auto 120px;
}
	.home_interview_special h2{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 140%;
		text-align: center;
		margin-bottom: 24px;
		letter-spacing: 0.0rem;
	}
  .home_interview_special_img {
    width: 88%;
    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: 88%;
  margin: 0px auto 60px;
  
}    
.spintterviewcontent_intro p{
  width: 88%;
  margin: 0px auto 20px;
}
    
	.spinterviewlist {
		width: 100%;
		margin: 0px auto;
    display: block;
	}
		.spinterviewlist a {
      vertical-align: top;
      width: 100%;
      border-radius: 20px;
      margin-right: 5%;
      box-sizing: border-box;
      margin-bottom: 60px;
		}
		.spinterviewlist a:nth-child(3n) {
			margin-right: 0px;
			}
				.spinterviewlist_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_info {
          justify-content :flex-start;
          align-items: center;
          margin-top: 5px;
        }
          .spinterviewlist_info_logo {
            width: 20%;
            height: auto;
          }
            .spinterviewlist_info_logo img {
              width: 100%;
              height: auto;
            }
            .spinterviewlist_info h3 {
              font-size: 1.6rem;
              text-align: justify;
              margin-left: 5%;
              width: 75%;
            }
            
           
            
            
            
/***************************** news **************************************/
.newslist_catelist {
	width: 90%;
}
	.newslist_catelist ul li {
		margin-bottom: 6px;
	
	}
		p.newslist_cate {
		}
.newslist_container {
	width: 90%;
	}
	.newslist_container a {
		Width:100%;
	}
  .newslist_one{
    min-height: 120px;
  }
		p.newslist_one_date {
			}
			.newslist_one_cate {
				display: inline-block;
			}
      p.newslist_head{
        font-size: 1.6rem;
      }
			p.newslist_one_cate {
					}
				
    .newscontent_header.under{
      width: 88%;
      height: 140px;
      padding-top: 80px;
    }
			.news_content {
				width: 90%;
				margin: 0px auto;
				}
					.news_content_date {
						}
					.news_content_date p{
						}
					.news_content_body p{
					}
					.news_content_body h3{
						}

					.news_content_golist {
						margin: 40px 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;
							}
      .news_content table thead th{
        font-size: 1.4rem;
      }
      .news_content table tbody tr th {
        font-size: 1.4rem;
      }
      .news_content table tbody tr td {
        font-size: 1.4rem;
      }
      .news_content dl,dt,dd{
        width:100%;
        }
        .news_content dl dt{
        margin-bottom:0px;
        width: 100%;
        }
        .news_content dl dd {
        padding-left:0px;
        width: 100%;
        }
      
      
      .eventinfo_content{
      }
        .eventinfo_content h3{
        }
          .eventinfo_content ul{
          }
          .eventinfo_content ul li{
          }
            .eventinfo_content ul li:nth-child(odd){
              }
          .eventinfo_content_dl{
          }
          .eventinfo_content_dl dl{
            }
              .eventinfo_content_dl dl dt {
              }
              .eventinfo_content_dl dl dd {
              }
              .eventinfo_content .attention{
              }
              
/***************************** mail contact *****************************/	
.mailcontact_mainvisual{
  width: 100%;
  margin: 0px auto;
}
  .mailcontact_mainvisual img {
    width: 100%;
    height: auto;
  }
  .contact_container{
    padding-top: 90px;
  }
  .contact_container_txt p{
    font-size: 1.6rem;
    margin-top: 20px;
  }
  .contact_container iframe {
    height: 1880px;
  }
  .contact_container iframe.requestdocument {
    height: 1800px;
  }
  .contact_container.contact_documentrequest p{
    width:88%;
    margin:0px auto;
    line-height:1.4;
  }

/* 共通追加コンテンツ 機能説明*/
  .content-about{
    width: 88%;
    }
    .content-about .box {
    }
    .content-about .box .image {
      width: 100%;	
      border-radius: 10px;
    }
    .content-about .box .image .logo{
      width: 38%;
    }
    .content-about .text{
      width: 100%;
    }
  .about-funcicons .box {
    width: 16%;
    margin: 0px 2% 2.8rem;
  }
  .about-funcicons .box .image{
    width: 80%;
  }
  .content-about .funcicon-head{
    height: 35px;
    padding: 1.4rem 2.0rem;
    font-size: 1.4rem;
    padding: 1.4rem 1.4rem;
  }
  @media screen and (max-width:860px){
  .about-funcicons .box {
    width: 22%;
    margin: 0px 1% 2.8rem;
  }
  }
  @media screen and (max-width:768px){
  .content-about .text h2 {
    font-size: 2.4rem;
  }
    .content-about .box .image .logo{
      width: 62%;
    }
  .about-funcicons .box {
    width: 23%;
    margin: 0px 1% 2.8rem;
  }
  /* 既存追加 */
  .point_content02 {
    margin-top: 40px;
  }
  .point_content02_img{
    width: 80%;
  }
  }
  @media screen and (max-width:600px){
  .about-funcicons .box {
    width: 30%;
    margin: 0px 1.65% 2.8rem;
  }
  }
  @media screen and (max-width:520px){
  .content-about .about-funcicons .box {
    width: 46%;
    margin: 0px 2% 2.8rem;
  }
  .about-funcicons .box .image{
    max-width: 68%;
    width: 68%;
    border-radius: 14px;
  }
  .content-about .funcicon-head{
    height: 28px;
    font-size: 1.28rem;
    padding: 1.4rem 1.4rem;
  }
  }



/***************************** base contact *****************************/	
  .cookiepolicy_table {
  overflow: scroll;
  }
  .cookiepolicy_table table{
    width: 600px;;
  }
  .cookiepolicy_table table tr th {
  
  }
  .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: 100%;
      text-align: justify;
    }
    .cn-buttons-container {
    text-align: center;
    width: auto;
  }
/***************************** follow banner *****************************/

.followbanner{
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  width: 62%;
}
@media screen and (max-width:719px){
  .followbanner{
    width: 88%;
    right: 6%;
  }
  }
.followbanner a {
  width: 100%;
  margin: 0px auto;
}
.followbanner a img {
  width: 100%;
}
@media screen and (min-width:720px) and (max-width:979px){
}
/* 資料請求ON */
.followbanner{
  width: 38%;
  right: 2%;
}
@media screen and (max-width:719px){
  .followbanner{
    width: 62%;
  }
  }

  
/***************************** magazine *****************************/
    .magazinelist_catelist{
      margin-bottom: 40px;
    }
  .magazinelist_catelist a{
    margin-bottom: 10px;
  }
	.magazinelist_medium {
		width: 100%;
    display: flex;
	}
		.magazinelist_medium a {
     display: block;
      vertical-align: top;
      width: 100%;
      margin-right: 0%;
		  max-height: 100%;
      height: 100%;
      background-color: #FFF;
      border-radius: 14px;
      padding-bottom: 24px;
      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_one_date {
        font-size: 0.8rem;
        margin-right: 20px;
        color: #29486d;
      }
				.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;
				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_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_container {
	width: 88%;
}
.magazine_single_mainvisual {
  width: 100%;
  margin:0px auto 0px;
}
.magazine_single_title h1 {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    margin-top: 40px; 
}
.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: 4px;
}
.magazine_single_maincontent{
}
.magazine_single_maincontent img {
  width: 100%;
}
.magazine_single_maincontent h2{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 20px;
}
.magazine_single_maincontent p{
    font-size: 1.8rem;
    line-height: 200%;
    margin-bottom: 40px;
    text-align: justify;
}
.magazine_single_maincontent p a{
  text-decoration: underline;
  }
  
  .incontentlist_wrapper { 
    width: 100%;
  }
    .btn_documentrequest a {
      color: #FFF;
      background-color: #ff4b36;
      display: block;
      text-align: center;
      font-size: 1.2em;
      height: 42px;
      line-height: 42px;
      border-radius: 21px;
      position: relative;
      font-weight: bold;
      -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));
    }
/***************************** online meeting *****************************/
.onlinemeeting_mainvisual{
  width: 100%;
}
.onlinemeeting_container {
		width: 88%;
}
  .onlinemeeting_container p.intro_message {
    text-align: justify;
    margin-top: 12px;
    margin-bottom: 32px;
    line-height: 1.6;
  }
  .konnaonayami {
    margin-bottom: 20px;
  }
    .balloon1 {
      padding: 14px 10px;
    }
  .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.2rem;
    font-weight: bold;
  }
  .konnaonayami_sub {
  }
  .konnaonayami_list {
  }
    .konnaonayami_list ul {
      padding-left: 0px;
      margin-bottom: 20px;
    }
    .konnaonayami_list ul li {
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1.8;
      padding-left:1em;
    	text-indent:-1em;
      margin-bottom: 12px;
    }
    .konnaonayami_list ul li:before {
      }
  .konnaonayami_arr {
  }
    .konnaonayami_arr img {
    }
  .konnnaonayami_message{
  }
    .konnnaonayami_message p{    
    }
  .konnnahouhoude{
    text-align: center;
  }
    .konnnahouhoude h3 {
    }
  .konnnahouhoude h3:after{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 58px;
    height: 2px;
    background-color: black;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    right: -4;
  }
  .konnnahouhoude h3:before{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 58px;
    height: 2px;
    background-color: black;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    left: -4;
  }
  .konnnahouhoude p{
      font-size: 1.8rem;
      margin-bottom: 12px;
  }
    .konnnahouhoude_content {
    }
      .konnnahouhoude_content div {
        width: 88%;
        height: auto;
        margin: 0px auto 48px;
      }
      .konnnahouhoude_content div  img{
        width: 100%;
        height:auto;
        }
    .kininarukedo{
      width: 100%;
      margin: 0px 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%;
          margin-bottom: 12px;
        }
          .onlinemeeting_banner_content img {
            width: 100%;
            border-radius: 12px;
          }
          .sonnnaanatani_message_sub  p{
              line-height: 1.6; 
          }
      .onlinemeeting_form{
      }
        .onlinemeeting_form h3 {
          font-weight: bold;
          font-size: 1.8rem;
          text-align: center;
        }
        .onlinemeeting_form p {
          font-size: 1.4rem;
          line-height: 1.6;
          text-align: center;
          }
          
        .onlinemeeting_form .form#pardot-form {
          padding: 0px;
          width: 100%;
        }
  
  /***************************** breadcrumb *****************************/
  .breadcrumb-area{
    width: 88%;
    margin: 40px auto 20px;
    line-height: 1.6;
  }
  span.arrow_right {
      padding-left: 0;
      padding-right: 0;
    }