.bg-new-item{
  background-image: url(/cp-bin/wordpress/wp-content/uploads/bg-new-item.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
}

/*Link ---------------------------------------*/
.linkbox{
  position: relative;
  width:100%;
  height:100%;
}
.linkbox a{
  display: block;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 2;
  padding-bottom: 0px;
  transition: all 500ms 0s ease-in-out;
}
.linkbox a:hover{
  padding-bottom: 0px;
	background-color: rgba(0,0,0,0);
}



 .panel-heading {
    cursor: pointer;
}
 h2.accordion-toggle  {
    position: relative;
}
 h2.accordion-toggle :after {
   position: absolute;
   top:0%;
   right:-5px;
    font-family: 'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: inherit;
    font-size: 60%;
}
h2.accordion-toggle .collapsed:after {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
    font-size: 60%;
}

div#faq .vc_tta-panel-heading{background-color: transparent; }
div#faq .panel{background-color:rgba(255,255,255,0.85);}
div#faq .vc_tta-title-text{color:#fff; font-weight:900; font-size:120%;}
div #faq .panel-title{font-size:100%;}
div#faq.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, div#faq .vc_tta-controls-icon.vc_tta-controls-icon-plus::before, div#faq .vc_tta-controls-icon.vc_tta-controls-icon-plus::after{border-color:#fff;}
div#faq p{font-size:90%; line-height: 1.4;}

div#faq1{background-color: #f89174;}
div#faq2{background-color: #63cfbd;}
div#faq3{background-color: #6699cc;}



/*temp*/
/*Interview*/

ul.interview {
  padding: 0;
  margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
    li.face {
        width:200px;
        height:200px;
        margin:0;
        padding:10px;
        list-style:none;
    }
		@media (max-width: 767px){
			li.face {
        width:150px;
        height:150px;
			}
		}
    li.talk {
        width : calc(100% - 200px) ;
        margin:0;
        padding:10px;
        list-style:none;
    }
		@media (max-width: 767px){
			li.talk {
        width : calc(100% - 150px) ;
			}
		}

.section_left {
    width: 100%;
    margin: 10px 0;
	position: relative;
}

.section_left .faceicon {
    position: absolute;
    float: left;
    margin-right: -50px;
    width: 180px;
}
@media (max-width: 767px){
	.section_left .faceicon {
    position: absolute;
    float: left;
    margin-right: -50px;
    width: 130px;
	}
}

.section_left .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.section_left .chatting {
    width: 100%;
    text-align: left;
}
.talk_left {
    display: inline-block;
    position: relative; 
    margin: 0;
    padding: 10px 10px 10px 15px;
	font-size: 90%;
	line-height:1.6em;
    max-width: 700px;
    border-radius: 12px;
    background: #eee;
}

.talk_left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 2em; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #eee;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.talk_left p {
    margin: 0;
    padding: 0;
}

a.hover_w{
	color:#000;
}
a.hover_w:hover{
	color:#fff;
}


.fadein div{
    opacity : 0;
    transform : translate(0, 30px);
    transition : all 1000ms;
}
.fadein.scrollin div.fadein-child {
    opacity : 1;
    transform : translate(0, 0);
}

/* 2つ目の要素に300msのdelayをかける */
.fadein div.fadein-child:nth-child(2) {
  -moz-transition-delay:300ms;
  -webkit-transition-delay:300ms;
  -o-transition-delay:300ms;
  -ms-transition-delay:300ms;
}
/* 3つ目の要素に500msのdelayをかける */
.fadein div.fadein-child:nth-child(3) {
  -moz-transition-delay:500ms;
  -webkit-transition-delay:500ms;
  -o-transition-delay:500ms;
  -ms-transition-delay:500ms;
}
/* 4つ目の要素に700msのdelayをかける */
.fadein div.fadein-child:nth-child(4) {
  -moz-transition-delay:700ms;
  -webkit-transition-delay:700ms;
  -o-transition-delay:700ms;
  -ms-transition-delay:700ms;
}
/* 5つ目の要素に900msのdelayをかける */
.fadein div.fadein-child:nth-child(5) {
  -moz-transition-delay:900ms;
  -webkit-transition-delay:900ms;
  -o-transition-delay:900ms;
  -ms-transition-delay:900ms;
}

/*new-item*/
h2.new-item {
  position: relative;
  text-align: center;
	font-size: 120%;
	font-weight: 700;
}
h2.new-item span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h2.new-item::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}