@charset "UTF-8";
/* CSS Document */

/*********************************************************************
*
* Copyright (c) CUBIC DESIGN INC.
*
* Url : http://www.cubicdesign.co.jp
*
* Built       : 2018/09/25
* Last update : 2018/12/11
* Made by     : Murata Hiroyuki
* Updated by  : Murata Hiroyuki
*
**********************************************************************/


#interview{ background: #f7f7f7; }


/*************************************************************************************************************************
* interview
*************************************************************************************************************************/
.interview{ padding: 0 15px 30px;}
.interview__wrap{ background: #fff; margin: 20px 0 0; padding: 0 0 35px; box-shadow: 0 0 2px 1px #ccc;}
.interview__box{ margin: 0;}
.interview__list{ display: flex; flex-wrap: wrap; margin: 0; padding: 30px 15px 0 15px;}
.interview__list-item{ width: 100%; margin: 0 0 25px 0;}
.interview__list-item:last-child{ margin: 0;}
.interview__list-item-imgbox{ width: 100%; height: calc((100vw - 60px)*0.67);}
.interview__list-item-imgbox::after{ width: 100%; height: 100%;}
.interview__list-item-imgbox__img{ width: 100%; height: 100%;}
.interview__list-item-textbox{ background: #f8f8f0;}

@media print, screen and (min-width:681px){
  .interview{ padding: 0 15px 60px;}
  .interview__wrap{ width: 950px; margin: 20px auto 0;}
	.interview__list{ justify-content: flex-start;  padding: 60px 60px 0 60px;}
	.interview__list-item{ width: 263px; margin: 0 20px 20px 0;}
	.interview__list-item:nth-child(3n){ margin: 0 0 20px 0;}
	.interview__list-item-imgbox{ width: 100%; height: 176px;}
}