@charset "UTF-8";

#header{background: none; position: absolute; left: 0; z-index: 700000; display: table; width: 100%; font-weight: bold;}
#header + hr{display: none;}

h2{font-size: 2.5em; color: #333; position: relative;}

.index_more{position: absolute; right: 0; bottom: 0;}
/* 220721　変更 */
.translation{position: absolute; width: 960px; margin-left: -480px; left: 50%; bottom: 420px;}
/*2017/01/23
.translation{position: absolute; width: 960px; margin-left: -480px; left: 50%; bottom: 350px;}*/

#container a{cursor: pointer;}
.btn_wrap{margin: 10px 0 20px;}
.btn_wrap a .btn_contact.for_b{background: #3ebcf5;}
.btn_wrap a .btn_contact.for_c{background: #6ad595;}
.btn_wrap a:hover{opacity: 0.8;}
a .btn_contact img {margin-top: 0;position: static;}

.pickup ul{overflow: hidden; margin: -15px;}
.pickup ul li{float: left; width: 300px; margin: 15px;}
.pickup h5{margin: 16px 0 10px;}
.news ul li{margin: 8px 0;}
.news ul li span{display: inline-block; margin-right: 50px; width: 11em;}

#container .recommend{overflow: hidden; width: 100%;}
#container .recommend section.left{float: left; width: 580px;}
#container .recommend section.left ul li{overflow: hidden; margin: 26px 0;}
#container .recommend section.left ul li img{float: left; margin-right: 20px;}
#container .recommend section.left ul li div{color: #666; overflow: hidden; letter-spacing: 0.1px;}
#container .recommend section.left ul li a{display: block;}
#container .recommend section.left ul li a:hover{opacity: 0.8;}

#container .recommend section.right{width: 360px; float: right; margin-top: 30px;}
#container .recommend section.right iframe + h5 {text-align: center;border: #CCC solid 1px;}
#container .recommend section.right iframe + h5 a{display: block;}
/*20160204*/
#container .recommend section.right div a {text-align: center;border: #CCC solid 1px;}
#container .recommend section.right div a h5 {text-align: center;border-top: #CCC solid 1px;}
#container .recommend section.right div a {display: block;}
#container .recommend section.right div a:hover {opacity: 0.8;}

#container .recommend section.right p a{margin-top: 20px; display: block;}
#container .recommend section.right p a img{width: 360px;}

/*flexslider setting*/
.main-slide-wrap{width: 100%; background: #ddd; margin-bottom: 30px; position: relative;}
#main-slide{ width: 1200px; max-height: 415px; margin: 0 auto; overflow: hidden;}
#main-slide img{width: auto; max-height: 415px; margin: 0 auto; }
.flex-control-paging li a{background: #bbb;\9; /* IE8 and below */}
.flex-control-paging li a.flex-active{background: #fff;\9; /* IE8 and below */}
.flex-control-paging li a:hover{background: #fff;\9; /* IE8 and below */}
.flex-direction-nav a{color: #fff;\9; /* IE8 and below */}
/*tab*/
.ul_tab01 li {float: left; width: 318.6px;}
.layout01 li {float: left; margin: 1.16%;}
.apps_list {margin: 0 40px;}
.apps_list li {width: 66px; margin: 10px 26px;}

/*js animation*/
#topAnimation{width: 1200px; height: 415px; margin: 0 auto !important;  margin-bottom: 30px; position: relative;}
#Stage{width: 1200px; height: 415px; margin: 0 auto;}



@media screen and (min-width: 768px) and (max-width: 1024px) {
.only_pc{display: block;}

.main-slide-wrap{width: 1024px; overflow: hidden;}
#main-slide{width: 1024px !important;}
#main-slide img{width: 1024px !important;}
#topAnimation,#Stage,#Stage_obj2{width: 1024px !important; height: 354px;}
#footer{width: 1024px;}
#container{margin-left: 32px; min-height: 740px;}

#header {width: 1024px;height: 90px;background: url(/corp/images/header_g-navi_bg.jpg) no-repeat #2A397A center;text-align: center;margin: 0 auto;}
#header #headerWrap {width: 960px;padding-top: 25px;text-align: center;margin: 0 auto;overflow: hidden;}
#header + hr{width: 1024px;}
.navigation{width: 1024px;}

#index_page #header{width: 960px;margin: 0; left: 0; margin-left: 32px; background:none;}
#index_page #header #headerWrap{width: 960px;}

.only_sp{display: none !important;}
}



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

html{overflow-x:hidden;overflow-y:auto;}
body{overflow-x:hidden;overflow-y:auto;}

h2{font-size: 2.5em; color: #333; position: relative;}
h5{color: #0067b5; margin-top: -4px;}
.index_more{position: absolute; right: 0; bottom: 0;}

.translation{display: none;}

section a{cursor: pointer;}
.btn_wrap{margin: 10px 0 10px;}
.btn_wrap a{clear: both; display: block; width: 100%; margin: 0;}
.btn_wrap a + a {margin-left: 0;}
.btn_wrap a:nth-child(1) .btn_contact{margin-top: 0; background: #3ebcf5;}
.btn_wrap a:nth-child(2) .btn_contact{background: #6ad595;}
.btn_wrap a:hover{opacity: 0.8;}
a .btn_contact img {margin-top: 0;position: static;}
a .btn_contact{font-size: 15px; font-weight: bold; margin-bottom:10px; padding: 12px 0;}
a .btn_contact i {position: absolute; left: 5%; font-size: 20px; line-height: 1.2em; padding: 0;}

.main-slide-wrap {margin-bottom: 10px;}
#main-slide{display: none !important;}
#topAnimation{display: none;}
#main-slide-sp{padding-top: 45px; width: 100%; margin-bottom: 0;}

/*.main-slide-wrap {width: 100%; margin-top: 45px;}
#main-slide {width: 100%; max-height: inherit;}
#main-slide img {width: 108%; max-height: inherit; margin-left: -4%;}*/

/*flexslider setting*/
.flexslider{margin: 0px 0 30px;}
.flex-direction-nav{display: none;}
.flex-control-paging li a{border: none; width: 12px; height: 12px; margin-top: 9px;}

/*tab*/
.layout01{padding: 0; border-radius:0;}
.ul_tab01 {display: table; width: 100%;}
.ul_tab01 li {display: table-cell; float: none; width: 33.33333%; width: -webkit-calc(100%/3); width: calc(100%/3); padding:8px 0; line-height: 1.3em; vertical-align: middle; font-size: 12px; font-weight: bold;}
.layout01 li { display: block; overflow: hidden; margin-bottom: 15px;}
.layout01 li a{overflow: hidden; display: block; width: 80px; float: left;margin-right: 10px;}
.layout01 li a img{width: 80px;}
.layout01 li span{overflow: hidden; margin-left: 90px; font-size: 13px; line-height: 1.5em;}
.apps_list {margin: 0;}
.apps_list li {width: 16%; margin: 1.16% 4.5% 15px 4.5%;}
.apps_list li a{width: 100%; margin: 0;}
.apps_list li a img{width: 100%;}

#container{padding-top: 0;}
#container section{line-height: 1.8em;margin-bottom: 20px; padding-bottom: 20px; font-size: 13px;}

.pickup h5{margin: 5px 0; font-size: 16px;}
.pickup ul li{overflow: hidden; width: auto; float: none;}
.pickup ul li+li{margin-top: 20px;}
.pickup ul li a img{width: 100%; margin-bottom: 10px;}
.pickup ul li div{overflow: hidden; font-size: 14px; line-height: 1.6em;}

.news ul li a {line-height: 1.4em;}
.news ul li span{display: block; width: 100%;}
.news ul li+li{margin-top: 15px;}
.news iframe{width: 100%;}

#container .recommend{width: 95%;}
.recommend ul li+li{margin-top: 20px;}
.recommend ul li a {display: block; overflow: hidden;}
.recommend ul li a img{width: 100px; float: left; margin-right: 10px;}
.recommend ul li a div{overflow: hidden;}
#container .recommend section.left{width: 100%;}
#container .recommend section.left ul li {display: block; overflow: hidden;}
#container .recommend section.left ul li img{margin-right: 10px;}
#container .recommend section.left ul li div {font-size: 13px; line-height: 1.5em; letter-spacing: 0;}
#container .recommend section.left ul li h5 {font-size: 13px; line-height: 1.8em;}

#container .recommend section.right{width: 100%; float: none; margin-top: 0;}
.recommend .right iframe{width: 100%;}
.recommend .right iframe + h5{ border: 1px solid #ddd; margin-top: 0;}
.recommend .right iframe + h5 > a{padding: 10px;}
.recommend .right p{width: 100%;}
.recommend .right p a{display:block;}
.recommend .right p a{display: block; margin-top: 20px;}
#container .recommend section.right p a img{width: 100%;}

.industry img{width: 100%;}
.industry div{float: none; width: 100%; margin: 20px 0; font-size: 14px; line-height: 1.7em;}
.industry div h5 {margin: 0 0 5px; font-size: 16px;}
.industry .index_more{position: inherit;}
}