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



body#features_page #menu{
	display:block;
	opacity:1;
}

body#features_page #sg_footer{
	background-color:#111;
}
body#features_page section{
	float:none;
}
body#features_page .ch-grid li:first-child {
	margin: 0 auto;
    float: left;
	height:214px;
	width:50%;
}
body#features_page .ch-grid li {
	margin: 0 auto;	
    float: right;
	height:214px;
	width:50%;
}

body#features_page .ch-grid li:first-child .ch-item {
	float:right;
    width: 350px;
	margin-right:20px;
}

body#features_page .ch-grid li .ch-item {
	margin-left:20px;
    width: 350px;
}

body#features_page .title {
}
body#features_page .sub_title {
	margin:0 auto;
	width:20%;
	min-width:300px;
}


#features {
	height:auto;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	padding-top:70px;
    width: 100%;
}
#features p{
	text-align: left;
}
section{
	max-width:1000px;
	width:90%;
	margin:0 auto;
	margin-top:120px;
}
section li .sg_thumb_ss img{
	max-width:none;
	width:100%;
}

.features-title{
	color:#70c4d6;
	font-size:20px;
}
.features-title span{
	font-size:16px;
}
.features-content{
	margin-top:20px;
	font-size:16px;
}
.features-pic{
	margin-top:50px;
}

#features1 li{
	float:left;
	width:32.6%;
	margin-left:1%;
}
#features1 li:nth-child(1),
#features1 li:nth-child(4),
#features1 li:nth-child(7){
	margin-left:0;
}
#features1 li:nth-child(4),
#features1 li:nth-child(5),
#features1 li:nth-child(6),
#features1 li:nth-child(7),
#features1 li:nth-child(8),
#features1 li:nth-child(9){
	margin-top:30px;
}
#features2 li,
#features3 li,
#features5 li,
#features6 li{
	width:49.5%;
	float:left;
}

#features4 ul{
	max-width:660px;
	width:100%;
	margin:0 auto;
}

#features2 li:last-child,
#features3 li:last-child,
#features5 li:last-child,
#features6 li:last-child{
	margin-left:1%;
}
p.photo-comment{
	padding-top:5px;
	font-size:13px;
	color:#FFF;
}

.mask{
	overflow:hidden;
}
section li a .view-first img{
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

section li a:hover .view-first img{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
/**************************************************************/
/*******  feature  *********************/
/**************************************************************/
.features-workflow-anime{
	width:600px;
	margin:0 auto;
	margin-top:70px;
}
.features-workflow-anime .sub_pic1{
	width:600px;
}
.features-workflow-anime .sub_pic2{
	width:259px;
	margin-top:-138px;
	position:absolute;
}
@media all and (-ms-high-contrast:none){
	
	.features-workflow-anime .sub_pic2{
		margin-top:-150px;
	}
}
.features-workflow-anime .sub_pic3{
	width:259px;
	margin-left:-280px;
	margin-top:-252px;
	position:absolute;
}
.no-anime{
	display:none;
}

/* platform ------------------------------------:*/
#platform{
	text-align: center;
	border-bottom: 1px solid #666;
	margin: 0 auto;
	margin-top:120px;
	padding-bottom: 150px;
	max-width: 1000px;
}
#platform p{
	font-size:20px;
	text-align: center;
}
#platform p span{
	display: inline-block;
}
#platform .platform-title{
	font-size:20px;
	margin-bottom:20px;
	color:#70c4d6;	
}


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

.features-workflow-anime{
	padding-left:100px;
}

}

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

#features {
	padding-top:130px;
}

}

@media only screen and (max-width: 900px) {
.features-workflow-anime{
	width:100%;
	max-width:660px;
	padding:0;
}
.features-workflow-anime .sub_pic1,
.features-workflow-anime .sub_pic2,
.features-workflow-anime .sub_pic3{
	display:none;
}
.no-anime{
	display:block;
}

}
/**************************************************************/

span.br {
	display:block;
}

@media only screen and (max-width: 1000px) {
body#features_page #youtube iframe{
	width:800px;
	height:453px;
}

#archives {
	margin-top:100px;
}
#slide{
	margin-top:80px;
}
}
@media only screen and (max-width: 910px) {

body#features_page #youtube iframe{
	width:700px;
	height:396px;
}
#slide{
	margin-top:60px;
}
}
@media only screen and (max-width: 810px) {

body#features_page #youtube iframe{
	width:600px;
	height:340px;
}
body#features_page .sub_title {
    width: 45%;
}
#screenshot #archives_menu li{
	display:none;
}
#archives_menu {
	margin:0 auto;
}
body#features_page .youtube_1 {
    margin: 50px auto 0 !important;
}
body#features_page .youtube_2 {
    margin: 30px auto 0 !important;
}
#slide{
	margin-top:40px;
}

}
@media only screen and (max-width: 767px) {
#mizuchi_logo {
	display:block;
}
#slide_ {
    float:none;
    margin: 0 auto;
    width: 90%;
}
#slide_text {
	margin:0 auto;
	margin-top:30px;
    float:none;
    font-size: 0.9rem;
    line-height: 1.7;
    text-align:center;
    width: 90%;
}
#slide_text .download_btn a {
	margin:0 auto;
	margin-top:20px;
	width:90%;
}
#leaflet .download_btn a {
	margin:0 auto;
	margin-top:20px;
	width:90%;
	padding-left:0;
	padding-right:0;
	background-position:10px 50%;
}
#slide{
	width:85%;
	margin-top:30px;
}
#slide_show {
    margin: 100px auto 50px;
}

#content_slide_show {
    margin: 50px auto 0;
}
.YoutubeWrap{
	margin:0 auto; 
	width:90%
}
span.br {
	display:inline;
}
}

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

body#features_page #youtube iframe{
	width:500px;
	height:283px;
}

#features1 li{
	float:left;
	width:49.5%;
	margin-left:0;
	margin-top:20px;
}
#features1 li:nth-child(2n){
	margin-left:1%;
}

#features1 li:nth-child(3){
	margin-top:30px;
}

}
@media only screen and (max-width: 610px) {
body#features_page #youtube iframe{
	width:400px;
	height:227px;
}

}
@media only screen and (max-width: 600px) {
body#features_page #menu {
    display:none;
}
#features {
    margin-top:0px;
	padding-top:50px;
}
body#features_page .title {
	padding-top:100px;
}

.slick-dots li {
    margin:0 !important;
}

body#features_page .youtube_1{
	margin-top:50px;	
}
.features-title,
.features-content{
	text-align:left;
}

}
@media only screen and (max-width: 510px) {
body#features_page #youtube iframe{
	width:300px;
	height:170px;
}
#slide{
	width:75%;
	margin-top:30px;
}

#features1 li{
	width:100%;
	margin-left:0;
}
#features2 li,
#features3 li,
#features5 li,
#features6 li{
	width:100%;
	margin-bottom:30px;
}

#features2 li:last-child,
#features3 li:last-child,
#features5 li:last-child,
#features6 li:last-child{
	margin-left:0;
}

}
@media only screen and (max-width: 410px) {
body#features_page #youtube iframe{
	width:250px;
	height:142px;
}
}