@charset "UTF-8";

html,
body {
    height: 100%;
    /*overflow: hidden;*/
	margin:0;
	padding:0;
}
body {
	background: #fff;
    font-weight: bold;
    color: #8e8e8e !important;
    position: relative;
	font-size:16px;
	line-height:1.6;
}
@media(max-width:767px) {
	html,
	body {
   		height: 100%;
		/*overflow: hidden;*/
	}
}
img {
	width:auto !important;
	height:auto !important;
	margin:0 auto !important;
}
.img-responsive {
	width:100% !important;
	height:auto !important;
}
/* Responsive */
/* brake Point 767-768px */
@media (min-width: 768px) {
	.only-sp {
		display:none !important;
	}
}
@media(max-width:767px) {
	.only-pc {
		display:none !important;
	}
}

/*  */
.center {
	text-align:center !important;
}

.mT0 {
	margin-top:0 !important;
}
.mB0 {
	margin-bottom:0 !important;
}
.mB10 {
	margin-bottom:10px !important;
}
.mB30 {
	margin-bottom:30px !important;
}
.pT0 {
	padding-top:0 !important;
}
.pT10 {
	padding-top:10px !important;
}
.pT20 {
	padding-top:20px !important;
}
.pT30 {
	padding-top:30px !important;
}
.pT40 {
	padding-top:40px !important;
}

/* Title & Text */
h1 {
	font-size:40px;
	margin:30px auto 20px  auto !important;
	text-align:center;
}

h2.text_pink {
	font-size:32px;
	color:#e40077;
	margin-bottom:0.7em !important;
	line-height:1.4 !important;
	text-align:center;
}
h3 {
	font-size:26px;
	margin-bottom:0.4em !important;
	text-align:center;
}
h3.bg_pink {
	background-color:rgba(221,0,115,0.7);
	padding:10px 0;
}
.tl_sub {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	text-align:center !important;
  font-weight: 400;
}
p {
	margin-bottom:1.4em !important;
	line-height:1.6 !important;
}
p.text_num_title {
	font-size:26px;
	font-weight:500;
	text-align:center;
	margin-bottom:15px !important;
}
p.text_es_title_sub {
	font-size:20px;
	text-align:center;
	margin-bottom:5px !important;
}
p.text_read {
	margin:0 auto 1.3em auto !important;
	line-height:1.6 !important;
	max-width:1024px;
  font-weight: 400;
}
.text_small {
	font-size:82%;
  font-weight: 400;
}
.eyesight p , .eyesight p.text_num_title {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.9);
}
ul.es04point3 {
	font-size:22px;
	font-weight:500;
}
@media(max-width:767px) {
	p.text_read {
		font-size:20px;
	}
	.text_small {
		font-size:82%;
	}
	.tl_sub {
		font-size:20px;
    font-weight: 400;
	}
	.sp_eyesight p { /*section03 eyesight*/
		font-size:20px;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
	}
	.sp_eyesight p.text_num_title {
		font-size:26px;
		font-weight:500;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
	}
	.sp_eyesight h3 {
		margin-bottom:30px !important;
	}
	.sp_eyesight p.text_es_title_sub {
	margin-bottom:20px !important;
	}
	.text_history {
		font-size:20px;
    font-weight: 400;
	}
	.text_history_btm {
		font-size:18px;
	}
}

/* */
.section01 , .section02 , .section03 , .section04 , .section05 , .section06 {
	margin:0 auto;
	position:relative;
}

/* *** *** *** *** *** *** *** *** *** *** */
/* section01 */
.section01 {
	padding-bottom:20px;
	box-sizing:border-box;
	background:#fff;
}
@media (min-width: 768px) {
	.section01 {
		min-height:1700px !important;
	}
}
.mainVisual {
	margin:0 auto 30px auto;
	max-width:1600px;
	height:620px;
	background:url(../../img/eyesight/img101.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
}
.mainVisual img {
	padding-top:78px;
	width:auto;
	height:auto;
}
@media(max-width:767px) {
  .mainVisual {
  	margin:0 auto 30px auto;
  	width:100%;
  	height:254px;}


	.mainVisual img {
		width:66% !important;
		height:auto !important;
	}
}
.section01 p.text_read {
	max-width:1074px;
	margin:0 auto 2em auto;
	padding-left:25px;
	padding-right:25px;
}
img.img102 {
	max-width:1300px;
	height:auto;
}

/* *** *** *** *** *** *** *** *** *** *** */
/* section02 */
.section02 {
	padding-top:50px;
	padding-bottom:50px;
	padding-left:25px;
	padding-right:25px;
	box-sizing:border-box;
	background:#fff;
}
@media (min-width: 768px) {
	.section02 {
		min-height:1100px !important;
	}
}
img.img201 {
	max-width:1024px;
	height:auto;
}
img.img201:hover {
	opacity: 0.8;
	transition: opacity 0.3s ease-out;
}

/* *** *** *** *** *** *** *** *** *** *** */
/* section03 */
.section03 {
	box-sizing:border-box;
	position:relative;
	background:#f4f4f4;
	padding-bottom:50px;
}
.section03 h2 , .section03 .tl_sub {
	max-width:1074px;
  font-weight: 400;
	margin:0 auto 0 auto;
	padding-left:25px;
	padding-right:25px;
}
#section03_head{
	width:100%;
	height:100%;
	padding-top:50px;
	clear:both;
}
#section03_add{
	width:100%;
	height:100%;
	background:#f4f4f4;
	padding-bottom:50px;
}
/* *** *** */
/* section03 eyesight */

.eyesight a , .eyesight a:hover ,.eyesight a:visited {
	color:#fff;
	text-decoration:none;
}

/* Layout */
.eyesight {
	position:absolute;
	width:1600px;
	max-width:1600px;
	height:1000px;
	max-height:1000px;
	top: 0;
	left: 0;
	box-sizing:border-box;
	z-index:10;
}
.eyesight2 {
	margin:0 auto;
	max-width:1054px;
	height:1000px;
	max-height:1000px;
	/*overflow:scroll;*/
}
.box_text {
    z-index: 12;
	padding-bottom:150px;
}
.eyesight_box {
	/*width:100%;
	height:auto;
	min-height:1150px;
	background-color:#f4f4f4;
	text-align:center !important;
	box-sizing:border-box;
	overflow:hidden;
	clear:both;*/
}
.eyesight_box_in {
	max-width:1600px;
	width: 100%;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	height:1050px;
	min-height:1050px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	background-color:#f4f4f4;
}
/* tab frame */
iframe {
	width: 100% !important;
	background-color:#f4f4f4;
}
/* tab frame */
.eyesight_box_tb {
	/*width: 100%;
	height:auto;
	background-color:#f4f4f4;
	text-align:center !important;
	box-sizing:border-box;*/
}
.eyesight_box_in_tb {
	width:100% !important;
	height:auto;
	text-align:center;
	box-sizing:border-box;
}
.eyesight_box_in_tb iframe {
	width:100% !important;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}
.video-wrapper{
	max-width:1600px;
	height:auto;
	height:100% !important;
	margin:0 auto;
}
.video-wrapper video {
	/*min-height:100% !important;*/
}
@media (max-width: 767px) {
	/* 背景動画非表示 */
	.video-wrapper{
		display:hidden;
	}
}

/* Play movie Button */
.btn_movie {
	/*padding-top:10%;*/
	margin-bottom:20px;
	text-align:center !important;
	line-height:1.0;
}
.btn_movie img {
	margin-bottom:0 !important;
	width:74px;
	height:74px;
}
.btn_movie a {
	display:block;
	width:74px;
	margin:0 auto;
}
.btn_movie a:hover , .btn_movie a:hover img {
	opacity: 0.8;
	transition: opacity 0.3s ease-out;
}
.btn_movie img {
}
@media(max-width:767px) {
	.box_text {
	}
	.btn_movie {
	}
}

ul.es04point3 {
	padding:0 0 20px 0;
	text-align:center;
}
ul.es04point3 li {
	display:inline-block;
	padding:0 10px;
}

@media(max-width:767px) {
	.eyesight_box , .eyesight_box_in , .box_text , .btn_movie {
		height:auto;
		width:auto;
		position:relative;
		display:block;
		clear:both;
	}
	.sp_eyesight_wrap {
		padding:0;
	}
	.sp_eyesight {
		padding-top:50px;
		padding-bottom:50px;
		color:#fff;
	}
	.box_text {
		padding-left:25px;
		padding-right:25px;
		padding-bottom:30px;
	}
	.btn_movie {
		z-index:50;
	}
	.es01 , .es02 , .es03 , .es04, .es05{
		clear:both;
		display:block;
	}
	.es01 , .es02 , .es03 , .es0, .es05{
		background-size:cover;
		width: 100%;
		height: 100%;
	}
	.es01 {
		background-image: /*url(../../img/eyesight/bg_dot20.png) ,*/
								url(../../img/eyesight/img301sp.jpg);
		background-position: 40% 50%;
	}
	.es02 {
		background-image: /*url(../../img/eyesight/bg_dot20.png) ,*/
								url(../../img/eyesight/img302sp.jpg);
		background-position: 50% 50%;
	}
	.es03 {
		background-image: /*url(../../img/eyesight/bg_dot20.png) ,*/
								url(../../img/eyesight/img303sp.jpg);
		background-position: 50% 50%;
	}

	.es04 {
		background-image: /*url(../../img/eyesight/bg_dot20.png) ,*/
								url(../../img/eyesight/img304sp.jpg);
		background-position: 60% 50%;
	}

  .es05 {
		background-image: /*url(../../img/eyesight/bg_dot20.png) ,*/
								url(../../img/eyesight/img301sp.jpg);
		background-position: 60% 50%;
    margin-bottom: 40px;
	}

	.sp_eyesight a , .sp_eyesight a:hover , .sp_eyesight a:visited {
		color:#fff;
		text-decoration:none;
	}
	.section03_add {
		width:auto;
		margin:0 auto 2em auto;
		padding-top:25px;
		padding-left:25px;
		padding-right:25px;
	}
}

.section03_add {
	max-width:1074px;
	margin:0 auto;
	padding-top:0;
	padding-left:25px;
	padding-right:25px;
}


/* *** *** *** *** *** *** *** *** *** *** */
/* section04 */
.section04 {
	max-width:1600px;
	padding-top:50px;
	padding-bottom:50px;
	box-sizing:border-box;
	text-align:center;
	min-height:2000px;
}
.history_wrapper {
	padding-top:70px;
	padding-bottom:50px;
	max-width:1600px;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image:url(../../img/eyesight/bg401_history.jpg);
}
@media(max-width:767px) {
	.section04 {
		padding-top:50px;
		padding-bottom:50px;
		box-sizing:border-box;
	}
	.history_wrapper {
		background-image:url(../../img/eyesight/sp_bg401_history.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-size:100% auto;
		box-sizing:border-box;
	}
}

.section04 h2 , .section04 tl_sub {
	max-width:1074px;
	margin:0 auto 0 auto;
}
.history {
	max-width:1054px;
	box-sizing:border-box;
	margin:0 auto;
	margin-bottom:100px;
	color:#555;
	text-shadow: 1px 1px 2px rgba(255,255,255,1.00);
	position:relative;
}
.history p.year {
	background:#8e8e8e;
	color:#fff;
	margin:0 auto;
	padding-top:7px;
	padding-bottom:7px;
	max-width:8em;
	font-size:26px;
	line-height:1.0;
	text-shadow:none;
	text-align:center !important;
}
.history h3 {
	margin:15px auto;
}
.history p.text_history {
	margin:0 auto;
	max-width:570px;
  font-weight: 400;
	text-align:center !important;
}
.history_btm {
	margin-bottom:250px;
}
.text_history_btm {
	margin:0 auto 0px auto;
	max-width:1074px;
	color:#555;
}
@media(max-width:767px) {
	.history_btm {
		margin-bottom:300px;
	}
	.text_history_btm {
		padding-left:25px;
		padding-right:25px;
	}
}

/* section04 images*/
@media (min-width: 768px) {
	.img401 , .img402 , .img403 , .img404 , .img405 {
		position:absolute;
		font-size:80%;
		line-height:1.0;
		text-align:center;
    font-weight: 400;
	}
	.img401 {
		top:-60px;
		left:0px;
	}
	.img402 {
		top:-100px;
		right:0px;
	}
	.img403 {
		top:-100px;
		left:0px;
	}
	.img404 {
		top:-100px;
		right:0px;
	}
	.img405 {
		top:-60px;
		left:0px;
	}
}
@media(max-width:767px) {
	.img401 , .img402 , .img403 , .img404 , .img405 {
		position:relative;
		text-align:center !important;
	}
}

/* *** *** *** *** *** *** *** *** *** *** */
/* section05 */
.section05 {
	padding-top:50px;
	padding-bottom:50px;
	background:#f4f4f4;
}
.section05 h2 {
	max-width:1074px;
	margin:0 auto 30px auto;
	padding-left:25px;
	padding-right:25px;
}
.section05 h3 {
	max-width:1074px;
	margin:50px auto 25px auto;
	padding-left:25px;
	padding-right:25px;
}
.section05 p {
	padding-left:25px;
	padding-right:25px;
}
.section05 p.text_read {
	max-width:1074px;
	margin:0 auto 2em auto;
	text-align:center;
}
@media(max-width:767px) {
	.section05 p.text_read {
		text-align:left;
	}
}


/* *** *** *** *** *** *** *** *** *** *** */
/* section06 */
.section06 {
	padding-top:50px;
	padding-bottom:50px;
	padding-left:25px;
	padding-right:25px;
	box-sizing:border-box;
	background:#eee;
}
img.img601 {
	max-width:1024px;
	height:auto;
}
img.img601:hover {
	opacity: 0.8;
	transition: opacity 0.3s ease-out;
}
/* *** *** *** *** *** *** *** *** *** *** */
/* skroller
.skrollable {
　position:fixed;
　z-index:100;
}
.skrollr-mobile .skrollable {
　position:absolute;
}
.skrollable .skrollable {
　position:absolute;
}
.skrollable .skrollable .skrollable {
　position:static;
}
 */

/* *** *** *** *** *** *** *** *** *** *** */
.side_bar {
	z-index:100;
}

/*  ------------- */
/*   section_es   */
.section_es_container{
	width:100%;
	background-color:#f9f9f9;
}
.section_es{
	background-color:#f9f9f9;
	color:#8e8e8e;
	max-width:1333px;
	margin-top:20px;
	margin-bottom:20px;
	padding:30px;
}
.section_es .pc-show {
	display: block;
}
.section_es .m-show {
	display: none;
}
.section_es .txt_group h2, .section_es .txt_group h4{
	text-align:left;
	padding:0 10px;
}
.section_es .counter{
	background-color:#edebec;
	margin:20px 10px 10px;
}
.section_es .counter iframe{
	width: 250px !important;
	height: 100px;
	background-color:#edebec;
}
.section_es .counter small{
	font-size: 24px;
	line-height: 16px;
	position:relative;
	top:-20px;
}
.section_es .cnt{
	border: none;
	margin: 0;
	padding: 0;
}
.section_es .txt_group a.more_btn{
	position:relative;
	z-index:1000;
	margin-left:10px;
}
@media(max-width: 1400px){
	.section_es .txt_group {
		margin-left: -10px;
	}
	.section_es .counter {
		font-size: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	.section_es .txt_group a.more_btn{
	}
	.section_es .counter small{font-size: 16px;line-height: 12px;margin: 20px 0 0;}
	.section_es .counter iframe { width: 200px !important; height: 80px; }
}
@media(max-width: 1200px){
	.section_es .txt_group {
		padding-top:1%;
	}
	.section_es .counter {
		line-height: 20px;
		padding: 0 10px;
		margin:3px 10px;
	}
	.section_es .txt_group a.more_btn{
		margin-top:10px;
	}
	.section_es .counter iframe { width: 150px !important; height: 64px; }
}
@media(max-width: 991px){
	.section_es .txt_group h2, .section_es .txt_group h4{
		text-align:center;
	}
	.section_es .pc-show {
		display: none;
	}
	.section_es .m-show {
		display: block;
	}
	.section_es .medium-7,.section_es .medium-10{
		width:100%;
	}
	.section_es .counter {
		margin:20px 30px;
	}
	.section_es .txt_group a.more_btn{
		position:absolute;
		margin-top:40%;
		margin-left:36%;
		border-color:#fff;
		color:#fff;
		width:200px;
		height:50px;
	}
	.section_es .txt_group a.more_btn span{
		font-size:14px !important;
		line-height: 52px;
	}
}
@media(max-width: 640px){
	.section_es{
		padding:0;
		margin-bottom:0;
	}
	.section_es .counter {
		margin:20px 30px 30px;
	}
	.section_es .txt_group a.more_btn{
		position:absolute;
		margin-top:40%;
		margin-left:36%;
	}
}
/*   section_es end  */
.header .third_nav ul li{
	line-height: 18px !important;
	position: relative;
}

.header .third_nav ul li:nth-child(6){
	line-height: 28px;
	vertical-align: middle;
}
.header .third_nav ul li b{
color: #383d9b;
}

.header .third_nav ul li.cur {
    background: #383d9b;
    padding: 3px;
    height: 36px;
}

@media screen and (max-width: 40em){
br {
    display: none;
}

.m_other_nav .title i{
          left: 72%;
}

}