/*------------------------------------*\
   	layout_grid.css
\*------------------------------------*/


/*  Mobile (Portrait) */

/* Note: Design for a width of 320px */

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


#banner .body {
    background-color: transparent;
}
#lead h1 {
    line-height: 1.2;
}
#lead h1 span {
    float: none;
    line-height: 1.0;
}
#tel-nav {
    margin-left: 0;
/*    margin-top: 18px;	*/
    padding: 1px 0 5px;
    width: 35%;
}
#tel-nav ul li.num {
    background-size: 100% auto;
    width: 100%;
}
#tel-nav ul li.num a{
	display:block;
}
#social-icons {
    margin: 13px 0 0;
    padding: 5px 0 5px;
    width: 35%;
}
#social-icons img {
    background-size: 100% auto;
    width: 100%;
}
#logo {
    width: 50%;
	margin:0;
}
#logo img{
	margin:0 0 0;
    width: 100%;
}
.mobileMenu {
    float: none;
}
#banner nav {
	border: none;
    margin-top: 20px;
}
.container_wrap {
    margin-top: 70px;
}
/* image_sp */
.image_sp {
    display: block;
    margin: 20px 0 0;
}
.image_sp img{
    width: 100%;
}
/* flexslider */
.flexslider {
	height: 100%;
    width: 100%;
    display: none;
}
.flexslider .slides img {
    min-width: 320px;
    width: 100%;
    margin-left: -82%;
}
.flex-direction-nav li a {
    top: 42%;
}
.flex-direction-nav li .prev {
    left: 0;
}
.flex-direction-nav li .next {
    right: 0;
}
.flex-control-nav {
    bottom: 0;
}

.home .container {
    padding: 10px 0;
    width: 100%;
}
.home .container.top {
    padding: 16px 0 0;
}
.container.top .eight.columns {
    width: 100%;
}
.home .container.middle {
    padding: 0 0 10px;
}
.container.middle .eight.columns {
    width: 100%;
}
.container.bottom .four.columns {
    width: 233px;
    margin-left: 12%;
}
.home .press .widget {
    width: 100%;
}
.home a.inq img{
    width: 100%;
}
.sidebar .widget .links_sub ul li {
    width:92%;
}

/* sidebar .links_sub.child */
.sidebar .widget .links_sub.child ul li {
    width:90%;
}
.sidebar .widget .links_sub.child ul li.w a{
    width:80%;
}

/*
	TOPMAIN
-------------------------------------------------*/
:root *> .top_main li.service_1 {	/* IE6=>IE8ˆÈŠO */
	margin:0 0 30px 0;
	height:100%;
	width:100%;
}
.top_main li.service_2-1,
.top_main li.service_2-2 {
	height:100%;
	width:100%;
}
.top_main li.service_3 {
	margin: 0 2.2% 10px;
	width:45%;
}
.top_main li.service_3.first {
	margin: 0 0 22px;
	width:100%;
}
/*------------------------------------*\
   	FOOTER
\*------------------------------------*/
.home #footer-section .container {
    width: 100%;
}
#copyright {
	padding-top: 10px;
}

/* system ƒVƒXƒeƒ€•ÛŽç�i�]—ˆ”Å�j */
.system.mainte .post-v2 {
    width: 100%;
    margin: 0;
}
.system.mainte .section{width:100%;}
.system.mainte .btn{
	background:url(../images/system_mainte/btn_bg.png) no-repeat;
	background-size:100% auto;
	height: 50px;
    margin: 20px 0 0;
	padding-top: 22px;
    width: 100%;
}
.system.mainte .btn img{
    width: 96%;
}
.system.mainte .est{margin:-5px 0 50px;}

.system.mainte h5.read_4 img{width:130%;}
.system.mainte h2.ttl_fig {line-height: 1em; margin-bottom: 0em;}
.system.mainte h2.ttl_fig img{width:100%;}

.system.mainte #section_g .section h2.copy{margin:0 -20px;}
.system.mainte #section_g .section h3{line-height:1.2em; margin: 0.5em 0 0.2em;}
.system.mainte #section_g .section h3.ap_img img {width: 100%;}
.system.mainte #section_g .section p{margin:40px 0 0 3%; width:94%;}

.system.mainte .thumb{height:100%;background:#fff no-repeat 22px 10px;height:120px;margin-bottom:50px;}
.system.mainte #section_g .section .thumb p{padding:15% 0 0 0;margin:0;width:100%;}
.system.mainte #section_g .section .thumb p.m_r{margin:0;width:100%;}

.system.mainte #section_g .section p.btn_link_s{margin:0px 0 30px 0px; text-align: center;}
.system #section_g .section_bot p.btn_link{margin:0 auto; width: 178px; height: 33px;}
.system.mainte #section_g .section_bot p.btn_link.skill{margin:0 auto;}

/*serv */
.system.mainte #section_g .serv p{width:100%;line-height:1.5em;margin:0;padding:55px 0 0 0;}
.system.mainte .serv{height:100%;background:#fff no-repeat 0 0;height:53px;margin-bottom:120px;}
.system.mainte .img .img1,
.system.mainte .img .img2,
.system.mainte .img .img3,
.system.mainte .img .img4{background-position:-10px 0;}

/*mrt_img*/
.system.mainte #section_g.mrt_img .mrt_img1 p, .system.mainte #section_g.mrt_img .mrt_img2 p, .system.mainte #section_g.mrt_img .mrt_img3 p{width:100%;line-height:1.5em;margin:0 0 0;padding:85px 0 0 0;}
.system.mainte .mrt_img .mrt_img1{height:165px;background:url(../images/system_mainte/merit/sect_1_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}
.system.mainte .mrt_img .mrt_img2{height:180px;background:url(../images/system_mainte/merit/sect_2_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto; padding:0;}
.system.mainte .mrt_img .mrt_img3{height:190px;background:url(../images/system_mainte/merit/sect_3_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}

/*section_line*/
.system.mainte .section_line{border:none;}
.system.mainte #section_g .section_line h3.in_ttl img{width:100%;}
.system.mainte #section_g .section_line h4.in_ttl img{width:134%;}
.system.mainte .section_bot img{width:100%;}
.system.mainte .section_bot .sect_1_bot {height:30px; overflow: hidden;}
.system.mainte .section_bot .sect_1_bot img{width:165%; margin: -1px;}
.system.mainte .section_bot .sect_3_txt_2 {height:30px; overflow: hidden;}
.system.mainte .section_bot .sect_3_txt_2 img{width:145%; margin: 0 -15px;}

.system.mainte #section_g p.txt{margin:10px 0 20px 0px;font-size:14px;width:100%;}
.system.mainte #section_g .section_bot p.lg{width:99%;margin:-5px 0 60px 0;}

.system.mainte #section_g .section .case .ico_stp{display:block;margin:-115px 0 0 220px;}
.system.mainte .section .case{width:100%;}
.system.mainte #section_g .section .case h3.trbl{padding:35px 2% 0 3%;}

/* ==================================================================================
  in_section_tbl
===================================================================================== */
.system.mainte .in_section_tbl h5 img{width:100%;}
.system.mainte .in_section_tbl{width:100%;margin:0 auto; padding:0 0 0px;}
.system.mainte .section_line .in_section_tbl table{width:100%; margin: 0 0 10px;}
.system.mainte .section_line .in_section_tbl table th img{width:60px;}
.system.mainte .section_line .in_section_tbl table td img{width:98%;}
.system.mainte .in_section_tbl th.w30{width:20%;}
.system.mainte .in_section_tbl th.w40{width:80%;}
/* ==================================================================================
  illust
===================================================================================== */
.system.mainte #section_g .section .illust{height:100%;margin:0;padding:10px 0 500px 0; }
.system.mainte #section_g .section_line .illust h3{;width:100%; height:36px;margin:0 auto 1.5em 0em; padding:2.5em 0 0 0em;background-position: 170px 0; line-height: 1.8em;}
.system.mainte #section_g .section_line .illust h3.ill_2{background-position: 170px 0; margin:20px 0px;}
.system.mainte #section_g .section_line .illust p{margin:0px 0px 20px 0px;}
.system.mainte #section_g .section_line .illust img.bot {;width:148%;}

.system.mainte #section_g .price{background-position:50% 0; padding-top: 90px;}
.system.mainte #section_g .price h3, .system.mainte #section_g .price p{width:100%;}
.system.mainte #section_g .price p{padding:0px; margin:10px 0 20px 0;}
.system.mainte #section_g .price h3{padding:0px; margin:0;}
.system.mainte .section img.flow{
    width: 100%;
}

.system.mainte .one_half img {
    width: 100%;
}

/* system SEƒVƒFƒA */
.system .post-v2 {
    width: 100%;
    margin: 0;
}

.system h3.fv img{
    width: 100%;
}
.system .top_img .img1{background:url(../images/system/merit_s_bg1.png) no-repeat; background-size:100% auto;}
.system .top_img .img2{background:url(../images/system/merit_s_bg2.png) no-repeat; background-size:100% auto;}
.system .top_img .img3{background:url(../images/system/merit_s_bg3.png) no-repeat; background-size:100% auto;}
.system .section{width:100%;}
.system #section_g .section .thumb p{padding:50px 0 0 0;margin:0; width:100%;}
.system #section_g .section .thumb p.m_r{margin:0; width:100%;}

.system #section_g .section h2.copy{margin:0 -20px;}
.system #section_g .section h3{line-height:1.2em; margin: 0.5em 0 0.2em;}
.system #section_g .section h3.ap_img img {width: 100%;}
.system #section_g .section p{margin:40px 0 0 3%; width:94%;}

.system #section_g .section p.btn_link_s{margin:0px 0 30px 0px; text-align: center;}
.system #section_g .section_bot p.btn_link.org{margin:0 auto; width: 178px; height: 33px;}
.system #section_g .section_bot p.btn_link.org.right{margin:0 auto; float: none;}
.system #section_g .section_bot p.btn_link.org.skill{margin:0 auto;}

/*about_img*/
.system #section_g.about_img .mrt_img1 p,.system #section_g.about_img .mrt_img2 p,.system #section_g.about_img .mrt_img3 p{width:100%;line-height:1.5em;margin:0 0 0;padding:145px 0 0 0;}
.system .about_img .mrt_img1{height:225px;background:url(../images/system/merit/sect_a_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}

/*mrt_top_img*/
.system #section_g.mrt_top_img .mrt_img1 p,.system #section_g.mrt_top_img .mrt_img2 p,.system #section_g.mrt_top_img .mrt_img3 p{width:100%;line-height:1.5em;margin:0 0 0;padding:85px 0 0 0;}
.system .mrt_top_img .mrt_img1{height:165px;background:url(../images/system/merit/sect_1_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}
.system .mrt_top_img .mrt_img2{height:180px;background:url(../images/system/merit/sect_2_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}
.system .mrt_top_img .mrt_img3{height:190px;background:url(../images/system/merit/sect_3_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}

/*section_line*/
.system .section_line{border:none;}
.system #section_g .section_line h3.in_ttl img{width:100%;}
.system #section_g .section_line h4.in_ttl img{width:134%;}
.system .section_bot img{width:100%;}
.system .section_bot .sect_1_bot {height:30px; overflow: hidden;}
.system .section_bot .sect_1_bot img{width:165%; margin: -1px;}
.system .section_bot .sect_3_txt_2 {height:30px; overflow: hidden;}
.system .section_bot .sect_3_txt_2 img{width:145%; margin: 0 -15px;}

.system #section_g p.txt{margin:10px 0 20px 0px;font-size:14px;width:100%;}
.system #section_g .section_bot p.lg{width:99%;margin:-5px 0 60px 0;}

.system #section_g .section .case .ico_stp{display:block;margin:-115px 0 0 220px;}
.system .section .case{width:100%;}
.system #section_g .section .case h3.trbl{padding:35px 2% 0 3%;}

/* ==================================================================================
  in_section_tbl
===================================================================================== */
.in_section_tbl{width:100%;margin:0 auto; padding:0 0 0px;}
.system .section_line .in_section_tbl table{width:100%; margin: 0 0 10px;}
.system .section_line .in_section_tbl table th img{width:60px;}
.system .section_line .in_section_tbl table td img{width:98%;}
.in_section_tbl th.w30{width:20%;}
.in_section_tbl th.w40{width:80%;}

/* ==================================================================================
  in_section_tbl_top
===================================================================================== */
.in_section_tbl_top{width:100%; margin:2em auto;}
.in_section_tbl table td{font-size:10px;}
.system .section_line .in_section_tbl_top table{width:100%; margin: 0px 0 0; float:left;}
.system .section_line .in_section_tbl_top table th img, .system .section_line .in_section_tbl_top table td img{width:100%;}

/* ==================================================================================
  illust
===================================================================================== */
.system #section_g .section_line .illust h3{;width:100%; height:36px;margin:0 auto 1.5em 0em; padding:2.5em 0 0 0em;background-position: 170px 0; line-height: 1.8em;}
.system #section_g .section_line .illust h3.ill_2{background-position: 170px 0; margin:20px 0px;}
.system #section_g .section_line .illust p{margin:0px 0px 20px 0px;}
.system #section_g .section_line .illust img.bot {;width:148%;}

.system .article {width:306px;}
.system .article.flow li{background-size:100% auto; height:47px; margin:0 0 10px;}
.system .article.flow li.end{background-position:0 -53px; height:39px; margin:0 0 5px;}
.system .article.flow li img{width:22%; margin:8px 2.2%;}
.system .article.flow li p{float:left; margin:5px 0 0 2px;; font-size:12px; width:68%; line-height: 1.2em;}
.system .article.flow li p.mgn_top35{margin:6px 0 0 2px; width: 68%;}
.system .article.flow li img.ill{right:-6px; bottom:-14px; width:10%;}
.system .article.flow li img.stf5{bottom:-21px;}

.qa_q dd {
    width: 75%;
}
.qa_a dd {
    width: 75%;
}

.system .inq {
    margin: 40px 0 0;
}

/* renewal */
.renewal .post-v2 {
    width: 320px;
}
.renewal .one_third img {
    width: 96px;
}
#body.renewal .one_third {
    float: left;
    margin-bottom: 30px;
    margin-left: 5%;
    overflow: hidden;
    position: relative;
    width: 30%;
}
#body.renewal .first {
    clear: left;
    margin-left: 0;
}
.renewal .solved .frame_right {
    margin: 5px 0 30px 3%;
    width: 30%;
}
.renewal .solved p{
	font-size:12px;
	line-height: 1.8em;
    margin: 10px 0 0;
}

.renewal .article {width:306px;}
.renewal .article.flow li{background-size:100% auto; height:47px; margin:0 0 10px;}
.renewal .article.flow li.end{background-position:0 -48px; height:39px; margin:0 0 5px;}
.renewal .article.flow li img{width:22%; margin:8px 2.2%;}
.renewal .article.flow li p{float:left; margin:5px 0 5% 2%;; font-size:12px; width:70%; line-height: 1.2em;}
.renewal .article.flow li img.ico{left:55px; bottom:-14px; width:10%;}

.renewal .article.qa dl{height:auto; background-color: #fff;}
.renewal .article.qa dt{font-size:15px; padding:3px 0 4px 38px; line-height: 1.1em; min-height: 33px;}
.renewal .article.qa dd{font-size:12px; padding:4px 5px 6px 30px; line-height:1.2em;}

/* skill */
.skill .gallery.container {
    min-width: 320px;
    width: 100%;
}
.skill h3 {
    line-height:1.2em; margin: 0.5em 0 0.2em;
}
.skill h3.position {
    border-bottom:1px dotted #000;
	font-size:16px;
    line-height: 1em;
    margin: 0.2em 0 0.2em 0;
    padding: 0.4em 0;
}
.skill .conductor {
	clear:both;
	margin:10px 0 0;
	padding:5px 15px 0;
	background-color:#f7f7f7;
	border-top:solid 2px #d9d9d9;
}
.conductor p.text {
	float:left;
}
.conductor p.text span.title{
	color:#00419a;
	font-size:14px;
	font-weight:bold;
}
.conductor p.link {
	width:50%;
	min-width:283px;
	float:right;
	text-align:right;
	padding:5px 0;
}
.skill h1 span {
    font-size: 11px;
}
.skill #page-title {
    border-bottom: 1px solid #ddd;
}
.skill .filter-options {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    margin-left: 0;
    padding:1px;
    width: 100%;
}
.skill .filter-group {
    background-color: #f1f1f1;
    padding:10px;
}
.skill .ib {
    margin: 0 0 0 0;
}
.skill .ib.wide {
    width: auto;
}
.skill .ib.wide_sp {
    width: 146px;
}
.skill .gallery .team-image {
    float: left;
    height: 100px;
	box-shadow: none;
    display: block;
    width: 130px;
    overflow: hidden;
    margin: 0 5px 0 0;
}
.skill .gallery .team-image img{
    height: auto;
    width: 184px;
    min-width: 184px;
    margin: 0 0 0 -27px;
}
.skill .gallery h1{
	font-size:14px;
	font-weight: bold;
	margin: 24px 0 6px;
}
.skill .gallery h1 a{
	font-size:14px;
}
.skill .gallery h2{
    color:#fff;
	font-size:10px;
	padding:4px;
	position: absolute;
    z-index: 10;
    margin: 0;
    top: 0;
    left: 140px;
}
.skill .gallery h1.name{
    color:#494949;
	font-size:22px;
	font-weight: bold;
	padding:0px;
	position: relative;
	margin: 0.5em 0 0.2em;
	line-height: 1.2em;
 }
.skill .gallery .shape--reserve h2{
    background-color: #cc6666;
}
.skill .gallery .shape--cms h2{
    background-color: #33a9ba;
}
.skill .gallery .shape--ec h2{
    background-color: #33aa77;
}
.skill .gallery .shape--server h2{
    background-color: #f09b2a;
}
.skill .gallery .shape--sale h2{
    background-color: #876827;
}
.skill .gallery .shape--operation h2{
    background-color: #96b721;
}
.skill .gallery .shape--product h2{
    background-color: #45bbf0;
}
.skill .gallery p {
	font-size:12px;
	line-height: 1.3em;
    margin-bottom: 0em
}
.skill .gallery p.img {
	text-align: center;
}
.skill .gallery p img{
    width: 100%;
    max-width: 220px;
}
.skill .gallery a, .skill .gallery a img {
    background: none;
    float: none;
    width: 420px;
    margin: 0 auto;
}
#body.skill div .one_half {
    width: 100%;
    margin: 0;
    padding: 4px;
}
.skill div dt.one_half {
    border:1px solid #e6e6e6;
    margin-bottom: 0;
}

.skill .btn_all_none{
    float: left;
    margin: 0 0px;
    width: 100px;
}
.skill .btn_check{
    float: left;
    margin: 0 0;
}
.skill .btn_all_none div{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.skill .btn_all_none div a{
  color: #FFF;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 33.333%;
}
.skill .btn_all_none div a input[type=radio]{
  position: absolute;
  top: -9999px;
}
.skill .btn_all_none div a label{
  color:#fff;
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  padding: 4px 0;
  margin: 6px auto;
  height: 30px;
  z-index: 9;
  background: #13afae;
  cursor: pointer;
  -webkit-transition: all 0.45s linear;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.skill .submit {
clear:both;
    text-align: center;
    margin: 30px 0;
}
.skill .submit .one_half.column_container {
    margin: 30px 0 80px 240px;
    width: 460px;
}
.skill .submit .one_half.column_container img {
    height: auto;
    margin: 0 0 10px;
}

/* line 81, ../sass/_member.scss */
.skill .detail_inner {
  display: none;
  width: 100%;
  height: auto;
  background: #f1f1f1;
  color: #494949;
  position: absolute;
  padding: 15px 5px 10px;
  z-index: 20;
  top: 130px !important;
  min-height: 265px;
  left:0 !important;
  margin: 0;
  box-shadow: 0 5px 5px #ddd;
  }
/* line 91, ../sass/_member.scss */
.skill .detail_inner .close {
  background: url("../img/corporation/btn_close.gif") no-repeat center center;
  cursor: pointer;
  right: 0;
  height: 20px;
  padding: 7px;
  position: absolute;
  top: 0;
  width: 20px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
/* line 101, ../sass/_member.scss */
.skill .detail_inner .close:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 105, ../sass/_member.scss */
.skill .detail_inner .current {
  position: absolute;
  z-index: 11;
  top: -19px;
  width: 45px;
  height: auto;
  -webkit-transition: left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  left: 144px;
}
/* line 112, ../sass/_member.scss */
.skill .detail_inner .current img {
  display: block;
}
/* line 116, ../sass/_member.scss */
.skill .detail_inner #detailbox {
  overflow: hidden;
}
/* line 118, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_left {
  width: 100%;
  float: none;
  margin-right: 0;
}
/* line 122, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right {
  width: 100%;
  float: left;
  margin-top: 10px;
}
/* line 126, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right h2 {
  font-size: 215%;
  font-weight: bold;
  line-height: 1em;
  margin:0 0 5px;
  color: #494949;
}
/* line 133, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right h3 {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 18px;
  padding-bottom: 10px;
  color: #494949;
  line-height: 1em;
  border-bottom:1px dotted #fff;
}
.skill .detail_inner #detailbox .memberbody_right h4 {
  color:#13afae;
  float: left;
  font-size: 115%;
  font-weight: bold;
  margin-right: 20px;
  line-height: 1em;
}
/* line 139, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right p {
  font-size: 90%;
  line-height: 20px;
  margin-bottom: 5px;
  color: #494949;
}
/* line 144, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right .link {
  overflow: hidden;
}
/* line 146, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right .link a {
  float: left;
  margin-right: 10px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
/* line 150, ../sass/_member.scss */
.skill .detail_inner #detailbox .memberbody_right .link a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 157, ../sass/_member.scss */
.skill .detail_inner .box_single_profile {
  margin: 30px 0 0;
  border: 1px #666 dotted;
}
/* line 160, ../sass/_member.scss */
.skill .detail_inner .box_single_profile a {
  color: #D5D5D5;
}
/* line 164, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .box_newentry_title {
  position: relative;
}
/* line 166, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .box_newentry_title h2 {
  background: none;
  color: #D5D5D5;
}
/* line 169, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .box_newentry_title h2 span {
  position: absolute;
  right: 0;
}
/* line 172, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .box_newentry_title h2 span a {
  background: url(../images/common/icon_arrow_g.png) left center no-repeat;
  float: right;
}
/* line 179, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .entry a {
  color: #969696;
}
/* line 182, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .entry a h1 {
  color: #969696;
}
/* line 185, ../sass/_member.scss */
.skill .detail_inner .box_single_profile .box_newentry .entry:hover a h1 {
  text-decoration: underline;
}

body .ui-body-c, .ui-body-c input, body .ui-body-c select, body .ui-body-c textarea, body .ui-body-c button, body .ui-btn-up-c, body .ui-btn-hover-c, body .ui-btn-down-c {
    font-family: "Lucida Sans",arial,"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","Osaka",sans-serif;
}
body .ui-body-c, body.ui-overlay-c {background: #fff; text-shadow: 0 0 0;}
#contents_wrapper #pankuzu .ui-link {color: #333; font-weight: normal;}
#contents_wrapper .sideList .ui-link {color: #333; font-weight: normal;}
#groupSiteList_container .ui-link {color: #333; font-weight: normal;}
html.ui-mobile p a img:hover {margin: 0 0 -1px;}
html.ui-mobile .omega a img:hover {margin: 0 0;}
.skill.ui-bar, .skill.ui-body, .skill.ui-body-c {padding: 0; border:none; background: none;}
.skill .ui-icon, .ui-icon-searchfield:after {background: none; border-radius: 0;}
.skill .ui-collapsible-heading .ui-btn-inner, .skill .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {padding: 0;}
.skill .ui-collapsible-heading {margin: 0;}
.skill .ui-collapsible-set .ui-collapsible {margin: 0 16px 32px;}
.skill .ui-btn-up-c {
    background: none;
    border: none;
    color: #222222;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}
.skill .ui-corner-bottom {border-bottom-left-radius: 0em; border-bottom-right-radius: 0em;}
.skill .ui-corner-top {border-top-left-radius: 0em; border-top-right-radius: 0em;}
.skill .ui-collapsible-content {margin: 8px -16px;}

.accordion_panel2 {
	width: 100%;
	z-index: 20;
    margin: 0;
    padding: 3px 0;

}
.accordion_panel2 .mod {
    font-weight: normal;	
	position: relative;
}
.accordion_panel2 .mod img:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	cursor: pointer;
}
.accordion_panel2 .mod.alpha {
    margin-left: 0;
}
.accordion_panel2 .mod.omega {
    margin-right: 0;
}
.accordion_panel2 .mod .actions {
	cursor: pointer;
}
.accordion_panel2 .mod .actions:hover {}

.skill .detail_inner #detailbox .thum img {
  float: left;
  margin: 0 3% 0 0;
  width: 31%;
}
.skill .detail_inner #detailbox .thum img:last-child {
  margin: 0;
}
.skill .detail_inner #detailbox .thum span {
  display: block;
}
.skill .shape-up {
    overflow: visible;
}
.skill .more {
	margin: 15px 0 5px;
	text-align: right;
}
.skill .more a {
	text-decoration: none;
	background-color: #00419A;
	color: #fff;
	left: 0px;
	display: inline;
	margin: 10px 0;
}
.skill .more a:hover {
	text-decoration: none;
	background-color: #00419A;
	color: #fff;
	left: -5px;
}
.skill .clearcb:after {
    display: inline;
}

/* corporation */
.corporation .txt {
	padding:2%;
	width: 95.5% !important;
}
.corporation p.stt.name {
    margin: 1.3em 0;
}
.corporation p.stt {
    float: left;
    margin: 0.3em auto;
    width: 100%;
}
.corporation .chief {
    margin: 0.5em 0 1em;
    width: 255px;
}
.corporation p.cap {
    text-align: left;
}

.corporation #map {width:100%; height:240px; margin:0px;}

.corporation .conductor p {
    margin: 3em 0;
    text-align: center;
}
.corporation .conductor p img{
    width: 96%;
}

/* (philosophy) */
.corporation span.headerImage {
    display: none;
    text-align:center;
}
.corporation span.sp_headerImage {
	display:block;
}
.corporation span.sp_headerImage img{
    width: 100%;
}
.manage_policy {
    display: none;
}
.sp_manage_policy img {
    display: block;
    width: 100%;
}
/* (publicity) */
.publicity .tbl_05.w100per {
	width: 95%;
}

/* corporation */
.contact select,
.contact textarea {
	min-width: 180px;
}

/* development */
.development .post-v2 {
    margin-bottom: 20px;
    width: 100%;
}
.development .gallery-image {
    margin: 20px 0 0;
}
.development .article.exam .one_half {
    margin: 0;
}
.development .one_half img {
    width: 100%;
}
.development .entry-title {
    margin: 20px 0 30px;
}
.development .entry-title h3 span {
	font-size: 22px;
	letter-spacing: -0.09em;
}
.development .article {width:306px;}
.development .article.flow li{background-size:100% auto; height:47px; margin:0 0 10px;}
.development .article.flow li.end{background-position:0 -48px; height:39px; margin:0 0 5px;}
.development .article.flow li img{width:22%; margin:8px 2.2%;}
.development .article.flow li p{float:left; margin:5px 0 5% 2%;; font-size:12px; width:70%; line-height: 1.2em;}
.development .article.flow li img.ico{left:55px; bottom:-14px; width:10%;}

/* TABLE --------------------------------------------------- */
.tbl_02 th,
.tbl_02 td{
	padding:0 5px 10px;
}
.tbl_02 thead th{
	padding:0 5px 3px;
}

.tbl_06 th,
.tbl_06 td{
	padding:10px 5px 10px;
}
.tbl_06 th{
	width: 22%;
}

.tbl_08{
	width: 100%;
}
.tbl_08 th{
	line-height: 1.2em;
	width:18%;
}

/* CHECKBOX --------------------------------------------------- */
.cb_style input[type="radio"] + label, .cb_style input[type="checkbox"] + label {
    margin-right: 6px;
}



}


/* Mobile (Landscape) */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 420px) and (max-width: 768px) {


#lead h1 {
    line-height: 1.2;
}
#lead h1 span {
    float: none;
    line-height: 1.0;
}
#tel-nav {
    margin-left: 0;
    margin-top: 15px;
    padding: 5px 0 5px;
    width: 35%;
}
#tel-nav ul li.num {
    background-size: 100% auto;
    width: 100%;
}
#tel-nav ul li.num a{
	display:block;
}
#logo {
    width: 50%;
}
#logo img{
	margin:-5px 0 0;
    width: 100%;
}
.mobileMenu {
    float: none;
    right: 0;
}
#banner nav {
	border: none;
    margin-top: 20px;
}
.container_wrap {
    margin-top: 70px;
}
/* flexslider */
.flexslider {
    width: 480px;
}
.flexslider .slides img {
	height: auto !important;
    min-width: 480px;
    margin-left: -61%;
}
.home .container {
    padding: 10px 0;
}
.home .container.middle .full,
.home .container.bottom .full{
    width: 480px !important;
}
.container.bottom .four.columns {
    margin-left: 26%;
}

/*
	TOPMAIN
-------------------------------------------------*/
.top_main li.service_2-1{
	margin: 0 2.2% 22px;
	height:45%;
	width:45%;
}
.top_main li.service_3 {
	margin: 0 2.2% 10px;
	width:45%;
}
.top_main li.service_3.first {
	margin: 0 0 22px;
	width:100%;
}

/* system ƒVƒXƒeƒ€•ÛŽç�i�]—ˆ”Å�j */
.system.mainte .btn{
	height: 80px;
	padding-top: 30px;
}
/*mrt_img*/
.system.mainte #section_g.mrt_img .mrt_img1 p,
.system.mainte #section_g.mrt_img .mrt_img2 p,
.system.mainte #section_g.mrt_img .mrt_img3 p{width:98%;line-height:1.2em;margin:0 1% 0;padding:57px 0 0 0; font-size:12px;}
.system.mainte .mrt_img .mrt_img1{height:110px;}
.system.mainte .mrt_img .mrt_img2{height:110px;}
.system.mainte .mrt_img .mrt_img3{height:110px;}
/*section_line*/
.system.mainte #section_g .section_line h4.in_ttl img{width:100%;}
.system.mainte #section_g .section_line h5 img{width:100%;}
.system.mainte .section_line{border-right:1px #ccc solid;border-left:1px #ccc solid;margin:-5px 0;height:100%; text-align: center;}
.system.mainte .section_bot{margin:-10px 0 30px;}
/* ==================================================================================
  in_section_tbl_top
===================================================================================== */
.system.mainte .section_line .in_section_tbl_top {padding:0;}
.system.mainte .section_line .in_section_tbl_top table{width:98%; margin: 0 1% 0; float:none;}
.system.mainte .section_bot .sect_1_bot {height:100%; overflow: visible;}
.system.mainte .section_bot .sect_1_bot img{width:100%; margin: 0;}

.system.mainte #section_g .section_bot p.lg{width:99%;margin:-49px 0 60px 4px; font-size: 12px; line-height: 1.1em;}
.system.mainte #section_g .section .case .ico_stp{display:block;margin:-115px 0 0 245px;}
.system.mainte .section .case{width:98%;}

/* ==================================================================================
  illust
===================================================================================== */
.system.mainte #section_g .section_line .illust h3{;width:100%; height:36px;margin:0 auto 1.5em 0em; padding:2.5em 0 0 0em;background-position: 265px 0; line-height: 1.8em;}
.system.mainte #section_g .section_line .illust h3.ill_2{background-position: 265px 0; margin:20px 0px;}
.system.mainte #section_g .section_line .illust .sect_2_fig {;overflow:hidden;}

/* system SEƒVƒFƒA */
.system .post-v2 {
    width: 100%;
    margin: 0;
}
.system h2.mdl img{
    width: 100%;
}
.system #section_g .section_bot p.btn_link.org.right{margin:22px auto;}
/*about_img*/
.system #section_g.about_img .mrt_img1 p,
.system #section_g.about_img .mrt_img2 p,
.system #section_g.about_img .mrt_img3 p{width:98%;line-height:1.2em;margin:0 1% 0;padding:164px 0 0 0; font-size:12px;}
.system .about_img .mrt_img1{height:209px;background:url(../images/system/merit/sect_a_fv.png) no-repeat 0 0;margin-bottom:0; background-size:100% auto;}
.system #section_g .section_bot p.btn_link.org{position: absolute; left: 29%; margin: 22px auto;}
/*mrt_top_img*/
.system #section_g.mrt_top_img .mrt_img1 p,
.system #section_g.mrt_top_img .mrt_img2 p,
.system #section_g.mrt_top_img .mrt_img3 p{width:98%;line-height:1.2em;margin:0 1% 0;padding:57px 0 0 0; font-size:12px;}
.system .mrt_top_img .mrt_img1{height:110px;}
.system .mrt_top_img .mrt_img2{height:110px;}
.system .mrt_top_img .mrt_img3{height:110px;}
/*section_line*/
.system #section_g .section_line h4.in_ttl img{width:100%;}
.system #section_g .section_line h5 img{width:100%;}
.system .section_line{border-right:1px #ccc solid;border-left:1px #ccc solid;margin:-5px 0;height:100%; text-align: center;}
.system .section_bot{margin:-10px 0 30px;}
/* ==================================================================================
  in_section_tbl_top
===================================================================================== */
.system .section_line .in_section_tbl_top {padding:0;}
.system .section_line .in_section_tbl_top table{width:98%; margin: 0 1% 0; float:none;}
.system .section_bot .sect_1_bot {height:100%; overflow: visible;}
.system .section_bot .sect_1_bot img{width:100%; margin: 0;}

.system #section_g .section_bot p.lg{width:99%;margin:-49px 0 60px 4px; font-size: 12px; line-height: 1.1em;}
.system #section_g .section .case .ico_stp{display:block;margin:-115px 0 0 245px;}
.system .section .case{width:98%;}

.system .article {width:406px;}
.system .article.flow li{background-size:100% auto; height:70px; margin:0 0 10px;}
.system .article.flow li.end{background-position:0 -70px; height:53px; margin:0 0 5px;}
.system .article.flow li img{width:22%; margin:12px 2.2%;}
.system .article.flow li p{float:left; margin:12px 0 0 4px;; font-size:12px; width:67%; line-height: 1.2em;}
.system .article.flow li p.mgn_top35{margin:13px 0 0 4px; width: 67%;}

/* ==================================================================================
  illust
===================================================================================== */
.system #section_g .section_line .illust h3{;width:100%; height:36px;margin:0 auto 1.5em 0em; padding:2.5em 0 0 0em;background-position: 265px 0; line-height: 1.8em;}
.system #section_g .section_line .illust h3.ill_2{background-position: 265px 0; margin:20px 0px;}
.system #section_g .section_line .illust .sect_2_fig {;overflow:hidden;}

/* renewal */
.renewal .post-v2 {
    width: 100%;
}
.renewal .one_third img {
    width: 126px;
}
.renewal .article {width:406px;}
.renewal .article.flow li{height:62px;}
.renewal .article.flow li.end{height: 53px; background-position:0 -62px;}
.renewal .article.flow li img{margin:11px 2.5%;}
.renewal .article.flow li p{margin:11px 0 5% 2%;}
.renewal .article.flow li img.ico{left:75px; bottom:-22px;}

.renewal .article.qa dt{padding:10px 0 4px 48px;}
.renewal .article.qa dd{padding:18px 5px 6px 45px;}

/* skill */
#body.skill .full {
    width: 100%;
}
#body.skill div .one_half {
    width: 100%;
    margin: 0;
    padding: 4px;
}
.accordion_panel2 {
	width: 100%;
	z-index: 20;
    margin: 0;
    padding: 3px 0;

}

/* corporation */
.corporation .chief {
    width: 300px;
}



}