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


/*--------------------------------------------------


    GROUP SHINANOA
	

---------------------------------------------------*/


/*INDEX  -----------------------------------------------*/
.index-cont01{
	width:1150px;
	position:relative;
	margin:0 auto;
	text-align:center;
	padding:100px 0;
}

.index-cont01 > h3{
	font-size:34px;
	line-height:1.2;
	margin-bottom:40px;
}

.index-cont01 h3 > span{
	font-size:24px;
}

.index-cont01 > p{
	line-height:2;
}


@media screen and (max-width: 960px) {
.index-cont01{
	width:90%;
	padding:30px 0;
	margin-bottom:20px;
}

.index-cont01 > h3{
	font-size:24px;
	margin-bottom:20px;
}

.index-cont01 h3 > span{
	font-size:16px;
}

.index-cont01 > p{
	line-height:1.6;
	text-align:left;
}
}

/*INDEX NAV   -----------------------------------------------*/
.index-nav{
	width:1150px;
	margin:0 auto;
}

.index-nav ul li{
	display:block;
	position:relative;
	width:550px;
	height:190px;
	float:left;
	margin-right:50px;
	margin-bottom:50px;
	text-align:center;
	border:1px #214381 solid;
}

.index-nav ul li .image{
	display:block;
	width:100%;
	height:130px;
}

.index-nav ul li img{
	display:block;
	margin:0 auto;
}

.index-nav ul li:nth-child(2),
.index-nav ul li:nth-child(4){
	margin-right:0px;
}

/*.index-nav ul li:nth-child(3),
.index-nav ul li:nth-child(4){
	margin-bottom:0px;
}*/

.index-nav ul li .arrow{
	width: 100%;
    height: 60px;
    z-index: 1;
	background-color:#214381;
}

.index-nav ul li .arrow > p{
	font-size:18px;
	color:#FFFFFF;
	line-height:60px;
}

.index-nav ul li.nav04 .arrow > p{
	padding-top:10px;
	line-height:1.2;
}

.index-nav ul li.nav01{
}

.index-nav ul li.nav02{
}

.index-nav ul li.nav03{
}

.index-nav ul li.nav04{
}

.index-nav ul li a{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
    text-indent:-9999px;
	cursor:pointer;
	 z-index: 990;
}

.index-nav ul li a:hover{
	background-color:rgba(255,255,255,0.5);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.index-nav:after{
	content: "";
    clear: both;
	display: block;
}


@media screen and (max-width: 960px) {
.index-nav{
	width:100%;
	margin-bottom:50px;
}

.index-nav ul li{
	width:49.5%;
	height:auto;
	margin-right:0;
	margin-bottom:5px;
	margin-right:0.5%;
}

.index-nav ul li .image{
	width:100%;
	height:auto;
}

.index-nav ul li img{
	width:100%;
	height:auto;
}

.index-nav ul li .arrow{
	height:auto;
	min-height:3em;
	padding:5px;
}

.index-nav ul li .arrow > p{
	font-size:10px;
	line-height:1.4;
}

.index-nav ul li.nav02 .arrow > p{
	margin-top:1em;
}

.index-nav ul li.nav04 .arrow > p{
	padding-top:0px;
}
.index-nav ul li.nav05 .arrow > p{
	margin-top:1em;
}


.index-nav ul li:nth-child(2),
.index-nav ul li:nth-child(4){
	margin-right:0px;
}

/*.index-nav ul li:nth-child(3),
.index-nav ul li:nth-child(4){
	margin-bottom:0px;
}*/

.index-nav ul li.nav01{
	background-size:80%;
	background-position:center 10%;
}

.index-nav ul li.nav02,
.index-nav ul li.nav03,
.index-nav ul li.nav04{
	background-size:50%;
	background-position:center 25%;
}
}





/*INNER NAV   -----------------------------------------------*/
.inner-nav{
	width:100%;
	margin:0 auto;
	padding-top:80px;
	margin-bottom:100px;
	border-bottom:1px #E4E4E4 solid;
}

.inner-nav .box{
	display:block;
	width:1200px;
	margin:0 auto;
}

.inner-nav .box a{
	text-align:center;
	display:block;
	width:299px;
	height:59px;
	float:left;
	line-height:1.4;
	border-left:1px #E4E4E4 solid;
	padding-top:5px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
}

.inner-nav .box a:last-child{
	width:298px;
	border-right:1px #E4E4E4 solid;
}

.inner-nav .box a span{
	display:block;
	font-size:14px;
	font-weight:normal;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.inner-nav .box a{
	font-size:16px;
	text-decoration:none;
}

.inner-nav .box a:hover,
.inner-nav .box a span:hover,
.inner-nav .box a.active{
	color:#3388E1;
}

.inner-nav:after{
	content: "";
    clear: both;
	display: block;
}

@media screen and (max-width: 960px) {
.inner-nav{
	display:none;
}
}








/*--------------------------------------------------

    SHINANOA CORPORATION
	 
---------------------------------------------------*/

.corporation-cont01{
	width:1200px;
	margin:0 auto;
	text-align:center;
	margin-bottom:80px;
}

.corporation-cont01 > h4{
	font-size:30px;
	margin-bottom:40px;
	line-height:1;
}

.corporation-cont01 > p{
	line-height:2;
}

.corporation-cont02{
	width:100%;
	height:400px;
	background:url(../images/group/corporation_01.jpg) no-repeat center center;
	background-size:cover;
	margin-bottom:80px;
}

.corporation-cont03{
	width:1200px;
	margin:0 auto;
}

.corporation-cont03 table{
	width:100%;
	border-collapse:collapse;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.corporation-cont03 table tr{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.corporation-cont03 table tr:first-child,
.corporation-cont03 table tr:last-child{
	border:none;
}

.corporation-cont03 table th{
	width:25%;
	font-weight:normal;
	text-align:left;
	border-right:1px #CCCCCC solid;
}

.corporation-cont03 table th,
.corporation-cont03 table td{
	padding:20px 0 20px 50px;
	vertical-align:top;
}

.corporation-cont03 table td > span{
	background-color:#DFEDFB;
	width:240px;
	height:30px;
	display:inline-block;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	margin-right:1em;
}





@media screen and (max-width: 960px) {
.corporation-cont01{
	width:90%;
	margin-bottom:30px;
}

.corporation-cont01 > h4{
	font-size:24px;
	margin-bottom:20px;
	line-height:1.2;
}

.corporation-cont01 > p{
	line-height:1.6;
	text-align:left;
}

.corporation-cont02{
	width:100%;
	height:200px;
	background-size:cover;
	margin-bottom:30px;
}

.corporation-cont03{
	width:90%;
}

.corporation-cont03 table{
}

.corporation-cont03 table th,
.corporation-cont03 table td{
	display:block;
	width:100%;
	padding:10px;
}

.corporation-cont03 table th{
	text-align:center;
	border-right:none;
	background-color:#CCCCCC;
}

.corporation-cont03 table td{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

.corporation-cont03 table td.image{
	height:auto;
	background:none;
}

.corporation-cont03 table td.image img{
	width:100%;
	height:auto;
}

.corporation-cont03 table td > span{
	width:45%;
}

}






/*--------------------------------------------------

    SHINANOA TRADING
	 
---------------------------------------------------*/

.trading-cont01{
	width:1200px;
	margin:0 auto;
	text-align:center;
	margin-bottom:80px;
}

.trading-cont01 > h4{
	font-size:30px;
	margin-bottom:40px;
	line-height:1;
}

.trading-cont01 > p{
	line-height:2;
}

.trading-cont02{
	width:100%;
	height:400px;
	background:url(../images/group/trading_01.jpg) no-repeat center center;
	background-size:cover;
	margin-bottom:80px;
}

.trading-cont03{
	width:1200px;
	margin:0 auto;
	border:1px #3388E1 solid;
	padding:25px;
	margin-bottom:50px;
}

.trading-cont03 > h4{
	width:170px;
	height:35px;
	background-color:#3388E1;
	color:#FFFFFF;
	text-align:center;
	line-height:35px;
	margin-bottom:25px;
}

.trading-cont03 dl{
	display:block;
	width:1100px;
	margin:0 auto;
	margin-bottom:30px;
}

.trading-cont03 dl dt{
	width:6em;
	float:left;
}

.trading-cont03 dl dd{
	margin-left:6em;
}

.trading-cont03 dl dt,
.trading-cont03 dl dd{
	margin-bottom:15px;
}

.trading-cont03 .inner1,
.trading-cont03 .inner2{
	width:1100px;
	margin:0 auto;
}

.trading-cont03 .inner1 img{
	width:340px;
	height:230px;
	display:block;
	float:left;
}

.trading-cont03 .inner1 img+img{
	margin-left:40px;
}

.trading-cont03 .inner2 ul li{
	width:340px;
	height:auto;
	display:block;
	float:left;
	text-align:center;
}

.trading-cont03 .inner2 ul li+li{
	margin-left:40px;
}

.trading-cont03 .inner2 ul li img{
	margin-bottom:10px;
}

.trading-cont03:after,
.trading-cont03 .inner1:after,
.trading-cont03 .inner2:after{
	content: "";
    clear: both;
	display: block;
}


.trading-cont04{
	width:1200px;
	margin:0 auto;
}

.trading-cont04 table{
	width:100%;
	border-collapse:collapse;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.trading-cont04 table tr{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.trading-cont04 table tr:first-child,
.trading-cont04 table tr:last-child{
	border:none;
}

.trading-cont04 table th{
	width:25%;
	font-weight:normal;
	text-align:left;
	border-right:1px #CCCCCC solid;
}

.trading-cont04 table th,
.trading-cont04 table td{
	padding:20px 0 20px 50px;
	vertical-align:top;
}

.trading-cont04 table td.image{
	height:300px;
	background:url(../images/group/trading_08.jpg) no-repeat 90% 20%;
}

.trading-cont04 table td > span{
	background-color:#DFEDFB;
	width:240px;
	height:30px;
	display:inline-block;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	margin-right:1em;
}



@media screen and (max-width: 960px) {
.trading-cont01{
	width:90%;
	margin-bottom:30px;
}

.trading-cont01 > p{
	line-height:1.6;
	text-align:left;
}

.trading-cont02{
	width:100%;
	height:200px;
	background-size:cover;
	margin-bottom:30px;
}

.trading-cont03{
	width:95%;
	padding:3%;
}

.trading-cont03 > h4{
	width:100%;
	margin-bottom:15px;
}

.trading-cont03 dl{
	width:100%;
	margin-bottom:15px;
}

.trading-cont03 dl dt{
	width:100%;
	float:none;
}

.trading-cont03 dl dd{
	margin-left:0;
}

.trading-cont03 dl dt{
	margin-bottom:5px;
}

.trading-cont03 .inner1,
.trading-cont03 .inner2{
	width:100%;
}

.trading-cont03 .inner1 img{
	width:100%;
	height:auto;
	float:none;
}

.trading-cont03 .inner1 img+img{
	margin-left:0px;
	margin-top:10px;
}

.trading-cont03 .inner2 ul li{
	width:100%;
	float:none;
}

.trading-cont03 .inner2 ul li+li{
	margin-left:0px;
	margin-top:50px;
}

.trading-cont03 .inner2 ul li img{
	width:100%;
	height:auto;
}

.trading-cont04{
	width:90%;
}

.trading-cont04 table{
}

.trading-cont04 table th,
.trading-cont04 table td{
	display:block;
	width:100%;
	padding:10px;
}

.trading-cont04 table th{
	text-align:center;
	border-right:none;
	background-color:#CCCCCC;
}

.trading-cont04 table td{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

.trading-cont04 table td.image{
	height:auto;
	background:none;
}

.trading-cont04 table td.image img{
	width:100%;
	height:auto;
}

.trading-cont04 table td > span{
	width:45%;
}
}






/*--------------------------------------------------

    SHINANOA AUTOTECH
	 
---------------------------------------------------*/

.autotech-cont01{
	width:1200px;
	margin:0 auto;
	text-align:center;
	margin-bottom:80px;
}

.autotech-cont01 > h4{
	font-size:30px;
	margin-bottom:40px;
	line-height:1;
}

.autotech-cont01 > p{
	line-height:2;
}

.autotech-cont02{
	width:100%;
	height:400px;
	background:url(../images/group/autotech_01.jpg) no-repeat center center;
	background-size:cover;
	margin-bottom:80px;
}

.autotech-cont03{
	width:1200px;
	margin:0 auto;
	border:1px #3388E1 solid;
	padding:25px;
	margin-bottom:50px;
}

.autotech-cont03 > h4{
	width:170px;
	height:35px;
	background-color:#3388E1;
	color:#FFFFFF;
	text-align:center;
	line-height:35px;
	margin-bottom:25px;
}

.autotech-cont03 dl{
	display:block;
	width:1100px;
	margin:0 auto;
	margin-bottom:30px;
}

.autotech-cont03 dl dt{
	width:6em;
	float:left;
}

.autotech-cont03 dl dd{
	margin-left:6em;
}

.autotech-cont03 dl dt,
.autotech-cont03 dl dd{
	margin-bottom:15px;
}

.autotech-cont03 .inner{
	width:1100px;
	margin:0 auto;
}

.autotech-cont03 .inner ul li{
	width:340px;
	height:auto;
	display:block;
	float:left;
	text-align:center;
}

.autotech-cont03 .inner ul li+li{
	margin-left:40px;
}

.autotech-cont03 .inner ul li img{
	margin-bottom:10px;
}

.autotech-cont03:after,
.autotech-cont03 .inner:after{
	content: "";
    clear: both;
	display: block;
}

.autotech-cont04{
	width:1200px;
	margin:0 auto;
}

.autotech-cont04 table{
	width:100%;
	border-collapse:collapse;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.autotech-cont04 table tr{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.autotech-cont04 table tr:first-child,
.autotech-cont04 table tr:last-child{
	border:none;
}

.autotech-cont04 table th{
	width:25%;
	font-weight:normal;
	text-align:left;
	border-right:1px #CCCCCC solid;
}

.autotech-cont04 table th,
.autotech-cont04 table td{
	padding:20px 0 20px 50px;
	vertical-align:top;
}

.autotech-cont04 table td.image1{
	height:400px;
	background:url(../images/group/autotech_17.jpg) no-repeat 95% 20%;
}

.autotech-cont04 table td.image2{
	height:300px;
	background:url(../images/group/autotech_16.jpg) no-repeat 95% 20%;
}

.autotech-cont04 table td > span{
	background-color:#DFEDFB;
	width:240px;
	height:30px;
	display:inline-block;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	margin-right:1em;
}

.autotech-cont04 table td ul li{
	display:block;
	width:250px;
	height:auto;
	float:left;
}

.autotech-cont04 table td ul li+li{
	margin-left:50px;
}

.autotech-cont04 table td ul li img{
	margin-bottom:10px;
}


@media screen and (max-width: 960px) {
.autotech-cont01{
	width:90%;
	margin-bottom:30px;
}

.autotech-cont01 > p{
	line-height:1.6;
	text-align:left;
}

.autotech-cont02{
	width:100%;
	height:200px;
	background-size:cover;
	margin-bottom:30px;
}

.autotech-cont03{
	width:95%;
	padding:3%;
}

.autotech-cont03 > h4{
	width:100%;
	margin-bottom:15px;
}

.autotech-cont03 dl{
	width:100%;
	margin-bottom:15px;
}

.autotech-cont03 dl dt{
	width:100%;
	float:none;
}

.autotech-cont03 dl dd{
	margin-left:0;
}

.autotech-cont03 dl dt{
	margin-bottom:5px;
}

.autotech-cont03 .inner{
	width:100%;
}

.autotech-cont03 .inner ul li{
	width:100%;
	float:none;
}

.autotech-cont03 .inner ul li+li{
	margin-left:0px;
	margin-top:50px;
}

.autotech-cont03 .inner ul li img{
	width:100%;
	height:auto;
}

.autotech-cont04{
	width:90%;
}

.autotech-cont04 table{
}

.autotech-cont04 table th,
.autotech-cont04 table td{
	display:block;
	width:100%;
	padding:10px;
}

.autotech-cont04 table th{
	text-align:center;
	border-right:none;
	background-color:#CCCCCC;
}

.autotech-cont04 table td{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

.autotech-cont04 table td.image1,
.autotech-cont04 table td.image2{
	height:auto;
	background:none;
}

.autotech-cont04 table td.image1 img,
.autotech-cont04 table td.image2 img{
	width:100%;
	height:auto;
	margin-top:10px;
}

.autotech-cont04 table td > span{
	width:45%;
}

.autotech-cont04 table td ul li{
	width:100%;
	float:none;
}

.autotech-cont04 table td ul li img{
	width:100%;
	height:auto;
}

.autotech-cont04 table td ul li+li{
	margin-left:0px;
	margin-top:15px;
}
}






/*--------------------------------------------------

    PT.SHINANOA INDONESIA
	 
---------------------------------------------------*/

.indonesia-cont01{
	width:1200px;
	margin:0 auto;
	text-align:center;
	margin-bottom:80px;
}

.indonesia-cont01 > h4{
	font-size:30px;
	margin-bottom:40px;
	line-height:1;
}

.indonesia-cont01 > p{
	line-height:2;
}

.indonesia-cont02{
	width:100%;
	height:400px;
	background:url(../images/group/indonesia_01.jpg) no-repeat center center;
	background-size:cover;
	margin-bottom:80px;
}

.indonesia-cont03{
	width:1200px;
	margin:0 auto;
	border:1px #3388E1 solid;
	padding:25px;
	margin-bottom:50px;
}

.indonesia-cont03 > h4{
	width:170px;
	height:35px;
	background-color:#3388E1;
	color:#FFFFFF;
	text-align:center;
	line-height:35px;
	margin-bottom:25px;
}

.indonesia-cont03 dl{
	display:block;
	width:1100px;
	margin:0 auto;
	margin-bottom:30px;
}

.indonesia-cont03 dl dt{
	width:6em;
	float:left;
}

.indonesia-cont03 dl dd{
	margin-left:6em;
}

.indonesia-cont03 dl dt,
.indonesia-cont03 dl dd{
	margin-bottom:15px;
}

.indonesia-cont03 .inner{
	width:1100px;
	margin:0 auto;
}

.indonesia-cont03 .inner img{
	width:340px;
	height:230px;
	display:block;
	float:left;
}

.indonesia-cont03 .inner img+img{
	margin-left:40px;
}

.indonesia-cont03:after,
.indonesia-cont03 .inner:after{
	content: "";
    clear: both;
	display: block;
}

.indonesia-cont04{
	width:1200px;
	margin:0 auto;
}

.indonesia-cont04 table{
	width:100%;
	border-collapse:collapse;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.indonesia-cont04 table tr{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

.indonesia-cont04 table tr:first-child,
.indonesia-cont04 table tr:last-child{
	border:none;
}

.indonesia-cont04 table th{
	width:25%;
	font-weight:normal;
	text-align:left;
	border-right:1px #CCCCCC solid;
}

.indonesia-cont04 table th,
.indonesia-cont04 table td{
	padding:20px 0 20px 50px;
	vertical-align:top;
}

.indonesia-cont04 table td.image{
	height:300px;
	background:url(../images/group/indonesia_10.jpg) no-repeat 90% 20%;
}

.indonesia-cont04 table td > span{
	background-color:#DFEDFB;
	width:240px;
	height:30px;
	display:inline-block;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	margin-right:1em;
}

@media screen and (max-width: 960px) {
.indonesia-cont01{
	width:90%;
	margin-bottom:30px;
}

.indonesia-cont01 > p{
	line-height:1.6;
	text-align:left;
}

.indonesia-cont02{
	width:100%;
	height:200px;
	background-size:cover;
	margin-bottom:30px;
}

.indonesia-cont03{
	width:95%;
	padding:3%;
}

.indonesia-cont03 > h4{
	width:100%;
	margin-bottom:15px;
}

.indonesia-cont03 dl{
	width:100%;
	margin-bottom:15px;
}

.indonesia-cont03 dl dt{
	width:100%;
	float:none;
}

.indonesia-cont03 dl dd{
	margin-left:0;
}

.indonesia-cont03 dl dt{
	margin-bottom:5px;
}

.indonesia-cont03 .inner{
	width:100%;
}

.indonesia-cont03 .inner img{
	width:100%;
	height:auto;
	float:none;
}

.indonesia-cont03 .inner img+img{
	margin-left:0px;
	margin-top:10px;
}

.indonesia-cont04{
	width:90%;
}

.indonesia-cont04 table{
}

.indonesia-cont04 table th,
.indonesia-cont04 table td{
	display:block;
	width:100%;
	padding:10px;
}

.indonesia-cont04 table th{
	text-align:center;
	border-right:none;
	background-color:#CCCCCC;
}

.indonesia-cont04 table td{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

.indonesia-cont04 table td.image{
	height:auto;
	background:none;
}

.indonesia-cont04 table td.image img{
	width:100%;
	height:auto;
}

.indonesia-cont04 table td > span{
	width:45%;
}
}


/*--------------------------------------------------

    NEWS20210112
	 
---------------------------------------------------*/

.News2021_box {
	width:1200px;
	margin: 15px auto 100px;
	padding-top: 20px;
	border-bottom:  #A09E9E dotted 1px;
}
.News2021_box_no_borde{
	border-bottom:  none!important;
}
.News2021_box:after {
	content: "";
    clear: both;
    display: block;
}
.News2021_box h4 {
	margin: 0 auto;
	font-size: 24px;
	color: #3388E1;
	margin-bottom: 20px;
}
.News2021_box p {
	float: left;
	width: 70%;
}
.News2021_box .img2021box {
	float: right;
	width: 25%;
}
.News2021_box .img2021box img {
	width: 100%;
	margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
.News2021_box {
	width:90%;
	margin: 15px auto 20px;
	padding-top: 20px;
}
.News2021_box h4 {
	margin: 0 auto;
	font-size: 24px;
	color: #3388E1;
	margin-bottom: 20px;
}
.News2021_box p {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.News2021_box .img2021box {
	float: none;
	width: 100%;
}
.News2021_box .img2021box img {
	width: 100%;
	margin-bottom: 50px;
}	
}