@charset "utf-8";

/********************************************************************

	Core

********************************************************************/
/* =============================================================== */
/* Header
================================================================ */
#header {
    padding: 15px 10px 20px;
    min-height: 95px;
    box-sizing: border-box;
    z-index: 10000;
    position: fixed;
    /*background: #fff;*/
    background-color: rgba(255,255,255,1);
    width: 100%;
}
#header h1 a{
    display: inline-block;
    vertical-align: middle;
}
#header h1 span {
    display: inline-block;
    margin-left: 15px;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.6;
    vertical-align: middle;
}

/* Main Navigation
==========================*/
#navigation {
    float: right;
}
#nav {
    clear: right;
}
#nav a {
	color: #888;
}
#nav > li{
	position: relative;
	float: left;
    font-size: 15px;
    font-weight: bold;
}
#nav > li + li {
    margin: 0 0 0 15px;
}
#nav > li.meetsaiqos {
    padding: 10px 0 0;
}
#nav > li.meetsaiqos a {
    display: block;
    width: 160px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/logo_meet_saiqos_off.png) 0 0 no-repeat;
    background-size: contain;
    border: none;
}
#nav > li.meetsaiqos.current a,
#nav > li.meetsaiqos a:hover {
    background-image: url(../images/logo_meet_saiqos_on.png);
}
#nav > li.meetsaiqos a:hover {
    border: none;
}
#nav > li > a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	color: #666666;
	border-bottom: 3px solid transparent;
}
#nav > li > a:hover,
#nav > .current_page_item > a {
    border-color: #0190dc;
}

#nav_s > li > a:hover,
#nav_s > .current_page_item > a {
    border-color: #666666;
}

#nav > li > ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: auto;
	min-width: 250px;
	margin: 0;
    padding: 10px;
    background: white;
    border: 2px solid #000;
	z-index: 999;
    font-size: 14px;
}
#nav > li > ul ul {
	margin: 0 0 0 15px;
	padding-top: 10px;
	/*background: #666;*/
}
#nav > .current-menu-parent, #nav > .current-menu-ancestor {
	/*border-color: #0091DB !important;*/
}
#nav > .current-menu-ancestor > a,
#nav > .current-page-ancestor > a {
    /*border-color: #0091DB !important;*/
    border-bottom: 2px solid #0091DB;
}
#nav > li:hover > a, #nav > .current-menu-parent > a, #nav > .current-menu-ancestor > a, #nav > .current-page-ancestor > a{
	font-weight: bold;
	color: #444;
}
#nav > .hide-menu-parent:hover > a {
	background: #000;
	border-color: transparent;
	color: #fff;
}
#nav > li > ul > li {
	border-bottom: 1px solid #eeeeee;
}
#nav > li > ul > li:last-child {
	border-bottom: none;
}
#nav > li > ul > li + li {
	/*border-top: 1px solid #5c5c5c;*/
}
#nav > li > ul > li > a {
	display: block;
	padding: 10px 15px 8px 20px;
    background: url(../images/link_list_arrow_02.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#nav > li > ul > li > ul{
    padding-top: 0;
    padding-bottom: 5px;
}
#nav > li > ul > li > ul > li > a {
    padding: 2px 0 0 20px;
    background: url(../images/link_list_arrow_02.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
#nav > li > ul > li > a:hover {
	/*background: #383838;*/
    color: #222;
}
#nav > li > ul > li > ul > li > a:hover {
    text-decoration: none;
    color: #222;
}
#nav ul ul a {
	display: block;
	padding: 0 15px;
}
#nav ul ul a:hover {
	text-decoration: underline;
}
#nav ul ul li {
	padding-bottom: 10px;
}
#navigation_btn{
	display: none;
}

/* for smartphone */
.selectnav {
	display: none;
	width: 100%;
	padding: 8px;
	font-size: 14px;
}
#navigation ul.selectnav {display:none;padding:10px;border: 3px solid #555;opacity:0;height:0px;overflow:hidden;position:absolute;z-index:999;}
#navigation ul.selectnav li{float:none;display:block;position:relative;padding: 5px 0;border-bottom: 1px solid #cccccc;}
#navigation {
	float: right;
}
#navigation ul.selectnav li a {
    display: block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 12px;
    border-bottom: none;
}
#navigation ul.selectnav li a:hover{
    border-top: none;
}
#navigation ul.selectnav li .selectnav_toggle {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 40px;
    text-align: center;
    font-weight: bold;
}
#navigation ul.selectnav li .selectnav_toggle a{
    color: #0091DB;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 5px;
}

#nav_s {
    float: right;
    margin: 0 0 5px;
}
#nav_s li {
    float: left;
    margin-left: 23px;
    padding: 0 0 0 12px;
    background: url(../images/link_list_arrow_03.png) 0 47% no-repeat;
}
#nav_s li a {
    display: inline-block;
    color: #101010;
    border-bottom: 2px solid transparent;
}

/* IE Dropdown Fix
==========================*/
.ie7 .ie-dropdown-fix {position: relative; z-index: 5;}
.ie8 .ie-dropdown-fix {position: relative; z-index: 5;}

/* =============================================================== */
/* Footer
================================================================ */
#footer {
	background: #efefef;
	padding: 40px 0;
	margin: 30px 0 0 0;
    color: #333;
}

#footer h5 {
	border-bottom: 1px solid #919191;
	padding: 0 0 8px 0;
	margin: 0 0 15px 0;
}
#footer h5 img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
#footer .latest-post{
    font-size: 85%;
    overflow: hidden;
    zoom: 1;
}
.footer-news-image{
    float: left;
    margin-right: 20px;
}
.footer-news-title{
    overflow: hidden;
    zoom: 1;
}
/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

.fb_iframe_widget {
    padding-top: 25px;
}

/* Footer Sitemap 
==========================*/
#nav-footer {
    margin: 0 0 25px;
    padding: 0 0 20px;
    border-bottom: 1px solid #919191;
    max-width: none;
}
#nav-footer li{
    float: left;
    margin: 0 17px 10px 0;
    padding-left: 12px;
    background: url(../images/link_list_arrow_01.png) no-repeat left 47%;
    font-weight: normal;
    white-space: nowrap;
}
#nav-footer > li > a {
    text-decoration: none;
    color: #333;
}
#nav-footer > li > ul {
    position: absolute;
    top: 18px;
    right: 0;
    display: none;
    width: auto;
    min-height: 100%;
    min-width: 320px;
    margin: -18px 0 0;
    padding: 0px;
    background: #555;
    z-index: 999;
}
#nav-footer > li > ul ul {
    margin: 0 0 0 15px;
    padding-top: 10px;
    /*background: #666;*/
}
#nav-footer > .current-menu-parent, #nav-footer > .current-menu-ancestor {
    border-color: #0091DB !important;
}
#nav-footer > .hide-menu-parent:hover > a {
    background: #555;
    border-color: transparent;
    color: #fff;
}
#nav-footer > li > ul > li {
    border-bottom: 1px solid #444444;
}
#nav-footer > li > ul > li:last-child {
    border-bottom: none;
}
#nav-footer > li > ul > li + li {
    /*border-top: 1px solid #5c5c5c;*/
}
#nav-footer > li > ul > li > a {
    display: block;
    padding: 7px 15px 5px 25px;
    background: url(../images/link_list_arrow_02.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    color: #fff;
}

#nav-footer > li > ul > li > ul{
    display: none;
    padding-top: 0;
    padding-bottom: 5px;
}
#nav-footer > li > ul > li > ul > li > a {
    padding: 2px 0 0 20px;
    background: url(../images/link_list_arrow_02.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
#nav-footer > li > ul > li > a:hover {
    /*background: #383838;*/
    color: #afafaf;
}
#nav-footer > li > ul > li > ul > li > a:hover {
    text-decoration: none;
    color: #222;
}
#nav-footer ul ul a {
    display: block;
    padding: 0 15px;
}
#nav-footer ul ul a:hover {
    text-decoration: underline;
}
#nav-footer ul ul li {
    padding-bottom: 10px;
}
.nav-footer-p {
    max-width: none;
}

/* Links List
==========================*/
.links-list li a {
	color: #a4a4a4;
	display: block;
	padding: 6px 0;
	padding-left: 12px;
	border-bottom: 1px solid #444;
	background: url(../images/link_list_arrow_01.png) no-repeat left 47%;
}

.links-list li a:hover {color: #fff}
.links-list li:first-child a {margin: -12px 0 0 0;}
.links-list li:last-child a {border: none;}


/* Latest From Blog
==========================*/
.latest-post {margin-bottom: 10px;}

.latest-post p,
.latest-post a,
.latest-post a:visited {
	margin: 0;
    line-height: 1.5;
    color: #333;
    display: inline-block;
}
.latest-post a:hover{
    color: #898989;
}

.latest-post span {
	margin: 0;
	display: block;
}

.latest-post img {
	border: 3px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.latest-post img:hover {border-color: #666;}

.footer-news-image a{
    display: inline-block;
    width: 49px;
}

/* Twitter
==========================*/
#twitter li {
	margin: 0 0 22px 0;
	padding: 0 0 0 25px;
	background: url(../images/twitter_widget_ico_01.png) no-repeat left 5%;
}

#twitter a {color: #fff;}

#twitter b a {
	color: #707070;
	font-weight: normal;
}

/* Back To Top Button
==========================*/
#backtotop {
	position: fixed;
	right:0px;
	display:none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:45px;
	height:45px;
	background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
	background-color:#cccccc;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#backtotop a:hover {background-color: #2da0ce;}

/* Copyright
==========================*/
#footer-bottom {background: #2c2c2c; min-height: 60px;}
#copyright {color: #fff; margin: 22px 0;}
#copyright a, #copyright span {color:#fff;}


/* Social Icons
==========================*/
/**** 20150624 追加 ****/
/* Web Font */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?31771571');
  src: url('../font/fontello.eot?31771571#iefix') format('embedded-opentype'),
	   url('../font/fontello.woff?31771571') format('woff'),
	   url('../font/fontello.ttf?31771571') format('truetype'),
	   url('../font/fontello.svg?31771571#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.social-icons li {
	display: inline;
	float: left;
	margin-right: 4px;
}

.social-icons li a {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-color: #f2f2f2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	margin-bottom: 20px;
}

/* Common Styles */
.social-icons li a i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	z-index: 20;
}

.social-icons li a:hover,
.social-icons li a i {
	color: #fff;
}

.social-icons li a i {
	top: -30px;
	opacity:0;
}

.social-icons li a:hover i {
	top: 0;
	opacity: 1;
}

/* Social Footer Icons */
.social-icons-footer{
	margin: 15px 0 0 0;
	float:right;
}

.social-icons-footer li{
	display:inline;
	list-style:none;
	float:left;
	padding: 0 5px;
}

.social-icons-footer li a i{
	display:block;
	padding-top:5px;
	color: #606060;
	font-size: 18px;
	-webkit-transition: all 180ms ease-in-out;
	-moz-transition: all 180ms ease-in-out;
	-o-transition: all 180ms ease-in-out;
	transition: all 180ms ease-in-out;
}

.social-icons-footer li a i:hover {color: #888;}

/**** ここまで ****/

.social-links {margin: 22px 0; float: right;}
.social-links-about {
	padding: 15px 0 5px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.social-links li:first-child, 
.social-links-about li:first-child {margin-left: 0;}

.social-links li {
	display: inline;
	list-style: none;
	opacity: 0.4;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-indent: -9999px;
	margin-left: 15px;
	float: left;
}

.social-links-about li {
	display: inline;
	list-style: none;
	opacity: 0.4;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-indent: -9999px;
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
}
			
.social-links a,
.social-links-about a {
	background-repeat: no-repeat;
	background-position: 0 -16px;
	display: block;
	height: 16px;
	width: 20px;
}

.social-links li:hover,
.social-links-about li:hover {opacity: 1;}

.twitter {background: url(../images/social_icons_twitter.png) no-repeat;}
.facebook {background: url(../images/social_icons_facebook.png) no-repeat;}
.digg{background: url(../images/social_icons_digg.png) no-repeat;}
.vimeo{background: url(../images/social_icons_vimeo.png) no-repeat;}
.youtube{background: url(../images/social_icons_youtube.png) no-repeat;}
.skype{background: url(../images/social_icons_skype.png) no-repeat;}


#footer-sp-box{
    font-size: 500%;
    text-align: center;
    padding: 30px 0 50px;
}

.footer-sp-show-box {
	clear: both;
	border: 1px solid #BAD2E0;
	background-color: #E7F1F6;
	padding:15px;
}
.footer-sp-show-box .circle_list {
	margin:0 10px;
}
.footer-sp-show-box { display: none !important; }

@media screen and (max-width: 767px) {
  .footer-sp-show-box { display: block !important; }
}

/* =============================================================== */
/* Main
================================================================ */
#main {
}
#content #main .alignright{
    float: right;
    padding-left: 15px;
    padding-bottom: 10px;
}
#content #main .alignleft{
    float: left;
    padding-right: 15px;
    padding-bottom: 10px;
}
#content #main .aligncenter{
	margin:0 auto;
}
/********************************************************************

	Modules

********************************************************************/
/* =============================================================== */
/* Heading
================================================================ */
/* Page Title
==========================*/
#page-title {
	background-color: #0190dc;
}

#page-title .columns {
	position: relative;
}
#page-title h1 {
	font-size: 22px;
	margin: 0;
	/**** 20150624 修正 ****/
	/*padding: 24px 0 0;*/
	padding: 16px 0 4px;
	line-height: 1;
	/**** 20150624 修正 ****/
	/*color: #000;*/
	color: #feffff;
}
#page-title .columns ul {
	position: absolute;
	/**** 20150624 修正 ****/
	/*top: 19px;*/
	top: 11px;
	right: 0;
}
#page-title .columns li {
	float: left;
	padding-left: 20px;
}
#page-title .columns li a {
	display: block;
	padding: 3px 0 1px;
	border-bottom: 1px solid transparent;
	/**** 20150624 修正 ****/
	/*color: #888;*/
	color: #feffff;
}
#page-title .columns li a:hover {
	/**** 20150624 修正 **************************/
	/*border-color: #555;*/
	/*color: #444;*/
	border-color: #fff;
	color: #fff;
	/**** 20150624 修正 ここまで ******************/
}
#page-title .columns li:first-child a {
	border-left: none;
}
#page-title .columns li.current_page_item a,
#page-title .columns li.current_page_ancestor a{
	border-color: #0091DB !important;
	border-width: 2px;
	color: #444;
}
#page-title .page_item_has_children .children{
	display: none;
}


.headline.hdg-lv1-media-detail{
    margin: 10px 0 25px;
    padding: 24px 0 15px 0;
    font-size: 20px;
}


/* lv2
==========================*/
.hdg-lv2-01 {
	position: relative;
	margin: 0 0 25px;
	padding: 16px 15px 13px 28px;
/*	background: #f3fbff;*/
/*	border-top: 3px solid #e2e2e2;*/
	font-size: 18px;
	before: ' ';
	after: ' ';
}
.hdg-lv2-01:before, .hdg-lv2-01 > .before,
.hdg-lv2-01:after, .hdg-lv2-01 > .after {
	position: absolute;
	content: '';
	display: block;
}
.hdg-lv2-01:before, .hdg-lv2-01 > .before {
	top: 1.7em;
	left: 0;
	width: 15px;
	height: 3px;
	margin-top: -2px;
	background: #0091DB;
}
.hdg-lv2-01:after, .hdg-lv2-01 > .after {
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
}
.hdg-lv2-02 {
	position: relative;
	margin: 0 0 25px;
	padding: 16px 15px 13px 28px;
	border-bottom: 3px solid #e2e2e2;
	font-size: 18px;
	before: ' ';
	after: ' ';
}
.hdg-lv2-02:before, .hdg-lv2-02 > .before,
.hdg-lv2-02:after, .hdg-lv2-02 > .after {
	position: absolute;
	content: '';
	display: block;
}
.hdg-lv2-02:before, .hdg-lv2-02 > .before {
	top: 1.7em;
	left: 0;
	width: 15px;
	height: 3px;
	margin-top: -2px;
	background: #0091DB;
}
.hdg-lv2-02:after, .hdg-lv2-02 > .after {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
}
.hdg-lv2-03 {
    margin: 0 0 20px;
    padding: 24px 0  0;
    font-size: 18px;
}
.headline.hdg-lv2-03 {
    margin: 0 0 25px;
    padding: 24px 0 10px 0;
}

.headline.hdg-lv2-media-detail{
    margin: 40px 0 15px;
    font-size: 14px;
    line-height: 1.8;
}

/* lv3
==========================*/
.hdg-lv3-01 {
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 0 23px;
	font-size: 16px;
	line-height: 1.6;
	before: ' ';
}
.hdg-lv3-01:before, .hdg-lv3-01 > .before {
	position: absolute;
	top: 0.9em;
	left: 0;
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	margin-top: -2px;
	background: #0091DB;
}
.hdg-lv3-02{
    border-bottom: 1px solid #e2e2e2;
    margin: 50px 0 30px;
    padding-bottom: 15px;
    font-size: 18px;
}
.hdg-lv3-03{
    margin: 20px 0 15px;
    font-size: 14px;
    line-height: 1.8;
}
.hdg-lv3-04{
    margin: 40px 0 15px;
    font-size: 14px;
    line-height: 1.8;
}


/* lv4
==========================*/
.hdg-lv4-01{
    border-bottom: 1px solid #e2e2e2;
    margin: 40px 0 20px;
    padding: 0 0 10px 5px;
    font-size: 14px;
}


/* lv5
==========================*/
.hdg-lv5-01{
    font-size: 12px;
}




/* number
==========================*/
.hdg-num {
	position: relative;
	margin: 0 0 25px;
	padding: 10px 15px 8px 2.5em;
	background: #fafafa;
	border-bottom: 1px solid #e2e2e2;
	font-size: 16px;
	line-height: 1.5;
}
.hdg-num > span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 100%;
	padding-top: 1px;
	background: #0091DB;
	text-align: center;
	font-size: 13px;
	line-height: 43px;
	color: #fff;
}

.hdg-num-2 {
    position: relative;
    margin: 0 0 10px;
    padding: 0 15px 8px 2.0em;
    font-size: 16px;
    line-height: 1.3;
}
.hdg-num-2 > span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding-top: 1px;
    background: #0091DB;
    background-image: linear-gradient(-55deg, #0091DB 50%, #2fc0ec 50%, #2fc0ec);
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    border-radius: 20px;
    color: #fff;
}

/* Headlines
==========================*/
.headline {
	display: block;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 0 10px 0;
	margin: 0 0 20px;
}

.headline span {
	color: #888;
	font-weight: normal;
	font-size: 12px;
	float: right;
}
h5.headline {
	padding: 0 0 8px 0;
	margin: 0px 0 12px 0;
}
/*.column-double-main .headline{*/
    /*font-size: 16px;*/
    /*margin: 0 0 30px 0;*/
/*}*/


.job-detail h1.headline {
    padding: 15px 0;
    font-size: 16px;
}
.job-detail h2{
    font-size: 14px;
    margin: 50px 0 15px;
}
.job-detail ul li{
    padding-left: 25px;
    background: url(../images/dot_blue.gif) no-repeat 5px 9px;
}
.job-detail table{
    margin: 50px 0;
}
.job-detail table td,
.job-detail table th{
    vertical-align: middle;
}
.job-detail table th{
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
.job-detail table h3{
    margin-top: 25px;
    font-size: 14px;
    line-height: 14px;
}
.job-detail table.standard-table th{
    border-radius: 0;
    border: none;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.job-detail-button{
    text-align: center;
    margin-bottom: 50px;
}


/* =============================================================== */
/* Images Overlay
================================================================ */
.item-img, .post-img {position: relative;}
.item-img img {
    width: 100%;
    height: auto;
}
.overlay {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
	z-index: 40;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 180ms ease-in-out;
	-moz-transition: opacity 180ms ease-in-out;
	-o-transition: opacity 180ms ease-in-out;
	transition: opacity 180ms ease-in-out;
}

.overlay.zoom {
    /*background: url(../images/overlay.png) no-repeat center center, url(../images/overlay_bg.png) center center;*/
    background: url(../images/overlay_bg.png);
}

.overlay:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

/* =============================================================== */
/* Client Logo List
================================================================ */
.client-logo {
    margin: 0 0 30px;
}
.client-logo ul {
    display: table;
    width: 100%;
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
}
.client-logo li {
    display: table-cell;
    width: 20%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.client-logo li + li {
    border-left: 1px solid #e2e2e2;
}

@media only screen and (max-width: 767px) {
    .client-logo ul {
        display: block;
        border: none;
    }
    .client-logo li {
        width: auto;
        border: 1px solid #e2e2e2;
        float: left;
        display: block;
        margin: -1px 0 0 -1px;
    }
    .client-logo li img {
        width: 139px;
        height: auto;
    }
}
@media only screen and (max-width: 479px) {
    .client-logo li img {
        width: 149px;
    }
}

/* =============================================================== */
/* Table
================================================================ */
/* tbl-01
==========================*/
.tbl-01 {
	width: 100%;
	margin: 0 0 30px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
.tbl-01 th, .tbl-01 td {
	padding: 15px 15px 13px;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.tbl-01 td {
	vertical-align: top;
}
.tbl-01 th {
    text-align: left;
    vertical-align: middle;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

/* =============================================================== */
/* Link
================================================================ */
/* link-in-01
==========================*/
.link-in-01 {
	display: inline-block;
	padding: 0 0 0 16px;
	background: url(../images/link_list_arrow_03.png) 0 0.5em no-repeat;
}

/* =============================================================== */
/* Box
================================================================ */
/* box-01
==========================*/
.box-01 {
	margin: 50px 0 35px;
	padding: 25px 30px 22px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	overflow: hidden;

    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );

}
.box-01 header {
	padding: 12px 0px 11px;
	/*background: #fafafa;*/
	/*border-bottom: 1px solid #e2e2e2;*/
}
.box-01 header h4 {
	font-size: 14px;
	line-height: 1;
}

/* =============================================================== */
/* profile-box
================================================================ */
.profile-box {
	width: 720px;
	margin-right: -20px;
}
.profile-box > figure {
	float: left;
	width: 220px;
	margin: 0 20px 20px 0;
	text-align: center;
}
.profile-box figcaption {
	padding: 10px 0 5px;
	font-weight: bold;
	font-size: 15px;
	color: #555;
}
.profile-box p {
	min-height: 3.8em;
	margin: 0 0 10px;;
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
	line-height: 1.6;
}

/* =============================================================== */
/* Layout Image
================================================================ */
/* image-L, image-R
==========================*/
.image-unit {
	display: table;
	margin: 0 0 15px;
}
.image-unit > .text {
	display: table-cell;
	width: 100%;
}
.image-unit > .image {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.image-unit > .image img {
	max-width: none;
}
.image-unit.image-L > .image {
	padding: 0 20px 0 0;
}
.image-unit.image-R {
	direction: rtl;
}
.image-unit.image-R > .image {
	padding: 0 0 0 20px;
	direction: ltr;
}
.image-unit.image-R > .text {
	direction: ltr;
}
.image-unit.image figcaption {
	margin: 0 0 15px;
	padding: 10px 0 0;
	font-size: 12px;
}

/* Image Around
==========================*/
.image-around {
	margin: 0 0 15px;
	overflow: hidden;
	zoom: 1;
}
.image-around > .text {
	overflow: visible;
	zoom: 1;
}
/**** 20150624 追記 ****/
.image-around > .text_title {
	padding: 0 0 15px 0;
	font-size: 14px;
        font-weight: bold;
}
.image-around.image-L > .image{
	float: left;
	padding: 0 20px 20px 0;
}
.image-around.image-R > .image{
	float: right;
	padding: 0 0 20px 20px;
}

/* Image + Text
==========================*/
.image-text {
	margin: 0 0 15px;
	overflow: hidden;
	zoom: 1;
}
.image-text > .text {
	overflow: hidden;
	zoom: 1;
}
.image-text.image-L > .image{
	float: left;
	padding: 0 20px 20px 0;
}
.image-text.image-R > .image{
	float: right;
	padding: 0 0 20px 20px;
}
@media only screen and (max-width: 767px) {
	.image-text.image-L > .image,
	.image-text.image-R > .image{
		float: none;
		margin: 0 0 20px;
		padding: 0;
		text-align: center;
	}
}

/* =============================================================== */
/* Google Map
================================================================ */
.gmap {
	position: relative;
	max-width: 100%;
	height: 0;
	height: auto;
	margin: 0 0 35px;
	padding: 30px 0 56.25% 0;
	overflow: hidden;
}
.gmap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0; 
}

/* =============================================================== */
/* List Text
================================================================ */
/* list-def-01
==========================*/
.list-def-01 > dt {
	padding: 0 0 3px 16px;
	background: url(../images/list_icons/list_circle.png) 0% 0.65em no-repeat;
	font-weight: bold;
	color: #333;
}
.list-def-01 > dt span {
	font-weight: normal;
}
.list-def-01 > dd + dt {
	margin-top: 15px;
}

/* =============================================================== */
/* Main Visual
================================================================ */
#main_visual {
	margin: 0 0 35px;
	text-align: center;
}

/* =============================================================== */
/* Features
================================================================ */
.features {margin: 35px 0 0 0; float: left;}
.feature {margin: 0 0 10px 0;}
.feature-description {margin-left: 45px;}

.feature h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 34px;
}

.feature-circle {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 6px;
	color: #fff;
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
	float: left;
	margin-top: 10px;
}

.feature-circle i {margin-top: 4px;}

.feature-circle.blue {background: #0091DB;}
.feature-circle.gray {background: #555;}


/* =============================================================== */
/* Portfolio
================================================================ */


/* Homepage Thumbnails
==========================*/
.portfolio-item {margin-bottom: 20px;}

.portfolio-item-meta{
    margin-bottom: 15px;
    padding: 0;
}
.portfolio-item-meta h5 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	padding: 12px 0 8px 0px;
	margin: 0 0 8px 0;
	letter-spacing: 0;
}
.portfolio-item-meta h5.ico-users{
    background: url(../images/icon_round_01.gif);
    background-repeat: no-repeat;
}
.portfolio-item-meta h5.ico-gear{
    background: url(../images/icon_round_02.gif);
    background-repeat: no-repeat;
}
.portfolio-item-meta h5.ico-papers{
    background: url(../images/icon_round_03.gif);
    background-repeat: no-repeat;
}
.portfolio-item-meta h5 span {
	display: block;
	color: #888;
	font-weight: normal;
	margin-top: 3px;
}

.portfolio-item-meta h5 a{
    color: #444;
}
.portfolio-item-meta h5 a:hover{
    color: #888;
    text-decoration: none;
}


.portfolio-item-meta a{color:#2da0ce;}
.portfolio-item-meta a:hover {text-decoration: underline}
.portfolio-item-meta p {
    padding-left: 0px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 5px;
}
.portfolio-item-link{
    text-align: right;
}
.portfolio-item-link span{
    background: url(../images/link_list_arrow_03.png);
    padding-left: 15px;
    background-position: left 45%;
    background-repeat: no-repeat;
}
.portfolio-item-link span:hover{
    background: url(../images/link_list_arrow_02.png);
    background-position: left 45%;
    background-repeat: no-repeat;
}
.portfolio-item-link a:hover{
    color: #888;
    text-decoration: none;
}

.container.latest-news{
    margin-bottom: 60px;
}
.latest-news h4{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.latest-news h2{
    font-size: 16px;
    padding: 20px 3px 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
}
.latest-news h3{
    padding: 15px 0 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.4;
}
.latest-news p{
    padding: 0;
    margin-bottom: 5px;
}

.top-form-link{
    overflow: hidden;
}
.top-form-link a{
    margin-top: 10px;
}

.marketing.post {
    padding-bottom: 40px;
    border-bottom: 1px solid #e2e2e2;
}
.related-post h4{
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0 5px;
    margin-bottom: 15px;
    font-size: 13px;
}
.related-post p{
    padding: 0;
    margin-bottom: 10px;
}

/* =============================================================== */
/* sns-icons
================================================================ */
.sns-icons {
    width: 100%;
    margin: 80px 0 0;
    text-align: center;
}
.sns-icons >a {
    position: relative;
    display: inline-block;
    width: 83px;
    margin: 0 10px 0 0;
    padding: 4px 0 5px;
    font-size: 12px;
    text-align: center;
    font-size: 28px;
}
.sns-icons >a.shared-twitter {
    color: #00acee;
}
.sns-icons >a.shared-facebook {
    color: #4561b0;
}
/*.sns-icons>a span {
    position: absolute;
    top: -40px;
    left: 0;
    display: block;
    width: 100%;
    padding: 8px 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.sns-icons>a:before {
    position: absolute;
    top: -7px;
    left: 50%;
    z-index: 2;
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-left: -6px;
    background: url(../images/bg_balloon.png) 0 0 no-repeat;
}*/

/* =============================================================== */
/* Info Box
================================================================ */
.info-box {
	background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	padding: 18px 25px;
	margin: 20px 0 5px 0;
}

.info-box p {margin: 0;}
.info-box h4 {line-height: 24px; }
.info-box a {margin: 7px 0 0 0;}
.info-content {float: left;}

.info-eyecatch{
    position: relative;
    margin-bottom: 50px;
}
.info-eyecatch h1{
    position: relative;
    /*width: 940px;*/
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    color=#333333
    font-size: 26px;
}
.info-eyecatch h1 span{
    position: absolute;
    bottom: 25px;
    /* left: 25px; */
    background: rgba( 255, 255, 255, 0.75 );
    padding: 20px;
    margin-top: 5px;
    display: inline-block;
}


/* =============================================================== */
/* Portfolio Styles
================================================================ */
#filters {
	float: left;
	margin-top: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	line-height: 24px;
}

#filters ul li {
	display: inline;
	padding: 0 10px 0 0;
	background:url(../images/filter_divider.png) no-repeat 97% 50%;
}

#filters ul li:last-child {background: none;}

#filters a {
	color: #777;
	font-size: 12px;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	padding: 4px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#filters a:hover {
	color: #fff;
	background: #aaa;
}


.selected {
	font-weight: bold !important;
	color: #444 !important;
	border-bottom: 3px solid #0091DB !important;
}
.selected:hover {
	color: #222 !important;
}



/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	 transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:         top, left, opacity;
	transition-property:         transform, opacity;
}

/**** Disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	 transition-duration: 0s;
}


/* Disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}


/* =============================================================== */
/* Blog
================================================================ */


.post-archives ul{
    padding-left: 0px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.post-archives li{
    float: left;
    display: inline-block;
    padding: 5px 20px 5px 0;
    margin: 0 20px 5px 0;
    border-right: 1px solid #e7e7e7;
    line-height: 1;
}
.post-archives li:last-child {
    border-right: none;
}
.post-archives li.current-year a,
.post-archives li.current-cat a{
    padding: 5px 10px;
    background: #2da0ce;
    border-radius: 5px;
    color: white;
    /*margin-left: 0;*/
}
.post-archives li:first-child{
    margin-left: 0;
}
.post-archives li:last-child{
    border-right: none;
}
.more-link{
    display: inline-block;
    padding: 10px 0 0 15px;
    background: url(../images/link_list_arrow_03.png) no-repeat 0 16px;
}

@media only screen and (max-width: 767px) {
    .post-archives li {
        margin-right: 10px;
        padding-right: 10px;
    }
}

/* Posts
==========================*/
.post {margin: 30px 0 30px;}
.post p {margin: 0 0 20px 0;}

.post-img, .embed {margin: 0 0 15px 0;}

.post-content {margin: 0 0 0 20px !important;}

.post-title h1 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 25px;
}
.post-title h1 a {
	font-size: 16px;
	color: #444;
	margin: 0 0 0px 0;
	display: block;
}

.post-title h1 a:hover {color: #606060;}
.post-title .metadata {
    margin: 0 0 10px;
    padding: 0;
    text-align: right;
}

.post-date {
	color: #888;
	display: block;
	text-align: right;
}
.post-date p{
    line-height: 2.2;
    margin-top: 10px;
    margin-bottom: 0px;
}

.post-desc {
	padding: 15px 0 0 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.post-entry {
	margin-bottom: 20px;
	display: inline;
	padding-right: 13px;
}
.post-entry a{
    display: inline-block;
    background: url(../images/link_list_arrow_03.png) no-repeat left 50%;
    padding-left: 10px;
}

.post-entry a:hover{
    display: inline-block;
    background: url(../images/link_list_arrow_02.png) no-repeat left 50%;
    padding-left: 10px;
}

/*.post-entry:hover {background: url(../images/link_arrow_ico_hover.png) no-repeat right 55%;}*/

.post-meta {padding: 15px 0 25px 0;}
.post-meta, .post-meta a {color: #888;}
.post-meta a:hover {color: #606060;}
.post-meta span:first-child {padding-left:0;}
.post-meta span:last-child {border: none;}

.post-meta span {
	padding: 0 10px;
	border-right: 1px solid #e7e7e7;
}

.post-lined-box{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #e7e7e7;
}
.post.news .metadata,
.post.marketing .metadata{
    text-align: left;
}
.post.news .post-lined-box{
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-top: none;
    border-bottom: 1px solid #e7e7e7;
}
.post.marketing .post-title{
    margin-bottom: 30px;
}


.detail-link{
    text-align: right;
}
.detail-link a{
    background: url(../images/link_list_arrow_03.png);
    padding-left: 15px;
    background-position: left 45%;
    background-repeat: no-repeat;
}

.tag-list{
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #e7e7e7;
}
.single-footer-nav{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7e7e7;
}
.single-footer-nav-next{
    float: left;
    width: 48%;
}
.single-footer-nav-prev{
    float: right;
    width: 48%;
}


/* Comments
==========================*/
.comments-sec{
	float:left;
	width:100%;
	line-height: 20px;
}

.comments-sec h5 {
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding-bottom: 10px;
}
.comments-sec h5 span {color: #888;}

ol.commentlist{
	float:left; 
	width:100%;
	margin: 0;
}

ol.commentlist li {
	float:left;
	border-top: 1px solid #e7e7e7;
	padding: 25px 0 20px 0;
}

ol.commentlist li:first-child{
	border:none;
	padding: 25px 0 0px 0;
}

ol.commentlist li{list-style: none;}

ol li ol.childlist{
	float:right;
	width:89%;
	margin:0px;
}

ol.commentlist li ol.childlist li:first-child{
	border-top: 1px solid #e7e7e7;
	padding: 25px 0 0 0;
	font-size: 12px;
}

ol.commentlist li ol.childlist li {
	border-top: 1px solid #e7e7e7;
	margin:25px 0 15px 0;
	font-size: 12px;
}

.comments{
	float:left;
	width:100%;
}

ol li ol.childlist .comment-des {
	float:right;
	width:88%;
}

.avatar {float:left}

.comment-des{
	float:right;
	width:89%;
}

.comment-des strong {
	float:left;
	color:#444;
	padding-right:5px;
	font-size:14px;
}
.comment-des span{
	float:left;
	color:#888;
}

.comment-by{
	float:left;
	width:100%;
	padding-bottom:8px;
	padding-top:5px;
	color: #000;
}

.comment-by span.reply{
	color:#777; 
	float:right;
}

.comment-by span.reply a{
	font-weight:bold;
	float:right;
	height:17px;
	margin-left:5px;
	font-weight: normal;
}

.comment-by span.date{
	color:#888;
	padding-right:7px; 
	float:right;
}


/* Leave a Comment
==========================*/
.form_comment label {
	display: block;
	color: #676767;
	margin-top: 15px;
	padding-bottom: 4px;
}

.form_comment label span {color:#ea1c1c;}

.form_comment input, .form_comment textarea {
	width: 240px;
}

.form_comment textarea {
	min-width: 97%;
	max-width: 97%;
	height:160px;
}


/* Pagination
==========================*/
.previouspostslink, .nextpostslink {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 21px;
	height: 21px;
	display: block;
}

.previouspostslink {
	background: url(../images/pagination_prev.png) no-repeat 50% 50%;
	background-color: #606060;
	float: left;
}

.nextpostslink {
	background: url(../images/pagination_next.png) no-repeat 50% 50%;
	background-color: #606060;
	float: right;
}

.previouspostslink:hover, .nextpostslink:hover {background-color: #2da0ce;}

.previouspostslink.off, .nextpostslink.off {
	background-color: #ccc;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink.off,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink.off {
	margin-top: -3px;
}

.wp-pagenavi {
	border-top: 1px solid #e7e7e7;
	display: block;
	margin: 25px 0 -5px 0;
	padding-top: 25px;
    text-align: center;
}

.wp-pagenavi span.current{
    color: #444;
    border-top: 4px solid #0091DB;
}
.wp-pagenavi a.page,
.wp-pagenavi span.current{
    color: #888;
    padding: 25px 8px;
}
.wp-pagenavi a.page:hover{
    color: #444;
}

.pages ul li {
	display: inline;
	padding: 0 2px;
}

.project-nav {margin-top: -57px; float: right;}
.project-nav .next {float: right; margin-left: 3px; }
.project-nav .prev {float: right;}

/* Sidebar
==========================*/
.blog-sidebar, #sidebar {}

.widget {
	/**** 20150624 修正 ****/
	/*margin: 25px 0 0 0;*/
	margin: 10px 0 0 0;
	line-height: 20px;
}

.widget h5 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
}

#sidebar .children{
    /*display: none;*/
}


/* Search */
.search input {
	width: 84%;
	padding-left: 30px;
	color: #888;
	background:url(../images/search_ico.png) no-repeat 4% 54%
}

.search:focus {border: 1px solid #ddd;}


/* Social Icons */
.social-blog {margin: 5px 0 25px 0; float: left;}
.social-blog:first-child {margin-right: 30px;}

.feed img {float: left;}
.feed p {line-height: 14px; float: left; margin: 2px 0 0 7px;}

a.feed {
	display: inline-block;
	font-size: 11px;
	color: #444;
	font-weight: bold;
}
a.feed span {
	color: #888;
	font-weight: normal;
}

.socialIcons {
	margin: 15px 0 0;
}
.socialIcons li {
	display: inline-block;
	overflow: hidden;
}
.socialIcons li + li {
	margin-left: 10px;
}
.socialIcons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #333;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.socialIcons li a:hover {
	background: #0190dc;
}

/* Local Navigation */
#nav_local {
	margin: 0 0 30px;
/*	border: 3px solid #e2e2e2;*/
	/*border: 1px solid #e2e2e2;*/
}
#nav_local h3 {
	position: relative;
	margin: 0;
	padding: 0 15px;
	/*background: #f3fbff;*/
	border-top: 1px solid #fff;
	before: ' ';
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
#nav_local h3:hover {
    background: #f3fbff;
}
#nav_local h3.current_page_ancestor {
    background: #f3fbff;
}
#nav_local h3 a {
	display: block;
	padding: 25px 0 22px 0;
	color: #444;
	font-size: 16px;
}
#nav_local > ul {
	font-size: 13px;
}
#nav_local > ul > li {
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
}
#nav_local li a {
	color: #888;
	display: block;
	padding: 15px 0 12px;
	padding-left: 30px;
	background: url(../images/link_list_arrow_01.png) 14px 1.6em no-repeat;
	line-height: 1.6;
}
#nav_local li a:hover, #nav_local .current_page_item > a, #nav_local .current_page_parent > a {
    background-color: #f3fbff;
    background-image: url(../images/link_list_arrow_01.png);
    background-position: 14px 1.6em;
    background-repeat: no-repeat;
    color: #444;
}
#nav_local .children {
	margin: 5px 0;
}
#nav_local .children li {
	padding: 0 0 0;
}
#nav_local .children li:last-child {
    padding-bottom: 15px;
}
#nav_local .children li a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 45px;
    background: url(../images/link_list_arrow_01.png) 30px 0.8em no-repeat;
}
/*#nav_local .current_page_item > a {*/
	/*color: #0091DB;*/
/*}*/

#nav_local .children li a:hover, #nav_local .children .current_page_item > a, #nav_local .children .current_page_parent > a {
    background-color: #f3fbff;
    background-image: url(../images/link_list_arrow_01.png);
    background-position: 30px 0.8em;
    background-repeat: no-repeat;
    color: #444;
}
#nav_local .current_page_ancestor > a{
    background-color: white!important;
}
#nav_local h3.current_page_ancestor > a{
    background: transparent!important;
}

/* Tabs */
.latest-post-blog {margin: 0 0 20px 0; height: 50px;}
.latest-post-blog:last-child {margin-bottom: 5px;}

.latest-post-blog p,
.latest-post-blog a {
	margin: 0;
	color: #606060;
	line-height: 18px;
}

.latest-post-blog span {
	color: #888;
	margin: 3px 0 0 0;
	display: block;
}

.latest-post-blog img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #dedede;
	padding: 3px;
	height: 49px; width: 49px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Twitter */
#twitter-blog {margin-top: 20px;}

#twitter-blog li {
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
	background: url(../images/twitter_widget_ico_02.png) no-repeat left 6%;
	line-height: 20px;
}

#twitter-blog li:last-child {margin-bottom: 0;}

#twitter-blog b a {
	color: #888;
	font-weight: normal;
}

/* Flickr */
.flickr-widget-blog {margin-right: -12px; margin-top: 15px;}
.flickr-widget-blog img {display: block; width: 100%;}

.flickr-widget-blog a {
	float: left;
	width: 53px;
	height: 53px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 1px solid #dedede;
	padding: 3px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* =============================================================== */
/* Contact
================================================================ */
/* Contact Details
==========================*/
.contact-details li {
	margin: 0 0 15px 0;
}

.contact-details p {
	margin: -5px 0 0 20px;
	line-height: 18px;
}

.contact-details li i {
	float: left;
	margin: 2px 0 0 0;
}

/* Contact Form
==========================*/

.icon_required{
    vertical-align: middle;
    margin: -2px 3px 0;
}

.field textarea {
	max-width: 95%;
	min-width: 95%;
    margin: 5px 0 5px 0;
	height: 160px;
}

.field input {
	width: 240px;
}

.field:focus {border: 1px solid #ddd;}

.field label span {color:#ea1c1c;}

.field .validation-error, 
.field .validation-error:focus {
	border:1px solid #f2c4c2;
	background: #ffeceb;
}

.field {
    margin-top: 20px;
    width: 100%;
}
.field dl{
    display: table;
}
.field dt, .field dd{
    display: table-cell;
    vertical-align: middle;
    padding: 20px 20px;
    border: 1px solid #ccc;
    border-bottom: none;
}
.field dl:last-child dt, .field dl:last-child dd{
    border-bottom: 1px solid #ccc;
}
.field dt{
    min-width: 160px;
    text-align: left;
    font-weight: bold;
    border-right: none;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.field dd{
    width: 100%;
}
.field .company input{
    width: 400px;
}

.announce {
	display: none;
	margin-top: 20px;
	padding: 20px;
    border: 1px solid #ccc;
}



.field th, .field td{
    vertical-align: middle;
    padding: 20px 20px;
    border: 1px solid #ccc;
}


.field td{
    padding: 15px 20px 15px;
}
.field td li{
    margin-bottom: 10px;
    padding-left: 0;
}
.field td li:last-child{
    margin-bottom: 0px;
}
.field th{
    max-width: 80px;
    text-align: left;
    font-weight: bold;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.field th .form-required{
    margin-left: 20px;
    background: #bf0000;
    color: white;
    padding: 3px 6px;
    border-radius: 3px;
    white-space: nowrap;
}
.field span.wpcf7-list-item {
    margin-left: 0;
}

.field input{
    display: inline;
    margin: 0;
}
.field select{
    display: inline;
    margin: 10px 0;
}
.field .input-name{
    /*padding-bottom: 5px;*/
}
.field .input-name input{
    width: 100px;
}
.field .form-mailbody td{
    padding-bottom: 0;
}
.field .form-mailbody p{
    margin-left: 0px;
}
.field .form-file p{
    margin-left: 0;
    margin-bottom: 5px;
}
.field .form-file input{
    margin-left: 0;
}
.field .company input{
    margin-top: 2px;
}
.field .company li:last-child select{
    margin-bottom: 0;
}
.field p{
    margin-bottom: 5px;
}

.flow{
    margin-bottom: 30px;
}
.flow .inquiry-type{
    margin: 0px 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
.flow ul{
    width: 100%;
}
.flow ul li{
    width: 29%;
    padding: 0px 2%;
    display: inline-block;
    background-color: #e6e6e6;
    background-image: url(../images/contact_flow_bg.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 40px;
    line-height: 40px;
}
.flow ul li.active{
    background-color: #5f5f5f;
    background-image: url(../images/contact_flow_bg_active.gif);
    background-repeat: no-repeat;
    background-position: right;
    color: white;
    font-weight: bold;
}

.buttons-area-confirm{
    text-align: center;
}
.buttons-area-confirm .button-confirm{
    float: none;
}
.wpcf7-form-mode-confirm .field.button-area{
    margin-left: -70px;
}

.wpcf7-form-mode-confirm .mailbody-counter-wrap{
    display: none;
}
.wpcf7-form-control-wrap-confirm {
    font-weight: bold;
}
.wpcf7-form-mode-confirm .form-file-text{
    display: none;
}

.confirm-alert-text{
    padding: 30px 0 0;
    color: #bf0000;
    display: none;
}
.wpcf7-form-mode-confirm .confirm-alert-text{
    display: block;
}
.wpcf7-form-mode-confirm.sent .confirm-alert-text{
    display: none;
}

.query-type5-alert{
    margin-top: 20px;
    display: none;
}


.button-area #submit-button{
    padding: 14px;
    font-size: 16px;
}

.error-messages{
    padding-top: 20px;
}
.field input.button-rewrite{
    display: none;
    float: none;
    margin-right: 30px;
}
.field input.wpcf7-submit{
    margin-left: 30px;
    width: auto;
}
.button-area{
    text-align: center;
}
.field input.wpcf7-submit{
    display: inline-block;
    padding: 8px;
    font-size: 14px;
}

.loading {
	background:url(../images/loader.gif) no-repeat 1px;
	height:28px;
	width:28px; 
	display: none;
	float: left;
	margin: 5px;
}
.success-message {display:none;}
.wpcf7-mail-sent-ok{
    border: 1px solid #0091DB!important;
}
.wpcf7-form-mode-confirm.sent .field{
    display: none;
}
.sent-ok-link{
    display: none;
    text-align: center;
    padding: 30px 0;
}
.wpcf7-form-mode-confirm.sent .sent-ok-link{
    display: block;
}
.wpcf7-form-mode-confirm.sent .sent-ok-link a{
    background: url(../images/link_list_arrow_03.png) no-repeat left 2px;
    padding-left: 13px;
}


/* =============================================================== */
/* Testimonials
================================================================ */
.testimonials {
	background: #fff;
	border: 1px solid #ddd;
	padding:20px;
	line-height: 21px;
}

.testimonials_bg {
	background: url(../images/testimonials_bg.png) no-repeat;
	margin-top: -1px;
	display: block;
    width: 200px;
	height: 30px;
}

.testimonials_author {
	color:#3f8faf;
	float: right;
	display: block;
	margin-top: -23px;
	margin-bottom: 20px;
}

.testimonials_author span {color:#a0a0a0}


/* Testomonials Carousel
==========================*/
.carousel-disabled, .mr-rotato-disabled {
	height: 21px;
	width: 21px;
	background-color: #ccc !important;
	display: block;
	position: absolute;
}

.mr-rotato-next {
	height: 21px;
	width: 21px;
	background: url(../images/pagination_next.png) no-repeat 50% 50%;
	background-color: #606060;
	display: block;
	position: absolute;
	right: 10px;
}

.mr-rotato-prev {
	height: 21px;
	width: 21px;
	background: url(../images/pagination_prev.png) no-repeat 50% 50%;
	background-color: #606060;
	display: block;
	right: 33px;
	position: absolute;
}

.mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled {
	margin-top: -55px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
	
.mr-rotato-prev:hover, .mr-rotato-next:hover {background-color:#2da0ce;}

/*headline*/
.testimonials-carousel h4 {line-height: 1.2; margin-bottom: 10px;}

.dropshadow{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

h1 {
	margin-bottom: 20px;
}

h3 {
/*	border-left: 6px solid #0091DB !important;*/
	margin: 10px 0;
/*	text-indent: 10px;*/
}

.post-entry {
	display: block;
	text-align: right;
}

.clear {
	clear: both;
}

.button {
	margin: 0 auto;
	text-shadow : none!important;
}

.subnavigation > li > a{
	background: none;
}

.subnavigation .page_item,
.subnavigation .current_page_item,
.subnavigation .current_page_item a {
	border: none!important;
}

.subnavigation .current_page_item a {
	color: #0091DB!important;
}

.breadcrumbs{
	font-size: 90%;
}
/*.breadcrumbs:before {
	content: " ";
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
	background-repeat: no-repeat;
	opacity: 0.8;
	background-position: 0 -24px;
	background-image: url('../images/glyphicons-halflings.png');
}*/

.pc {
	display: block!important;
}

.tab {
	display: none!important;
}

.sp {
	display: none!important;
}

.tab_sp {
	display: none!important;
} 

/* footable */
.footable-row-detail-group {
	min-width: 130px;
}
.footable-row-detail-name {
	text-align: right;
}

.footable-row-detail-row {
	line-height: 2em;
}

.th_saiqos_color {
	background-color:#0091DB;
	color:#FFF;
}
.th_sub_saiqos_color {
	background-color:#3BB3ED;
	color:#FFF;
}

.th_client_color {
	background-color:#FF7C00;
	color:#FFF;
}
.th_sub_client_color {
	background-color:#FF9D40;
	color:#FFF;
}


span.wpcf7-list-item-label {
	color: #444!important;
}

/* ==================================================
	column
================================================== */
.leftCol {
  float: left;
}
.rightCol {
  float: right;
}

/* column2
------------------------------ */
.column2-01 > .leftCol, .column2-01 > .rightCol {
  width: 50%;
}
.column2-01 > .leftCol > .column-inner {
  padding-right: 20px;
}
.column2-01 > .rightCol > .column-inner {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
    .column2-01 > .leftCol, .column2-01 > .rightCol {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    .column2-01 > .leftCol > .column-inner,
    .column2-01 > .rightCol > .column-inner{
        padding: 0;
    }
}

/* column4
------------------------------ */
.column4-01 {
    margin: 0 -20px;
}
.column4-01 > .leftCol, .column4-01 > .rightCol {
    width: 25%;
}
.column4-01 > .leftCol > .column-inner {
    padding: 0 20px;
}
@media only screen and (max-width: 767px) {
    .column4-01 {
        margin: 0;
    }
    .column4-01 > .leftCol, .column4-01 > .rightCol {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    .column4-01 > .leftCol > .column-inner {
        padding: 0;
    }
}

/* ==================================================
	meet-block-list
================================================== */
.meet-block-list {
    margin: 0 0 -60px -35px;
    overflow: hidden;
}
.meet-block-list .list-item {
    float: left;
    padding: 0 0 60px 35px;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.meet-block-list .list-item img {
    width: 100%;
    height: auto;
}
.meet-block-list .list-item-inner {
    position: relative;
}
.meet-block-list .list-item-inner .title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/meetsaiqos/shape_design.png) 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 30%;
    background-size: cover;
}
.meet-block-list .list-item-inner .title h2 {
    position: absolute;
    bottom: 20px;
    display: table;
    width: 85%;
    min-height: 70px;
    background: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    line-height: 1.4;
}
.meet-block-list .list-item-inner .title .category {
    position: absolute;
    z-index: 1;
    left: 20px;
    bottom: 80px;
    display: inline-block;
    padding: 5px 8px 3px;
    background: rgba(1, 144, 220, 0.75);
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}
.meet-block-list .list-item-inner .title h2 span {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .meet-block-list {
        margin: 0 0 -40px -20px;
    }
    .meet-block-list .list-item {
        width: 50%;
        padding: 0 0 40px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .meet-block-list {
        margin: 0 0 -30px;
    }
    .meet-block-list .list-item {
        float: none;
        width: 100%;
        padding: 0 0 30px;
    }
}

/* ==================================================
	marketing-post-list
================================================== */
.marketing-post-list {
    margin: 0 0 -60px -35px;
    overflow: hidden;
}
.marketing-post-list .post-list-item {
    float: left;
    padding: 0 0 30px 35px;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.marketing-post-list .post-list-item .post-thumb {
    margin: 0 0 10px;
}
.marketing-post-list .post-list-item .post-thumb a {
    position: relative;
    display: block;
}
.marketing-post-list .post-list-item .post-thumb img {
    width: 100%;
    height: auto;
}
.marketing-post-list .post-list-item .post-meta {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
.marketing-post-list .post-list-item h3 {
    font-size: 15px;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .marketing-post-list {
        margin: 0 0 -40px -20px;
    }
    .marketing-post-list .post-list-item {
        width: 50%;
        padding: 0 0 30px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .marketing-post-list {
        margin: 0 0 -30px;
    }
    .marketing-post-list .post-list-item {
        float: none;
        width: 100%;
        padding: 0 0 30px;
    }
}

/* =============================================================== */
/* Clears
================================================================ */
.clearfix, #nav, #page-title .columns ul, .profile-box, .image-around, .client-logo > ul, #nav-footer, #nav_s, #nav-f, .meet-block-list, .post-archives ul {
	*zoom: 1;
}
.clearfix:after, #nav:after, #page-title .columns ul:after, .profile-box:after, .image-around:after, .client-logo > ul:after, #nav-footer:after, #nav_s:after, #nav-f:after, .meet-block-list:after, .post-archives ul:after {
	content: '';
	display: block;
	clear: both;
}

/* =============================================================== */
/* About
================================================================ */
.team-name {
	margin: 15px 0 0;
}

.team-name span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: #888;
}

/* =============================================================== */
/* 20150624 サイト改修時 追加
================================================================ */
#topMovieBox {
    position: relative;
    padding-top:116px;
}
#topMovie{
    overflow: hidden;
	
}
#topMovie .filter {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: url(../images/top/pixel-screen.png);
}
#topMovie video{
    width: 100%;
    height: auto;
    margin: -12.5% 0;
}
#topMovieBox #topMovieTitle{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    height: 120px;
    padding-top: 116px;
    text-align: center;
}
#topMovieBox h1 span {
    position: absolute;
    z-index: 10;
    color: white;
    text-align: center;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px;
    line-height: 2;
}
    #topMovieBox #topMovieTitle h1.top-video-h1 {
        font-size: 36px;
        margin-bottom: 40px;
        text-align: center;
        color: white;
    }
    #topMovieBox #topMovieTitle p.top-video-text {
        font-size: 18px;
        text-align: center;
        color: white;
        line-height: 1.5em;
    }
    #topMovieBox #topMovieTitle p.pc-text {
        display: block;
    }
    #topMovieBox #topMovieTitle p.sp-text {
        display: none;
    }

.p-overflow {
	overflow: hidden;
}
.widget.nav_horizontal {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}
.page_subhead {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 1;
	border-left: 5px solid #0091DB;
}
.hdg-num-subhead {
    position: relative;
    padding: 3px 15px 4px 2.5em;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1;
}
.hdg-num-subhead > span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    padding-top: 1px;
    background: #0091DB;
    text-align: center;
    font-size: 12px;
    line-height: 23px;
    border-radius: 20px;
    color: #fff;
}
.page_item {
    font-weight: bold;
}
.recruit_link {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #e7e7e7;
}
.recruit_link li {
    padding: 10px 5px 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 100%;
    line-height: 1.5;
    font-weight: bold;
}
.recruit_link li + li {
    border-left: 1px solid #e7e7e7;
}
.recruit_link a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-right: 5px;
    margin-left: -10px;
    background: url(../images/link_list_arrow_03.png) 0 0 no-repeat;
}

@media only screen and (max-width: 1199px) {
    .info-eyecatch h1 { width: 768px; }
}

@media only screen and (max-width:  768px) {
    #header {
        padding-left: 0;
        padding-right: 0;
    }
    #topMovieBox {
        padding-top: 105px;
    }
    #topMovie{
        overflow: hidden;
        height: 200px;
        background: url(../images/top/thumb_movie_sp.jpg) 50% 50% no-repeat;
        background-size: cover;
    }
    #topMovieBox:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.4;
    }
    #topMovie video{
       display: none;
    }
    #topMovieBox #topMovieTitle {
        z-index: 2;
        width: 100%;
        font-size: 16px;
        padding: 65px 10px 10px;
        box-sizing: border-box;
        color: #fff;
    }
    #topMovieBox #topMovieTitle h1.top-video-h1 {
        font-size: 15px;
        margin-bottom: 5px;
        text-align: left;
        color: #fff;
    }
    #topMovieBox #topMovieTitle p.top-video-text {
        font-size: 14px;
        text-align: left;
        color: #fff;
        line-height: 1.4;
    }
    #topMovieBox #topMovieTitle p.pc-text {
        display: none;
    }
    #topMovieBox #topMovieTitle p.sp-text {
        display: block;
    }
    #topMovieBox h1 span {
        position: static;
        margin: 0;
        padding: 0;
        background: none;
        color: #fff;
        text-align: left;
    }

    .p-overflow {
        overflow: visible;
    }
    #header h1 {
        margin-left: 10px;
    }
    #header .container {
        padding: 0 !important;
    }
    #nav_s {
        display: none;
    }
    .recruit_link {
        display: block;
    }
    .recruit_link li {
        display: table;
        width: 100%;
        padding: 10px 0 10px;
    }
    .recruit_link li a {
        display: table-cell;
        vertical-align: middle;
        height: 45px;
    }
    .recruit_link li + li {
        border-left: none;
        border-top: 1px solid #e7e7e7;
    }
    #nav-footer li {
        float: none;
    }
    #nav-footer .sp {
        display: none !important;
    }
    input[type="file"] {
        display: block !important;
    }
}
@media only screen and (max-width: 479px) {
    #topMovie {
        height: 150px;
    }
    #topMovieBox h1 {
        font-size: 14px;
        line-height: 1.5;
    }
    #topMovieBox h1 br {
        display: none;
    }
    #main .marketing img {
        max-width:300px !important;
    }
    #main .wp-caption {
        max-width:300px !important;
        margin-left:auto;
        margin-right:auto;
    }
}

#content { padding:116px 0 0 0; }
@media only screen and (max-width: 479px) { #footer #nav-footer li ul li { display:none; } }

.nav-fix {
    margin-top: -95px;
    padding-top: 95px;
}