@font-face{ 
  font-family: 'mplus-1p-thin';
  src: url('mplus-1p-thin.eot');
  src: url('mplus-1p-thin.eot?#iefix') format('embedded-opentype'),
       url('mplus-1p-thin.woff') format('woff'),
       url('mplus-1p-thin.ttf') format('truetype');
}


body{
    background: #ffffff;	//1
    margin:	0px;
    min-width:	1180px;
    font: normal 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: "Open Sans", sans-serif;

}
@media screen and (orientation: portrait) {
  body {
    font-size:30px;
  }
}

a {
    text-decoration: none;
    color:	#222;
}

/*---------- header --------------*/

.logo{
    height:	100px;
    width:	auto;
    margin:	20px;
    margin-left:120px;
}
.lang{
    margin-right: 130px;//10px;
    margin-top:    5px;
}
.hero{
    max-height: 500px;
//1    overflow: hidden;
}
.hero img{
    height: auto;
    width: 100%;
}

.global-navi{
    background: rgba(255,255,255,0.7);
    padding: 5px 0px;
//    display: flex;
//1    position: fixed;
//1    justify-content: space-between;
//1    transition: .5s translate(-50%, -50%);
    width:	1180px;
    margin:	0 auto;
    left:	50%;
//1    margin-left:-590px;
//1    margin-top:	0px;
//1    z-index:100;
}

/*---------- menu --------------*/
.gmenu {
    width:	840px;
    margin:	0 auto;
    padding:	0;
    display:	flex;
    background:	rgba(255,255,255,0.75);
    transition: 3.5s translate(-50%, -50%);
}
.gmenu.transform{
    margin-top:	-55px;
}

.menu{
    width:	120px;
    text-align:	center;
    padding-top:4px;
    padding-bottom:4px;
}
.menu-active{
    border:	solid 1px black;
//    border-bottom:	solid 5px #dddddd;
    padding-top:4px;
    padding-bottom:4px;
}

/*---------- footer --------------*/
.footer{
    background:	#333;
    padding:	40px 0px;
    text-align:	center;
}
.copyright{
    margin:	0 auto;
    width:	940px;
    color:	#aaa;
    font-size:	75%;
    text-align:	left;
    padding-left:5px;
    box-sizing:	border-box;
}


/*---------- content --------------*/

div.content {
    background:	white;
    width:	1180px;
    border:	0;
    text-align:	left;
    margin:	0 auto;
    box-sizing:	border-box;
    padding:	5px 120px;
}

div.content-top {
//    height:	160px;
}
div.content-sub {
    height:	80px;
}

/*---------- splash --------------*/
.splash {
    position:	relative;
    height:	440px;
    width:940px;
}
.splash img {
    position:	absolute;
    left:	0;
    top:	0;
}
.spnavi {
    height:	20px;
}
.slr {
    color:	gray;
    font-weight:bold;
    width:	100px;
    float:	left;
}
.slr a{
    cursor:	pointer;
}

.sidx a {
    color:	gray;
    font-size:	70%;
    cursor:	pointer;
}
.sidx {
    float:	right;
    text-aligh:	right;
    padding-top:3px;
    padding-right:3px;
}

/*---------- tri-clumn --------------*/
.tri-frame {
    width:	940px;
}
.tri-column {
    display:inline-block;
    width:-webkit-calc((92% * 1/3) );
    width:calc((92% * 1/3) );
    margin:1%;
    box-sizing:border-box;
    vertical-align: top;
    padding:	1px;
}
.tri-column div:first-child {
    margin-top:	8px;
    font-size:	110%;
    color:	#444444;
}
.tri-column div:first-child::after {
  content:	'';
  display:	block;
  width:	100%;
  height:	2px;
  margin:	1;
}
.tri-column div:nth-child(2) {
    text-align:	right;
    font-size:	75%;
    color:	#444444;
}
.tri-column div:nth-child(3) {
    margin-top:	8px;
    color:	#444444;

}

/*---------- duo-column --------------*/
.duo-frame {
}

.duo-column {
    border:	1px solid #485d8a;
    min-height:	175px;
}

.duo-column div:nth-child(1) {
    display:	inline-block;
    width:	30px;
    line-height:26px;
    background-color:#485d8a;
    color:	white;
    text-align:	center;
    border-top:	4px solid #485d8a;
}
.duo-column div:nth-child(2) {
    display:	inline-block;
    margin-left:10px;
}
.duo-text {
    margin:	5px;
    margin-left:10px;
}

.duo-scope {
    text-align:		center;
    margin-top:		10px;
    margin-bottom:	10px;
}


h1 {
    font-family:'mplus-1p-thin';
    color:	black;
    font-weight:200;
    font-size:	220%;
    margin-bottom:0px;
    text-align:	left;
}

h2 {
    font-family:'mplus-1p-thin';
    color:	black;
    font-weight:200;
    font-size:	28px;
    margin-bottom:0px;
    text-align:	left;
}

div.a_mail {
    text-align:	center;
    margin-top:	20px;
    margin-bottom:40px;
}
div.a_next {
    text-align:	right;
    margin-top:	20px;
    margin-bottom:40px;
}
div.a_mail a, div.a_next a {
    font-family:'mplus-1p-thin';
    font-weight:600;
    color:	#B20000;
    border:	1px #B20000 solid;
    padding:	7px 17px 7px 17px;
}


/*------- table style --------*/
dl.table, dl.table dt, dl.table dd {
    box-sizing:	border-box;
}
dl.table {
    width:80%;
    margin-left:10%;
}
dl.table dt {
    width:	20%;
    float:	left;
    text-align:	right;
    font-weight:bold;
    margin-top:	15px;
    color:	#333333;
}
dl.table dd {
    margin-left:25%;
    margin-top:	15px;
}
dl.table dd:after {
    content:	'';
    display:	block;
    clear:	both;
}


/*--------- other --------------*/
.roundpic {
    border-radius:	50%;
    -moz-border-image:    border-radius: 50%;
    -webkit-border-image: border-radius: 50%;
    margin-top:		5px;
    margin-bottom:	15px;
}

.popcard:hover {
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#cccccc');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ccc));
	background-image: -moz-linear-gradient(top, #ffffff, #ccc);
	background-image: linear-gradient(top, #ffffff, #ccc);
	padding: 1px;
}
.popcard a {
	display: block;
	background: #fff;
}

.feat1 {
    color:	#ee2222;
    weight:	bold;
}
.feat2 {
    color:	#2222ee;
    weight:	bold;
}


table.company {
    border-color: white;
}

table.company td {
    padding	: 8px;
}

table.company a {
    color	: #428BCA;
}