@charset "utf-8";
/* CSS Document */

@import url("incl/normalize.css");
@import url("incl/accordion.css");
@import url("incl/accordionbox.css");
@import url("incl/grid.css");
@import url("incl/base.css");
@import url("utility.css");
@import url("moviebuttom.css");


/* GDPR */
.cc-banner .cc-message,.cc-window .cc-message{text-align: left;}
html, body {
    /*height: 100%;*/
    width: 100%;
	background-color: #111;
	margin:0;
	padding:0;
}

body {    
	background-color: #000;
    color: #fff;
    font-family:"KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
	margin:0;
	padding:0;
	min-height:100%;
}

#wrapper {
    height: auto !important;
    position: relative;
    width: auto !important;
	background-color:#000;
	
	min-height:100%;
}

.imgTxt_sp{
	display:none;
}
.imgTxt_sub_sp{
	display:none;
}

.sp{
	display:none !important;
}

#top {
    margin: 0;
    padding: 0;
    position: relative;
}

#top-content{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

#gdc{
	margin:0 auto;
	width:30%;
	margin-top:100px;
	border-top: dotted 1px #fff;
	padding-top:10px;
	padding: 20px 15px 0 15px;
	min-width:500px;
}

.headgp {
    background: none repeat scroll 0 0 #111;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
}

.mizuchi_logo_sp{
	display:none;
}

#mizuchi_logo{
	position:absolute;
	left:20px;
	width:200px;
	/*opacity:0;*/
	margin-top:15px;
}
#mizuchi_logo.silicon-logo{
	width:210px;
	margin-top:5px;
}
#mizuchi_logo.silicon-logo img{
	width: 100%;
}
#menu_top #mizuchi_logo .mizuchi{
	display:none;
}
#menu_top.fixed #mizuchi_logo .silicon{
	display:none;
}
#menu_top.fixed #mizuchi_logo .mizuchi{
	display:block;
	/*margin-top:10px;*/
}
#menu_top.fixed .headmenu ul{
	padding-top:25px;
}
#menu_top.fixed .lang{
	top:25px;
}
@media all and (-ms-high-contrast:none){
	
	#menu_top.fixed .lang{
		top:32px;
	}
}
.mizuchi_logo{
    height: auto;
    margin: 180px auto 0;
    text-align: center;
    width: 100%;
	text-shadow: 0 0 10px #000;
}
.mizuchi_logo p{
	font-size:1.2rem;
	margin-top:30px;
}
.mizuchi_logo p span{
	color:#70c4d6;
}
h1 img{
	width:400px;
}

#video_slide{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	margin-bottom:50px;
}
#vidpause a #video_btn{
	width:100%;	
}
#vidpause a .play_btn img{
	opacity:0.8;
	transform:scale(1,1);
	transition: all 0.3s ease-in-out 0s;
}
#vidpause a:hover .play_btn img{
	opacity:1;
	/*transform:scale(1.2,1.2);*/
	transition: all 0.3s ease-in-out 0s;
}
#vidpause a:hover  .play_btntext{
	opacity:1;
	transition: all 0.4s ease-in-out 0s;
}
#vidpause a .play_btntext{
	margin-top:-60%;
	opacity:0;
	transition: all 0.4s ease-in-out 0s;
}
#vidpause a .play_btn{
	margin:0 auto;
	text-align:center;
	width:100%;
	/*margin-top:-40%;*/
	margin-top:-40%;
	transition: all 0.4s ease-in-out 0s;
}
#vidpause a:hover .play_btn{	
	
	transition: all 0.4s ease-in-out 0s;
}
.play_btn img{
	width:20%;
	opacity:1;
}
.play_btn_big{
	position:absolute;
	margin:0 auto;
	text-align:center;
	width:400px;
	margin-top:90px;
}
.play_btn_big img{
	width:25%;
	opacity:0;
}

.museum_l{    
	margin: 0 auto;
    width:25%;
	cursor: pointer;
	margin-top:50px;
	float:left;
	margin-left:20%;
}
.museum_r{    
	margin: 0 auto;
	width:25%;
	cursor: pointer;
	margin-top:50px;
	float:right;
	margin-right:20%;
}

#menu{
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#111;
	/*background-color:#004484;*/
	z-index:99;
	position:fixed;
	top:0px;
	display:none;
	opacity:0;
	height:70px;
}
#menu .lang{
	position:absolute;
	right:20px;
	top:25px;
}
@media all and (-ms-high-contrast:none){
	#menu .lang{
		top:32px;
	}
}
#menu_top{
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#111;
	/*background-color:#004484;*/
	z-index:99;
	position:relative;
	height:70px;
}
#menu_top.fixed{
	position:fixed;
	top:0;
}

#menu_top .lang{
	position:absolute;
	right:20px;
	top:20px;
}
@media all and (-ms-high-contrast:none){
	#menu_top .lang{
		top:32px;
	}
}
	
#menu_top ul {
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

#menu_top a {
	color: #fff;
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}
#menu_top a:hover {
	color: #70c4d6 !important;
	/*color:#004484;*/
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

.headmenu{
	width: 67%;
	/*padding:10px 0;*/
	background-color:#111;
	margin-left: 20%;
	min-width:575px;
}


#sub-main_menu{
	max-width:1000px;
	width:90%;
	margin:0 auto;
	margin-top:80px;
}
#sub-main_menu li{
    float: left;
	margin-right:50px;
	font-size:14px;
}
#sub-main_menu li a{
	display:inline-block;
    padding-left:20px;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:15px 8px;
}
#sub-main_menu li a:hover{
	background-image:url(../images/icon_on.png);
}

@media all and (-ms-high-contrast:none){
  #sub-main_menu li a{
	background-position:0 5px;
  }
}

.sub-title {
	margin:0 auto;
	margin-top:70px;
	width:90%;	
}

/*.leng {
    font-family: Helvetica,Arial,sans-serif;
}*/

.title_line{
	margin:0 auto;
	width:100%;
	border-top: 1px solid #444;
	margin-top:100px;
	margin-bottom:40px;
	max-width:1000px;
}

#section1 .title{
	margin:0 auto;
	width:15%;
	max-width:1200px;
	padding-top:8%;
	padding-bottom:20px;
	font-size: 3.5rem;
	line-height:4rem;
    font-weight:lighter;
	text-shadow: 0 0 10px #000;
	min-width:195px;
}

#section2 .title,
#section3 .title,
#section4 .title,
#section5 .title,
#section6 .title,
#section7 .title,
#section8 .title{
	margin:0 auto;
	width:50%;
	max-width:1200px;
	padding-top:10%;
	padding-bottom:30px;
	font-size: 3.5rem;
	line-height:4rem;
    font-weight:lighter;
	text-shadow: 0 0 10px #000;
}

.title{
	margin:0 auto;
	/*width:10%;*/
	max-width:1200px;
	padding-top:70px;
	/*padding-bottom:20px;*/
	font-size: 3.5rem;
	line-height:4rem;
    font-weight:lighter;
	text-shadow: 0 0 10px #000;
}



#scroll_down{
	position:absolute;
	bottom:15px;
	margin:0 auto;
	width:6%;
	margin-left:47%;
}

/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section0,#section1,#section2,#section3,#section4,#section5,#section6,#section7,#section8,#section9{
		background-size: cover;
	}
/* Defining each section background and styles
	* --------------------------------------- */
	#section0{
		/*background-image: url(imgs/bg1.jpg);
		padding: 30% 0 0 0;*/
	}
	#section1{
	}
	#section2{
		background-image: url(../images/bg_slide/bg_9.png);
	}
	#section3{
		background-image: url(../images/bg_slide/bg_2.png);
	}
	#section4{
		background-image: url(../images/bg_slide/bg_3.png);
	}
	#section5{
		background-image: url(../images/bg_slide/bg_4.png);
	}
	#section6{
	}
	#section7{
		background-image: url(../images/bg_slide/bg_5.png);
	}
	#section8{
		background-image: url(../images/bg_slide/bg_6.png);
	}
	#section9{
		background-image: url(../images/bg_slide/bg_7.png);
	}
	#section10{
		background-image: url(../images/bg_slide/bg_8.png);
	}
	
 
	#slide_content{
		width:90%;
		max-width:1200px;
		margin:0 auto;
		text-align:left;
	}
	#slide_content2{
		width:90%;
		max-width:1200px;
		margin:0 auto;
		text-align:center;
	}
	#slide_content .sub_title{
		width:60%;
		margin:0 auto;
		text-align:center;
	}
	#slide_content p{
		padding-left:15%;
		padding-right:15%;
		font-size:16px;
	}
	#section4 #slide_content p {
    	padding-left: 15%;
    	padding-right: 15%;
		text-align:center;
	}
	#slide_content ul{
		padding-left:15%;
		padding-right:15%;
	}
	
	.sub_pic{
		width:50%;
		margin:0 auto;
		padding-bottom:5%;
		padding-top:2%;
	}
	#section4 .sub_pic{
		width:600px;
		margin:0 auto;
		padding:30px;
		/*background-color:rgba(0,0,0,0.5);
		border-radius:10px;*/
		min-width:450px;
	}
	#section4 .sub_pic0{
		width:600px;
		margin:0 auto;
		display:none;
	}
	#section4 .sub_pic1{
		width:450px;
		margin:0 auto;
	}
	#section4 .sub_pic2{
		width:196px;
		position:absolute;
		margin-top:-105px;
		margin-left:75px;
	}
	#section4 .sub_pic3{
		width:196px;
		position:absolute;
		margin-left:-180px;
		margin-top:-160px;
	}
	#section5 .sub_pic{
		width:80%;
		margin:0 auto;
		margin-top:50px;
		padding:30px;
		padding-bottom:50px;
		background-color:rgba(0,0,0,0.5);
		border-radius:10px;
		min-width:800px;
	}
	
	
	.fp-controlArrow {
		display:none;
	}
	#actions .moveslide{
		width:80px;
	}
	
	#section7 #slide_content{
		margin:0 auto;
	}
	#section7 #slide_content ul{
		padding:0;
		width:55%;
		padding-left:25%;
		font-size:20px;
		line-height:40px;
		margin-top:30px;
	}
	#section7 #slide_content li:first-child{
		padding-left:0;
		font-size:20px;
		margin-bottom:20px;
	}
	#section7 #slide_content li{
		padding-left:20px;
		font-size:16px;
		line-height:28px;
	}
	
	
/*******  social  *************/

.social{
	position:absolute;
	right:10px;
	/*opacity:0;*/
	margin-top:20px;
}
.sns{
	float:right;
}
@media all and (-ms-high-contrast:none){
	.sns{
		margin-top:-5px;
	}

}
.btn_social{
	float:right;
}
.share{
	float:right;
	margin: 0 9px 0 0;
}

a.side-twitter {
margin: 0 0 0 9px;
padding: 0;
display:inline-block;
background: url(../images/social/btn_social_twitter@2x.png) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
       -moz-background-size: 32px 32px;
         -o-background-size: 32px 32px;
            background-size: 32px 32px;
width: 32px;
height: 32px;
border-bottom: none;
/*float: right;*/
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top:-5px;
}


a.side-twitter span {
display: none;
}


a.side-twitter:hover{
background: url(../images/social/btn_social_twitter_ov@2x.png) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
       -moz-background-size: 32px 32px;
         -o-background-size: 32px 32px;
            background-size: 32px 32px;
}



a.side-facebook {
margin: 0 0 0 9px;
padding: 0;
display:inline-block;
background: url(../images/social/btn_social_fb@2x.png) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
       -moz-background-size: 32px 32px;
         -o-background-size: 32px 32px;
            background-size: 32px 32px;
width: 32px;
height: 32px;
border-bottom: none;
/*float: right;*/
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top:-5px;
}


a.side-facebook span {
display: none;
}

a.side-facebook:hover{
background: url(../images/social/btn_social_fb_ov@2x.png) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
       -moz-background-size: 32px 32px;
         -o-background-size: 32px 32px;
            background-size: 32px 32px;
}


a.side-gplus {
margin: 0 0 0 9px;
padding: 0;
display:inline-block;
background: url(../images/social/btn_social_g@2x.png) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
       -moz-background-size: 32px 32px;
         -o-background-size: 32px 32px;
            background-size: 32px 32px;
width: 32px;
height: 32px;
border-bottom: none;
/*float: right;*/
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top:-5px;
}


a.side-gplus span {
display: none;
}

a.side-gplus:hover{
background: url(../images/social/btn_social_g_ov@2x.png) 0 0 no-repeat;
	-webkit-background-size: 32px 32px;
       -moz-background-size: 32px 32px;
         -o-background-size: 32px 32px;
            background-size: 32px 32px;
}

/*******  features  *************/
#features{
	height:600px;
	background-color: #000;
}

.twoColumn{
	width:100%;
	clear: both;
    content: "";
    display: block;
}

#slide_content .twoColumn .sub_title{
	margin:0 auto;
	width:90%;
}

.twoColumn .left {
    float: left;
    margin-top: 14px;
    padding-right:5%;
	padding-left:10%;
    width: 35%;
	text-align:left;
}
.twoColumn .right {
    float: right;
    margin-top: 14px;
	padding-right:10%;
	padding-left:5%;
    width: 35%;
	text-align:left;
}

#section6 .twoColumn .left {
    float: left;
    margin-top: 14px;
    width: 50%;
	text-align:left;
	padding:0;
}
#section6 .twoColumn .right {
    float: right;
    margin-top: 14px;
    width: 50%;
	text-align:right;
	padding:0;
}
#section6 .twoColumn .left img{
	width: 92%;
}

#slide_content .twoColumn p{
	padding:0;
}

.qa a {
    background-image: url("../images/icon_mail_on.png");
	background-position: 20% 50%;
    background-repeat: no-repeat;
	background-size:8%;
    border: 1px solid #70c7d9;
    margin: 10px auto 0;
    padding: 10px 0px;
    text-align: center;
    width: 400px;
	color:#70c7d9;
}
.qa a span{
	padding-left:50px;
}

.qa a:hover {
	background: url("../images/icon_mail.png") no-repeat;
	background-position: 20% 50%;
	background-size:8%;
	background-color:#70c7d9;
	color: #fff;
	border: 1px solid #70c7d9;
	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}

.yebis_twoColumn{
	margin:0 20%;
	background-color:rgba(0,0,0,0.3);
	border-radius: 10px;
	font-size:13px;
	line-height:20px;
}
.yebis_twoColumn .left {
    float: left;
    margin-top: 14px;
    width: 42.5%;
	text-align:left;
	padding-left:5%;
	padding-right:2.5%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	
}
.yebis_twoColumn .right {
    float: right;
    margin-top: 14px;
    width: 42.5%;
	text-align:center;
	padding-left:2.5%;
	padding-right:5%;
	padding-top:2.5%;
	padding-bottom:2.5%;	
}
.yebis_twoColumn .right a{
	color:#cc0;
	text-decoration:underline;
}
.yebis_twoColumn .right a:hover{
	opacity:0.8;
}

#gototop img{
	width:70px;
	margin-top:40px;
}



/*******  careers  *************/
#careers {
	background-color: #000;
    color: #fff;	
}

#job {
    color: #fff;
    margin: 0 auto;
	padding-top:50px;
	width:100%;
	max-width:1200px;
	margin-bottom:120px;
}
#job h2.j1 {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.2;
}
#job p.j2 {
    font-size: 1.2rem;
    line-height: 1.7;
    margin: 0 auto 40px;
}
#job p.j3 {
    font-size: 0.9rem;
    line-height: 1.7;
    margin: 0 auto 100px;
}

#job h3 {
    border-bottom: 1px dotted #444;
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 14px;
    width: 100%;
}

dl.subList{
	font-size: 0.9rem;
	line-height: 1.5;
}
dl.subList dt{
    font-weight: bold;
    margin: 0 0 0.5em;
}
dl.subList dd {
    margin: 0 0 1.6em 1em;
}
#job p.reqlist {
    font-size: 0.8rem;
    margin-bottom: 2.6em;
}
#job p.reqlist a {
    color: #fff;
    text-decoration: underline;
    transition: all 0.3s ease 0s;
}
#job .entry a {
    background: none repeat scroll 0 0 #004484;
    border-radius: 3px;
    color: #fff;
    padding: 8px 14px;
    transition: all 0.3s ease 0s;
}

/*******  Contact-box  *************/
#contact-box{
	padding: 50px 0;
	/*border-bottom: 1px solid #666;*/
}
#contact-box #mail_contact {
    margin-top: 70px;
}
#contact-box #tel_contact {
    margin-top: 50px;
}
#contact-box .contact_subtitle {
    font-size: 18px;
	text-align: center;
}
#contact-box #tel_contact p.content {
    margin-top: 20px;
	text-align: center;
}
#contact-box #tel_contact p span {
    color: #40c7d9;
}
#contact-box .qa, .qa.trial {
    width: 400px;
    margin: 0 auto;
}

/*******  gototop  *************/
#toPageTop {
    bottom: 50%;
    float: none;
    position: fixed;
    right: 30px;
    width: 40px;
    z-index: 999999999999;
}
#toPageTop a img {
    opacity: 0.5;
}
.GoToTop-sp{
	display:none;
}
/*******  footer  *************/

#footer {
    width: 100%;
	background-color:#111;
	
}

#sg_footer {
	margin:0 auto;
    background: none repeat scroll 0 0 #111;
    color: #ffffff;
    height: 100%;
    padding: 2em 0 0;
    position: relative;
    width: 90%;
	text-align:left;
	background-color:#111;
	margin-bottom:10px;
	max-width:1200px;
}

#sg_footer .kome{
	margin-top:10px;
    font-size: 0.6rem;
	color:#777;
}
#sg_footer .youtube {
    margin-top: -5px;
	margin-left:5px;
    width: 70px;
}
@media all and (-ms-high-contrast:none){
	#sg_footer .youtube {
		margin-top: -10px;
	}
}

.sg_footer_wrap2 {
    margin: 0 auto;
    max-width: 1100px;
	width:100%;
}

.sg_footer_wrap {
    /*margin: 0 30px;*/
    position: relative;
}
.sg_footer_wrap ul {
    list-style: outside none none;
}
.sg_footer_wrap ul li.home a img {
	width:200px;
}
.sg_footer_wrap ul li.home {
    padding: 0 0 0 22px;
}
.sg_footer_wrap ul li {
    background-image: url("../images/icon_arrow_or.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: 6px 7px;
    padding: 0 0 0 15px;
	margin-top:25px;
}
.sg_footer_wrap ul li:nth-child(4),
.sg_footer_wrap ul li:nth-child(5),
.sg_footer_wrap ul li:nth-child(6){
	background-image:none;
	padding: 0;
}
@media all and (-ms-high-contrast:none){
	.sg_footer_wrap ul li {
		padding-top:5px;
	}
}
.sskktext {
    background-image: url("../images/icon_arrow_or.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 6px 7px;
    padding: 0 0 0 15px;
}

.sg_footer_wrap2 {
    color: #ccc;
    font-size: 0.8rem;
	line-height:normal;
    transition: all 0.3s ease 0s;
}
.sg_footer_wrap2 a {
    color: #ccc;
    transition: all 0.3s ease 0s;
}
.sg_footer_wrap2 a:hover {
	color:#70c7d9 !important;
    transition: all 0.3s ease 0s;
}
.sg_footer_wrap h3 {
    border-bottom: 1px solid #333;
    box-shadow: 0 -1px 0 #000 inset;
    color: #888888;
    font-size: 0.8rem;
    padding-bottom: 0.25em;
}
#sg_footer .third {
	width:auto;
}
.foot0{
	float:left;
}

.foot1{
	float:right;
}

.foot1 li{
	margin-left:20px;
	display:inline-block;
}
.foot2{
	float:left
}

.foot2 li{
	margin-right:50px;
	display:inline-block;
}
.foot2 li:last-child{
	margin-right:0px;
}
.terms a,.private a{
	color:#777 !important;
}
.copyright{
	margin-top:20px;
    bottom: 0;
    display: block;
	margin-bottom:10px;
	color:#777 !important;
	font-size: 0.6rem;
    /*height: 82px;
    /*position: absolute;*/
}
.sg_footer_wrap div.sskklogo {
    display: block;
    height: 64.4px;
    margin-bottom: 10px;
    text-align: right;
    width: 230px;
	float:left;
}
.sg_footer_wrap div.sskklogo img{
	width: 100%;
}
.sg_footer_wrap .sskktext {
    /*margin-bottom: 20px;*/
    text-align:left;
	margin-top:22px;
	margin-left:20px;
	float:left;
}

.copyright div.third div{
	float:left;
}
.copyright div.third div.private{
	margin-right:30px;
}

.copyright div.third a{	
	color:#777;
}
.copyright div.third a:hover{	
	color:#70c7d9;
}

.video-block {
    min-height: 550px;
}

#fp-nav.left {
    left: 17px;
}
.copy{
	float:left;
}
.private{
	float:right;
}
.terms{
	float:right;
	margin-left:30px;
}

.copyClass {
    font-family: "Times New Roman";
}
/*********************************************/
/**************  menubar   *******************/
/*********************************************/

.menu-bar{
	width:80%;
	max-width:800px;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:100px;
}
.menu-bar a:hover dl{
	background-color:#70c4d6;
	border:#70c4d6 1px solid;
	background-position:35px center;
	transition: all .2s;
}
.menu-bar a:hover{
	color:#FFF;
}
.menu-bar dl{
	border:#666 1px solid;
	margin-top:24px;
	background-image:url(../images/arrow.svg);
	background-repeat:no-repeat;
	background-position:20px center;
	transition: all .2s;
}
.menu-bar dt{
	float:left;
	padding:11px;
	padding-left:80px;
	width:120px;
	text-align:left;
	font-size:17px;
}
.menu-bar dd{
	float:left;
	padding:11px;	
	padding-left:50px;
	font-size:13px;
}

@media all and (-ms-high-contrast:none){
	.menu-bar dl{
		background-image:url(../images/arrow.png);
	}
	.menu-bar dt{
		padding-top:20px;
		padding-bottom:2px;
	}
	.menu-bar dd{
		padding-top:18px;
		padding-bottom:4px;
	}
}
/*********************************************/
.headmenu ul li.pc-tablet{
	display:none;
}

@media only screen and (max-width: 1390px) {
.video-block {
    min-height: 500px;
}
}

@media only screen and (max-width: 1290px) {

.video-block {
    min-height: 450px;
}
.mizuchi_logo {
    margin: 130px auto 0;
}
#fp-nav.left {
    left: -3px;
}

}
@media only screen and (max-width: 1200px) {
.title {
    font-size: 3.0rem !important;
}
.video-block {
    min-height: 450px;
}
.mizuchi_logo {
    margin: 110px auto 0;
}
.museum {
    margin: 30px auto 0;
}

}
@media only screen and (max-width: 1080px) {


.video-block {
    min-height: 400px;
}
.mizuchi_logo {
    margin: 90px auto 0;
}
.museum {
    margin: 20px auto 0;
	width:350px;
}
.play_btn {

}
#scroll_down,#gototop {
	display:none;
}
.headmenu ul li{
	padding-top:5px;
}
#menu .lang{
	top:25px;
}


}

@media only screen and (max-width: 1000px) {
/* Defining each section background and styles
	* --------------------------------------- */
	#section0{
		/*background-image: url(imgs/bg1.jpg);
		padding: 30% 0 0 0;*/
	}
	#section1{
	}
	#section2{
		background-image: url(../images/bg_slide/bg_9.png);
	}
	#section3{
		background-image:none;
	}
	#section4{
		background-image: url(../images/bg_slide/bg_3.png);
	}
	#section5{
		background-image:none;
	}
	#section6{
		background-image: url(../images/bg_slide/bg_5.png);
	}
	#section7{
		background-image:none;
	}
	#section8{
		background-image: url(../images/bg_slide/bg_6.png);
	}
#menu_top{
	height:auto;
}


#mizuchi_logo {
    left:auto;
	margin:0 auto;
	padding-top:15px;
    position:relative;
    width: 200px;
}
.top-page .fixed #mizuchi_logo.silicon-logo{
	padding-top:0px;
}
#mizuchi_logo.silicon-logo{
	padding-top:15px;
}
.headmenu {
    margin: 0 auto;
    width: 90%;
    background-color: #111;
}

#menu .lang{
	display:none;
}
.headmenu ul li.pc-tablet{
	display:inline-block;
}
}
/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 970px) {

h1{
	font-size: 2em;
}
h1 img {
    width: 40%;
}
.video-block {
    min-height: 350px;
}
.mizuchi_logo {
    margin: 60px auto 0;
}
.museum {
    margin: 20px auto 0;
	width:300px;
}
.play_btn {

}
.quarter{
	margin:0 auto;
	width:50%;
	margin-top:20px !important;
}
#mizuchi_page .quarter{
	margin-top:0px !important;
}

#scroll_down {
    margin: 0 auto 0 45%;
    width: 10%;
}

.en #section2 .title, .en #section3 .title, .en #section4 .title, .en #section5 .title, .en #section6 .title, .en #section7 .title, .en #section8 .title {
    width: 90%;
}
.en #slide_content .sub_title{
		width:80%;
	}
	
#section2 .title, #section3 .title, #section4 .title, #section5 .title, #section6 .title, #section7 .title, #section8 .title {
    width: 80%;
}
#slide_content .sub_title {
    width: 75%;
}
#toPageTop{
	display:none !important;
}


}

@media only screen and (max-width: 900px) {
.sg_footer_wrap .sskktext {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sg_footer_wrap div.sskklogo {
    margin-bottom: 0px;
}
.foot1{
	width:30%;
}
.foot2{
	width:44%;
    margin-top: 25px;
}
.foot3{
	width:24%;
    margin-top: 25px;
}
.third {
    margin-left: 1%;
}
.foot1{
	float:left;
	width:90%;
}
.foot1 li{
	margin-left:0px;
	margin-right:50px;
}


.headmenu {
    margin: 0 auto;
    width: 100%;
}
/*********************************************/
/**************  menubar   *******************/
/*********************************************/

.menu-bar{
}
.menu-bar dl{
	background-position:15px center;
	transition: all .2s;
}
.menu-bar a:hover dl{
	background-position:30px center;
	transition: all .2s;
}
.menu-bar a:hover{
}

.menu-bar dt{
	width:90px;
	padding-left:70px;
}
.menu-bar dd{	
	padding-left:30px;
}
/*********************************************/

}

@media only screen and (max-width: 850px) {

.video-block {
    min-height: 300px;
}
.mizuchi_logo {
    margin: 10px auto 0;
}
.museum {
    margin: 20px auto 0;
	width:250px;
}
.play_btn {

}

}

@media only screen and (max-width: 800px) {
.video-block {
    min-height: 270px;
}
.foot1 li{
	margin-left:0px;
	margin-right:50px;
	margin-top:20px;
}
.copy{
	text-align:left;
	float:left;
	width:100%;
}
.private{
	text-align:left;
	float:left;
	width:100%;
}
.terms{
	text-align:left;
	float:left;
	margin-left:0px;
	width:100%;
}
.sg_footer_wrap ul {
    list-style: outside none none;
	margin-top:0px;
	margin-bottom:0px;
}
/*********************************************/
/**************  menubar   *******************/
/*********************************************/

.menu-bar{
	width:90%;
}
/*********************************************/
}

/* =Responsive Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/*#mizuchi_logo {
	display:none;
}
*/.mizuchi_logo p{
	font-size:12px;
}
.video-block {
    min-height: 250px;
}
.mizuchi_logo {
    margin: 10px auto 0;
}
.museum {
    margin: 15px auto 0;
	width:200px;
}
.play_btn {

}

.mizuchi_logo_sp{
	display:block;
    text-align: left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
}
#job {
	width:90%;
	margin: 0 auto 30px;
}
#job h3{
	font-size:1rem;
}
#job .row .half {
    width: 100%;
	margin:0 auto;
}



#footer {
	margin:0 auto;
}

.copyright {
    position:relative;
	margin-top:20px;
	text-align:center;
}

.copyright p.sskklogo {
	margin:0 auto;
}
.copyright p {
    text-align:center;
}
	
#section2 .title, #section3 .title, #section4 .title, #section5 .title, #section6 .title, #section7 .title {
    width: 80%;
}

.foot1{
	width:30%;
}
.foot2{
	width:44%;
    margin-top: 25px;
}
.foot3{
	width:24%;
    margin-top: 25px;
}
.third {
    margin-left: 1%;
}
/*********************************************/
/**************  menubar   *******************/
/*********************************************/

.menu-bar{
}
.menu-bar dl{
	background-position:8% center;
	transition: all .2s;
}
.menu-bar a:hover dl{
	background-position:13% center;
	transition: all .2s;
}
.menu-bar a:hover{
}

.menu-bar dt{
	width:75%;
	padding-left:20%;
	padding-bottom:0;
	padding-top:8px;
}
.menu-bar dd{	
	width:75%;
	padding-left:20%;
	padding-top:0;
	padding-bottom:8px;
	text-align:left;
}
/*********************************************/
}
@media only screen and (max-width: 700px) {
.third {
	text-align:left;
}
.sg_footer_wrap .sskktext {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 22px;
}
.foot1{
    width: 100%;
}
.foot2{
    margin-top: 70px;
	float:none;
    width: 100%;
}
.foot3{
    margin-top: 25px;
	float:none;
    width: 100%;
}
.sg_footer_wrap2 {
	font-size:14px;
}
.copyright .third{
	width:45%;
}
li.pc-tablet{
  display:none;
}
}
@media only screen and (max-width: 600px) {
#mizuchi_page .quarter{
	z-index:0 !important;
}
#video_slide{
	margin-bottom:40px;
}

.imgTxt_sp{
	display:block;
	font-size: 22px;
	line-height:28px;
	text-align:center;
}
.imgTxt_sub_sp{
	display:block;
	font-size: 19px;
	line-height:26px;
	text-align:center;
}
.imgTxt_pc{
	display:none;
}

#section2 .title, #section3 .title, #section4 .title, #section5 .title, #section6 .title, #section7 .title, #slide_content .sub_title {
    width: 100% !important;
}
#section2 .title, #section3 .title, #section4 .title, #section5 .title, #section6 .title, #section7 .title {
    padding-bottom: 0px;
}

#sub-main_menu{
	display:none;
}
#top{
	margin-top:50px;
}

h1 img {
    width: 35%;
}
#mizuchi_logo {
	display:none;
}
.mizuchi_logo p{
	font-size:10px;
}
.video-block {
    min-height: 200px;
}
.mizuchi_logo {
    margin: 10px auto 0;
}
.museum {
    margin: 0px auto 0;
	width:180px;
}
.play_btn {

}
#slide_{
	width:90%;
	margin:0 auto;
	float:none;
}

#slide_text{
	float:none;
	width:90%;
	text-align:left;
	margin:0 auto;
}

.quarter{
	margin:0 auto;
	width:100%;
}

.sg_footer_wrap .sskktext {
    margin-bottom: 0;
    margin-left: 4px;
    margin-top: 22px;
    width: 100%;
}
.foot2 {
    float: none;
    margin-top: 0px;
    width: 100%;
}

.foot3 {
    float: none;
    margin-top: 0;
    width: 100%;
}

.copyright .third {
    width: 100%;
}
.title_line{
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
.sub-title{
	text-align:left;
}

/*********************************************/
/**************  menubar   *******************/
/*********************************************/

.menu-bar{}
.menu-bar dl{
	background-position:5% center;
	transition: all .2s;
}
.menu-bar a:hover dl{
	background-position:8% center;
	transition: all .2s;
}
.menu-bar a:hover{
}

.menu-bar dt{
	width:80%;
	padding-left:15%;
	padding-bottom:0;
	padding-top:8px;
}
.menu-bar dd{	
	width:80%;
	padding-left:15%;
	padding-top:0;
	padding-bottom:10px;
	text-align:left;
	line-height:1.7;
}
/*********************************************/

.GoToTop-sp{
	display:block;
	margin-bottom:50px;
	padding-left:20px;
	background-image:url(../images/arrow-up.png);
	background-size:15px 20px;
	background-repeat:no-repeat;
}
#toPageTop{
	display:none !important;
}

/*******  Contact-box  *************/
	#contact-box{
		width: 90%;
		margin: 0 auto;
	}
body#mizuchi_page #contact-box .title,
#contact-box .title,
	body#features_page #contact-box .title{
	padding-top: 0;
	font-size: 2.6rem !important;
	font-size: 26px !important;
}
	#contact-box .qa,#contact-box .qa.trial,#contact-box .qa a{
		width: auto;
	}
	#contact-box #mail_contact {
    margin-top: 40px;
}
}

@media only screen and (max-width: 500px) {

.menu-bar dl{
	background-size:8% auto;
	background-position:3% center;
}
.menu-bar a:hover dl{
	background-position:5% center;
}
}

@media only screen and (max-height: 1000px) {


#scroll_down {
    bottom: 15px;
    margin: 0 auto 0 46.5%;
    position: absolute;
    width: 7%;
}

/*#scroll_down,#gototop {
	display:none;
}*/
#section1,#section2,#section3,#section4,#section5,#section6,#section7{
	padding-bottom:100px;
}
#footer{
	margin-top:20px;
}
}

@media only screen and (max-height: 930px) {

.video-block{
	min-height:450px;
}
.mizuchi_logo {
    margin: 120px auto 0;
}

#slide_{
	width:50%;
}
#slide_text{
	width:45%;
}

.title{
	/*padding-top:8% !important;*/
}

#section9 #slide{
	margin-top:40px;
}

.ch-info h3 {
    font-size: 14px;
}
#gdc{
	margin-top:70px;
}

#footer {
    margin-top: 20px !important;
}

	
}
@media only screen and (max-height: 880px) {
#vidpause a #video_btn {
}

#section9 #slide{
	margin-top:30px;
}
#footer {
    margin-top: 50px;
}
.sg_footer_wrap ul {
    margin-bottom: 5px;
}
.copyright {
    margin-top: 10px;
}
}

@media only screen and (max-height: 830px) {
.mizuchi_logo {
    /*margin: 80px auto 0;*/
}
#gdc {
    margin: 50px auto 0;
}
.video-block{
	min-height:400px;
}

	
}
@media only screen and (max-height: 800px) {

#scroll_down,#gototop {
	display:none;
}
#section1,#section2,#section3,#section4,#section5,#section6,#section7{
	padding-bottom:100px;
}
#footer{
	margin-top:50px !important;
}

/* Defining each section background and styles
	* --------------------------------------- */
	#section0{
		/*background-image: url(imgs/bg1.jpg);
		padding: 30% 0 0 0;*/
	}
	#section1{
	}
	#section2{
		background-image: url(../images/bg_slide/bg_9.png);
	}
	#section3{
		background-image:none;
	}
	#section4{
		background-image: url(../images/bg_slide/bg_3.png);
	}
	#section5{
		background-image:none;
	}
	#section6{
		background-image: url(../images/bg_slide/bg_5.png);
	}
	#section7{
		background-image:none;
	}
	#section8{
		background-image: url(../images/bg_slide/bg_6.png);
	}

}
@media only screen and (max-height: 600px) {

/* Defining each section background and styles
	* --------------------------------------- */
	#section0{
		/*background-image: url(imgs/bg1.jpg);
		padding: 30% 0 0 0;*/
	}
	#section1{
	}
	#section2{
		background-image: url(../images/bg_slide/bg_9_sp.png);
	}
	#section3{
		background-image:none;
	}
	#section4{
		background-image: url(../images/bg_slide/bg_3_sp_.png);
	}
	#section5{
		background-image:none;
	}
	#section6{
		background-image: url(../images/bg_slide/bg_5_sp.png);
	}
	#section7{
		background-image:none;
	}
	#section8{
		background-image: url(../images/bg_slide/bg_6_sp.png);
	}



}