@charset "UTF-8";

.nav-headerIdea{ background:#580f10; text-align:center;}

.aboutcon,.interview{
}

.aboutcon ul{ font-size:0;}
.aboutcon li{ width:100%; display:inline-block;  position:relative; font-size:0; margin-bottom:30px;}
.aboutcon li p.ideaImg{ width:40%; position:absolute; right:0; top:0; z-index:-1;}
.aboutcon li img{ width:100%; height:auto;}
.aboutcon li .namber{ position:absolute; left:0; top:0; font-size:20px; line-height:17px; padding-top:11px; box-sizing:border-box; }
.aboutcon li .namber span{ font-size:10px; letter-spacing:0;}
.aboutcon li dl{  width:56%; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-bottom:45px;} 
.aboutcon li dt{ font-size:24px; line-height:48px; margin-bottom:25px; }
.aboutcon li dd{ font-size:15px; line-height:30px;}

.bgcon{ background:#f6f6f6; }
.aboutcon.bgcon .sectitles{ border-bottom:1px solid #eaeaea;}

.aboutcon.noimgCon li{ margin-bottom:80px;}
.aboutcon.noimgCon li dl{ width:100%; padding-bottom:0;}

.aboutcon .repottList{ padding-top:80px;}
.aboutcon .repottList li{ position:relative; margin-bottom:20px;}
.aboutcon .repottList .reportImg{ width:14.4%; display:inline-block; vertical-align:middle;}
.aboutcon.noimgCon .repottList dl{ font-size:14px; width:30%; margin-right:20%; display:inline-block; vertical-align:middle; margin-left:15.5%;}
.aboutcon.noimgCon .repottList dt{ font-size:14px; margin-bottom:5px; line-height:24px;}
.aboutcon.noimgCon .repottList dd{ font-size:14px; line-height:24px;}
.reportBtn{ width:200px; background:#a9231c; height:50px; position:absolute; right:0; top:50%; margin-top:-25px; text-align:center;}
.reportBtn a{ color:#fff; font-size:13px; line-height:50px; font-weight:bold; display:block; }
.reportBtn a:before{ content:""; display:inline-block;  background:url(../img/about/icon_pdf.png) left top no-repeat; width:20px; height:28px; background-size:cover; vertical-align:middle; margin-right:10px;}

.textlinks{ width:100%; border: 1px solid #e6e6e6; box-sizing:border-box; font-size:15px; padding:20px; margin-top:30px;}
.textlinks a{ color:#a9231c; text-decoration:underline;}
.aboutcon { padding-bottom:100px;}
.aboutcon li:last-child{ margin-bottom:0;}

/*コンセプト*/
.aboutcon.concept {
  margin-top: 100px;
}
.aboutcon.concept li {
  min-height: 221px;
  margin-bottom: 50px;
}
.aboutcon.concept li dl {
  width: 74%;
  padding: 0;
}
.aboutcon.concept .ideaImg {
  width: 221px;
}
@media screen and (max-width:900px){
  .aboutcon.concept {
    margin-top: 0;
  }
  .aboutcon.concept li {
    min-height: inherit;
    margin-bottom: 0;
  }
  .aboutcon.concept li dl {
    width: 100%;
  }
  .aboutcon.concept .ideaImg {
    width: 100%;
  }
}

/*インタビュー*/
.interview .main img{ width:100%; height:auto;}
.talkCon{ width:100%; background:url(../img/about/bg_talk.jpg) center top no-repeat; background-size:cover; padding:125px 0 113px 0;}
.tailInner{ max-width:720px; margin: 0 auto; background:#fff; padding:40px; box-sizing:border-box; font-size:0;}
.tailInner dl{ width:38%; display:inline-block; vertical-align: middle}
.tailInner dt{font-size:15px;}
.tailInner dt span{ color:#a9231c;}
.tailInner dd{ font-size:12px; line-height:30px;}
.ximg.pc{ display:inline-block !important; vertical-align: middle; margin:0 7%;}
.interviewTit{ text-align:center; border:3px solid #000; padding:20px 40px; display:inline-block; margin-bottom:75px; font-size:15px;}
.interviewS{ text-align:center; width:100%; box-sizing:border-box; padding:100px 20px;}
.intvewListCon{ text-align:left; font-size:0;}
.intvewList{ width:50%; display:inline-block; box-sizing:border-box; vertical-align:top;}
.intvewList:first-child{ padding-right:10%;  border-right:1px solid #ebebeb;}
.intvewList:last-child{ padding-left:10%;  border-left:1px solid #ebebeb;}
.intvewList li{ margin-bottom:45px;}
.intvewList dl{ font-size:0;}
.intvewList dt{ font-size:12px; width:20%; display:inline-block; vertical-align:top; font-weight:bold;}
.intvewList dd{ font-size:12px; display:inline-block; vertical-align:top; width:80%; line-height:30px; box-sizing:border-box; }
.pleceTxt{ font-size:12px; font-weight:bold; margin-top:40px;}

@media screen and (max-width:900px){
.aboutcon li{  width:100%; display:block; margin:0 0 20px 0; position:relative;}
.aboutcon.noimgCon li{ margin-bottom:40px;}
.userVoiceDitail{ padding:0 20px;}
.aboutcon li p.ideaImg{ display:block; width:100%; vertical-align:top; position:relative; margin-bottom:20px;  }
.aboutcon li dl{ display:block; width:100%; margin-left:0; vertical-align:top;}
.aboutcon{ padding:20px ;}

.aboutcon li dl{  width:100%; display:inline-block; box-sizing:border-box; vertical-align:middle; margin-bottom:20px; padding-bottom:0;} 
.aboutcon li dt{ font-size:14px; line-height:24px; font-weight:bold; margin-bottom:10px;}
.ideacon li dd{ font-size:14px; line-height:22px;}

.aboutcon .repottList{ padding-top:0;}
.aboutcon .repottList li{ position:relative; margin-bottom:30px;}
.aboutcon .repottList .reportImg{ width:40%; display:inline-block; vertical-align:middle;}
.aboutcon.noimgCon .repottList dl{ font-size:14px; width:50%; margin-right:0; display:inline-block; vertical-align:middle; margin-left:10%;}
.aboutcon.noimgCon .repottList dt{ font-size:14px; margin-bottom:5px; line-height:24px;}
.aboutcon.noimgCon .repottList dd{ font-size:14px; line-height:24px;}
.reportBtn{ width:200px; background:#a9231c; height:50px; position: relative; right:auto; top:auto; margin:0 auto; margin-top:10px; text-align:center;}
.reportBtn a{ color:#fff; font-size:13px; line-height:50px; font-weight:bold; display:block; }
.reportBtn a:before{ content:""; display:inline-block;  background:url(../img/about/icon_pdf.png) left top no-repeat; width:20px; height:28px; background-size:cover; vertical-align:middle; margin-right:10px;}



.mainread img{ width:100%; height:auto;}
.mainreadsp{ font-size:12px; line-height:18px; width:100%; box-sizing:border-box; padding:0 20px;}
.talkCon{ width:100%; background:none; padding:0;}
.tarkspimg{margin-top:20px; margin-bottom:10px;}
.tarkspimg img{ width:100%; height:auto;  }
.tailInner {
    padding: 0 20px; 
    box-sizing: border-box;
}
.ximg.pc{ display:none !important;}
.tailInner{ margin-bottom:30px;}
.tailInner dt{font-size:10px;}
.tailInner dt span{ color:#a9231c;}
.tailInner dd{ font-size:10px; line-height:20px;}
.tailInner dl{ vertical-align:top; width:50%; box-sizing:border-box;}
.tailInner dl:first-child{ padding-right:9.5%}
.tailInner dl:last-child{ padding-left:9.5%;}

.interviewS{ padding:30px 20px;}
.interviewTit{ margin-bottom:35px;}

.intvewListCon{ text-align:left; font-size:0;}
.intvewList{ width:100%; display:block; box-sizing:border-box; vertical-align:top;}
.intvewList:first-child{ padding-right:0;  border-right:none;}
.intvewList:last-child{ padding-left:0;  border-left:none;}
.intvewList li{ margin-bottom:25px;}
.intvewList dl{ font-size:0;}
.intvewList dt{ font-size:12px; width:10%; display:block; vertical-align:top; font-weight:bold; margin-bottom:7px}
.intvewList dd{ font-size:12px; display:block; vertical-align:top; width:100%; line-height:18px; box-sizing:border-box; }
.pleceTxt{ font-size:12px; font-weight:bold; margin-top:20px;}

}



/*見学会*/
.toruConInner{padding: 30px 0; margin:0 auto;}
.toru .mv{background:url(../img/about/img_tour_main.jpg) center top no-repeat; background-size:cover; text-align:center; color:#fff; padding:155px 0 410px 0;}
.toru .mv h2{ font-size:60px; text-shadow:2px 0px 6px #2e2e2a; margin-bottom:45px; }
.toru .mv p{font-size:12px; text-shadow:2px 0px 6px #2e2e2a; }

.toruConInner .cenInner{ width:100%; padding:30px 0;margin:0 auto; text-align: center;}
.toruConInner .cenInner img{position: relative;top:37px; padding:20px 360px 0 0;}
.toruConInner .cenInner h2{font-family: "Yu Mincho", "YuMincho", serif;font-size: 30px;}
p.fontMin{width:100%; font-size: 12px; margin: 0 auto; text-align: center;}
.pop{width:100%;margin: 0 auto;text-align: center;}
.pop img{padding-left: 700px;}
.photo{max-width:1120px; margin: 0 auto; text-align: center;}
.photo img{width: 30%; margin:0 10px 20px 0;}


/* Application */
Application{width: 100%;text-align:center;padding:107px 0 200px 0;background:#f2f2f2;}
Application a{ color:#fff;}
.ApplicationWrap{padding:10px 20px 90px; box-sizing:border-box; }
.Applicationimg{max-width: 100%; width: 100%;text-align: center; margin:50px 0 30px 0;}
.Application{ font-size:18px; font-weight:bold; background:#a9231c; margin-bottom:30px; text-align: center;}
.Application a{ color: #FFF;display:block;  padding:30px 0 30px; line-height:24px; letter-spacing:0.1em;}


.arrow_right{
  position: relative;
  padding-left: 30px;
}

.arrow_right span::before{
  content: '';
  top: 50%;
  left: 70%;
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin-top: -5px;
}




@media screen and (max-width:1024px){
.pop img{padding-left: 650px;}

}


@media screen and (max-width:900px){
.toru .mv{  padding:60px 0 60px 0;}
.toruConInner .cenInner img{position: relative;top:37px; padding:20px 360px 0 0;}
.photo{width: 100%; margin: 0 auto; text-align: center;}
.photo img{width: 100%; margin: 10px 0;}
.pop img{display: none;}
.Application a{ padding:12px 0 12px 0;}
.Application{ font-size:11px;}
.arrow_right span::before{ left: 85%;}
.ApplicationWrap{padding:0 0 10px; box-sizing:border-box; }
}


@media screen and (max-width:500px){
.toruConInner .cenInner img{position: relative;top:0; padding:0 360px 0 0;}
}