@charset "shift_jis";
/* CSS Document */
html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

body {
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow: hidden;
}

.wrap {
	width: 100%;
	width: 100vw;
	height: 100%;
	overflow: hidden;
}

#header {
	width: 130%;
	margin: 0 auto 0 auto;
	height: 100%;
	overflow: hidden;
}
#header img {
	width: 100%;
	height: auto;
	margin: 0 auto 0 -11.5%;
	padding:0;
}
#intro {
	background: #eee;
	padding: 3em 0;
}
#intro p {
	font-size: 18px;
	max-width: 730px;
	margin: 1em auto;
	padding: 0 1em;
	line-height: 2em;
}
#top_nav {
	overflow: hidden;
}
#top_nav img {
	display: block;
	width: 100%;
	height: 100%;
}

.top_nav_btn {
  overflow: hidden;
  /* width: 1025px; */
  list-style: none;
  margin: 0 auto;
  padding: 0 0 0 128px;
  text-align: center;
}
.top_nav_btn li {
	display: block;
	float: left;
	padding: 0;
}
.top_nav_btn img {
	display: block;
}

.top_nav_btn .btn01 {
	margin-top: 25px;
}
.top_nav_btn .btn02 {
  margin-top: 180px;
  margin-left: 20px;
}
.top_nav_btn .btn03 {
  margin-left: 78px;
  margin-top: 225px;
}
.top_nav_btn .btn04 {
  margin-top: 180px;
  margin-left: 70px;
}
.top_nav_btn .btn05 {
	margin-top: 25px;
  margin-left: 50px;
}

.scene {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.scene_title {
	clear: both;
	margin: 0;
	position: relative;
	z-index: 3;
	display: block;
	text-align: center;
	font-size: 25px;
	font-family: "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight: normal;
	color: #fff;
	padding: 35px 20px 35px 10px;
	line-height: 1.4em;
}
.scene_title01 {
  background: #30B6AB;
  /* width: 100%; */
  padding-right: 20px;
}
/*.scene_title img {
	display: block;
	width: 1000px;
	margin: 0 auto;
}
*/
.scene_number {
	margin: -95px auto -65px auto;
	padding: 0;
	width: 160px;
	height: 160px;
	display: block;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}
.scene_number_disp {
	margin: 0px 0 0 0;
	padding: 95px 0 0 0;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 4;
	font-size: 22px;
	font-weight: normal;
}
.scene_number_disp  span {
	display: block;
	font-size: 18px;
}

.scene_img {
	width: 100%;
	width: 100vw;
	height: auto;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
}

.scene_img_right {
	display: block;
	float: right;
	  padding-top: 30px;
}
.scene_img_left {
  display: block;
  float: left;
	padding-top: 30px;
}

.scene_txt {
  padding: 50px 0px;
  width: 960px;
  margin: 0 auto;
}

/*対談テキスト部分*/
.talk {
  display: block;
	width: 95%;
  margin: 30px auto 0 0;
  padding: 0 10px 0 0;
}
.talk dt {
	text-align: right;
	clear: both;
	float: left;
	width: 100px;
	line-height: 2em;
}
.interview {
	color: #333;	
}
.interview span {
	display: block;
	font-size: 12px;
	margin: -0.5em;
}
.ceo-before {
	color: #2DB7B2;
}
.ceo {
	color: #4CC4F1;
}

.talk dd {
  color: #333;
  margin: 0;
  padding: 0 0 30px 120px;
  vertical-align: top;
  line-height: 2em;
}
.talk dd p {
	margin: 0;
	
}


/*Scene1*/
#scene01 .scene_title,
#scene01 .scene_number {
	background: #30b6aa;
}


/*Scene2*/
#scene02 .scene_title,
#scene02 .scene_number {
	background: #00bbc2;
}


/*Scene3*/
#scene03 .scene_title,
#scene03 .scene_number {
	background: #00bdce;
}
#scene03 .scene_txt {
  padding-top: 90px;
  overflow: hidden;
}
#scene03 .talk {
  float: left;
	width: 600px;
}

/*Scene4*/
#scene04 .scene_title,
#scene04 .scene_number {
	background: #00c0da;
}
#scene04 .scene_txt {
	padding-top: 90px;
}
#scene04 .talk_sub {
  float: left;
  width: 550px;
/*	margin-left: -20px;
	padding-right: 20px;*/
}

/*Scene5*/
#scene05 .scene_title,
#scene05 .scene_number {
	background: #00c2e6;
}
#scene05 .talk {
	padding-top: 60px;
}

#profile {
	width: 960px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	font-size: 14px;
}

.ceo-before-prof {
	float: left;
	width: 440px;
	margin: 0 80px 0 0;
}
.ceo-before-prof  h3 {
  font-size: 30px;
  margin: 20px 20px;
  font-weight: normal;
  color: #000;
}
.ceo-before-prof  h3 span {
	font-size: 14px;
	color: #2DB7B2;
	font-weight: normal;
	margin-left: 50px;
}
.ceo-before-img {
	float: left;
	margin: 0 30px 0 0;
}
.ceo-before-data {
	float: right;
	width: 218px;
	padding: 0;
	margin: 0 0 0 0;
}
.ceo-before-data dt {
	color: #2DB7B2;
}
.ceo-before-data dd {
	margin: 0;
	padding: 0 0 1em 0;
}

.ceo-prof {
	float: left;
	width: 440px;
	margin: 0;
}
.ceo-prof  h3 {
  font-size: 30px;
  margin: 20px 20px;
  font-weight: normal;
  color: #000;
}
.ceo-prof  h3 span {
	font-size: 14px;
	color: #2DB7B2;
	font-weight: normal;
	margin-left: 80px;
}
.ceo-img {
	float: left;
	margin: 0 30px 0 0;
}
.ceo-data {
	float: right;
	width: 218px;
	padding: 0;
	margin: 0 0 0 0;
}
.ceo-data dt {
	color: #2DB7B2;
}
.ceo-data dd {
	margin: 0;
	padding: 0 0 1em 0;
}

.interview-prof {
	width: 100%;
	overflow: hidden;
}
.interview-img {
	display: block;
	float: left;
	width: 104px;
	margin: 0 0 20px 0;
}
.interview-data {
  width: 300px;
  margin: 0 0 0 120px;
  padding: 0;
}
.interview-data dt {
	padding: 0;
	margin: 0;
	line-height: 2.3em;
}
.interview-data dd {
	padding: 0;
	margin: 0 0 0 1em;
}



#footer {
	width: 100%;
	height: 100px;
	background: #941e58;
}

/*クリアフィックス*/
.clearfix {
	clear: both;
	overflow: hidden;
	border: 0;
	color: rgba(0,0,0,0);
}

/*ボタンを固定する*/
#page-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
	height: 77px;
	width: 85px;
	z-index: 5;
}
/*ボタンをデザインする*/
#page-top a {
	background: url(../img/scroll_top_back.png) no-repeat center;
	text-decoration: none;
	color: #666;
	text-align: center;
	display: block;
	height: 77px;
	width: 85px;
	font-size: 14px;
}
#page-top a:hover {
	background: url(../img/scroll_top_back_on.png) no-repeat center top;
}

#page-top a span {
	display: inline-block;
	padding: 77px 0 0 0;
	color: #aaa;
}
#page-top a:hover span {
	color: #333;
}

.point {
	color: #941e58;
}