@charset "utf-8";
/* CSS Document */

/*-----メインイメージ-----*/

.top-bg-parts1{ position:absolute; left:50px; bottom:50px; z-index:10;}
.top-bg-parts2{ position:absolute; right:50px; bottom:50px; z-index:10;}
.top-bg-parts3{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
.top-bg-parts4{
	display:none;
	position: absolute;
	bottom:65px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}

.top-obi{ background-color:#0075C2; width:100%; height:30px;}
.top-bg-dot1{ position:absolute; top:50%; z-index:-1;}
.top-bg-dot2{ position:absolute; top:70%; z-index:-1;}
h3.top-title1{ font-family: 'Open Sans', sans-serif; font-size:28px; letter-spacing:0.3em; text-align:center; margin:0 auto 50px; line-height:1; position:relative; font-weight: 600;  }

/*-----ニュ－ス-----*/

#content-news{ padding:100px 0; background-color:#F7F8F8; }
.content-news-list{}
.content-news-list ul{ border-top:solid 1px #333; margin:0 auto 40px;}
.content-news-list ul li{ border-bottom:solid 1px #333; padding:12px 0 10px;}
.content-news-list ul li span{ display:inline-block; margin:0 10px 0 0; vertical-align: middle;}
.content-news-list ul li em {
    font-style: normal;
    display: inline-block;
    background-color: #c20000;
    color: #fff;
    font-size: 10px;
    padding: 4px 5px 2px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    line-height: 1;
}
.content-news-list ul li a{ display:inline-block; text-decoration:none; color:#333;}
.content-news-list ul li a:hover{ text-decoration:none; color:#666;}
.content-news-list p{ text-align:right;}
.content-news-list p a{ text-decoration:none; font-weight:600; color:#333; position:relative; padding:0 0 0 20px; }
.content-news-list p a:after{
    position: absolute;
    font-size: 12px;
    line-height: normal;
    top: 50%;
    left: 0;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_right';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #333;
    transform: translate(0, -50%);
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.content-news-list p a:hover::after{ left: 6px; }

/*-----三進の強み-----*/

#content-strong{ padding:100px 0; }
.content-strong-photo{ width:560px; margin:0 auto 100px; position:relative;}
.content-strong-photo-parts1{ position:absolute; top:230px; left:0; z-index:10; border:solid 2px #000; width:360px; background-color: rgb(255 255 255 / 60%); text-align:center; padding:60px 0; font-size:24px; font-weight:bold; line-height:1.4;}
.txt-strongpoint:before{ position:absolute; left:10px; bottom:10px; content:'Strong\APoint'; font-size:12px; z-index:10; white-space: pre; text-align:left;}
.content-strong-photo-parts1:after{ position:absolute; left:0; top:0; content:''; line-height:1; background-image:url(../img/top/labo-parts1.png); background-size:cover; width:20px; height:20px;}
.content-strong-photo-btn1 {
    position: absolute;
    right: -120px;
    bottom: 0;
    width: 120px;
    text-align: center;
    background-color: #000;
}
.content-strong-photo-btn1 a{ display:block; padding: 10px 0; color: #fff; font-size: 13px; text-decoration:none;}
.content-strong-txt1{ width:760px; margin-bottom:40px; text-align:justify; line-height:1.8;}
.content-strong-txt2{ width:760px; margin-bottom:40px; text-align:left; font-size:20px; font-weight:600; line-height:1.8; letter-spacing:0.1em; position:relative;}
.content-strong-txt2 a {
    position: absolute;
    right: 0;
    top: 0;
    border: solid 1px #000;
    /*padding: 14px 12px 12px;*/
	padding: 10px 25px;
    line-height: 1;
    text-decoration: none;
    font-weight: 500;
    color: #000;
    font-size: 13px;
    letter-spacing: 0;
}
.content-strong-txt2 a:hover{ background-color:#000; color:#fff; transition: all .5s;}
.content-strong-txt3{ width:760px; margin:0 0 40px auto; text-align:justify; line-height:1.8; }
.content-strong-photo-btn2{ margin:0 auto 60px; }
.content-strong-photo-btn2 a{ background-color: #000; display:inline-blockk; padding: 10px 25px; color: #fff; font-size: 13px; text-decoration:none;}
.content-strong-parts1{ margin:0 auto 60px;}
.content-strong-parts2{ margin:0 auto 60px; width:730px;}

.content-strong-step1{}
.content-strong-step1 ul{ overflow:hidden; margin:0 -5.3333% 0 0; }
.content-strong-step1 ul li{ float:left; width:28%; margin:0 5.3333% 0 0; text-align:center;}
.content-strong-step1 ul li p.content-strong-step1-photo{ margin:0 auto 24px;}
.content-strong-step1 ul li p.content-strong-step1-number{ font-family: 'Open Sans Condensed', sans-serif; font-size:70px; line-height:1; position:relative; margin-bottom:50px;}
.content-strong-step1 ul li p.content-strong-step1-number:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 90px;
    height: 2px;
    margin-left: -45px;
    margin-bottom: -20px;
    background-color: #000;
}
.content-strong-step1 ul li p.content-strong-step1-txt1{ font-size:18px; font-weight:600; margin-bottom:16px; }
.content-strong-step1 ul li p.content-strong-step1-txt2{ text-align:justify; margin-bottom:16px;}
.content-strong-step1 ul li p.content-strong-step1-parts1{ position:relative; margin-bottom:16px;}
.content-strong-step1 ul li p.content-strong-step1-parts1:after {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    width: 90px;
    height: 2px;
    margin-left: -45px;
    margin-bottom: -20px;
    background-color: #000;
}
.content-strong-step1 ul li p:last-child a{
    background-color: #0075C2;
    color: #fff;
    display: inline-block;
    padding: 7px 15px 6px;
    text-decoration: none;
}

/*-----戦略的基盤研究センター-----*/

#content-center{ padding:60px 0; }
.content-center-photo{ width:560px; margin:0 auto 40px; position:relative;}
.content-center-photo-parts1{ position:absolute; top:-60px; right:0; z-index:10; border:solid 2px #000; width:360px; background-color: rgb(255 255 255 / 60%); text-align:center; padding:60px 0; font-size:24px; font-weight:bold; line-height:1.4;}
.content-center-photo-parts1:after{ position:absolute; left:0; top:0; content:''; line-height:1; background-image:url(../img/top/plant-parts1.png); background-size:cover; width:20px; height:20px;}
.txt-center:before{ position:absolute; right:10px; bottom:10px; content:'Strategic Core\AResearch Center'; font-size:12px; z-index:10; white-space: pre; text-align:right;}
.content-center-photo-btn1 {
    position: absolute;
    right: -120px;
    bottom: 0;
    width: 120px;
    text-align: center;
    background-color: #000;
}
.content-center-photo-btn1 a{ display:block; padding: 10px 0; color: #fff; font-size: 13px; text-decoration:none;}
.content-center-txt1{ width:760px; margin:0 0 30px auto; text-align:justify;  font-size:20px; font-weight:600; line-height:1.8; letter-spacing:0.1em;}
.content-center-txt1 br{ display:none; }
.content-center-txt2{ width:760px; margin:0 0 30px auto; text-align:justify; line-height:1.8;}

/*-----植物工場システム-----*/

#content-system{ padding:60px 0; }
.content-system-photo{ width:560px; margin:0 auto 40px; position:relative;}
.content-system-photo-parts1{ position:absolute; top:-60px; left:0; z-index:10; border:solid 2px #000; width:360px; background-color: rgb(255 255 255 / 60%); text-align:center; padding:60px 0; font-size:24px; font-weight:bold; line-height:1.4;}
.content-system-photo-parts1:after{ position:absolute; left:0; top:0; content:''; line-height:1; background-image:url(../img/top/plant-parts1.png); background-size:cover; width:20px; height:20px;}
.txt-system:before{ position:absolute; left:10px; bottom:10px; content:'Plant factory\Asystem'; font-size:12px; z-index:10; white-space: pre; text-align:left;}
.content-system-photo-btn1 {
    position: absolute;
    left: -120px;
    bottom: 0;
    width: 120px;
    text-align: center;
    background-color: #000;
}
.content-system-photo-btn1 a{ display:block; padding: 10px 0; color: #fff; font-size: 13px; text-decoration:none;}
.content-system-txt1{ width:760px; margin:0 0 30px auto; text-align:justify;  font-size:20px; font-weight:600; line-height:1.8; letter-spacing:0.1em;}
.content-system-txt2{ width:760px; margin:0 0 30px auto; text-align:justify; line-height:1.8;}

/*-----ピックアップ製品ページ-----*/

#content-pickup{ padding:100px 0; }
.content-pickup-photo{ width:560px; margin:0 auto 100px; position:relative;}
.content-pickup-photo-parts1{ position:absolute; top:-60px; right:0; z-index:10; border:solid 2px #000; width:360px; background-color: rgb(255 255 255 / 60%); text-align:center; padding:60px 0; font-size:24px; font-weight:bold; line-height:1.4;}
.txt-pickupproduct:before{ position:absolute; right:10px; bottom:10px; content:'Pickup\AProduct'; font-size:12px; z-index:10; white-space: pre; text-align:right;}
.content-pickup-photo-parts1:after{ position:absolute; right:0; top:0; content:''; line-height:1; background-image:url(../img/top/labo-parts1.png); background-size:cover; width:20px; height:20px;}
.content-pickup-list1{}
.content-pickup-list1 ul{ overflow:hidden; margin:0 -5.3333% -5.3333% 0; }
.content-pickup-list1 ul li{ float:left; width:28%; margin:0 5.3333% 5.3333% 0; text-align:center;}

.content-pickup-list1 ul li p{ margin:0 auto 16px;}
.content-pickup-list1 ul li p:last-child{ margin:0 auto 0px;}
.content-pickup-list1 ul li p.content-pickup-list1-photo{}
.content-pickup-list1 ul li p.content-pickup-list1-txt1{ font-weight:600;}
.content-pickup-list1 ul li p.content-pickup-list1-txt1 br{ display:none; }
.content-pickup-list1 ul li p.content-pickup-list1-txt2{ font-size:18px; font-weight:600; background-color:#F2F2F3; border-top:solid 2px #000; border-bottom:solid 2px #000; padding:10px 0 8px; }
.content-pickup-list1 ul li p.content-pickup-list1-txt3{ text-align:justify; line-height:1.8;}
.content-pickup-list1 ul li p.content-pickup-list1-btn a{ background-color:#0075C2; color:#fff; display:inline-block; padding:7px 15px 6px; text-decoration:none;}

.content-pickup-photo-btn1 {
    position: absolute;
    left: -120px;
    bottom: 0;
    width: 120px;
    text-align: center;
    background-color: #000;
}
.content-pickup-photo-btn1 a{ display:block; padding: 10px 0; color: #fff; font-size: 13px; text-decoration:none;}

/*-----リンク-----*/

#content-lnk{ padding:100px 0; }
.content-lnk-list{ }
.content-lnk-list ul{ overflow:hidden; margin:0 -5.3333% 0 0; }
.content-lnk-list ul li{ float:left; width:28%; margin:0 5.3333% 0 0; text-align:center;}
.content-lnk-list ul li a{ display:block; padding:50px 0; border:solid 2px #000; font-size:24px; font-weight:bold; line-height:1.4; color:#000; text-decoration:none; position:relative;}
/*.content-lnk-list ul li:first-child a {
    background-color: #f2f2f3;
    color: #8d8d8d;
	pointer-events:none;
}*/
.content-lnk-list ul li a.example:before{ position:absolute; left:10px; top:10px; content:'Example'; font-size:12px; z-index:10; white-space: pre; text-align:left;}
.content-lnk-list ul li a.contact:before{ position:absolute; left:10px; top:10px; content:'Contact'; font-size:12px; z-index:10; white-space: pre; text-align:left;}
.content-lnk-list ul li a.catalogs:before{ position:absolute; left:10px; top:10px; content:'Catalogs'; font-size:12px; z-index:10; white-space: pre; text-align:left;}
.content-lnk-list ul li a:after{ position:absolute; right:0; bottom:0; content:''; line-height:1; background-image:url(../img/top/labo-parts1.png); background-size:cover; width:20px; height:20px;}
.plant-parts1:after{ background-image:url(../img/top/plant-parts1.png) !important; }

/*-----動画-----*/

#content-movie{ padding:100px 0; text-align:center; color:#fff;
  background-color   : #88b92d;
  background-image   : radial-gradient(rgba(101, 136, 50, 0.86) 11%, transparent 14%),
                       radial-gradient(rgba(101, 136, 50, 0.86) 11%, transparent 14%);
  background-position: 0 0, 9px 9px;
  background-size    : 18px 18px;}
.content-movie-txt1{ font-size:30px; font-weight:600; position:relative; margin:0 auto 60px; letter-spacing:0.1em;}
.content-movie-txt1:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 90px;
    height: 2px;
    margin-left: -45px;
    margin-bottom: -30px;
    background-color: #fff;
}
.content-movie-txt2{ line-height:1.8; font-size:18px; margin:0 auto 24px;}
.content-movie-txt3{ line-height:1; font-weight:600; font-size:24px; margin:0 auto 40px; letter-spacing:0.2em;}
.content-movie-txt3 br{ display:none;}
.content-movie-parts1{ width:640px; margin:0 auto;}

img.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

@media only screen and (max-width: 1440px) {

.top-bg-parts1{ left: 25px; bottom: 25px;}
.top-bg-parts1 img{ width:240px; }
.top-bg-parts2{ right: 25px; bottom: 25px;}
.top-bg-parts2 img{ width:160px;}
.top-bg-parts3 img{ width:80%; }

}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {

/*-----ニュ－ス-----*/

#content-news {padding: 60px 0;}

/*-----三進の強み-----*/

#content-strong { padding: 60px 0; }
.content-strong-photo { width: 460px;}
.txt-strongpoint:before { font-size: 10px; line-height: 1.1;}
.content-strong-photo-btn1 { right: -110px; width: 110px;}
.content-strong-photo-parts1 { width: 240px; padding: 40px 0; font-size: 16px;}
.txt-strongpoint:before { font-size: 10px; line-height: 1.1;}
.content-strong-photo-parts1:after { width: 15px; height: 15px;}
.content-strong-txt1 { width: 100%;}
.content-strong-step1 ul li p.content-strong-step1-number { font-size: 60px; }
.content-strong-step1 ul li p.content-strong-step1-txt2 { font-size: 14px; }
.content-strong-parts2 { width: 90%; }
.content-strong-txt3 { width: 100%; }
.content-strong-txt2 {
    width: 100%;
    font-size: 18px;
    letter-spacing: 0;
}
.content-strong-parts1 {
    margin: 0 auto 40px;
}

/*-----戦略的基盤研究センター-----*/
.content-center-photo { width: 460px; }
.content-center-photo-btn1 { right: -110px; width: 110px; }
.content-center-txt2 { width: 100%; }
.content-center-photo-parts1 {
    width: 240px;
    padding: 55px 0;
    font-size: 16px;
}
.txt-center:before{ font-size: 10px; line-height: 1.1;}
.content-center-photo-parts1:after { width: 15px; height: 15px;}

/*-----植物工場システム-----*/

.content-system-photo { width: 460px; }
.content-system-photo-parts1 {
    width: 240px;
    font-size: 16px;
	padding: 55px 0;
}
.content-system-photo-parts1:after { width: 15px; height: 15px;}
.txt-system:before{ font-size: 10px; line-height: 1.1;}
.content-system-txt2 {
    width: 100%;
}

/*-----ピックアップ製品ページ-----*/

#content-pickup { padding: 100px 0 60px; }
.content-pickup-photo { width: 460px;}
.content-pickup-photo-parts1 { width: 240px; padding: 40px 0; font-size: 16px; }
.content-pickup-list1 ul li p.content-pickup-list1-txt2 {
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 0 8px;
}
.txt-pickupproduct:before { font-size: 10px; line-height: 1.1; }
.content-pickup-photo-parts1:after { width: 15px; height: 15px;}
.content-pickup-list1 ul li p.content-pickup-list1-txt1 br{ display:block; }
.content-pickup-list1 ul li p.content-pickup-list1-btn a { display: block; }

.content-pickup-photo-btn1 { left: -110px; width: 110px;}

/*-----リンク-----*/

#content-lnk { padding: 60px 0; }
.content-lnk-list ul li a:after { width: 15px; height: 15px;}
.content-lnk-list ul li a { padding: 40px 0 30px; font-size: 16px;}
.content-lnk-list ul li a.example:before { font-size: 10px; line-height:1.1; }
.content-lnk-list ul li a.contact:before { font-size: 10px; line-height: 1.1; }
.content-lnk-list ul li a.catalogs:before{ font-size: 10px; line-height: 1.1; }

/*-----動画-----*/

#content-movie { padding: 60px 0;}
.content-movie-txt1 { font-size: 26px;}
.content-movie-txt2 { font-size: 16px; }

}

@media only screen and (max-width: 480px) {

/*-----メインイメージ-----*/
	
.top-bg-parts1 img { width: 150px; }
.top-bg-parts2 img { width: 140px; }

/*-----ニュ－ス-----*/

#content-news { padding: 40px 0; }
h3.top-title1 { margin: 0 auto 30px; font-size:24px; letter-spacing: 0.05em; }
.content-news-list ul li span { display: block; }

/*-----三進の強み-----*/

#content-strong { padding: 40px 0; }
.content-strong-photo-parts1 { width: 160px; padding: 35px 0; font-size: 13px; top: 175px;}
.content-strong-photo-btn1 { right: 0; }
.content-strong-photo { margin: 0 auto 70px; width:100%;}
.content-strong-step1 ul { margin: 0; }
.content-strong-step1 ul li { float: none; display:block; width: 100%; margin: 0 auto 24px;}
.content-strong-step1 ul li p.content-strong-step1-photo { width: 60%;}
.content-strong-step1 ul li p.content-strong-step1-txt2 { font-size: 14px; width: 70%; margin:0 auto 24px; }
.content-strong-parts2 { width: 100%; }
.content-strong-step1 ul li p.content-strong-step1-parts1 { width: 85%; margin: 0 auto; }

/*-----戦略的基盤研究センター-----*/

#content-center { padding: 60px 0 0 0;}
.content-center-photo { width: 100%; }
.content-center-photo-btn1 { right: 0;} 
.content-center-txt1{ width: 100%; font-size: 18px; line-height: 1.4; }
.content-center-txt1 br{ display:block; }

/*-----植物工場システム-----*/

#content-system { padding: 40px 0; }
.content-system-photo { width: 100%; }
.content-system-txt1 { width: 100%; font-size: 18px; line-height: 1.4;}
.content-strong-txt2 a { margin: 10px 0 0 0; display: inline-block; position: inherit;}

/*-----ピックアップ製品ページ-----*/

#content-pickup { padding: 80px 0 40px; }
.content-pickup-photo { width: 100%; margin: 0 auto 60px;}
.content-pickup-photo-parts1 { width: 200px; padding: 35px 0; font-size: 13px;}
.content-pickup-list1 { width: 70%; margin: 0 auto;}
.content-pickup-list1 ul { margin: 0; }
.content-pickup-list1 ul li { float: none; width: 100%; display: block; margin: 0 auto 36px; text-align: center;}
.content-pickup-list1 ul li:last-child{ margin:0 auto 0px;}
.content-pickup-list1 ul li p.content-pickup-list1-btn a { display:inline-block;}
.content-pickup-list1 ul li p.content-pickup-list1-txt2 {
    font-size: 14px;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
	line-height: 1;
	padding: 10px 0 10px;}
.content-pickup-photo-btn1 { left: 0; }

/*-----リンク-----*/

#content-lnk { padding: 40px 0; }
.content-lnk-list ul { margin: 0 auto; width: 80%; }
.content-lnk-list ul li { float: none; display:block; width: 100%; margin: 0 auto 16px; display: block;}
.content-lnk-list ul li a br{ display:none;}
.content-lnk-list ul li a { padding: 30px 0 26px; font-size: 14px; border: solid 1px #000; font-weight: 500;}
.content-lnk-list ul li a:after { width: 10px; height: 10px;}
.content-lnk-list ul li a.example:before { font-size: 9px; left: 7px; top: 7px;}
.content-lnk-list ul li a.contact:before { font-size: 9px; left: 7px; top: 7px;}
.content-lnk-list ul li a.catalogs:before{ font-size: 9px; left: 7px; top: 7px;}

/*-----動画-----*/

.content-movie-txt1 { font-size: 24px; }
.content-movie-txt2{ text-align:justify; }
.content-movie-txt2 br{ display:none; }
.content-movie-txt3 { font-size: 18px; line-height:1.6;}
.content-movie-txt3 br{ display:block; }
.content-movie-parts1 {
    width: 100%;}

}

@media only screen and (max-width: 400px) {

/*-----メインイメージ-----*/

.top-bg-parts1 img { width: 130px; }
.top-bg-parts2 img { width: 120px; }

/*-----三進の強み-----*/

.content-strong-photo-parts1 { top: 145px; }


}
