@charset "UTF-8";
/*======================
 	メインタイトル部分
========================*/
#h1image.h1img{
  background: url('../img/p_001_h1.jpg') center 0 no-repeat;
  position: relative;
  height: 0;
  /* 表示画像の高さ500 ÷ 表示画像の幅1280 × 100 */
  padding-top: 39.0625%;
  background-size: contain;
  margin: 0 auto 0 auto;
}
#h1image{
  padding: 15px 15px 0 15px;
}
/*======================
 	内容
========================*/
.ly_wrapper_cont900{
  line-height: 1.8em;
}
/* インタビューページ */
.creer_point{
  background: linear-gradient(transparent 80%, #b9d3ed 80%);
}
.creer_point_2{
  background: linear-gradient(transparent 80%, #fbdab9 80%);
}
.interview_contents{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
}
.interview_contents_re{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.interview_contents , .interview_contents_re{
  margin: 0px auto 40px auto;
  clear: both;
}
.interview_contents:first-child{
  margin-top: 50px;
}
.interview_paragraph {
  width: 60%;
}
.interview_paragraph_100 {
  width: 100%;
  margin: 0px auto 40px 0;
}
.interview_paragraph_100 figure{
  width: 50%;
}
.interview_contents .interview_paragraph , .interview_contents .interview_paragraph_60{
  padding-right: 40px;
}
.interview_contents_re .interview_paragraph , .interview_contents_re .interview_paragraph_60{
  padding-left: 40px;
}
.interview_contents p , .interview_paragraph p , .interview_paragraph_60 p , .interview_paragraph_100 p{
  margin-bottom: 1.25em;
}
.interview_photo{
  width: 40%;
}
h2.inteviewcareer{
  margin-top: 100px;
  margin-bottom: 50px;
	font-weight: 700;
	font-size: 1.45em;
}
/*==============================

画面サイズが768px以下の場合に適用

================================*/
@media screen and (max-width: 767px) {
#h1image.h1img{
  background: url('../img/p_001_h1_sp.jpg') center 0 no-repeat;
  position: relative;
  height: 0;
  /* 表示画像の高さ576 ÷ 表示画像の幅768 × 100 */
  padding-top: 75%;
  background-size: contain;
  margin: 0 auto 0 auto;
}
/* naka */
.interview_contents:first-child{
  margin-top: 20px;
}
.interview_contents , .interview_contents_re{
  margin: 0px auto 40px auto;
  display: block;
}
.interview_paragraph , .interview_photo , .interview_paragraph_60 , .interview_photo_40{
  width: 100%;	
}
.interview_contents .interview_paragraph , .interview_contents .interview_paragraph_60{
  padding-right: 0px;
}
.interview_contents_re .interview_paragraph , .interview_contents_re .interview_paragraph_60{
  padding-left: 0px;
}
}
/*==============================

画面サイズが499px以下の場合に適用

================================*/
@media screen and (max-width: 499px) {
h2.inteviewcareer{
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 1.25em;
}
}