@charset "utf-8";
@media print, screen and (max-width: 979px) {
    body *{
			box-sizing: border-box;
		}
		img{
			max-width: 100%;
			max-height: 100%;
		}
}

@media print, screen and (min-width: 640px) {
	.spImg{ display: none !important; }
}
@media only screen and (max-width: 639px) {
	.pcImg{ display: none !important; }
	.mt10{ margin-top: 10px !important;}
  .pc-only { display: none; }
}

@media only screen and (max-width: 639px) {
	#whats {
		padding-top: 30px;
		margin-top: -30px;
	}
	#business {
		padding-top: 40px;
		margin-top: -40px;
	}
	#secondCol {
		padding-top: 30px;
		margin-top: -30px;
	}
	#messege {
		padding-top: 30px;
		margin-top: -30px;
	}
	#recruiting {
		padding-top: 30px;
		margin-top: -30px;
	}
	#news{
		padding-bottom: 50px;
	}
	.sp_footer_menu{
		min-height: 430px;
	}
	.top_new dt {
		float: none !important;
	}
	.top_new dd {
		margin-left:0;
	}

}


@media only screen and (min-width: 320px) and (max-width: 639px) {
    body {
        font-size: 16px;
    }
    body *{
			position: relative;
			left: auto;
			top: auto;
		}
	
	
    .tr-desktop,
    #breadcrumb,
    #copyright,
    #footer,
    #naviBar ul.navi,
    .fixedBtn,
    .desktop,
    .contactBtn,
    .contactBtn2,
    .nav,
    .bar,
    #naviBar {
        display: none;
    }
		/* === header === */
		#header{
			height: auto;
			padding-top: 80px;
		}
		#header h1 {
        display: none;
        opacity: 0;
    }
		#header, #header h2, #header h3, #header .navi-container{
			position: relative;
			left: auto;
			top: auto;
			display: block !important;
		}
    #header h2 {
        padding: 12px 0;
    }
    #header h2 img {
        width: 90%;
        height: auto;
    }
    #header h3 {
        padding: 12px 0;
    }
    #header h3 img {
        width: 60%;
        height: auto;
    }
    #header .navi-container {
			margin: 30px 0 0;
    }
#header .navi-info {
    margin: 15px auto ;
    width: 310px;
}
.video-top iframe {
  position: relative;
  top:initial; 
  width: 100%;
}
#header .navi-left,#header .navi-right {
    margin: 15px auto ;
    width:100%;
}
  
#header .navi-bn-txt01{
    font-size:20px;
}
#header .navi-bn-txt02{
    width:98%;
}
    #header ul.navi {
        width: 90%;
		padding: 0;
		position: relative;
		top: auto;
		left: 0;
    }
    #header .navi li {
        width: 29%;
    }
    #header .navi li a img {
        width: auto;
        height: auto;
				opacity: 1!important;
    }

    /* メニュー */
    #menu-container {
        position: fixed;
        z-index: 1001;
        top: 0;
        width: 100%;
        display: block;
        box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
    }
    #menu-container ul {
        list-style: none;
    }
    #menu-container a {
        text-decoration: none;
        color: black;
        font-size: 0.9em;
		display: block;
		/* padding: 10px 5px; */
		overflow: hidden;
		padding: 1.8% 3%;
    }
    #menu-wrapper {
        overflow: hidden;
        max-width: 100%;
        cursor: pointer;
        background: #fff;
    }
    #menu-wrapper img {
        float: left;
        padding: 0;
        width: 40px;
        height: 40px;
    }
    #menu-wrapper #hamburger-menu {
        position: relative;
        width: 25px;
        height: 20px;
        padding: 0;
        float: right;
        background: #fff;
        margin: 15px 20px;
    }
    #menu-wrapper #hamburger-menu span {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        top: 0;
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 10px;
        color: black;
        background-color: black;
        position: absolute;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out;
    }
    #menu-wrapper #hamburger-menu span:nth-child(1) {
        top: 0;
    }
    #menu-wrapper #hamburger-menu span:nth-child(2) {
        top: 9px;
    }
    #menu-wrapper #hamburger-menu span:nth-child(3) {
        top: 18px;
    }
    #menu-wrapper #hamburger-menu.open span:nth-child(1) {
        top: 9px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #menu-wrapper #hamburger-menu.open span:nth-child(2) {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        top: -60px;
    }
    #menu-wrapper #hamburger-menu.open span:nth-child(3) {
        top: 9px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    #menu-container .menu-list {
        padding-left: 0;
        display: block;
        position: absolute;
        width: 100%;
        max-width: 767px;
        box-shadow: rgba(100, 100, 100, 0.2) 0px 4px 6px -2px;
        z-index: 999;
        overflow-y: auto;
        overflow-x: auto;
        top: -9999px;
        left: 0;
    }
    #menu-container .menu-list li{
    background-color:#ffffff;}
    #menu-container .menu-list li.accordion-toggle,
    #menu-container .menu-list .menu-login {
        padding:0;
        text-transform: uppercase;
        border-top: 1px solid #dbdcd2;
    }
/*    #menu-container .menu-list li:first-of-type {
        border-top: 0;
    } */
    
    #nav1{border-top: 1px solid #dbdcd2;}
    #nav5{border-bottom: 1px solid #dbdcd2;}
    
    /*.menu-submenu {*/
    /*    margin-top: 40px;*/
    /*}*/
    .no-toggle {
        text-transform: uppercase;
        border-top: 1px solid #dbdcd2;
        cursor: pointer;
        position: relative;
        letter-spacing: 1px;
    }
    .no-toggle a {
        display: block;
        padding: 0;
    }
    .accordion-toggle,
    .accordion-content {
        cursor: pointer;
        position: relative;
        letter-spacing: 1px;
    }
    .accordion-content {
        display: none;
        padding: 0;
    }
    .accordion-content li {
        border-bottom: 1px solid #DBDCD2;
    }
    .accordion-content li:last-child {
        border-bottom: none;
    }
    .accordion-content li a {
        padding: 0;
        display: block;
    }
    .no-toggle:hover a,
    .accordion-content li a:hover {
        background: #F68900;
        transition: all 0.3s ease;
        color: #fff !important;
    }
    a.head:hover i {
        border: solid #fff;
        border-width: 0 3px 3px 0;
    }
    .accordion-toggle a:before,
    .accordion-toggle a:after,
    .no-toggle a:before,
    .no-toggle a:after {
        content: '';
        top: 50%;
        right: 15px;
        border: solid #ccc;
        border-width: 0 3px 3px 0;
        display: block;
        padding: 3px;
        margin-top: -5px;
        position: absolute;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s ease-out;
    }
    
    .accordion-toggle a.active-tab:before,
    .accordion-toggle a.active-tab:after,
    .accordion-toggle a.active-tab2:before,
    .accordion-toggle a.active-tab2:after{
        transform: rotate(45deg) ;
        -webkit-transform: rotate(45deg);
        color: #ffffff;
        border-color: #ffffff;
    }
    
    .accordion-toggle a.active-tab,
    .accordion-toggle a.active-tab2{
        background: #F68900;
        color: #ffffff !important;
        }
    
    .no-toggle:hover a:before {
        opacity: 0;
    }
    .no-toggle:hover a:after {
        border: solid #fff;
        border-width: 0 3px 3px 0;
    }
    .accordion-toggle a:before {
        opacity: 1;
        z-index: 2;
    }
    .accordion-toggle.active-tab {
        background: #F68900;
        transition: all 0.3s ease;
    }
    .accordion-toggle a.active:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        color: #fff;
    }
    .accordion-toggle a.active:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff !important;
        opacity: 0;
    }
    .menu-link.active {
        color: #fff !important;
    }
    .menu-link.active::before {
        border: solid #fff;
        border-width: 0 3px 3px 0;
    }
    .arrow-right {
        content: '';
        margin: 10px 5px 10px 10px;
        border: solid black;
        border-width: 0 3px 3px 0;
        display: block;
        padding: 3px;
        float: right;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    a.head .arrow-right {
        border: solid #ccc;
        border-width: 0 3px 3px 0;
    }
				.lv02 {
			display: none;
			border-top: solid 1px #cccccc;
		}
				.lv02 li{
			background:#f5f5f5 !important;
			}
		.lv03 {
		 display: none;
			border-top: solid 1px #cccccc;
		}
		.lv03 li{
			background:#eeeeee !important;
		}

    #pagetop a>img.contactBtn {
        display: none;
    }
    #pagetop a>img.contactBtn2 {
        display: none;
    }
    /* #pagetop a:last-child>img:first-child {
        display: none;
    } */
    .pagetopmobile {
        display: block;
        float: right !important;
        margin: 2% !important;
        max-width: 6% !important;
        position: fixed;
        right:0;
        bottom:0;
        z-index:9999;
    }
    .nocateimg {
        margin-top: 5px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .mbS {
        font-size: 1.4em;
    }
    .mbS+p {
        margin-bottom: 10px;
    }
    .lead+p {
        margin-bottom: 3%;
    }
    table.news+p {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .scroll {
        width: 96%;
        margin: 0 auto;
        overflow-x: scroll;
        height: auto;
    }
    .scroll::-webkit-scrollbar {
        width: 12px;
        height: 10px;
    }
    .scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px #ccc;
        border-radius: 10px;
    }
    .scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 10px 0 7px #FF9900
    }
    .mt5 {
        font-size: 0.9em;
        border-top: 1px solid #eee;
        padding: 0;
        background: none;
        color: #444;
    }
    .arrow-btn {
        display: block;
        float: right;
    }
    .fa {
        transform: scale(2, 2);
    }
    #contents::after {
        content: "";
        clear: both;
    }
    /* top header label */
    #contents {
	    display: flex;
	    flex-flow: row wrap;
			width: 100%;
	}
    #main {
        width: 100%;
        float: none;
        padding: 0;
        overflow: hidden;
        text-align: center;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    #main h1 {
        font-size: 1.3em;
        text-align: left;
        margin-left: 0;
    }
    #main h1.line {
        padding: 5% 0 !important;
        width: 95% !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }
    .publicnotice_h2 {
        font-size: 1.1em;
        text-align: left;
        margin-left: 0;padding: 2.5% 0 !important;
        width: 95% !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

    #main h2 {
        width: 95%;
        margin: 2.5% auto !important;
        padding: 2% 0 2% 5%;
        text-align:left;
    }
    #main h2.lead {
        margin-top: 40px !important;
        width: 97.5%;
    }
    #main h3 {
        font-size: 1.2em;
        text-align: left;
        width: 95%;
        margin: 2.5% auto;
    }
    #main table {
        width: 95%;
        margin: 0 auto 30px auto;
        border-spacing: collapse;
        font-size: 1em;
        word-wrap: break-word;
        table-layout: fixed;
        overflow: hidden;
    }
    #main th {
        width: 28%;
        padding:10px;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .recruit table.taB th {
        width: 34% !important;
		padding-right: 0 !important;
    }

    #main td {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    #main td img {
        vertical-align: middle;
    }
    #main td ul {
        margin-left: 8%;
    }
    #main td li {
        margin: 0;
        padding-left: 6%;
        background: url(../images/mark02.png) no-repeat 0 8%;
    }
    #main table.taB {
        width: 95%;
    }


    #main p {
        margin: 0 auto;
        width: 95%;
        text-align: left;
    }
    #mediaimg,
    #newsimg {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #main p.t-aC {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    #main p.t-aC img#cmpany {
        max-width: 563px;
        margin-bottom: 15px;
    }
    #main h2.mbM+div {
        width: 97.5% !important;
    }
    #main p img {
        max-width: 100%;
        margin-top: 30px;
        padding: 0;
    }
    #main p.t-aC img#btn04 {
        max-width: 60%;
        max-height: 5vh;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #main p.t-aC img#entryimg {
        max-width: 75%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        margin-top: 0;
    }
    #main p.t-aC img#govimg {
        max-width: 97.5% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        margin-bottom: 35px !important;
    }
    #main .executive {
        width: 96%;
        margin: 2% auto 0;
        padding: 2% 0;
    }
    #main .executive h3 {
        margin-left: 10px;
        font-size: 1.3em;
    }
    #main .executive h3 em {
        margin: 0 0 1%;
        font-size: 0.7em;
    }
    #main .executive h3 span {
        font-size: 0.7em;
        margin: 0 0 0 2%;
    }
    #main .executive table {
        width: 97.5%;
        table-layout: fixed;
    }
    #main .executive td {
        padding: 2%;
        width: 66%;
        white-space: normal;
        box-sizing: border-box;
    }
    #main .executive td:first-child {
        padding: 2%;
        width: 20%;
        box-sizing: border-box;
    }
    #main .executive td:nth-child(2) {
        padding: 2%;
        width: 14%;
        box-sizing: border-box;
    }
    #main .executive td.month {
        padding: 2%;
        text-align: right;
    }
    #main .executive p {
        margin-left: 10px;
        padding-left: 0;
    }
    #main .executive.list{
        width: 96%;
        margin: 2% auto 0;
        padding: 2% 0;
  	}
    #main dl ul {
        width: 90%;
        text-align: left;
    }
    #main ul#page_nav {
        width: 96%;
				margin-left: auto;
				margin-right: auto;
    }
    #main ul#page_nav li {
        font-size: 0.7em;
        padding: 1% 5% 1% 0;
        text-align: center;
        margin-left: 4%;
    }
    #main ul#page_nav li a {
        clear: both;
        text-align: center;
        overflow: hidden;
        background-color: #EEEEEE;
        padding-left: 1%;
    }

	.company-map #main ul#page_nav {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.company-map #main ul#page_nav li {
		margin: 0 5px;
		padding: 1%;
		flex-grow: 1;
		display: block;
		border: 1px #5F84F2 solid;
	}


    #main .mapBox {
        margin: 3% auto;
        padding: 3%;
        width: 94%;
    }
    #main .mapBox iframe {
        width: 100%;
				height: 270px;
    }
    #main .mapBox table {
        margin: 0;
        padding: 0;
    }
    #main table.map {
        width: 100%;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
        border-top-width: 1px;
        border-top-style: solid;
        border-right-style: none;
        border-left-style: none;
        border-top-color: #EEEEEE;
        margin: 0;
        table-layout: fixed;
        word-wrap: break-word;
        overflow-wrap: break-word;
        border-spacing: collapse;
    }
    #main table.map th {
        white-space: normal;
        background-color: #F2FAFD;
        vertical-align: top;
        font-weight: normal;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #EEEEEE;
        padding-top: 2%;
        padding-right: 4%;
        padding-bottom: 4%;
        padding-left: 4%;
        width: 25%;
    }
    #main table.map td {
        padding-top: 2%;
        padding-right: 4%;
        padding-bottom: 4%;
        padding-left: 4%;
        white-space: normal;
    }
    #main table.sitemap th {
        width: 50%;
        text-align: left;
    }
    #main p#versionof {
        border: 1px solid #ccc;
        padding: 4%;
        margin: 5% 0 0 0;
        background: #f6f6f6;
        max-width: 89%;
    }
    #main ol {
        width: 90%;
    }
    #main ol li {
        text-align: left;
    }
    /* #main .rental_list ul {
        max-width: 90%;
    } */
    .rental_listimg.over {
        margin: 0;
        padding: 0;
    }
    .rental_list p::after {
        width: 100%;
        text-align: justify;
        float: none;
    }
    #main .rental_list h2 span .over {
        margin-left: 90px;
        margin-top: 5%;
        max-width: 40%;
        z-index: 100;
    }
    #main .rental_list h2 img {
        max-width: 60%;
        z-index: -1;
    }
		#cate_base{
			margin-top: 66px;
		}
    #cate_name {
        margin-top: 66px;
    }
    #cate_name p {
        width: 97.5% !important;
        margin: 0 2.5%;
    }
    #cate_name p img {
        max-width: 80%;
        padding-left: 1%;
    }
    #contents::after {
        content: "";
        clear: both;
    }
    #main .flexstyle20,
    #main .flexstyle35 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
    }
    #main .flexstyle20 img,
    #main .flexstyle35 img {
      width: 95%;
      margin: 0 auto;
    }
    #main .flexstyle20 p,
    #main .flexstyle35 p {
      width: 95%;
      margin: 0 auto;
    }
  
  
    
	/* ■ 事業内容 > クラウドサービス
	--------------------------------------------------------- */
    #main .rental_list {
        margin: 0 0 2.5%;
        padding: 2% 0 0;
    }
    #main .rental_list h2 {
        margin: 0;
        padding: 0;
        padding-top: 0%;
        max-width: 100%;
    }
    #main .rental_list h2 img {
        margin-top: 3%;
        padding: 0;
        background: none;
        overflow: hidden;
        width: 65%;
        float: left;
        display: block !important;
    }
    #main .rental_list h2 span {
        margin-top: -50px;
    }
    #main .rental_list h2 span a img {
        margin-right: 0;
        max-width: 50%;
        float: right;
    }
    #main .rental_list span ul {
        text-align: left;
        margin-top: 2%;
        padding: 5%;
        border-top: 1px #CCCCCC solid;
        border-bottom: 1px #CCCCCC solid;
        list-style-type: none;
        width: 100%;
				float: none;
    }
    #main .rental_list p {
        text-align: justify;
        float: none;
        width: 100%;
        padding: 3%;
    }
    #main ul.col2 {
        display: inline-block;
        width: 95%;
        padding-top: 5%;
    }
    #main ul.col2 li {
        margin-bottom: 5%;
        float: none;
    }
    #main ul.col2 li a img {
        margin: 0;
        padding: 0;
        max-width: 100%;
        display: block !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    #main table.news {
        width: 95%;
        margin: 0 auto;
        table-layout: fixed;
        box-sizing: border-box;
    }
    #main table.news th {
        white-space: normal;
        padding-top: 2%;
        padding-right: 4%;
        padding-bottom: 4%;
        padding-left: 4%;
        width: 50% !important;
    }
    #main table.news th.ttl {
        white-space: normal;
        padding-top: 2%;
        padding-right: 4%;
        padding-bottom: 4%;
        padding-left: 4%;
        width: 70%;
    }
    #main table.news td {
        padding-top: 2%;
        padding-bottom: 4%;
        padding-left: 4%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    #main table.news tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
        overflow: auto;
    }
    #main #case_list {
        overflow: hidden;
        width: 96%;
				margin: 0 auto;
    }
    #main #case_list .col {
        width: 100%;
        margin: auto;
        float: none;
				overflow: hidden;
				margin: 0 0 20px;
    }
    #main #case_list .col h3 {
			float: right;
			width: 60%;
        margin: 0;
        padding: 0 0 0 20px;
        font-weight: bold;
        font-size: 12px;
        color: #333333;
        background: url(../images/mark06.png) no-repeat 0 center;
        border: none;
        position: relative;
        overflow: hidden;
    }
    #main #case_list .col p {
			float: right;
			width: 60%;
			text-align: left;
		}
    #main #case_list .col p:first-child{
        float: left;
        margin: 0;
				width: 38%;
				text-align: center;
    }
    #main #case_list .col p:first-child a img{
			margin: 0;
		}
    #main #case_list h2.mbS {
        width: 97.5%;
    }
    #main #case_list .col h3 a {
        color: #333333;
    }
    #main #case_list .col>p {
        margin: 0;
        padding: 0;
        word-wrap: break-word;
    }
    #sub {
        width: 100%;
        margin-top: 4%;
        padding-bottom: 0.5%;
        overflow: auto;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    #sub dl dd {
        display: inline-block;
				width: 49%;
				text-align: center;
    }
  
    #sub .sub_banner a {
      position: relative;
      display: block;
      border: 3px solid #ddd;
      box-sizing: border-box;
      padding: 10px 10px 15px;
      width: 90%;
      margin: 0 auto;
      height: auto;
      text-decoration: none;
      transition: .2s;
    }

    #sub .sub_banner img {
      display: block;
      margin: 0 auto !important;
      width: 168px !important;
      height: 53px !important;
    }
    #sub .sub_banner h2 {
      text-align: center;
      color: #333;
      font-size: 13px;
      line-height: 1.2;
      margin: 7px 0;
    }
    #sub .sub_banner h2 em{
      color: #007bc7;
      font-style: normal;
      font-weight: bold;
    }
    #sub .sub_banner p {
      text-align: center;
    }

  
    /* #sub dl dd#ddimg1{
        width: 100%;
		}
    #ddimg1 a img {
        width: 50%;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 4%;
    }
    #ddimg2 a img {
        padding: 0;
        margin: 0;
    }
    #ddimg3 a img {
        padding: 0;
        margin: 0;
    }
    #sub dl dd#ddimg1{
        width: 100%;
		} */

	#sub #local_nav + dl{
		margin-top: 15px;
	}
	#sub #local_nav + dl dt,
	#sub #local_nav + dl + dl dt{
		display: none;
	}
	body.service #sub #local_nav + dl dd{
		width: 100%;
	}
	body.service #sub dl:nth-child(2) dd a img {
		width: 90%;
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-top: 4%;
	}
	body.service #sub dl:nth-child(2) dd a img.spImg {
		padding: 0;
		margin: 0;
		display: inline-block !important;
	}
	body.service #sub dl dd a img.pcImg {
		display: none;
	}
	body.service #sub dl dd a img {
		padding: 0;
		margin: 0;
	}
	body.service.index #sub #local_nav + dl + dl{
		width: 96%;
		margin: 0 auto;
	}
    #principles {
        text-align: center;
        margin:0 auto 10px;
        width: 97.5%;
        padding: 0;
       /* margin-top: 0;*/
    }
    #principles h2 {
        padding: 4%;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0;
    }
    #principles h2 img {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    #principles p {
        font-size: 1em;
        margin: 1%;
        padding-bottom: 4%;
        text-align: left;
        width: 98%;
    }
    #principles p img {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    #local_nav {
        width: 100% !important;
        margin: 0px;
        list-style-type: none;
        background: #F8F8F8;
        overflow: hidden !important;
    }
    #local_nav li {
        border-top: 1px solid #fff;
    }
    #local_nav li a {
        background: none;
        padding: 5px;
        padding-left: 10px;
    }
    #local_nav li a br {
        display: none;
    }
    #local_nav li a:hover,
    #local_nav li.current a,
    #local_nav li a.current,
    #local_nav li a.parentsLink {
        background-image: none;
        background-color: #F68900;
    }
    #local_nav li ul li:last-child {
        border-bottom: 0;
    }
    #local_nav li ul li:hover {
        color: #FFF;
        background-color: #F4880D;
    }
    #local_nav li ul li a {
        background: none !important;
    }
    #privacy {
        width: 90% !important;
        margin: 3% auto;
        border: 2px solid #ccc;
        background: #fff;
        border-radius: 3%;
        text-align: center;
        height: auto;
    }
    #privacy::before {
        content: '';
        display: block;
        clear: both;
    }
    #privacy img {
        max-width: 27%;
        max-height: 45%;
				width: auto;
				height: auto;
    }
    #privacy p {
        font-size: 0.9em;
        padding: 5px;
        margin: 0px;
        text-align: center;
    }
    #privacy div {
        display: block;
        overflow: auto;
        padding-bottom: 3%;
    }
    #privacy div br {
        display: none;
    }
    div#privacy+div {
        display: inline-block;
        width: 35%;
        height: 13vh;
        background-color: #3b5998;
        padding: 5%;
        border-radius: 3%;
        margin-left: 3%;
    }
    div#privacy+div img {
        max-width: 100%;
        display: block !important;
        margin: 0 auto;
        max-height: 100%;
        margin-top: 12%;
    }
    div#privacy+div+div {
        width: 35%;
        height: 13vh;
        display: inline-block;
        background-color: #eeece5;
        padding: 5%;
        border-radius: 3%;
        margin-left: 3%;
    }
    div#privacy+div+div img {
        display: block !important;
        margin: auto;
        max-width: 100%;
        max-height: 115%;
    }
    .notice {
        display: none !important;
    }
    .contactBtn {
        display: none !important;
    }
    .contactBtn2 {
        display: none !important;
    }
		/* ラクスのビジネス */
    #main .service_column {
        margin: 20px auto 0;
        max-width: 100%;
        padding: 0 3% 20px;
    }
	#main.business h3{
			width: 100%;
		}
    #main .service_column .heightLineParent {
        width: auto;
        overflow: hidden;
        text-align: justify;
    }
    #main .service_column dl {
        width: auto;
        padding: auto;
        float: none;
        word-break: break-all;
        height: auto !important;
    }
    #main .service_column dt {
        margin: 0;
        padding: auto;
    }
    #main .service_column .col {
        display: inline-block;
        width: auto;
        max-height: 30%;
    }
    #main .service_column .col h3 {
        float: none;
        margin-bottom: 3px;
        padding:0;
    }
    #main .service_column .col p {
        font-size-adjust: 0.58;
        word-break: break-all;
        font-size: 1em;
        text-align: justify;
        padding-left: 0px;
        float: right;
        width: 60%;
    }
    #main .service_column .col p a {
        text-align: right;
        float: right !important;
    }
    #main .service_column .col {
        width: auto !important;
    }
    .img_left {
        height: auto;
        float: left !important;
        margin-right: 0;
				margin-top: 30px;
        width: 38%;
    }
    .img_left img {
        margin: 0;
        max-width: 100%;
        height: auto;
    }
    #bizimg {
        max-width: 100%;
    }
    .partner {
        display: block !important;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
    }
    dt img.partner {
        display: none !important;
    }
    #main .switchDetail {
        margin: 0 0 5%;
        padding: 0 0 0 1%;
        width: 100%;
        word-wrap: break-word;
        text-align: left;
    }
    div.switchDetail dd {
        padding-left: 1px;
        overflow: hidden;
        width: 75% !important;
        text-align: left;
    }
    #main #news_list {
        width: 96%;
				margin: 0 auto;
    }
    #main #news_list p {
        width: 100%;
    }
    #main #news_list dt {
        width: 25%;
        margin: 0;
        padding: 0;
		letter-spacing: 0;
    }
    #main #news_list dd {
        width: 75%;
        word-wrap: break-word;
        display: block;
    }
    #main p#news2016 {
        padding: 5% !important;
        width: 87% !important;
    }
    #index_nav {
        width: 100% !important;
        text-align: left;
    }
    #index_nav li {
        width: 85% !important;
    }
    /* end  for contact folder (index.html)*/

    #contents h1 {
        font-size: 1.3em;
        margin: 3% 3%;
        margin-bottom: 0;
    }
    .line-2 {
        width: 95%;
        line-height: 1.5;
        margin-bottom: 5%;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        font-size: 14px !important;
        text-align: left;
    }
    .eir-gif {
        width: 100%;
        height: 100%;
    }
    .alignright {
        float: right;
        margin: 5px 10px 10px 0;
    }
    .arrow {
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -ms-transition-property: -ms-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
    }
    .arrow-white,
    .current .arrow,
    .parentsLink .arrow {
        border: solid #fff;
        border-width: 0 2px 2px 0;
    }
    .menuicon {
        padding: 3.5%;
        padding-right: 7px;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -ms-transition-property: -ms-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
        color: #272727;
        font-size: 1.7em;
        float: right;
        width: 10%;
        margin-right: 0px;
        font-weight: bold;
    }
    #local_nav .right,
    .tab .right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #local_nav .left,
    .tab .left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    #local_nav .up,
    .tab .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    #local_nav .down,
    .tab .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #desktop-menu {
        display: none !important;
    }
    
    .tab:last-child {
        border: none;
    }
    input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
    label {
        position: relative;
        display: block;
        padding: 5px;
        padding-left: 10px;
        font-weight: normal;
        cursor: pointer;
        font-size: 0.8em;
    }
    .tab-content ul li a:hover,
    .tab a:hover,
    label:hover {
        background: #F68900 !important;
        color: #fff !important;
    }
    label::after {
        display: block;
        width: 3em;
        height: 3em;
        line-height: 3;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }
    label span::after {
        content: "\2630";
        display: block;
        line-height: 2;
        text-align: center;
        padding: 0;
        margin: 0;
        -webkit-transition: content 1s ease-in;
        -o-transition: content 1s ease-in;
        transition: content 1s ease-in;
    }
    .wrapper-mobile {
        position: relative;
        width: 100% !important;
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 0% !important;
        margin-left: auto !important;
        padding-top: 0% !important;
        padding-right: 0% !important;
        padding-bottom: 0% !important;
        padding-left: 0% !important;
        display: block !important;
        height: 100px;
    }
    .half {
        color: #ffffff;
        float: left;
        width: 50%;
        /* padding: 0 1em; */
        position: relative;
        top: 150%;
        background-color: #444444;
    }
    #contents-half .half a {
        color: #bfbfbf;
        text-decoration: none !important;
    }
    #contents-half .half {
        border-bottom: 0.5px solid #4d4d4d;
    }
    .tab {
        color: #ccc;
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .half .tab-content {
        background-color: #737373 !important;
    }
    .half .arrow-white {
        font-size: 0.6em !important;
        color: #ccc;
        border-color: #ccc !important;
        border-width: 0 2px 2px 0;
    }
    .local-nav {
        position: relative;
        width: 100% !important;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0% !important;
        margin-left: auto !important;
        padding-top: 0% !important;
        padding-right: 0% !important;
        padding-bottom: 5% !important;
        padding-left: 0% !important;
        display: block !important;
        z-index: 100;
    }
    .local-nav .menu-list{ margin-top:30px;}
    .local-nav a {
        font-size: 0.9em;
    }
    .local .current {
        background: #FFA500;
    }
    .local-nav .half {
        background: #F8F8F8;
        border-bottom: 1px solid #ccc;
    }
    .local-nav .half.tab.current,
    .local-nav .half.tab.current label {
        background: #F68900 !important;
        color: #fff !important;
    }
    .local-nav .half.tab.current label a {
        color: #fff !important;
    }
    .local-nav .half.tab.current {
        border-bottom: none;
     }
    .local-nav .half label {
        color: #000;
        background: #F8F8F8;
    }
    .local-nav .half a {
        text-decoration: none;
    }
    .local-nav .half a.current {
        background: #FFA500;
    }
    .local-nav .half .tab-content {
        background: #F8F8F8 !important;
        border-bottom: none;
    }
    .local-nav .half .tab-content ul {
        margin-top: 0;
    }
    .local-nav .half .tab-content ul li:last-child {
        color: #000;
        border-bottom: 1px solid #ccc;
    }
    .local-nav .half .tab-content ul li a:last-child {
        color: #000;
        border-bottom: none !important;
    }
    .local-nav .contents-half .half a.current,
    .local-nav .half .tab-content ul li.current a {
        color: #fff !important;
        background: #FFA500 !important;
    }
    .local-nav .half label a {
        color: #000;
    }
    input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
    .tab label a {
        color: #bfbfbf;
        text-decoration: none !important;
        font-size: 100%;
    }
    .tab-content {
        max-height: 0;
        overflow: hidden;
        margin-top: 0;
        width: 100%;
        padding: 0%;
        -webkit-transition: max-height 1s;
        -o-transition: max-height 1s;
        transition: max-height 1s;
        background-color: #737373 !important;
        text-align: left;
    }
    .tab-content ul li a {
        text-align: left;
        text-indent: 10px;
        border-top: 1px solid #ccc;
        padding: 5px;
        font-size: 0.7em;
    }
    .tab-content i {
        margin-right: 10px;
        float: right;
        margin-top: 10px;
    }
    .tab-content ul li a i,
    .wrapper-mobile .tab-content i {
        margin-right: 20px;
        float: right;
        margin-top: 5px;
    }
    nav.wrapper div.accordion div.tab div.tab-content div.tab:last-child {
        border-bottom: 2px solid #ccc;
    }
    .tab-content ul {
        margin: 0;
        border: 0px;
        padding: 0;
    }
    .tab-content ul li {
        list-style-type: none;
        width: 100%;
    }
    .tab-content a {
        color: #ffffff;
        text-decoration: none !important;
        width: auto;
        display: block;
        text-align: center;
        width: 100% !important;
    }
    .tab-content a:hover {
        background: #F68900;
        width: 100%;
    }
    #thirdCol {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
    }
    #footer {
        position: relative;
        top: -40px;
        z-index: 80;
        padding: 0 0 0 !important;
        text-align: center;
        color: #fff;
    }
	.gptw {
    text-align: center !important;
	margin: 0;
	}
    #copyright-2 {
        position: relative;
        z-index: -85;
        text-align: center;
        color: #fff;
        font-size: x-small;
        font-size: 60%;
    }
    .copy-table {
        background-color: #000000;
        display: table;
        width: 100%;
        height: 8% !important;
        padding: 10px 0px 10px 0;
    }
    .table-cell {
        display: table-cell;
        vertical-align: middle;
    }
    input:checked~.tab-content {
        max-height: 30em;
        -webkit-transition: max-height 1s ease-in-out;
        -o-transition: max-height 1s ease-in-out;
        transition: max-height 1s ease-in-out;
    }
    /* Icon */
    label::after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 3em;
        height: 3em;
        line-height: 3;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }
    #tab-one:checked+label i.arrow,
    #tab-two:checked+label i.arrow,
    #tab-three:checked+label i.arrow,
    #tab-four:checked+label i.arrow,
    #tab-five:checked+label i.arrow,
    #tab-six:checked+label i.arrow,
    #tab-seven:checked+label i.arrow,
    #tab-eight:checked+label i.arrow,
    #tab-nine:checked+label i.arrow,
    #tab-ten:checked+label i.arrow,
    #tab-eleven:checked+label i.arrow,
    #tab-twelve:checked+label i.arrow,
    #tab-thirteen:checked+label i.arrow,
    #tab-fifteen:checked+label i.arrow,
    #tab-sixteen:checked+label i.arrow,
    #tab-seventeen:checked+label i.arrow {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #tab-fourteen:checked+label span::after {
        content: 'X';
        font-family: Arial, sans-serif;
        text-align: center;
    }
    .mbs {
        border: 1px solid #ccc;
        padding: 1% !important;
        margin: 0 2.5% !important;
        background: #f6f6f6;
        width: 91% !important;
    }
	
	/* ■ トップメッセージ
	--------------------------------------------------------- */
	#message {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 0 30px;
		background: #F4F4F4 url(../images/bg_messege.jpg) no-repeat center top;
	}
	#message div.sp{
		
	}
	#message p {
		padding: 20px;
		width: 92%;
		text-align: left;
		text-indent: 10px;
		background: #FFFFFF;
		margin: 0 auto;
	}
    /* #message {
        height: auto;
        background: url(../images/bg_message-mobile.png) no-repeat center top;
        background-size: 100%;
    }
    #message p {
        height: auto;
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 45%;
        border: solid;
        border-top: none;
        border-right: solid;
        border-width: 1.5em;
        word-wrap: break-word;
        border-color: #f2f2f2;
        text-align: justify;
        margin: 0 !important;
    } */
    div#footer2 {
        margin-top: 0 !important;
        margin-bottom: 0!important;
        font-size: 10px!important;
        clear: both;
        border-top: #CCCCCC solid 1px;
        padding-top: 10px;
        width: 97.5% !important;
        /* background-color: red; */
    }
    p.snavi a img {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 50% !important;
        height: auto;
    }
    #contents div#ir_library {
        width: 100%;
    }
    div#yuhoTable table,
    div#mkr table {
        width: 97.5% !important;
        border: none !important;
        border-top: 1px solid #eee !important;
        display: table;
    }
    div#ir_library h2,
    div#ir_library h3 {
        width: 92.5% !important;
        font-size: 1.3em !important;
        line-height: 1 !important;
    }
    div#ancDiv ul {
        text-align: center;
    }
    div#ancDiv li {
        padding: 0 5% 0 1% !important;
        border: 1px solid #ccc !important;
        margin: 1%;
    }
    div#ancDiv li:last-child {
        margin-right: 10px;
    }
    div#ancDiv ul li a {
        /* font-size: 0.8em; */
        text-align: center;
    }
    div#download {
        text-align: left;
    }
    div#download img {
        max-width: 30% !important;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        display: block;
        float: none !important;
    }
    div#footer2 {
        text-align: left;
    }
    .irprivacy {
        display: none !important;
    }
    .news_tab {
        width: 100%;
    }
    #irpickup a {
        position: relative;
    }
    #thirdCol.base{
        top:0 !important;
        height: auto;
        display: none;
    }
    #thirdCol #thirdCol {
        display: none;
    }
		#firstCol {
        margin-top: 0;
    }
		#news .wrapper{ 
			padding-bottom: 25px;
		}
		#news .btnlist {
			width: 100%;
			top: 0;
		}
		#news .btnlist a img{
			width: 30%;
			height: auto;
		}
		#whats {
			height: auto;
			padding-bottom: 20px;
		}
    #whats .txts {
        padding: 0 10px;
        font-size: 12px;
        line-height: 1.4;
        width: 100%;
    }
		#business{
			height: auto;
			background: #3AAEDF url(../images/bg_business_mobile.jpg) no-repeat center bottom;
			background-size: 100% auto;
		}
		#business .wrapper-nav{
			position: relative;
			height: auto;
			padding-bottom: calc(100%*300/450);
		}
		
		
		
		#business h2 {
		    margin-top: 20px;
		    margin-bottom: 10px;
				line-height: 1;
				opacity: 1;
		}
		#business .txts {
			font-size: 12px;
			line-height: 1.4em;
			width: 90%;
			opacity: 1;
		}
		#business .txts:after {
			content:"";
			display: block;
			padding-bottom: calc(100%*145/390);
		}
		#business ul{
			display: block !important;
			opacity: 1 !important;
			margin: 0;
			width: 100%;
			display: inline-block;
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
			-webkit-transform : translateY(-50%);
			transform : translateY(-50%);
		}
		#whats ul li, #business ul li {
			width: 30%;
			padding: 10px;
			float: none;
			display: inline-block;
		}
		#messege {
			height: auto;
		}
    #messege .wrapper {
			margin: 0;
			padding: 0 0 10px;
			position: relative;
			left: auto;
			top: auto;
			overflow: hidden;
		}
		#messege .txts {
			width: 100%;
			left: 0;
			padding: 0 20px 20px;
			background: none;
			text-align: left;
			font-size: 12px;
			float: right;
			margin-right: 0;
			min-height: 280px;
		}
		#messege .txts p {
			display: block;
			padding: 30px 30px 10px;
		}
		#messege .txts a{
			display: block;
			text-align: right;
			margin-top: 40px;
		}
		#messege .txts a img{
			margin: 0;
		}
		#messege .txts a img:first-child{
			opacity: 1 !important;
		}
    #messege #imgicon {
			display: none;
		}
    #messege #imgicon-mobile {
			position: absolute;
			z-index: 72;
			bottom: -4.2%;
			top: auto;
			width: 40%;
		}
		#messege h2{
			margin-top: 6.4vw;
			font-size: 38px;
			margin-bottom: 18px;
			line-height: 1;
		}
		#messege h3 {
			font-size: 6vw;
			margin-bottom: 10px;
		}
		#messege .wrapper,
		#recruiting .wrapper,
		#recruiting .wrapper2{
			width: 100%;
		}
		
		
		/* TOP recruiting brock */
		#recruiting{
			height: auto;
			top: auto;
		}
		#recruiting .wrapper{
			position: relative;
			top: auto;
			left: auto;
			padding-top: 30px;
			margin: 0;
			width: 100%;
		}
		#recruiting .wrapper2{
			position: relative;
			top: auto;
			left: auto;
		}
    #recruiting h2 {
        font-size: 7.8vw;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #recruiting h3 {
        font-size: 5vw;
    }
		#recruiting .txts{
			position: relative;
			left: auto;
			top: auto;
			width: 100%;
			font-size: 12px;
		}
		#recruiting ul {
			width: 96%;
			left: 0;
			margin: 0 auto;
			padding: 0;
			position: relative;
			top: auto;
			left: auto;
		}
		#recruiting ul li{
			float: none;
			width: 30%;
			margin: 0 auto;
			display: inline-block;
		}
		#recruiting #flowers{
			padding-bottom: calc(100%*120/515);
		}
		#flower01, #flower02, #flower03, #flower04 {
			top: 0;
			background-size: contain;
			height: auto;
			padding-bottom: calc(100%*120/515);
		}
	/* ■ 採用情報
	--------------------------------------------------------- */
	.recruit-index #main.recruit h2{
		background-size: 100% 100%;
	}
	.recruit-index #main.recruit h3 {
		font-size: 1.2em;
		text-align: left;
		margin: 2.5% auto;
	}
	.recruit-index .privacySP + div,
	.recruit-index .privacySP + div + div{
		width: 90%;
		margin: 0 auto;
	}
	.recruit-index .privacySP + div img,
	.recruit-index .privacySP + div + div img{
	}
	/* ■ お問い合わせ一覧
	--------------------------------------------------------- */
	.contact #index_nav{
		margin: 0 3%;
	}
	.contact #index_nav li{
		width: 100% !important;
		margin-right: 0;
	}
	.contact #local_nav{
		display: none;
	}
	#contact p{
		margin-bottom: 30px;
	}
	#contact .contact_box {
		text-align: center;
		width: 90%;
	}
	#contact .contact_box p{
		font-size: 110%;
		text-align: center;
	}
	
	/* ■ 会社概要（company/index）
	--------------------------------------------------------- */
	body.company #main p.t-aC{
		width: 96%;
		margin: 0 auto 40px;
	}
	
	
	
	
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
		img{
			max-width: 100%;
			max-height: 100%;
			height: auto !important;
		}
		.only_hide_large{
			display: none;
		}
    .contactBtn {
        top: 30%;
        max-width: 4%;
    }
		#cate_base{
			margin-top: 75px;
		}
		#cate_name{
			margin-top: 81px;
		}
		#cate_name p{
			width: 100%;
		}
		#cate_name img {
			max-width: 65%;
			margin-left: 30px;
		}
		#naviBar{
			height: auto;
		}
		#breadcrumb {
			padding-left: 30px;
		}
    #contents,
    .wrapper,
    #whats.icons,
    iframe,
    #business .txts,
    #news .wrapper,
		#news #detail,
		#news #detail .listbox,
		.btnlist,
		#whats .txts,
		#whats ul,
    #messege .wrapper,
    #recruiting .wrapper2,
    #footer .wrapper,
    #breadcrumb {
        width: 100% !important;
    }
		#header h2, #header h3{
			width: 95%;
		}
		#header ul.navi{
			width: 95%;
		}
		#header .navi li a{
			display: block;
			position: relative;
		}
    #footer .wrapper {
        width: 98%;
    }
    #footer ul,
    #footer .links {
        width: 100%;
        display: table;
    }
    #footer li {
        display: table-cell;
        margin-left: 0;
        width: 14.6%;
        font-size: 10px;
    }
    #footer dt,
    #footer dd {
        width: 100%;
    }

	/* === 下層サイドナビ === */
	#contents #sub{
		width: 20%;
		margin-left: 30px;
		padding-right: 12px;
	}
	#contents #sub #local_nav{
		width: 100%;
	}
	#contents #sub #local_nav li{
		list-style-type: none;
	}
	#contents #sub #local_nav li a{
		position: relative;
	}
	#contents #sub #local_nav li a.current:after {
		position: absolute;
		left: 100%;
		top: 0px;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-left: 12px solid #F4880D;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}
	#contents #sub #local_nav li ul li a.current:after {
		position: absolute;
		left: 100%;
		top: 0px;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 17px solid transparent;
		border-left: 10px solid #F4880D;
		border-right: 17px solid transparent;
		border-bottom: 17px solid transparent;
	}
	#contents #sub #local_nav li.current a:after,
	#local_nav li a.parentsLink:after{
		position: absolute;
		left: 100%;
		top: 0px;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-left: 12px solid #F4880D;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}
	#contents #sub #privacy{
		width: 100%;
	}
	/* === メイン === */
	#contents #main {
		width: 75%;
		padding-right: 20px;
	}
	#main th{
		width: 30%;
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	/*#main td{
		width: 70%;
	}*/
	/* 役員一覧 */
    #main .executive {
        width: 96%;
        margin: 2% 0 0;
        padding: 2% 0;
    }
    #main .executive h3 {
        margin-left: 10px;
        font-size: 1.3em;
    }
    #main .executive h3 em {
        margin: 0 0 1%;
        font-size: 0.7em;
    }
    #main .executive h3 span {
        font-size: 0.7em;
        margin: 0 0 0 2%;
    }
    #main .executive table {
        width: 97.5%;
        table-layout: fixed;
    }
    #main .executive td {
        padding: 2%;
        width: 30% ;
        white-space: normal;
    }
    #main .executive td:first-child {
        width: 14%;
    }
    #main .executive td:nth-child(2) {
        width: 20%;
    }
    #main .executive td.month {
        text-align: right;
    }
    #main .executive p {
        margin-left: 10px;
        padding-left: 0;
    }
	/* 会社地図 */
	#main table.map {
		width: 100%;
		margin: 0;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	#main table.map th {
		white-space: normal;
		padding-top: 2%;
		padding-right: 4%;
		padding-bottom: 4%;
		padding-left: 4%;
		width: 25%;
	}
	#main table.map td {
		padding-top: 2%;
		padding-right: 4%;
		padding-bottom: 4%;
		padding-left: 4%;
		white-space: normal;
	}

		/* ナビ */
		#naviBar .pagetop {
			margin-left: 20px;
			width: 16%;
		}
		#naviBar ul.navi {
			width: 79%;
			margin-left: 9px;
			margin-top: 12px;
		}
		#naviBar .navi li {
        width: 19%;
    }
		#naviBar .navi li a{
        position: relative;
    }
    #naviBar .bar {
        height: 75px;
    }
		li.nav-whats img,
    li.nav-business img,
    li.nav-message img,
    li.nav-contact img,
    li.nav-recruiting img,
    li.nav-ir img {
        /* width: 95% !important; */
        height: auto;
    }

		/* TOP whats brock */
		#whats li{
			width: 17%;
			padding: 0 5px;
			float: none;
			display: inline-block;
		}
		#whats li a img{
			position: relative;
		}
		
		/* TOP business brock */
		#business ul{
			width: 100%;
		}
		#business li{
			width: 17%;
			padding: 0 5px;
			float: none;
			display: inline-block;
		}
		#business li a img{
			position: relative;
		}
		#business #buildings #building01,
		#business #buildings #building02,
		#business #buildings #building03,
		#business #buildings #building04,
		#business #buildings #building05{
			/* background-size: 100% auto; */
		}
		
		
		/* TOP messege brock */
		#messege .wrapper{
			margin: 0;
			position: relative;
			top: auto;
			left: auto;
		}
    #messege .txts {
        width: 50%;
        left: 45%;
        /* font-size: 10px; */
    }
		
		
		/* TOP recruiting brock */
		#recruiting .wrapper{
			position: relative;
			top: auto;
			left: auto;
			margin: 0;
		}
		#recruiting .txts{
			width: 100%;
			position: relative;
			left: auto;
			top: auto;
		}
		#recruiting ul{
			position: relative;
			top: auto;
			left: auto;
			width: 100%;
			margin: 40px 0 0;
		}
		#recruiting ul li{
			float: none;
			width: 30%;
			margin: 0;
			display: inline-block;
		}
		    #flower01,
    #flower02,
    #flower03,
    #flower04 {
        top: 85.7%;
        background-size: contain;
        height: 160px;
    }
	
	
	/* ■ 採用情報
	--------------------------------------------------------- */
	#main.recruit ul.col2{
		width: 100%;
	}
	#main.recruit ul.col2 li{
		float: none;
		margin: 0 0 20px;
	}
	
	
	/* ■ お問い合わせ一覧
	--------------------------------------------------------- */
	.contact #index_nav{
		width: 100%;
		margin: 0;
	}
	.contact #index_nav li{
		width: 48%;
		margin: 0 2% 20px 0;
	}
	.contact #index_nav li:nth-child(2n){
		margin: 0 0 20px;
	}
	
	
	/* ■ 事業内容 > ラクスのビジネス
	--------------------------------------------------------- */
	#main .service_column .heightLineParent{
		width: 100%;
	}
	#main .service_column dl{
		width: 33%;
		margin-left: 0.5%;
		margin-right: 0;
	}
	#main .service_column dl:first-child{
		margin-left: 0;
	}
	.service.business .forte{
		overflow: hidden;
	}
	
	/* ■ 事業内容 > クラウドサービス
	--------------------------------------------------------- */
	#main .rental_list ul{
		width: 60%;
	}
	#main .rental_list p{
		width: 38%;
		margin: 0;
	}
	/* ■ 事業内容 > 導入事例
	--------------------------------------------------------- */
	#main #case_list .col {
		width: 23%;
		margin: 0 1% 35px;
	}
	
	/* ■ トップメッセージ
	--------------------------------------------------------- */
	#message {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 0 30px;
		background: #F4F4F4 url(../images/bg_message.png) no-repeat center top;
		background-size: 100% auto;
	}
	#message div.sp{
		padding-bottom: calc(100%*397/980);
	}
	#message p {
		padding: 30px;
		width: 92%;
		text-align: left;
		text-indent: 10px;
		background: #FFFFFF;
		margin: 0 auto;
	}

}


@media only screen and (min-width: 980px) {
		.only_hide_large{
			display: none;
		}
}



/* SMART PHONE*/
@media only screen and (min-width: 320px) and (max-width: 639px) {
    .contactBtn,
    .contactBtn2,
    #movie,
    #buildings {
        display: none;
    }
    
    
    .news_tab_wrap .news_tab {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    .news_tab_wrap .news_tab li {
        flex: 1;
    }
    
    .news_tab_wrap .news_tab li:last-child {
        margin: 0 !important;
    }
    
    .news_tab_wrap .news_tab li a {
        width: 100% !important;
        background-size: contain !important;
        height: 30px !important;
    }
    
    #news #tab:after {
        content: none;
    }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .menuicon {
        padding: 0;
        margin-right: 5px;
    }
    nav.wrapper #mobile-logo {
        top: 2vh;
    }
    iframe {
        width: 320px;
    }
    #news .wrapper,
    #news #detail,
    #news .entries{
        width: 100%;
    }
    /* #news .btnlist {
        width: 100%;
        top: 0;
    }  */
    /* #news .btnlist a img {
        width: 90px;
        height: auto;
    } */
    #news #tab li a {
        width: 96px;
        height: 23px;
    }
    #news #tab li span {
        font-size: 8px;
    }
    #news #tab li .press:active,
    #news #tab li .press:hover,
    #news #tab li.active .press,
    #news #tab li .info,
    #news #tab li .info:active,
    #news #tab li .info:hover,
    #news #tab li .media:active,
    #news #tab li .media:hover,
    #news #tab li.active .media,
    #news #tab li .media {
        background-size: contain;
    }
	.table_timetabls .col-left,
	.table_timetabls .col-right,
	.table_timetabls .col-left2,
	.table_timetabls .col-right2{
	width: 100%;
	float: none;
	}
	.table_timetabls .col-right {
		width: 100%;
		float: none;
	}

    #detail{
        margin-bottom: 0;
    }
    #whats ul {
        width: 100%;
        margin-top: 28px;
    }
    #whats ul li {
        width: 30%;
        float: none;
        display: inline-block;
        margin-bottom: 5px;
    }
    #whats ul li img {
        width: 95px;
        height: 95px;
    }
    #whats h2 {
        font-size: 32px;
        margin-top: 60px;
        margin-bottom: 16px;
    }
    #whats h3 {
        font-size: 18px;
        margin-bottom: 13px;
    }
    /* #whats .txts {
        padding: 0 10px;
        font-size: 7px;
        line-height: 2em;
        width: 100%;
    } */
    #whats {
        background: #f7c177 url(../images/bg_whats_mobile_static.png) no-repeat center top;
        background-size: cover;
        /* height: 500px; */
    }

    .icons,
    #movie,
    #buildings {
        display: none;
    }
    /* #business .wrapper-nav {
        height: 255px;
    } */
    #slider{
        height: 0;
    }
    /* #business {
        background: #f7c177 url(../images/bg_business_mobile.jpg) no-repeat center top;
        background-size: cover;
        height: 580px;
    } */
    /* #business ul {
        margin-top: 27px;
        width: 100%;
        margin-bottom:0;
    } */
    /* #business ul li img {
        width: 95px;
        height: 95px;
    } */
    #business h2 {
        font-size: 40px;
    }
    #business h3 {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 15px;
        opacity: 1;
    }
    /* #business .txts {
        font-size: 8px;
        line-height: 1.4em;
        width: 320px;
        opacity: 1;
    } */
    /* #messege .wrapper {
        left: 0;
        margin-left: 0;
        padding-left: 0;
    } */
    /* #messege {
        height: 421px;
    } */
    #messege .bg {
        height: 421px;
    }
    /* #messege .txts {
        width: 177px;
        left: 0;
        font-size: 8px;
        text-align: left;
        background: none;
        float: right;
        margin-right: 0;
    } */
    #messege .txts p {
        padding: 0;
		margin: 0;
    }
    #messege .txts img {
        width: 150px;
        height: auto;
        margin-left: 28px;
        margin-top: 15px;
        margin-bottom: 0;
    }
    #messege #imgicon {
        display: none;
    }
    #IR {
        background: #a8e4e5 url(../images/bg_ir_mobile.jpg) no-repeat center top;
        height: 424px;
    }
    #IR h2 {
        font-size: 28px;
        margin-top: 40px;
        margin-bottom: 15px;
    }
    #IR h3 {
        font-size: 16px;
    }
    #IR .txts {
        margin-top: 250px;
        padding: 0;
        width: 100%;
    }
    #IR .txts img{
        width: 70%;
    }
    .listbox {
        display: flex;
        justify-content: center;
        width: 99%;
    }
    #index_nav {
        width: 95% !important;
        text-align: left;
    }
    /* #main #case_list .col>p {
        text-align: right;
    } */
    #main table.sitemap td{
        padding-left: 5%;
    }
    #secondCol{
        top: 0;
        height: auto;
		padding-bottom: 30px;
    }
    #thirdCol {
        height: auto;
        top: 0;
    }
    #thirdCol.base {
        height: auto;
    }
	.padding_l_non{
		padding-left: 0px !important;
	}
	.padding_l10{
		padding-left: 10px !important;
	}
	.width_35{
		width: 35% !important;
	}
	.sp_padding td{
		padding-left: 10px !important;
	}
	#main table{
		table-layout: auto !important;
	}

}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    /* #news #detail,
    #news .entries,
    #news .btnlist {
        width: 100%;
    }
    #news .wrapper,
    #news #detail,
    #news .entries,
    #news .btnlist {
        width: 100%;
    } */
    .listbox{
        width: 100%;
    }
    .icon-desktop,
    .icon-network,
    .icon-server,
    .icon-smartphone,
    .icon-mobile,
    .icon-tablet,
    .icon-database,
    .icon-cloud {
        position: absolute;
    }
    .icon-desktop img,
    .icon-network img,
    .icon-server img,
    .icon-smartphone img,
    .icon-mobile img,
    .icon-tablet img,
    .icon-database img,
    .icon-cloud img {
        width: 40%;
        height: auto;
    }
    .icon-desktop {
        top: 82px;
        left: -318px;
    }
    .icon-network {
        top: 25px;
        left: -170px;
    }
    .icon-server {
        top: 70px;
        left: 50px;
    }
    .icon-smartphone {
        top: 290px;
        left: -367px;
    }
    .icon-mobile {
        top: 411px;
        left: -247px;
    }
    .icon-tablet {
        top: 411px;
        left: -36px;
    }
    .icon-database {
        top: 257px;
        left: 55px;
    }
    .icon-cloud {
        top: 175px;
        left: -360px;
        width: 620px;
    }
    #whats ul {
        width: 100%;
        margin-top: 50px;
    }
    #whats ul li,
    #business ul li {
        width: 27%;
        float: none;
        text-align: center;
        display: inline-block;
        margin-bottom: 20px;
    }
    #whats ul li img,
    #business ul li img {
        width: 105px;
        height: 105px;
    }
    #whats h2 {
        font-size: 50px;
        margin-top: 86px;
        margin-bottom: 40px;
    }
    #whats h3 {
        font-size: 24px;
    }
    /* #whats .txts {
        padding: 0;
        font-size: 11px;
        width:100%;
    } */
    /* #business .wrapper-nav {
        height: 330px;
    } */
    /* #business {
        background: #f7c177 url(../images/bg_business_mobile.jpg) no-repeat center top;
        background-size: cover;
        height: 838px;
    } */
    #business h2 {
        font-size: 50px;
        font-weight: normal;
        opacity: 1;
    }
    #business h3 {
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 25px;
        opacity: 1;
    }
    #business ul {
        margin: 18px auto;
        width: 100%;
    }
    /* #business .txts {
        font-size: 12px;
        line-height: 1.4em;
        width: 480px;
        opacity: 1;
    } */
    
    #messege .wrapper {
        left: 0;
        margin-left: 0;
        padding-left: 0;
    }
    #messege .bg {
        height: 536px;
    }
    #messege .txts p {
        padding-left: 0;
        padding: 18px 0 18px 18px;
    }
    #messege #imgicon {
        display: none;
    }
    #IR {
        height: 600px;
    }
    #IR h2 {
        font-size: 40px;
        margin: 120px 0 40px;
    }
    #IR h3 {
        font-size: 20px;
    }
    #IR .txts {
        width: 100%;
        margin: 280px auto 0;
    }
    #IR .icons img {
        width: 70%;
        height: 70%;
    }
    #recruiting .txts {
        width: 100%;
        left: 0;
    }
    #recruiting .nav-recruiting1 img,
    #recruiting .nav-recruiting2 img,
    #recruiting .nav-recruiting3 img {
        width: 130px;
        height: 130px;
    }
    
    #index_nav {
        width: 101% !important;
        text-align: left;
    }
    /* #main .service_column .col p {
        width: 100%;
        float: none !important;
        font-size-adjust: 0.44 !important;
    } */
    #main p.t-aC a img.over{
    display:block !important;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:5%;
    }
    #main p.t-aC img#cmpany {
        max-width: 99%;
    }
    #contents.index #irnews #ir_library #announcement div img {
        width: 48%;
        /* margin-top: %; */
    }
    img.bnt {
        margin-top: 1%;
        height: auto;
    }
    .btnlist {
        width: 100%;
        height: auto;
    }
     #main table.sitemap tbody{
        width:100%;
        display: table;
    }
    #main table.sitemap td{
        padding-left:5%;
    }
    #secondCol{
        top: 0;
        height: auto;
		padding-bottom: 50px;
    }
    #thirdCol {
        height: auto;
        top: 0;
    }
    #thirdCol.base {
        height: auto;
    }

}

@media only screen and (min-width: 600px) and (max-width: 639px) {
    #cate_name p {
        margin-left: 2.5%;
        width: 97.5% !important;
    }
    .listbox {
        width: 100%;
    }
    #news #detail,
    #news .entries,
    #news .btnlist {
        width: 100%;
    }
    .icon-desktop,
    .icon-network,
    .icon-server,
    .icon-smartphone,
    .icon-mobile,
    .icon-tablet,
    .icon-database,
    .icon-cloud {
        position: absolute;
    }
    .icon-desktop img,
    .icon-network img,
    .icon-server img,
    .icon-smartphone img,
    .icon-mobile img,
    .icon-tablet img,
    .icon-database img,
    .icon-cloud img {
        width: 40%;
        height: auto;
    }
    .icon-desktop {
        top: 82px;
        left: -375px;
    }
    .icon-network {
        top: -8px;
        left: -170px;
    }
    .icon-server {
        top: 94px;
        left: 108px;
    }
    .icon-smartphone {
        top: 335px;
        left: -450px;
    }
    .icon-mobile {
        top: 470px;
        left: -247px;
    }
    .icon-tablet {
        top: 450px;
        left: 36px;
    }
    .icon-database {
        top: 307px;
        left: 130px;
    }
    .icon-cloud {
        top: 175px;
        left: -480px;
        width: 768px;
    }
    #whats .txts {
        width: 100%;
    }
    #whats ul {
        width: 100%;
    }
    #whats ul li{
        width: 25%;
        float: none;
        display: inline-block;
        margin-bottom: 45px;
    }
    #whats h2 {
        margin: 120px 0 65px;
    }
    #whats .icons {
        left: 56%;
        margin: 0 auto;
        display: block;
        width: 100%;
        height: auto;
    }
    
    
    #business {
        background: #f7c177 url(../images/bg_business_mobile.jpg) no-repeat center top;
        background-size: cover;
        height: 838px;
    }
    #business ul {
        width: 100%;
    }
    #business ul li {
        width: 25%;
        float: none;
        display: inline-block;
        text-align: center;
        margin-bottom: 45px;
    }
    #whats ul li img,
    #business ul li img {
        width: 105px;
        height: 105px;
    }
    #business .wrapper-nav {
        height: 359px;
    }
    /* #business h2 {
        font-size: 60px;
        margin-top: 170px;
        margin-bottom: 40px;
        opacity: 1;
    }
    #business h3 {
        font-size: 40px;
        margin-bottom: 40px;
        opacity: 1;
    } */
    #business ul {
        margin: 35px auto;
    }
    #business .txts {
        font-size: 15px;
        line-height: 1.4em;
        opacity: 1;
    }
    #messege .wrapper {
        left: 0;
        margin-left: 0;
    }
    #IR .txts {
        width: 100%;
    }
    #IR h2 {
        font-size: 50px;
    }
    #recruiting .wrapper {
        left: 0;
        margin-left: 0;
    }
    #recruiting .txts {
        width: 100%;
        left: 0;
    }
    #recruiting ul{
        width: 100%;
        margin: 0;
        left: 0;
        padding:0;
    }
    #recruiting li {
        width: 30%;
        float: none;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    #flower01,
    #flower02,
    #flower03,
    #flower04 {
        top: 85.7%;
        background-size: contain;
        height: 160px;
    }
    #index_nav {
        width: 104% !important;
        text-align: left;
    }
    #main table.sitemap {
        width: 97.5%;
        border: 1px solid #f2f2f2;
    }
    #main table.sitemap tbody {
        width: 100%;
        display: table;
    }
    /* #main .service_column .col p {
        width: 76%;
    } */
    #main p.t-aC img#cmpany {
        max-width: 100%;
    }
    #contents.index #irmessage .right .youtube iframe {
        width: 96% !important;
    }
    #contents.index #irnews #ir_library #announcement div img {
        width: 45%;
    }
    #thirdCol {
        height: auto;
        top: 0;
    }
    #thirdCol.base {
        height: auto;
    }

}

@media only screen and (min-width: 768px) and (max-width: 799px) {
    #menu-container {
        display: none;
    }
    .tr-mobile,
    .local-nav,
    .wrapper-mobile {
        display: none;
    }
    #header ul.navi{
        width: 100%;
    }
    /* #message {
        width: 100%;
        background-size: 100% 100%;
        height: 737px;
        margin: 0;
        padding: 0;
    }
    #message p {
        padding: 352px 39px;
        width: 90%;
        text-align: left;
        text-indent: 10px;
    } */
    #main .executive {
        width: 100%;
    }
    #main p img {
        max-width: 100%;
    }
    #main p.mbs {
        padding: 10px;
    }
    #main .mapBox {
        margin: 0;
        padding: 3%;
        border: 1px #DDDDDD solid;
        width: 94%;
    }
    #main .mapBox iframe {
        width: 100%;
    }
    #main .mapBox table {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .ir_other {
        margin-top: 0 !important;
    }
    .ir_other .ir_other_mail {
        width: 100%;
        margin-left: 66px;
        margin-bottom: 20px;
        float: none
    }
    ul.col2 li,
    .ir_other .ir_other_contact {
        width: 100%;
        margin-left: 66px;
        float: none !important;
    }
    .service_column dl {
        width: 56%;
    }
    .rental_list h2 {
        width: 100%;
    }
    .rental_list h2 img {
        max-width: 60%;
    }
    .rental_list h2 span a img {
        max-width: 85%;
    }
    .rental_list ul {
        width: 55% !important;
    }
    .rental_list p {
        width: 40% !important;
        margin-right: 8px !important;
        text-align: justify;
    }
    #principles h2 img {
        width: 100%;
    }
    #privacy {
        width: 89%;
    }
    /* .pagetop.fixedBtn {
        bottom: 38%;
        right: 0;
        max-width: 3%;
    } */
    #header .navi li img {
        width: 108px;
        height: 122px;
    }
    #header h2, #header h3 {
        padding: 0;
    }
    #header h2 img {
        width: 88%;
        height: auto;
    }
    #news .wrapper {
        width: 768px;
    }
    #news #detail,
    #news .entries,
    #news .btnlist {
        width: 100%;
    }
    .icon-desktop,
    .icon-network,
    .icon-server,
    .icon-smartphone,
    .icon-mobile,
    .icon-tablet,
    .icon-database,
    .icon-cloud {
        position: absolute;
    }
    .icon-desktop img,
    .icon-network img,
    .icon-server img,
    .icon-smartphone img,
    .icon-mobile img,
    .icon-tablet img,
    .icon-database img,
    .icon-cloud img {
        width: 40%;
        height: auto;
    }
    .icon-desktop {
        top: 82px;
        left: -375px;
    }
    .icon-network {
        top: -8px;
        left: -170px;
    }
    .icon-server {
        top: 94px;
        left: 108px;
    }
    .icon-smartphone {
        top: 335px;
        left: -450px;
    }
    .icon-mobile {
        top: 470px;
        left: -247px;
    }
    .icon-tablet {
        top: 450px;
        left: 36px;
    }
    .icon-database {
        top: 307px;
        left: 130px;
    }
    .icon-cloud {
        top: 175px;
        left: -480px;
        width: 768px;
    }
    #whats ul li,
    #business ul li {
        width: 17%;
    }
    #whats ul li img,
    #business ul li img {
        width: 120px;
        height: 120px;
    }
    #business .wrapper-nav {
        height: 280px;
    }
    #messege .wrapper {
        left: 0;
        margin-left: 0;
    }
    #messege {
        height: 873px;
    }
    #messege h2 {
        margin-top: 110px;
    }
    #messege .txts {
        width: 420px;
        left: 312px;
        font-size: 10px;
    }
    #recruiting .wrapper {
        left: 0;
        margin-left: 0;
    }
    /* #recruiting ul {
        top: 598px;
    } */
    #recruiting .txts {
        width: 98%;
    }
    /* #naviBar .pagetop {
        width: 16%;
        margin-left: 20px;
    } */
    /* li.nav-whats img,
    li.nav-business img,
    li.nav-message img,
    li.nav-contact img,
    li.nav-recruiting img,
    li.nav-ir img {
        width: 110px;
        height: auto;
    } */
    /* #naviBar ul.navi {
        width: 79%;
        margin-left: 9px;
        margin-top: 12px;
    } */
    /* #naviBar .navi li {
        width: 19%;
    }
    #naviBar .bar {
        height: 75px;
    } */
    /* #contents.index .wrapper {
        width: 90% !important;
    } */
    /* #contents.index #irmessage .left {
        width: 60% !important;
        min-height: 265px !important;
        background-size: 48% !important;
        padding: 0 0 0 0 !important;
    } */
    /* #contents.index #irmessage .left h1 {
        font-size: 2.5em;
        margin-left: 48%;
        margin-top: 7%;
        padding-bottom: 0%;
    } */
    /* #contents.index #irmessage .left h2 {
        font-size: 1.4em;
        margin-left: 49%;
        margin-bottom: -1% !important;
    } */
    /* #contents.index #irmessage .left .mbM {
        font-size: .8em;
        margin-left: 49%;
        margin-bottom: -2% !important;
    } */
    /* #contents.index #irmessage .left a img {
        width: 25% !important;
        position: absolute;
        margin-left: 28%;
    } */
    /* #contents.index #irmessage .right {
        width: 41% !important;
        min-height: 100% !important;
    } */
    /* #contents.index #irmessage .right h1 {
        font-size: 2em;
        margin-left: 0;
    } */
    /* #contents.index #irfinance {
        background-size: 1% !important;
    }
    #contents.index #irfinance .left {
        width: 51% !important;
        margin-left: -6%;
    }
    #contents.index #irfinance .left a img {
        width: 86% !important;
        position: absolute !important;
        margin-left: -41%;
    }
    #contents.index #irfinance .left h1 {
        margin-top: 35%;
        margin-left: -1%;
        font-size: 1.7em;
    }
    #contents.index #irfinance .left h2 {
        margin-left: -1%;
        font-size: 1em;
    }
    #contents.index #irfinance .left p {
        margin-left: -1%;
        font-size: .8em;
    }
    #contents.index #irfinance .left ul li img {
        width: 34% !important;
        position: absolute !important;
        height: auto !important;
        margin-top: -47%;
        margin-left: -13%;
    }
    #contents.index #irfinance .right {
        width: 55% !important;
    }
    #contents.index #irfinance .right h1 {
        font-size: 1.7em;
        text-align: center;
    }
    #contents.index #irfinance .right h2 {
        font-size: 1em;
        text-align: center;
        margin-left: 2%;
    }
    #contents.index #irfinance .right p {
        font-size: .8em;
        text-align: center;
    }
    #contents.index #irfinance .right a img {
        width: 55% !important;
        position: absolute !important;
        margin-left: -27%;
    }
    #contents.index #irfinance .right ul li img {
        width: 31% !important;
        position: absolute !important;
        margin-top: -43%;
        margin-left: -13%;
    } */
    /* #contents.index #irpickup ul {
        width: 100% !important;
    }
    #contents.index #irpickup li {
        margin: 3em 0 0 0 !important;
        width: 33% !important;
    }
    #contents.index #irpickup a img {
        position: absolute;
        margin-left: -16%;
        width: 31% !important;
    }
    #contents.index #irpickup ul li h1 {
        font-size: 1.3em;
        margin-left: -4%;
    }
    #contents.index #irpickup ul li h2 {
        font-size: 1em;
        margin-left: -5%;
    }
    #contents.index #irpickup ul li p {
        font-size: 1em;
        margin-left: -1%;
        width: 100% !important;
        margin-top: 60%;
    } */
    /*#secondCol{*/
    /*    top: 0;*/
    /*    height: auto;*/
    /*}*/
    /*#thirdCol {*/
    /*    height: auto;*/
    /*    top: 0;*/
    /*}*/
    /*#thirdCol.base {*/
    /*    height: auto;*/
    /*}*/
}




/*　デフォルト　*/

.news_tab_wrap {
    width: 100%;
}

.news_tab {
    width: 980px;
    margin: 0 auto 25px;
}

.content_wrap {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}


/* helper */

.only_show_small {
    display: none;
}

.only_hide_small {
    display: block;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .only_hide_small {
        display: none !important;
    }
    .only_show_small {
        display: block !important;
    }
	.txt_max{
	width: 100% !important;
	}
}

.super_mbS * {
    margin-bottom: 1em !important;
}

#mobile-logo {
    z-index: 100;
}

/* プライバシーマーク */
.privacySP{
	border:1px solid #ccc; 
	padding:10px 5px; 
	background:none; 
	border-radius:3px; 
	margin:10px auto; 
	text-align:center;
	width:90%;
}
.privacyNum {
	font-size:11px; 
	border-top:1px solid #eee; 
	padding:10px 0 0 0; 
	background:none; 
	color:#444;
	text-align:center;
}


.privacyTxt{
	text-align:center;
	margin:5px 10px; 
}

/* ir用ローカルナビ */

.local-nav ul{border-top: 1px solid #ccc;}
.local-nav ul li{border-bottom: 1px solid #ccc;}
.local-nav ul li a{
    color: #000;
    background: #F8F8F8;
    display: block;
    position: relative;
    padding: 5px;
    padding-left: 10px;
    font-weight: normal;
    font-size: 0.8em;
    text-decoration: none;
}
.local-nav ul li .active-tab .lv02 {display: block !important;}
.local-nav ul li .lv02 li a{ background: #eeeeee;}
.local-nav ul li a:before{
    content: '';
    top: 50%;
    right: 15px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    display: block;
    padding: 3px;
    margin-top: -5px;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
 }
.local-nav ul li a.current{ 
	background: #F68900;
    color: #ffffff;
}
.local-nav ul li a.current:before{
	border-color:#ffffff;
}
.local-nav ul li .lv02 li a.current2{ 
	background: #F68900;
    color: #ffffff;
}
.local-nav ul li .lv02 li a.current2:before{
	border-color:#ffffff;
}

/*2017.10 追記*/
#main table.stock th {
    overflow-wrap: break-word;
    white-space: normal;
    width: 38%;
}
#main ul.executive {
    border-top: 2px solid #fa8800;
    margin: 1% auto 0;
    padding: 1% 0;
    width: 96%;
    overflow: hidden;
}
#main ul.executive .accordion-toggle a::before, .accordion-toggle a::after, .no-toggle a::before, .no-toggle a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 3px 3px 0;
    content: "";
    display: block;
    margin-top: 0;
    padding: 3px;
    position: absolute;
    right: 0px;
    top: 50px;
    transform: rotate(45deg);
    transform-origin: 50% 50% 0;
    transition: all 0.3s ease-out 0s;
}
#main ul.executive ul.lv02{
	list-style: none;
	margin: 0;
	border: none;
}
#main ul.executive ul.lv02 li{
	background: #fff !important;
	
}


/* 全体用　追加 */
.pcView{ display: none !important;}
.spView{ display: block !important;}

/* リーダーシッププリンシプル */
@media only screen and (max-width: 985px) and (min-width: 320px) {
	.leadership #main {
		margin: 0;
	}
/* press追加 */
@media only screen and (max-width: 985px) and (min-width: 320px) {
  #main .linewrap {
    display: block;
    margin-top: 20px;
  }
  #main .linewrap .linewrap-img{
    margin: 0 auto 15px;
    width: 95%;
  }
  #main .linewrap .linewrap-txt {
    width: 95%;
    margin: 0 auto 15px;
  }
  #main .bnr01 {
    width: 100%;
  }
  
}