*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html{
  scroll-behavior: smooth;
}
body {
  background: #fff;
  color: #000;
  font-family: "游ゴシック bold", "Yu Gothic bold", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.5;
}
ul, li {
  list-style: none;
}
a{color: #000;

  text-decoration: none;
}
i{
  font-style: normal;
}
img{
  max-width: 100%;
}
video{
  width: 100%;
}
.ft_e{
  font-family: 'Mulish', sans-serif;
}
.u_visible_sp{
  display: none;
}
.u_inner{
  width: 80rem;
  margin: 0 auto;
  max-width: 92%;
}
.row{
  display: flex;
  justify-content: space-between;
}
.trans_time{
  transition: all .6s;
}
@media screen and (max-width: 767px) {
  article{
    margin-top: 3.7rem;
  }
  .u_visible_pc{
    display: none;
  }
  .u_visible_sp{
    display: block;
  }
	.sporder li:nth-child(odd){
		order: 1;
	}
	.sporder li:nth-child(even){
		order: 2;
	}
}

/* ====================================================================== */
/* ============================ テンプレート ============================ */
/* ====================================================================== */
/* ===== header ===== */
#header{
  background: #fff;
  padding: 2rem 3rem;
  align-items: center;
}
#header .h_logo{
  width: 11rem;
}
#header .site_nav{
  font-size: .9rem;
  font-weight: bold;
  margin-right: 2rem;
}
#header .site_nav li + li{
  margin-left: 2rem;
}
#header .sns_nav li{
  width: 1.5rem;
}
#header .sns_nav li + li{
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  #header{
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  #header .h_logo{
    width: 8rem;
    margin-left: 1rem;
  }
  #header .h_logo img{
    display: block;
  }
  #header .h_nav{
    display: none;
    background: #1DB3E4;
    position: fixed;
    top: 3.7rem;
    width: 100%;
    height: 100%;
  }
  #header .site_nav{
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding-top: 4rem;
  }
  #header .site_nav li{
    text-align: center;
  }
  #header .site_nav li + li{
    margin: 0;
  }
  #header .site_nav li a{
    color: #fff;
    display: block;
    padding: .6rem 1rem;
    font-size: 1.4rem;
  }
  #header .site_nav li a span{
    font-size: .8rem;
  }
  #header .sns_nav{
    justify-content: center;
  }
  #header .sns_nav li{
    width: 2rem;
    padding-top: 1rem;
  }
  #header .menu_btn{
    width: 4rem;
    height: 3.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  #header .menu_btn span{
    background: #1DB3E4;
    display: block;
    width: 62%;
    height: 3px;
  }
  #header .menu_btn::before,
  #header .menu_btn::after{
    content: '';
    background: #1DB3E4;
    display: block;
    width: 62%;
    height: 3px;
    position: absolute;
    transition: all .6s;
  }
  #header .menu_btn::before{
    top: 1rem;
  }
  #header .menu_btn::after{
    bottom: 1rem;
  }
  #header .menu_btn.open span{
    opacity: 0;
  }
  #header .menu_btn.open::before{
    top: calc(50% - 1.5px);
    transform: rotate(30deg);
    transition: all .6s;
  }
  #header .menu_btn.open::after{
    bottom: calc(50% - 1.5px);
    transform: rotate(-30deg);
    transition: all .6s;
  }
}
/* ===== main ===== */
.low_bg{
  background: url(img/bg_template.png)no-repeat;
  background-size: contain;
  background-position: top center;
  background-attachment: fixed;
}
.low_txt{
  font-size: .88rem;
}
.low_txt2{
  font-size: 1rem;
  font-weight: bold;
}
.low_ttl{
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  padding: 6rem 0;
}
.low_ttl2{
  font-size: 1.5rem;
  font-weight: bold;
}
.low_ttl i{
  display: block;
  font-size: 3.6rem;
  line-height: 1.2;
}
.low_box{
  background: #fff;
  box-shadow: 0 0 20px rgb(0 0 0 / .2);
  border-radius: 12px;
  padding: 6rem 5rem;
  margin-bottom: 5rem;
  position: relative;
}
.low_btn{
  justify-content: center;
  margin-top: 5rem;
}
.low_btn a{
  background: #000;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  width: 14rem;
  padding: 1rem;
  border-radius: 40px;
  transition: all .2s;
}
.low_path{
  position: absolute;
  top: 1rem;
  right: 3rem;
  font-size: .8rem;
}
.low_path li + li:before{
  content: '/';
  margin: 0 1.4rem;
}
.low_path a{
  color: #1DB3E4;
  text-decoration: underline;
}
.low_btn a:hover{
  background: #1DB3E4;
  transition: all .2s;
}
@media screen and (max-width: 767px) {
  .low_txt{
    font-size: .76rem;
  }
  .low_txt2{
    font-size: .8rem;
  }
  .low_ttl{
    padding: 3rem 0;
  }
  .low_ttl2{
    font-size: 1.3rem;
  }
  .low_box{
    padding: 4rem 1rem;
  }
  .low_btn{
    margin-top: 3rem;
  }
}
/* ===== footer ===== */
#footer{
  background: #000;
  color: #fff;
  padding: 1rem 0;
  font-size: .8rem;
}
#footer .page_top{
  position: fixed;
  bottom: 0;
  right: 0;
  width: 3.2rem;
  display: none;
}
#footer .page_top img{
  display: block;
}
#footer .f_nav a{
  color: #fff;
}
@media screen and (max-width: 767px) {
  #footer{
    padding: 1rem 2rem;
  }
}

/* ====================================================================== */
/* ============================= トップページ =========================== */
/* ====================================================================== */
#news .news_movie{
  background: url(img/bg_news.png) no-repeat;
  background-size: cover;
  width: 50%;
  justify-content: center;
  align-items: center;
  padding: 0 3rem;
}
#news .news_movie .movie{
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
#news .news_movie .movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#news .news_contents{
  width: 50%;
  padding: 0 3rem;
}
#news .news_contents .low_ttl{
  text-align: left;
  padding-bottom: 0;
}
#news .news_contents .view_more{
  display: flex;
  justify-content: flex-end;
}
#news .news_contents .view_more a{
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 3.8rem;
  padding-bottom: .6rem;
  border-bottom: 2px solid #000;
}
#news .news_contents > ul{
  flex-wrap: wrap;
  justify-content: space-between;
}
#news .news_contents > ul > li{
  width: calc(100% / 3 - .8rem);
  padding-bottom: 3rem;
}
/* ニュースが２個しか無いので下記追加 */
@media screen and (min-width: 768px) {
	#news .news_contents > ul{
		justify-content: flex-start;
		height: 486px
	}
	#news .news_contents > ul li + li{
		margin-left: .8rem;
	}
	#news .news_contents > ul li:nth-child(4){
		margin-left: 0;
	}
}
/* ニュースが２個しか無いので上記追加 */
#news .news_contents .img{
  position: relative;
}
#news .news_contents img{
  display: block;
  height: 8vw;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (max-width: 767px) {
	#news .news_contents img{
		height: 40vw;
	}
}
#news .news_contents .img span{
  background: #000;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 5px;
  font-size: 10px;
}
#news .news_contents .date{
  font-size: .8rem;
  font-weight: bold;
  text-align: right;
  padding-top: 1rem;
}
@media screen and (max-width: 767px) {
  #news > .row{
    flex-direction: column;
  }
  #news .news_movie{
    background: none;
    width: 100%;
    padding: 0;
  }
  #news .news_contents{
    width: 100%;
    padding: 0;
  }
  #news .news_contents .low_ttl{
    text-align: center;
    padding-bottom: 3rem;
  }
  #news .news_contents .view_more{
    display: none;
  }
  #news .news_contents .slick-list li{
    padding: 0 .5rem 2rem;
  }
  #news .news_contents ul li .low_txt2{
    padding-top: 1rem;
  }
  #news .news_contents .slick-dots {
    background: #E9E7DF;
    display: flex;
    width: 80%;
    margin: 1rem auto 3rem;
  }
  #news .news_contents .slick-dots li{
    background: none;
    width: calc(100% / 6);
    height: 2px;
  }
  #news .news_contents .slick-dots li.slick-active{
    background: #000;
  }
  #news .news_contents .slick-dots button{
    border: none;
    font-size: 0;
  }
}
#about{
  background: url(img/bg_about.png) no-repeat;
  background-size: cover;
}
#about .low_txt2{
  text-align: center;
}
#about .low_btn{
  display: flex;
  justify-content: center;
  font-weight: bold;
  padding-bottom: 10.4rem;
}
@media screen and (max-width: 767px) {
  #about{
    background: url(img/bg_about_sp.png) no-repeat;
    background-size: contain;
  }
  #about .low_ttl{
    padding-top: 9rem;
  }
  #about .low_txt2{
    padding: 0 2rem;
    text-align: left;
  }
  #about .low_btn{
    padding-bottom: 7.4rem;
  }
  #about .low_btn a{
    font-size: .8rem;
  }
}
#projects .bg_area{
  width: 50%;
}
#projects .txt_area{
  width: 50%;
  flex-direction: column;
  justify-content: center;
}
#projects > .row{
  padding-bottom: 5rem;
  position: relative;
  flex-wrap: wrap;
}
#projects > .row:nth-child(odd) .txt_area{
  padding: 0 3rem 0 15rem;
}
#projects > .row:nth-child(even) .txt_area{
  padding: 0 15rem 0 3rem;
}
#projects #project02::before{
  content: '';
  background: #ddeff9;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  z-index: -1;
}
#projects .txt_area .img{
  padding-bottom: 2rem;
}
#projects .txt_area h1{
  font-size: .8rem;
  padding-bottom: 2rem;
}
#projects .txt_area h1 .low_ttl2{
  display: block;
}
#projects .txt_area .low_txt2{
  padding-bottom: 2rem;
}
#projects .txt_area .company{
  width: 10rem;
  padding: 2rem 0 5rem;
}
#projects .logo_area{
  padding: 3rem 20rem 0;
}
#projects .logo_area ul{
  padding-top: 1rem;
  flex-wrap: wrap;
}
#projects .logo_area li{
  width: calc(100% / 4 - 1rem);
  text-align: center;
  font-size: .7rem;
}
#projects .logo_area li:last-child{
 width: 100%;
 margin-top: 2rem;
}
#projects .logo_area li:last-child img{
 width: 100%;
}
#projects .logo_area li p{
  padding-top: .3rem;
}
#projects .bnr_prog01{	
width: 66%;	
margin: 0 auto;	
}	
#projects .bnr_prog01 li{	
width: 48%;	
}
@media screen and (max-width: 767px) {
  #projects .bg_area{
    width: 100%;
  }
  #projects .txt_area{
    width: 100%;
  }
  #projects > .row{
    flex-direction: column-reverse;
  }
  #projects > .row:nth-child(even){
    flex-direction: column;
  }
  #projects > .row:nth-child(odd) .txt_area{
    padding: 2rem 2rem 0;
  }
  #projects > .row:nth-child(even) .txt_area{
    padding: 2rem 2rem 0;
  }
  #projects > .row:nth-child(odd) .bg_area{
    padding-left: 2rem;
  }
  #projects > .row:nth-child(even) .bg_area{
    padding-right: 2rem;
  }
  #projects .logo_area{
    padding: 2rem;
    order: -1;
  }
  #projects .logo_area li{
    width: calc(100% / 2 - .5rem);
    margin-bottom: 1rem;
  }
  #projects .bnr_prog01{
	  order: -1;
	  width: 100%;
	  padding: 0 2rem;
	  flex-direction: column;
	}
	#projects .bnr_prog01 li{	
width: 100%;	
margin-bottom: 1rem;	
}
}
#history .history .ttl{
  color: #1DB3E4;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 1rem;
}
#history .history ul{
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
  width: 50rem;
  max-width: 100%;
  font-weight: bold;
}
#history .history li{
  margin-right: .8rem;
  padding-top: 1rem;
  font-size: .8rem;
}
#history .history li + li a{
  border-left: 1px solid #EFEFED;
  padding-left: .8rem;
}
#history .history li:nth-child(7) a{
  border: none;
}
#history .company{
  padding-bottom: 2rem;
}
#history .company .ttl{
  font-weight: bold;
  text-align: center;
  margin: 3rem 0 1rem;
}
#history .company .company1 {
  width: 67%;
  padding-bottom: 5rem;
  margin: 0 auto;
  border-bottom: 1px solid #DDDDDD;
}
#history .company .company1 .row{
  justify-content: center;
	text-align: center;
  height: 2.7rem;
}
#history .company .company1 img{
  height: 100%;
}
#history .company .company2{
  width: 67%;
  margin: 0 auto;
}
#history .company .company2 .row{
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#history .company .company2 li + li{
  margin-left: 3rem;
}
@media screen and (max-width: 767px) {
  #history .history{
    padding: 0 1rem;
  }
  #history .history ul{
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
  }
  #history .history li{
    margin: 0;
    padding: 0;
    width: 50%;
    border-bottom: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
  }
  #history .history li a{
    display: block;
    text-align: center;
    padding: 1rem 0;
  }
  #history .history li + li a{
    border: none;
    padding-left: 0;
  }
  #history .company .company1 {
    width: 92%;
    padding-bottom: 3rem;
  }
  #history .company .company1 .row{
    height: 2.2rem;
  }
  #history .company .company2{
    width: 92%;
  }
  #history .company .company2 li{
    margin-bottom: 1rem;
  }
  #history .company .company2 li + li{
    margin-left: 0;
  }
  #history .company .company2 .row.a{
    justify-content: space-between;
    padding: 0 2rem;
  }
  #history .company .company2 .row.c {
    justify-content: space-between;
  }
  #history .company .company2 .row.c li{
    width: calc(100% / 3 - .4rem);
  }
}

/* ====================================================================== */
/* =========================== 事業説明ページ =========================== */
/* ====================================================================== */
.about_body .about_header{
  margin-bottom: 5rem;
}
.about_body .about_header .logo{
  width: 16rem;
  margin: 0 auto 3rem;
}
.about_body .about_header .low_txt2{
  text-align: center;
  margin-bottom: 3rem;
}
.about_body .about_main .row{
  border-left: 1px solid #1DB3E4;
  padding: 1.6rem 0 1.6rem 1.2rem;
}
.about_body .about_main .row + .row{
  margin-top: 3rem;
}
.about_body .about_main .prog_ttl{
  width: 30%;
}
.about_body .about_main .prog_txt{
  width: 64%;
}
.about_body .about_main h1{
  font-size: .8rem;
  padding-bottom: 1.4rem;
}
.about_body .about_main .low_ttl2{
  padding-left: 1rem;
}
.about_body .about_main .low_txt2{
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .about_body .about_main .row{
    flex-direction: column;
  }
  .about_body .about_main .prog_ttl, .about_body .about_main .prog_txt{
    width: 100%;
  }
  .about_body .about_main .low_ttl2{
    display: block;
    padding: 0;
  }
}

/* ====================================================================== */
/* ========================= お問い合わせページ ========================= */
/* ====================================================================== */
.contact_body{
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.contact_body .contact_main{
  justify-content: center;
  padding-top: 2rem;
}
.contact_body .contact_main img{
  width: 1.6rem;
  margin-right: 1rem;
}
.contact_body .contact_main a{
  padding: 1rem;
  border-bottom: 1px solid #1DB3E4;
}
@media screen and (max-width: 767px) {
  .contact_body{
    width: 100%;
  }
}

/* ====================================================================== */
/* ===================== プライバシーポリシーページ ===================== */
/* ====================================================================== */
.privacy_body .body_ttl{
  padding: 5rem 0 3rem;
}
.privacy_body dl{
  flex-wrap: wrap;
}
.privacy_body dt{
  width: 24%;
  padding: 1.5rem 0;
}
.privacy_body dd{
  width: 74%;
  padding: 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .privacy_body dt{
    width: 100%;
    padding: 0;
  }
  .privacy_body dd{
    width: 100%;
    padding: .5rem 0 3rem;
  }
}

/* ====================================================================== */
/* =========================== お知らせページ =========================== */
/* ====================================================================== */
.news_body .row{
  position: relative;
  padding-bottom: 2rem;
}
.news_body .row + .row{
  padding-top: 2rem;
  border-top: 1px solid #EFEFED;
}
.news_body .img{
  width: 30%;
}
.news_body .txt{
  width: 68%;
}
.news_body .txt .low_txt2, .news_body .txt .low_txt{
  padding-bottom: 1rem;
}
.news_body .txt a{
  color: #1DB3E4;
}
.news_body .date{
  position: absolute;
  bottom: 2rem;
  right: 0;
  font-size: .8rem;
}
@media screen and (max-width: 767px) {
  .news_body .row{
    flex-direction: column;
  }
  .news_body .img, .news_body .txt{
    width: 100%;
  }
}

/* ====================================================================== */
/* ========================= テンプレートページ ========================= */
/* ====================================================================== */
.template_body .sub_ttl{
  background: #000;
  color: #fff;
  display: inline-block;
  font-size: .8rem;
  font-weight: normal;
  padding: .2rem .4rem;
}
.template_body .col2 > *{
  width: 48%;
}
.template_body .col3 > *{
  width: 32%;
}
.template_body .mb100{
  margin-bottom: 100px;
}
.template_body .mb80{
  margin-bottom: 80px;
}
.template_body .mb60{
  margin-bottom: 80px;
}
.template_body .mb40{
  margin-bottom: 40px;
}
.template_body .mb30{
  margin-bottom: 30px;
}
.template_body .mb20{
  margin-bottom: 20px;
}
.template_body .mb10{
  margin-bottom: 10px;
}
.template_body .mb5{
  margin-bottom: 5px;
}
.template_body .center{
  text-align: center;
}
.template_body .bold{
  font-weight: bold;
}
.template_body .txt_link{
  color: #1DB3E4;
  text-decoration: underline;
}
.template_body .blank_link, .template_body .pdf_link{
  display: flex;
  align-items: center;
}
.template_body .blank_link::after, .template_body .pdf_link::after{
  margin-left: .3rem;
  transform: scale(.6);
  line-height: 1;
}
.template_body .blank_link::after{
  content: url(img/icon_blank.png);
}
.template_body .pdf_link::after{
  content: url(img/icon_pdf.png);
}
.template_body .sec_ttl{
  border-top: 2px double #000;
  border-bottom: 2px solid #000;
  border-top-width: 6px;
  padding: 1rem 0;
}
.template_body dl{
  flex-wrap: wrap;
  border-bottom: 1px solid #EFEFED;
}
.template_body dt{
  width: 25%;
}
.template_body dd{
  width: 75%;
}
@media screen and (max-width: 767px) {
  .template_body .sp_mb30{
    margin-bottom: 30px;
  }
  .template_body .sp_mb20{
    margin-bottom: 20px;
  }
  .template_body .sp_mb10{
    margin-bottom: 10px;
  }
  .template_body .sp_mb0{
    margin-bottom: 0;
  }
  .template_body .sp_column{
    flex-direction: column;
  }
  .template_body .sp_column > *{
    width: 100%;
  }
}




/*--------------------------- 2021/08/30 松名瀬 追加 ---------------------------*/

.tags {
	display: inline-block;
	margin: 0 0 0.5rem;
	padding: 0.1rem 0.3rem;
	color: #fff;
	font-size: 0.6rem;
	background: #000;
}

.pagenation{
   margin: 40px auto 0;
	text-align: center;
}
.nav-links{
   display: flex;
}
.pagenation .page-numbers {
   display: inline-block;
   margin-right: 5px;
   padding: 1vw 1.3vw;
   color: #333;
   background: #eff2f4;
}
@media screen and (max-width: 767px) {
	.pagenation .page-numbers {
		 padding: 1vw 3vw;
	}
}
.pagenation .current{
   padding: 1vw 1.3vw;
   background: #69a4db;
   color: #fff;
}
@media screen and (max-width: 767px) {
	.pagenation .current{
		 padding: 1vw 3vw;
	}
}
.pagenation .prev,
.pagenation .next{
   background: #fff;
   color: #69a4db;
   border: 1px solid #ccc;
}
.pagenation .dots{
   background: transparent;
   box-shadow: none;
}
#projects .txt_area .bnr {
    margin-top: 2rem;
}

.symposium_video{
	position: relative;
	padding-top: 56.25%;
}
.symposium_video iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.symposium_link{
	color: #1DB3E4;
	text-decoration: underline;
}


.introduction li{
 padding: 5rem 0;
 border-bottom: 1px solid #EFEFED;
}
.introduction .img_area{
 width: 30%;
}
.introduction .txt_area{
 width: 65%;
}
.introduction .txt_area p{
 font-weight: bold;
}
.introduction .imagica .txt_area .company_logo{
 width: 12.5rem;
}
.introduction .studiol .txt_area .company_logo{
 width: 8rem;
}
.introduction .productionh .txt_area .company_logo{
 width: 10.5rem;
}
.introduction .resupuri .txt_area .company_logo{
 width: 8.2rem;
}
.introduction .txt_area .company_logo{
 margin-bottom: 1rem;
}
.introduction .txt_area .company_txt{
 font-size: .75rem;
 margin-bottom: 3.5rem;
}
.introduction .txt_area .ttl{
 font-size: 1.6rem;
 margin-bottom: 3rem;
}
.introduction .txt_area .txt{
 font-size: .88rem;
 margin-bottom: 1.2rem;
}
.introduction .txt_area .txt span{
 font-weight: normal;
 font-family: auto;
}
.introduction .txt_area .plan{
 font-size: .88rem;
 margin-bottom: 1rem;
}
.introduction .txt_area .plan span{
 display: block;
 position: relative;
 padding-left: 1rem;
 font-weight: normal;
 font-family: auto;
}
.introduction .txt_area .plan span::before{
 content: '';
 background: #CECECE;
 position: absolute;
 top: 0.18rem;
 left: 0;
 width: .8rem;
 height: .8rem;
 border-radius: 100%;
}
.introduction .txt_area .cap{
 font-size: .75rem;
 font-weight: normal;
 font-family: auto;
 text-align: right;
}
.introduction .txt_area .btn{
 background: #000;
 color: #fff;
 display: block;
 width: 14rem;
 font-size: .8rem;
 font-weight: bold;
 text-align: center;
 padding: 1rem 0;
 margin-bottom: 4rem;
 border-radius: 3rem;
}
@media screen and (min-width: 768px) {
 .introduction li:nth-child(even){
  flex-direction: row-reverse;
 }
 .introduction li:nth-child(even) .cap{
  text-align: left;
 }
}
@media screen and (max-width: 767px) {
 .introduction li{
  flex-direction: column;
 }
 .introduction .img_area{
  width: 100%;
  margin-bottom: 1rem;
 }
 .introduction .txt_area,
 .introduction .txt_area .btn{
  width: 100%;
 }
 .introduction .txt_area .company_txt,
 .introduction .txt_area .ttl{
  margin-bottom: 1rem;
 }
}

.interview section + section{
	margin-top: 7rem;
}
.interview .nav{
	width: 38rem;
	max-width: 100%;
	margin: 0 auto 6rem;
	padding: 2rem;
	font-size: .9rem;
	border-top: 1px solid #1DB3E4;
	border-bottom: 1px solid #1DB3E4;
}
.interview .nav li{
	position: relative;
	padding-left: 1.5rem;
	line-height: 2.4;
}
.interview .nav li::before{
	content: '';
	background: url(img/interview/ico_arrow.png) no-repeat center/ cover;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1rem;
	height: 1rem;
	transform: translateY(-50%);
}
.interview .nav a.active{
	color: #1DB3E4;
}
.interview .sec_body h1{
	font-size: 1.8rem;
	text-align: center;
}
.interview .sec_body h1 small{
	display: block;
	font-size: .7rem;
}
.interview .sec_body h1 small.company{
	padding-top: 1rem;
}
.interview .sec_body h2 {
	text-align: center;
	margin: 4rem auto;
}
.interview .sec_body h2 span{
	position: relative;
	display: inline-block;
	padding: 0 4rem;
}
.interview .sec_body h2 span::before,
.interview .sec_body h2 span::after{
	content: '';
	background: url(img/interview/block.png) no-repeat center/ contain;
	position: absolute;
	top: 0;
	width: 14px;
	height: 100%;
}
.interview .sec_body h2 span::before{
	left: 0;
}
.interview .sec_body h2 span::after{
	right: 0;
	transform: rotate(180deg);
}
.interview .sec_body .area .ttl{
	position: relative;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 1.5rem;
}
.interview .sec_body .area .ttl::before{
	content: '';
	background: #1DB3E4;
	position: absolute;
	top: 12px;
	left: 0;
	width: 20px;
	height: 2px;
}
.interview .sec_body .area .txt {
	font-size: .9rem;
}
.interview .sec_body .area .txt + .txt{
	margin-top: 1rem;
}
.interview .sec_body .area .txt i{
	color: #1DB3E4;
}
.interview .sec_body .area .inner{
	width: 80%;
	margin: 0 auto;
}
.interview .sec_body .area .item{
	margin-bottom: 3rem;
}
.interview .sec_body .thework{
	margin-top: 4rem;
	border-bottom: 2px solid #1DB3E4;
}
.interview .sec_body .thework .work_ttl{
	border-top: 6px double #1DB3E4;
	border-bottom: 2px solid #1DB3E4;
	padding: 1rem 0;
	font-weight: bold;
	text-align: center;
}
.interview .sec_body .thework .work_txt{
	width: 65%;
	margin: 3rem auto;
	font-size: .9rem;
}
.interview .sec_body .thework .work_link{
	margin: 2rem auto 3rem;
	font-size: .9rem;
	text-align: center;
}
.interview .sec_body .thework .work_link a{
	color: #1DB2E4;
	text-decoration: underline;
}
.interview .sec3 .sec_body h1{
	justify-content: center;
	flex-wrap: wrap;
}
.interview .sec3 .sec_body h1 div+div{
	margin-left: 2rem;
}
.interview .sec3 .sec_body h1 .company{
	width: 100%;
}
@media screen and (max-width: 767px) {
	.interview .nav{
		padding: 1rem 0;
		margin-bottom: 3rem;
	}
	.interview .nav li{
		line-height: 1.8;
	}
	.interview .sec_body h2{
		margin: 2rem auto;
	}
	.interview .sec_body h2 span{
		padding: 0 1.2rem;
		font-size: 1.1rem;
	}
	.interview .sec_body .area .row{
		flex-wrap: wrap;
	}
	.interview .sec_body .area .row > *{
		width: 100%;
	}
	.interview .sec_body .area .row > * + *{
		margin-top: 1rem;
	}
	.interview .sec_body .area .inner{
		width: 100%;
	}
	.interview .sec_body .thework .work_txt{
		width: 100%;
	}
	.interview .sec_body .thework .row{
		flex-wrap: wrap;
	}
	.interview .sec_body .thework .row > *{
		width: 100%;
	}
	.interview .sec_body .thework .row > * + *{
		margin-top: 1rem;
	}
}

/* ============= */
/* 技術継承プログラム */
/* ============= */
.inheritance_detail .sp{
	display: none;
}
@media screen and (max-width: 767px) {
	.inheritance_detail .pc{
		display: none;
	}
	.inheritance_detail .sp{
		display: block;
	}
	.anchor{
		transform: translateY(-3.6rem);
	}
	.inheritance_detail .low_ttl{
		font-size: .8rem;
		padding: 2rem 0;
	}
	.inheritance_detail .low_ttl i{
		font-size: 2rem;
	}
}
.inheritance_detail section{
	padding-bottom: 4rem;
}
.inheritance_detail section:last-child{
	padding-bottom: 0;
}
.inheritance_detail .sec_top .top{
	width: 96%;
}
.inheritance_detail .sec_top .txt_area{
	width: 46%;
	margin-top: 3rem;
}
.inheritance_detail .sec_top .logo{
	width: 12.6rem;
	margin-bottom: 1rem;
}
.inheritance_detail .sec_top .company{
	font-size: .8rem;
	font-weight: bold;
	margin-bottom: 3rem;
}
.inheritance_detail .sec_top .ttl{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.inheritance_detail .sec_top .txt{
	font-size: .88rem;
	line-height: 1.6;
}
.inheritance_detail .sec_top figure{
	width: 48%;
	margin-top: -23rem;
}
.inheritance_detail .sec_top .nav{
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 5rem;
}
.inheritance_detail .sec_top li{
	background: #1DB3E4;
	width: calc(100% / 4 - 0.6rem);
	margin-right: .8rem;
	margin-bottom: .8rem;
}
.inheritance_detail .sec_top li:nth-child(4n){
	margin-right: 0;
}
.inheritance_detail .sec_top a{
	color: #fff;
	display: block;
	font-size: .8rem;
	text-align: center;
	padding: .8rem .8rem .8rem 0;
	position: relative;
}
.inheritance_detail .sec_top li a::after{
	content: '';
	background: url(img/inheritance_detail/ico_arrow.svg) no-repeat center / cover;
	position: absolute;
	top: 50%;
	right: .4rem;
	width: .56rem;
	height: .3rem;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.inheritance_detail .sec_top .top{
		flex-direction: column-reverse;
	}
	.inheritance_detail .sec_top .txt_area{
		width: 100%;
	}
	.inheritance_detail .sec_top figure{
		width: 100%;
		margin: 0;
	}
	.inheritance_detail .sec_top .nav{
		justify-content: space-between;
		margin-top: 2rem;
	}
	.inheritance_detail .sec_top li{
		width: 48%;
		margin-right: 0;
	}
	.inheritance_detail .sec_top a{
		font-size: .66rem;
	}
}
.inheritance_detail .sec_unit h1{
	font-size: 1rem;
	text-align: center;
	padding: 1rem;
	margin-bottom: 3rem;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}
.inheritance_detail .sec_unit .list {
	flex-wrap: wrap;
}
.inheritance_detail .sec_unit .list li{
	width: 48%;
	font-size: .88rem;
	margin-bottom: 1rem;
}
.inheritance_detail .sec_unit .list li > *{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	.inheritance_detail .sec_unit .list li{
		width: 100%;
	}
}
.inheritance_detail .sec_unit .slide{
	overflow: hidden;
	position: relative;
}
.inheritance_detail .sec_unit .slide p{
	text-align: center;
	padding-top: .4rem;
}
.inheritance_detail .sec_unit .slide .slick-track{
	display: flex;
}
.inheritance_detail .sec_unit .slide .slick-dots{
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}
.inheritance_detail .sec_unit .slide .slick-dots li{
	width: calc(100% / 6 - .4rem);
	margin-right: .48rem;
	margin-bottom: 2rem;
	cursor: pointer;
}
.inheritance_detail .sec_unit .slide .slick-dots li i{
	position: relative;
	display: block;
}
.inheritance_detail .sec_unit .slide .slick-dots li i::after{
	content: '';
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.inheritance_detail .sec_unit .slide .slick-dots li.slick-active i::after{
	display: none;
}
.inheritance_detail .sec_unit .slide .slick-dots img{
	display: block;
}
.inheritance_detail .sec_unit .slide .slick-dots li p{
	font-size: .7rem;
}
.inheritance_detail .sec_unit .slide .slick-arrow{
	background: url(img/inheritance_detail/ico_slidearrow.svg) no-repeat center / cover;
	position: absolute;
	top: 30vh;
	width: 3rem;
	height: 3rem;
	border: none;
	border-radius: 100%;
	cursor: pointer;
	z-index: 1;
}
.inheritance_detail .sec_unit .slide .prev-arrow{
	left: 3rem;
}
.inheritance_detail .sec_unit .slide .next-arrow{
	right: 3rem;
	transform: rotate(180deg);
}
.inheritance_detail .sec_unit .slide + p{
	font-size: .9rem;
	font-weight: bold;
	text-align: center;
	padding-top: 5rem;
}
@media screen and (min-width: 768px) {
	.inheritance_detail .sec_unit .slide .slick-dots li:nth-child(6n){
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.inheritance_detail .sec_unit .slide .slick-dots li{
		width: calc(100% / 3 - .3rem);
		margin-right: .3rem;
		margin-bottom: 1rem;
	}
	.inheritance_detail .sec_unit .slide .slick-arrow{
		top: 6rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	.inheritance_detail .sec_unit .slide .prev-arrow{
		left: 1rem;
	}
	.inheritance_detail .sec_unit .slide .next-arrow{
		right: 1rem;
	}
}