<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */



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

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

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

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

body#purpose_page .title {
}
body#purpose_page .sub_title {
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
	font-size:20px;
}
body#purpose_page .sub_title span{
	padding:5px 40px;
	border-bottom:1px #CCCCCC solid;
}
body#purpose_page .sg_thumb_ss img{
	max-width: 100%;
}
@media all and (-ms-high-contrast:none){
	
	body#purpose_page .sub_title span{
		padding:0px 40px;
	}
}

body#purpose_page #youtube{
	max-width:980px;
	margin:0 auto;
	margin-top:100px;
	width:100%;
	
}
body#purpose_page #youtube iframe{
	width:980px;
	height:555px;
	/*border:solid 1px #333;*/
}
.document_title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
.movie_title{
	font-size:18px;
	font-weight:bold;
}
.movie_text{
	margin-top:10px;
	margin-bottom:20px;
}



/*******  purpose  *******************************************************/
#purpose{
	height:auto;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	padding-top:70px;
    width: 100%;
}
section{
	max-width:1000px;
	width:90%;
	margin:0 auto;
}
.purpose-content{
	margin-bottom:85px;
	font-size:16px;
	text-align:left;
}
.purpose-content.have-movie{
	margin-bottom:45px;
}

body#purpose_page #screenshot .title_line {
    margin: 25px auto 0px;
	width:100%;
	max-width:none;
}
body#purpose_page #screenshot .title_line.end{
	margin-bottom:80px;
}

.content-L{
	width:49%;
	float:left;
}
.content-R{
	width:49%;
	float:right;
}
.mask{
	overflow:hidden;
}
section 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 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);
}
body#purpose_page .movie-title{
	margin-bottom:10px;	
}
body#purpose_page .content-movie{
	width:100%;
	overflow:hidden;
	margin-bottom:85px;
}
body#purpose_page .purpose-content a .btn{
	border: #666 1px solid;
	padding: 15px 25px;
	/*color: #70c4d6;*/
}
body#purpose_page .purpose-content a:hover .btn{
	/*border: 1px solid #70c4d6;*/
	color: #FFF;
	background-color: #70c4d6;
}
body#purpose_page .content-movie a,
body#purpose_page .video-block{
	max-width:500px;
	min-height:0;
	height:307px;
}
body#purpose_page video{
	width:500px;
	height:307px;
	display:none;
}
body#purpose_page .video-mask{
	margin-top:0px;
	max-width:500px;
	position:absolute;
	display:none;
}
@media all and (-ms-high-contrast:none){
	body#purpose_page .video-mask img{
		height:307px;
	}
}
body#purpose_page a:hover .video-mask{
	display:block;
}
body#purpose_page a:hover video{
	display:block;
}
body#purpose_page a:hover .video-bg{
	display:none;
}
span.br {
	display:block;
}

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

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

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

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

}
@media only screen and (max-width: 767px) {
#mizuchi_logo {
	display:block;
}
span.br {
	display:inline;
}
}

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


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


}
@media only screen and (max-width: 600px) {
body#purpose_page #menu {
    display:none;
}
#purpose {
    margin-top:0px;
	padding-top:70px;
}

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


body#purpose_page .sub_title {
    width: 100%;
	text-align:left;
	line-height:2;
}
body#purpose_page .sub_title span{
	padding:5px 0;
	border-bottom:none;
}
.content-L,
.content-R{
	width:100%;
	float:none;
}
.content-R{
	margin-top:25px;
}

.purpose-content{
	
}
body#purpose_page .content-movie a,
body#purpose_page .video-block{
	height:auto;
}

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


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


}</pre></body></html>