@charset "utf-8";

/*****************************************
　　　　　　　　Interview Page css
*****************************************/
* {
      margin: 0px;
      padding: 0px;
	  box-sizing: content-box;
}
body{
	display: block;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
	font-family: “ＭＳ Ｐゴシック”, Osaka, “ヒラギノ角ゴ Pro W3”;
	box-sizing: content-box;
}
a:link {
      color: #333333;
      text-decoration: none;
}
a:visited {
      color: #333333;
      text-decoration: none;
}
a:hover {
      /*color: #900;*/
      text-decoration: none;
}
a img {
      border-width: 0px;
      border-style: none;
      border-color: #fff;
      background: transparent;
}
img{
	vertical-align: bottom;
}
main{
	display: block;
}
/*==============================================================================
　1. SP Setting
==============================================================================*/
@media screen and (max-width:768px){
html,body{ position: relative; width:100%; overflow-x: hidden;}
.brsp { display:none;} /*SPのみ改行消*/
.spDel{ display: none; }
#sapporo-topicpath-area{display:none;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*----- パンくず非表示-----*/
#sapporo-topicpath-area{ display: none;}

#allWrap2020{
	background: url("../img/interview/2020_sp_bg.jpg") no-repeat top 200px center;
	width: 100%;
	background-size: contain;
	background-color:#2b2b2b;
}

/* Main*
========================================================*/
#IntMainWrap{ display: block; width: 100%; margin:0; padding:0;}
.IntMain h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/01sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.IntMain2 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/02sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.IntMain3 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/03sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	.IntMain4 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/04sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain5 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/05sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain6 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/06sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain7 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/07sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain8 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/08sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain9 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/09sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain10 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/10sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

	.IntMain11 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/11sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain12 h2{
	width: 100%;
	height: 0;
	padding-top:57.33%;
	background-image: url(../img/interview/12sp_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
/* Interview setting
========================================================*/
#section_IntWrap{
	display: block;
	width: 90%;
	height:auto;
	margin:0 auto;
	padding: 40px 0;
}
	
#section_IntWrap .IntBox{ margin-bottom: 2.5em;}
	
#section_IntWrap02{
	display: block;
	width: 90%;
	height:auto;
	margin:0 auto;
	padding: 0 0 40px;
}	

#section_IntWrap02 .IntBox{ margin-bottom: 2.5em;}

/*鶴島さん
========================================================*/
.IntBox .IntPh01_1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/01sp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02019_1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/2019pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh01_2{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/01sp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh02019_2{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/2019sp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh01_3{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/01sp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh02019_3{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/2019sp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh01_4{
	display: block;
	width :100%;
	height: 0;
	padding-top: 50.76%;
	background-image: url(../img/interview/01sp_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02019_4{
	display: block;
	width :100%;
	height: 0;
	padding-top: 50.76%;
	background-image: url(../img/interview/2019sp_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*田代さん
========================================================*/
.IntBox .IntPh02_1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/02sp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02_2{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/02sp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02_3{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/02sp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02_4{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 50.76%;
	background-image: url(../img/interview/02sp_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh05_1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/05sp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh05_2{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/05sp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh05_3{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/05sp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh05_4{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 50.76%;
	background-image: url(../img/interview/05sp_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*京さん
========================================================*/
.IntBox .IntPh03_1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/03sp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh03_2{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/03sp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh03_3{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/int/03sp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh06_1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/06sp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh06_2{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/06sp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh06_3{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.15%;
	background-image: url(../img/interview/06sp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh06_4{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 50.76%;
	background-image: url(../img/interview/06sp_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*福山さん
========================================================*/
.IntBox .IntPh09_1{
	display: block;
	width: 100%;
	/*height: 0;*/
	padding-top: 46.15%;
	background-image: url(../img/interview/2022sp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*Interview text Setting
========================================================*/
.IntBox h3{ color:#f0bd04; font-size:19px; font-weight:bold; line-height:1.4; margin:1.8em 0 1.2em; }
.IntBox .IntT{color:#fff; font-size: 15px; line-height:1.8; letter-spacing:0.1em; }


/*Menu Setting
========================================================*/
#IntMenuWrapSp{ display: block; width: 100%; height: auto; background-color:#404040; margin: 0; padding: 15px 0 0;}
#IntMenuWrapSp .IntMenu{ display: block; width: 90%; margin: 0 auto; }

#IntMenuWrapSp .IntMenu h4{
	width: 100%;
	height: 0;
	padding-top: 6.46%;
	background-image: url(../img/common/intmenu_sp.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
  overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
#IntMenuWrapSp .IntMenu02 h4{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	background-image: url(../img/common/intmenu_sp02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
  	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-bottom: 15px;
	}

#IntMenuWrapSp .IntMenu ul.Intmenuph{ width:100%; margin-top:1.3em;}
#IntMenuWrapSp .IntMenu ul.Intmenuph li{ display: block; width: 100%; list-style-type:none; margin-bottom: 0.5em; }
#IntMenuWrapSp .IntMenu ul.Intmenuph li.mB0{ margin-bottom: 0; }

#IntMenuWrapSp .IntMenu ul.Intmenuph li.menu1 img,
#IntMenuWrapSp .IntMenu ul.Intmenuph li.menu2 img,
#IntMenuWrapSp .IntMenu ul.Intmenuph li.menu3 img { width: 100%; height: auto;}

/*#IntMenuWrap{ display: block; width: 100%; height: auto; background-color:#404040; margin: 0; padding: 30px 0 0;}
#IntMenuWrap .IntMenu{ display: block; width: 90%; margin: 0 auto; }
.IntMenu h4{
	width: 100%;
	height: 0;
	padding-top: 6.46%;
	background-image: url(../img/common/intmenu_sp.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
  overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
  
.IntMenu ul.Intmenuph{ width:100%; margin-top:1.3em;}
.IntMenu ul.Intmenuph li{ display: block; width: 100%; list-style-type:none; margin-bottom: 0.5em; }
.IntMenu ul.Intmenuph li.mB0{ margin-bottom: 0; }
.IntMenu ul.Intmenuph li.menu1 a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 23.076%;
	background-image: url(../img/common/intmenu_sp01.png);
	background-repeat: no-repeat;
	background-position: center top;
  background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.IntMenu ul.Intmenuph li.menu2 a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 23.076%;
	background-image: url(../img/common/intmenu_sp02.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.IntMenu ul.Intmenuph li.menu3 a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 23.076%;
	background-image: url(../img/common/intmenu_sp03.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}*/
  
#oldIntboxWrapSp{ width:100%; background-color:#535353; margin-top:1em;}
div.oldIntbox{
	display: block;
	width: 90%;
	margin:0 auto;
	padding:5px 0;
	}
div.oldIntbox a{
	display: block;
	width:100%;
	height:0;
	margin:0;
	padding-top:6.92%;
	background-image: url(../img/common/oldint_btn_sp.png) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}
div.oldIntbox2 a{
	display: block;
	width:100%;
	height:0;
	margin:0;
	padding-top:6.92%;
	background-image: url(../img/common/oldint_btn_sp2.png) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}

div.oldIntbox3 a{
	display: block;
	width:100%;
	padding-top: 20px;
	padding-bottom: 5px;
	background-image: url(../img/common/oldint_btn_sp3.png) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}

.colTwo{
	display: block;
	width:100%;
	max-width: 360px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0 12px;
}
.colTwo li{
	background-color: #ffffff;	
}
	.colTwo li:first-of-type{
		margin-bottom: 15px;
	}
.colTwo li a{
	display: block;
    opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.colTwo a:hover{
	/*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
    transform: translateY(-6px);*/
	opacity: 0.7;
}
.colTwo a:active{
	opacity: 0.7;
}


}
/*------------------------------------------------------------------------------
2. PC Setting
------------------------------------------------------------------------------*/
@media screen and (min-width:769px){
html,body{min-width: 960px;}
.topicpath {position:relative; width:950px;}
.pcDel{ display: none; }
.brpc { display:none;} /*PCのみ改行消*/

/*----- パンくず-----*/
#sapporo-topicpath-area .topicpath{position: relative; width: 950px; }
#sapporo-topicpath-area .topicpath .snsarea { position:absolute; right:0; top:5px;}

#allWrap{
	background-color:#2b2b2b;
}
#allWrap2020{
	background: url("../img/interview/2020_bg.jpg") no-repeat top 80px center;
	width: 100%;
	background-size:cover;
	background-color:#2b2b2b;
}

/*--------------------------------------------------
Main*
--------------------------------------------------*/
#IntMainWrap{ display: block; width: 100%; height:450px; margin:0; padding:0; background-color:#000;  }
.IntMain,
.IntMain2,
.IntMain3,
.IntMain4,
.IntMain5,
.IntMain6,
.IntMain7,
.IntMain8,
.IntMain9,
.IntMain10,
.IntMain11,
.IntMain12
{ display: block; width:950px; height:450px; margin: 0 auto; }
	
.IntMain h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/01pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.IntMain2 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/02pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.IntMain3 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/03pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain4 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/04pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain5 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/05pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	.IntMain6 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/06pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain7 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/07pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain8 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/08pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain9 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/09pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain10 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/10pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain11 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/11pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
	.IntMain12 h2{
	width: 950px;
	height: 450px;
	background-image: url(../img/interview/12pc_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
/*--------------------------------------------------
 Interview setting
--------------------------------------------------*/
#section_IntWrap{
	display: block;
	width: 950px;
	height:auto;
	margin:0 auto;
	padding: 0 0 60px;
}	
#section_IntWrap .IntBox{ margin-top:4em;}
	
#section_IntWrap02{
	display: block;
	width: 950px;
	height:auto;
	margin:0 auto;
	padding: 0 0 60px;
}
	
#section_IntWrap02 .IntBox{ margin-top:4em;}

/*鶴島さん
------------------------------------------------------*/
.IntBox .IntPh01_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/01pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh02019_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/2019pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh01_2{
	display: block;
	float:left;
	width: 380px;
	height: 300px;
	margin: 5px 25px 10px 0;
	background-image: url(../img/interview/01pc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh02019_2{
	display: block;
	float:left;
	width: 380px;
	height: 300px;
	margin: 5px 25px 10px 0;
	background-image: url(../img/interview/2019pc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh01_3{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/01pc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh02019_3{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/2019pc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh01_4{
	display: block;
	float:right;
	width: 380px;
	height: 280px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/01pc_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh02019_4{
	display: block;
	float:right;
	width: 380px;
	height: 280px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/2019pc_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/*田代さん
------------------------------------------------------*/
.IntBox .IntPh02_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/02pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02_2{
	display: block;
	float:left;
	width: 380px;
	height: 280px;
	margin: 5px 25px 10px 0;
	background-image: url(../img/interview/02pc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02_3{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/02pc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh02_4{
	display: block;
	float:right;
	width: 380px;
	height: 280px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/02pc_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}



.IntBox .IntPh05_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/05pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh05_2{
	display: block;
	float:left;
	width: 380px;
	height: 280px;
	margin: 5px 25px 10px 0;
	background-image: url(../img/interview/05pc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh05_3{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/05pc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh05_4{
	display: block;
	float:right;
	width: 380px;
	height: 280px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/05pc_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*京さん
------------------------------------------------------*/
.IntBox .IntPh03_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/03pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh03_2{
	display: block;
	float: right;
	width: 380px;
	height: 300px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/03pc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh06_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/06pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh06_2{
	display: block;
	float:left;
	width: 380px;
	height: 280px;
	margin: 5px 25px 10px 0;
	background-image: url(../img/interview/06pc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh06_3{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/06pc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.IntBox .IntPh06_4{
	display: block;
	float:right;
	width: 380px;
	height: 280px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/06pc_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
	
/*福山さん
------------------------------------------------------*/
.IntBox .IntPh09_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/2022pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.IntBox .IntPh09_1{
	display: block;
	float:right;
	width: 380px;
	height: 230px;
	margin: 5px 0 10px 25px;
	background-image: url(../img/interview/2022pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

	
	

/*Interview text Setting
------------------------------------------------------*/
.IntBox h3{ color:#f0bd04; font-size:20px;/* font-weight:bold;*/ line-height:1.4; margin-bottom:0.7em; }
.IntBox .IntT{color:#fff; font-size: 15px; line-height:1.8; letter-spacing:0.1em; }


/*Menu Setting
------------------------------------------------------*/
#IntMenuWrap{ display: block; width: 100%; height: auto; background-color:#404040;}
#IntMenuWrap .IntMenu{ display: block; width: 950px; margin-left: auto; margin-right: auto; padding:25px 0 0; }
.IntMenu h4{
	margin-left: auto;
	margin-right: auto;
	width: 139px;
	height: 22px;
	background-image: url(../img/common/intmenu_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
.IntMenu02 h4{
	margin-left: auto;
	margin-right: auto;
	width: 338px;
	height: 24px;
	background-image: url(../img/common/intmenu_pc02.png);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-bottom: 10px;
	padding-top: 40px;
	}
	
.IntMenu ul.Intmenuph{ width: 950px; margin:25px 0 25px; }
.IntMenu ul.Intmenuph li{ list-style-type:none; float: left;}
.IntMenu ul.Intmenuph li.menu1 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu1 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc01_o.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu2 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu2 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc02_o.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu3 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu3 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc03_o.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	.IntMenu ul.Intmenuph li.menu4 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu4 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc04_o.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
		.IntMenu ul.Intmenuph li.menu5 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu6 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc06_o.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
		.IntMenu ul.Intmenuph li.menu6 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc06.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu5 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc05_o.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

#oldIntboxWrap{ width:100%; background-color:#535353; }
div.oldIntbox{ display: block; width: 950px; margin:0 auto;}
div.oldIntbox a{
	display: block;
	width:288px;
	height:35px;
	color: #f0bd04;
	margin: 0 auto;
	background-image: url(../img/common/oldint_btn_pc.png) ;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}
div.oldIntbox2 a{
	display: block;
	width:288px;
	height:35px;
	color: #f0bd04;
	margin: 0 auto;
	background-image: url(../img/common/oldint_btn_pc2.png) ;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}
	
div.oldIntbox3 a{
	display: block;
	width:242px;
	height:17px;
	color: #f0bd04;
	margin: 0 auto;
	padding: 11px 0 12px;
	background-image: url(../img/common/oldint_btn_pc3.png) ;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}

.colTwo{
	display:-webkit-box;
  	display:-ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
	width:678px;
	margin: 0 auto;
	margin-bottom: 32px;
}

.colOne{
	display:-webkit-box;
  	display:-ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
	width:324px;
	margin: 0 auto;
	margin-bottom: 32px;
}
	
.colTwo li,
.colOne li {
	background-color: #ffffff;
}
	
.colTwo li a,
.colOne li a{
	display: block;
    opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.colTwo a:hover,
.colOne a:hover{
	/*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
    transform: translateY(-6px);*/
	opacity: 0.7;
}
.colTwo a:active,
.colOne a:active{
	opacity: 0.7;
}



}