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

#header_img{width:100%; background:url(../jpg/bg_aboutus.jpg) no-repeat 50% 50% #FFF; background-size:cover; overflow:hidden;}


/* pc */
/*ここにpc用スタイルを記述*/
#header_img{height:120px;}
h2.listh2{width:96%; max-width:1024px; margin:15px auto; line-height:60px; border-bottom:#0096AE 2px solid; font-size:20px; font-weight:bold;}
.lead{font-size:14px; font-weight:bold; padding:0; margin-bottom:20px;}

/*言語選択ページ*/
#aboutus_language{width:96%; max-width:1024px; margin:0 auto;}
#aboutus_language>ul{list-style:none; width:102.5%; margin:0 0 0 -2.5%; overflow:hidden;}
#aboutus_language>ul>li{display:block; width:22.5%; float:left; margin:0 0 25px 2.5%;}
#aboutus_language>ul>li>ul{list-style: url(../gif/arrow-2.gif); margin-left:15px;}
#aboutus_language>ul>li>div.lang_btn{height:90px; width:90px; border-radius: 100%; margin:10px 0; background:#0096AE; line-height:90px; text-align:center;}
#aboutus_language>ul>li>div.lang_btn a{display:block; color:#FFF; text-decoration:none; font-weight:bold;}
#aboutus_language>ul>li>h4{margin:15px 0; padding:5px 0; font-size:16px; font-weight:bold; border-bottom:#0096AE 1px solid;}

/*各言語トップ*/
#aboutus_list{width:96%; max-width:1024px; margin:0 auto;}
#aboutus_list>ul{list-style:none; width:102%; margin:0 0 0 -2%; overflow:hidden;}
#aboutus_list>ul>li{display:block; width:31.3333%; max-width:330px; float:left; margin:0 0 40px 2%;}
#aboutus_list>ul>li a{color:#333;}
#aboutus_list>ul>li a:hover, #aboutus_list>ul>li a:focus{color:#666; text-decoration:none;}
.list_img{width:100%; height:195px; overflow:hidden;}
.list_img img{width:100%; height:auto; transition: .3s ease-in-out;}
a:hover .list_img img{-webkit-transform:scale(1.03,1.03); -moz-transform:scale(1.03,1.03); -ms-transform:scale(1.03,1.03); -o-transform:scale(1.03,1.03); transform: scale(1.03,1.03);}
.aboutus_category{font-size:18px; line-height:1.2em; padding:13px 0 13px 20px; font-weight:bold; background:url(../png/arrow_index.png) no-repeat 0 50%;}

/*言語選択ボタン*/
ul#language{max-width:1024px; width:96%; margin:0 auto; list-style:none;}
ul#language>li>ul{list-style:none; width:100%; margin:20px 0 0;}
ul#language>li>ul>li{display:inline-block; width:9.7%; text-align:center; margin:0 8px 0 0; border:#CCC solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul#language>li>ul>li a{display:block; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#lang_en #lang01 a,
#lang_j #lang02 a,
#lang_ji #lang03 a,
#lang_fa #lang04 a,
#lang_kr #lang05 a,
#lang_th #lang06 a,
#lang_pt #lang07 a,
#lang_es #lang08 a,
#lang_vn #lang09 a
{background:#0096AE; color:#FFF;}

/*バナー*/
#banner_box{background:#f8f8f8; padding:35px 0 20px; border-top: 1px solid #CCC;}
#banner{max-width:1024px; width:96%; margin:0 auto;}
#banner>ul{max-width:1042px; list-style:none; margin-left:-18px; text-align:center;}
#banner>ul>li{width:200px; height:55px; display:inline-table; text-align:left; margin:0; padding:0 0 0 1.666%; font-size:12px; line-height:1.4em;}
#banner>ul>li>a>img{width:200px; height:auto;}

 
/* tablet  */
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/

#header_img{min-width: 750px;}

/*言語選択ページ*/
#aboutus_language{width:96%; margin:0 auto;}
#aboutus_language>ul{list-style:none; width:102.33%; margin:0 0 0 -2.33%; overflow:hidden;}
#aboutus_language>ul>li{display:block; width:31%; float:left; margin:0 0 25px 2.33%;}
#aboutus_language>ul>li>h4{margin:10px 0; padding:5px 0; font-size:15px; font-weight:bold; border-bottom:#0096AE 1px solid;}

/*各言語トップ*/
.list_img{width:100%; height:auto; overflow:hidden;}
.list_img img{width:100%; height:auto; transition:none;}
a:hover .list_img img{transform:none;}
.aboutus_category{font-size:15px; padding:8px 0 8px 20px; background:url(../png/arrow_index.png) no-repeat 0 14px;}

/*言語選択ボタン*/
ul#language>li>ul>li{display:inline-block; text-align:center; margin:0 2px 0 0; border:#CCC solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul#language>li>ul>li a{display:block; width:100%; font-size:12px;}

/*バナー*/
#banner_box{min-width: 750px;}

}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
h2.listh2{width:96%; margin:15px auto; line-height:40px; border-bottom:#0096AE 2px solid; font-size:18px; font-weight:bold;}

.lead{font-size:12px;}
#header_img{height:100px;}
#breadcrumbs{display:none;}

/*言語選択ページ*/
#aboutus_language{width:96%; margin:0 auto;}
#aboutus_language>ul{list-style:none; width:102.33%; margin:0 0 20px -2.33%; overflow:hidden;}
#aboutus_language>ul>li{display:block; width:31%; float:left; margin:0 0 0 2.33%;}
#aboutus_language>ul>li>div.lang_btn{height:90px; width:90px; border-radius: 100%; margin:10px auto; background:#0096AE; line-height:90px; text-align:center;}
#aboutus_language>ul>li>ul,
#aboutus_language>ul>li>h4{display:none;}

/*各言語トップ*/
#aboutus_list{width:96%; margin:0 auto;}
#aboutus_list>ul{list-style:none; width:102%; margin:0 0 0 -2%; overflow:hidden;}
#aboutus_list>ul>li{display:block; width:48%; float:left; margin:0 0 20px 2%;}
#aboutus_list>ul>li p{display:none;}
#aboutus_list>ul>li a{color:#333;}
#aboutus_list>ul>li a:hover, #aboutus_list>ul>li a:focus{color:#666; text-decoration:none;}
.list_img{width:100%; height:auto; overflow:hidden;}
.list_img img{width:100%; height:auto; transition:none;}
a:hover .list_img img{transform:none;}
.aboutus_category{font-size:12px; line-height:1.3em; padding:5px 0 5px 20px; background:url(../png/arrow_index.png) no-repeat 0 8px;}

/*言語選択ボタン*/
ul#language {position: relative; width:97%; height:auto; margin:0 auto; list-style:none;}
ul#language>li{height:auto; border:#CCC 1px solid; margin-top:15px; font-size:12px; position: relative;}
ul#language>li a {display: block; color:#333; padding:0 0 0 10px;}
ul#language>li a:hover {color: #333; text-decoration:none;}
ul#language>li>ul {visibility: hidden; opacity: 0; z-index: 1; list-style:none; position: absolute; top:0px; width:100%; -webkit-transition: all .2s ease; transition: all .2s ease;}
ul#language>li:hover {background:#FFF; -webkit-transition: all .5s; transition: all .5s;}
ul#language>li:hover ul{top:2px; visibility: visible; opacity: 1;}
ul#language>li>ul li {border-bottom:0; width:100%; border-left:0px; border-right:0px; display:block; text-align:center; margin:0; background:#ECECEC; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
ul#language>li>ul>li a{display:block; width:100%; padding:3px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
ul#language>li>ul li a:hover {background:#0096AE; color:#FFF;}

/* 下矢印 */
ul#language>li>div>a:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    position:absolute;
    top:5px;
    right:10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
ul#language:before,
ul#language:after {
    content: " ";
    display: table;
}

ul#language:after {
    clear: both;
}

ul#language {
    *zoom: 1;
}

/*バナー*/
#banner_box{background:#f8f8f8; padding:25px 0 10px;}
#banner{width:94%; margin:0 auto;}
#banner>ul{list-style:none; width:102%; margin-left:-2%;}
#banner>ul>li{width:46%; height:auto; display:block; float:left; margin:0; padding:0 0 15px 4%; font-size:12px; line-height:1.4em;}
#banner>ul>li.clear, #banner>ul>li.clear_s{clear:both;}
#banner>ul>li>a>img{width:100%; height:auto;}

}