/**************************************************/
/* common */
br.sp { display: none;}

@media (min-width: 768px) {
  .col-sm-2.half { width: 20%;}
  .col-sm-9.half { width: 80%;}
  .dl-horizontal dd { margin-left: 160px;}
}

@media only screen and (min-width: 980px) {
  .container { width: 980px;}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container { width: 100%;}
}

@media only screen and (max-width: 979px) {
  br.pc { display: none;}
}

@media only screen and (max-width: 767px) {
  html, body { font-size: 14px;}
  #content { margin-top:50px;}
  h2 { font-size: 24px;}
  br.pc_tab { display: none;}
  br.sp { display: block;}

  .mb-6 { margin-bottom: 5rem;}

  /* text */
  .lead_l { font-size: 20px;}
  .lead,.lead p { font-size: 18px;}
  .text_l,.text_l p { font-size: 16px;}
  .text_m { font-size: 14px;}

  /* bg arrow */
  body { background: url(../img/bg_arrow_sp.png) repeat-y 0 0; background-size: 100vw auto;}
  
  .blk-list-report01 dd,
  .blk-list-report02 dd { border-top: none;}
}


/**************************************************/
/* home */

@media (min-width: 768px) {
  #top_philosophy_area  { background:url(../img/bg_arrow_l.png) no-repeat right calc(50vw + 50px) top 50%; background-size: auto 90%;}
  #top_method_area { background:url(../img/bg_arrow_s.png) no-repeat left calc(50vw + 50px) top 0px; background-size: auto 80%;}
  #top_data_area { background:url(../img/bg_arrow_s.png) no-repeat right calc(50vw + 200px) bottom 0px; background-size: auto 85%;}
  #top_expert_area { background:url(../img/bg_arrow_s.png) no-repeat left calc(50vw + 0px) top 0px; background-size: auto 100%;}
  #top_activator_area{ background:url(../img/bg_arrow_s.png) no-repeat right calc(50vw + 250px) top 50%; background-size: auto 80%;}
  table.topics_list th, table.topics_list td { font-size: 14px;}
}

@media only screen and (min-width: 980px) {
  #top_project_area h2 { font-size: 42px;}
}
@media only screen and (max-width: 979px) {
  #top_project_area h2 { margin-top: 10px;}
  #top_project_area .section-title { padding-left: 120px;}
}

@media only screen and (max-width: 767px) {
  .top_main_title { margin: 0px auto 50px;}
  .top-title-area, .project-title-area { padding-top: 20px; padding-bottom: 20px;}
  
  body#home .top-title-area .title { font-size: 27px;}
  .top-title-area, .project_title { height: auto;}
  
  table.topics_list th, table.topics_list td { display: block; padding: 0.5rem 0;}
  table.topics_list th { width: auto;}
  table.topics_list td { border-top: none; padding-top: 0;}
  
  #top_project_area .section-title { background: none; padding-left: 0;}
  .philosophy_list { border-spacing: 0px;}
  .philosophy_list td { display: block; margin-bottom: 0.5em;}
}






/**************************************************/
/* project */

/*----------------------*/
/* bg_arrow */
/*----------------------*/
@media (min-width: 768px) {
  body#project_index { background: url(../img/bg_arrow.png) no-repeat right calc(50vw + 100px) top 450px, url(../img/bg_arrow.png) no-repeat left calc(50vw + 100px) bottom -50px;}
  body#project_shino { background-position: right 40vw top 1000px;}
  body#project_digi { background-position: left 60vw bottom 300px;}
  body#project_posi { background-position: left calc(50vw - 400px) top 1000px;}
  body#project_kenjin { background: url(../img/project/kenjin/bg_arrow_kenjin.png) repeat-y top center;}
  body#project_aka { 
	background-image: url(../img/bg_arrow_s.png),url(../img/bg_arrow_l.png);
	background-repeat:no-repeat,no-repeat;
	background-position: right calc(50vw - 20px) top 880px, left calc(50vw - 400px) top 1650px;
	/*background-size: 950px auto, auto auto;*/
  }
  body#project_mitei { background-position: left 50vw top 900px;}
  body#pro_100nen { background: url(../img/bg_arrow.png) no-repeat left calc(50vw + 100px) bottom 1000px, url(../img/bg_arrow.png) no-repeat left calc(50vw - 100px) bottom 0px;}
  body#pro_energy { background: url(../img/bg_arrow.png) no-repeat left calc(50vw + 100px) bottom 1000px, url(../img/bg_arrow.png) no-repeat left calc(50vw - 100px) bottom 0px;}

}

/*----------------------*/
/* Project index */
/*----------------------*/
@media (min-width: 768px) {
  #project_index .project-btn-waku:hover .grow { 
    -webkit-transform:scale(1.21);
    -moz-transform:scale(1.21);
    -ms-transform:scale(1.21);
    -o-transform:scale(1.21);
    transform:scale(1.21);
  }
}

@media only screen and (min-width: 980px) {
  /* Project_index */
  /* ���j���[�g��p */
  #project_index .grow { 
    width: 100%;
    height: 100%;
    position: absolute;
    top:0; bottom: 0; left:0; right: 0;
    background-color: #F9D3E3;
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -ms-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
  }
}

@media only screen and (max-width: 979px) {
  .project-btn-waku { height: calc(50vw * 0.55);}
}

@media only screen and (max-width: 767px) {
  .project-btn-waku { height: auto;}
  .project-btn-waku img { position: relative;}
  body#project_index #content { margin-bottom: 80px;}
}

/*----------------------*/
/* Project page */
/*----------------------*/
@media (min-width: 768px) {
  #project_shino .member-list .col-sm-4  { height: /*337*/250px; position: relative;}
  #project_shino .member-list .col-sm-4 div { position: absolute; bottom: 0;}
  #project_kenjin .member .row {  margin-left:0; margin-right: 0; font-size: 12px;}
  #project_kenjin .member .row > div:first-child { padding-right:0; padding-left: 0;}
  #project_kenjin .member .row > div:nth-child(2) { min-height: calc((100vw - 30px)/4); display: flex;align-items: center;justify-content: center;}
  #project_kenjin .member .row > div:nth-child(2) p { width: 100%;}
  
  #project_kenjin .point_list > div:first-child {border-top:#9FA0A0 solid 1px;}
  #project_kenjin .point_list > div {border-bottom:#9FA0A0 solid 1px; display: flex;}
  #project_kenjin .point_list div div.point { display: flex;align-items: center;justify-content: center; min-height: 80px;}
  #project_kenjin .point_list div div:nth-child(2) { padding-left: 2rem; display: flex;align-items: center;}
}

@media only screen and (min-width: 980px) {  
  #project_kenjin .member .row > div { width: 320px;}
  #project_kenjin .member .row > div:nth-child(2) { min-height: 240px;}
  #project_kenjin .member .row > div:nth-child(3) { width: 310px;}
  #project_kenjin .work .col-sm-4 .step { min-height: 200px;}
}

@media only screen and (max-width: 989px) {
  #project_kenjin .project_title h1 { width: 100%; height: auto;}
  #project_kenjin .project_title img { width: 100%; max-width: 842px; height: auto;}
  #project_kenjin .top-title-area, .project-title-area .project_title{ height: auto;}
}

@media only screen and (min-width: 768px) {
	#project_kenjin .row-eq-height {display: flex;
    flex-wrap: wrap;}
	#project_kenjin .work .col-sm-4 .panel { background-color: #F5F5F5;}
	#project_kenjin .work .col-sm-4 .panel .panel-body {background-color: #fff;}
}

@media only screen and (max-width: 767px) {  
  #project_kenjin .project-title-area { padding: 0;}
  #project_kenjin .member .row > div:nth-child(2)  { margin:15px; height: auto;}
  #project_kenjin .point_list div div:nth-child(2) { padding: 15px 0;}
  #project_kenjin .work .col-sm-4 {background: url(../img/project/kenjin/kenjin_arrow_down.png) no-repeat 50% 50%; background-size: 300px auto;}
  #project_kenjin .work .col-sm-4 .no,
  #project_kenjin .work .col-sm-4 dl {text-align: center;}
  
  #project_aka .project-title-area { padding: 0;height: 48vw;}
  #project_aka .project-title-area .project_title { height: 48vw;}
  #project_aka .project_title h1 { margin-right: 0px;}
  #project_kenjin .work .col-sm-4:not(:last-child):after { 
  top: auto;
  bottom: -50px;
  left: 0;
right:0;
  width: 15px;
  height: 50px;
  border: 30px solid transparent;
  border-top: 15px solid #9FD9F6; } 
}
#project_kenjin .work .panel { margin-bottom: 15px;}

/* for IE11 */ 
@media screen\0 {
  #project_kenjin .member .row > div:nth-child(2) { height: 240px;}
  #project_kenjin .member .row > div.extend { height: auto;}
}



/**************************************************/
/* member */

@media (min-width: 768px) {
  body#member { background: url(../img/project/kenjin/bg_arrow_kenjin.png) repeat-y top -500px left calc(50vw - 400px);}
}


/**************************************************/
/* contact */

@media (min-width: 768px) {
  body#contact { background:url(../img/bg_arrow_s.png) no-repeat right 50vw bottom -200px;}
}









/* Wide Mobile Layout: 600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
}

/* Wide Mobile Layout:320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

}