html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#ffb5ba; /* Safari */
	color: #000;
}

::-moz-selection {
	background:#ffb5ba; /* Firefox */
	color: #000;
}



/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #222;
	font-size: 100%;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}



/* ------ Anchor ------ */

a {
	outline: none;
	color: #245bd9;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/*-----------------------------------------------------	*/
/*	共通					*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {

}
.img {
	text-align: center;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}


.pc-only{
	display: block;
}
.sm-only{
	display: none;
}

body {
	background-color: #fff;
}

#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
}


/* ------ Font ------ */

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------ Column ------ */

.row {
	max-width: 960px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-right: 1%;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 2%;
}

/* 各カラムの幅を％で設定 */
.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {width: 65.5913978494%;}
.one-fourth {width: 24%;}
.third-fourth {width: 73.5%;}




/* 
==================================================
Header
==================================================
*/
#header {
	width: 100%;
	padding: 0px;
}
#header .row {
	position: relative;
}
#header .innr-left {
	width: 20%;
	float:left;
}
#header .innr-right {
	width: 80%;
	float:right;
}
header h1 {
	margin: 13px 0 15px 0;
}


#header .innr-left_rec {
	width: 20%;
	float:left;
}
#header .innr-right_rec {
	width: 80%;
	float:right;
}
header h1.logo_rec{
	margin: 5px 0 10px 5px;
}
header h1.logo_rec img{
	height:48px;
}

/* 
==================================================
Global Navi
==================================================
*/
.drawermenucontainer {
	display: none;
}

/* ------ Global Navi ------ */
#gnav {
	float: right;
	width: 100%;
	z-index: 2000;
}
#gnav li {
	width: 20%;
	float:left;
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#gnav ul li p{
	font-size:60%;
	font-weight:normal;
	line-height:210%;
	color: #666;
}
#gnav a {
	width: 100%;
	position: relative;
	z-index: 2000;
	padding: 8px 0;
	font-size: 95%;
	text-decoration: none;
	color: #333;
	letter-spacing:0.08em;
	text-align: center;
	font-weight:bold;
	display: inline-block;
	position: relative;
}
#gnav a::after {
	background-color: #d80512;
	bottom: 0;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	transition: .4s all;
	width: 0;
}
#gnav a:hover::after {
	width: 100%;
}

#gnav .on a {
	width: 100%;
	position: relative;
	z-index: 2000;
	padding: 8px 0;
	font-size: 95%;
	text-decoration: none;
	letter-spacing:0.08em;
	text-align: center;
	font-weight:bold;
	color: #d80512;
	display: inline-block;
	position: relative;
}
#gnav .on a::after {
	background-color: #d80512;
	bottom: 0;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	transition: .4s all;
	width: 0;
}

#gnav .on a:hover::after {
	width: 100%;
}




/* 
==================================================
content
==================================================
*/
#content {
	width: 960px;
	margin: 0px 0px 0px 0px;
}

/*----- 背景 -----*/
/* グレー模様有 */
.backcolor_01{
	width:100%;
	margin:0px auto 0 auto;
	padding:0px 0 50px 0;
	background:#e5e5e5;
	background-image:url(../images/back_porigon.png);
	background-repeat:repeat;
	background-position:center top;
	border-top:4px solid #FFF;
}
/* ベージュテクスチャ */
.backcolor_02{
	width: 100%;
	margin: 0px auto;
	padding:50px 0px 50px 0;
	background:#ece0bc;
	background-image:url(../images/back_02.png);
	background-repeat:repeat;
	background-position:center top;
}
/* グレー */
.backcolor_03 {
	width: 100%;
	margin: 0px auto;
	padding:50px 0px 50px 0;
	background:#f3f0e8;
	border-bottom:2px solid #FFF;
}

/* ベージュテクスチャ */
.backcolor_04{
	width: 100%;
	margin: 0px auto;
	padding:50px 0px 50px 0;
	background-image:url(../images/back_03.png);
	background-repeat:no-repeat;
	background-position:center top;
}
/* 黒 */
.backcolor_05 {
	width: 100%;
	margin: 0px auto;
	background:#333;
	color:#FFF;
}
/* グレー斜め+背景画像（PC） */
.backcolor_06 {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 160px 0 180px 0;
	background-image:url(../images/back_04.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}
.backcolor_06:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 2% -10% 0;
	background: #f4f2ec;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}

/* グレー */
.backcolor_07 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 30px 0;
	background: #f7f7f7;
}

/* 黄色斜め+背景画像 */
.backcolor_08 {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 160px 0 190px 0;
	background-image:url(../images/back_05.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}
.backcolor_08:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 2% -10% 0;
	background: #ffd368;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}

/* 斜め+背景画像 */
.backcolor_09 {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 160px 0 140px 0;
}
.backcolor_09:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 2% -10% 0;
	background-image:url(../images/back_06.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: cover;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}

/* 背景画像(イラストバック) */
.backcolor_10 {
	width: 100%;
	margin: 0px auto;
	padding:0px 0px 0px 0;
	background-image:url(../images/back_07.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: cover;
}

/* 斜め+背景画像 */
.backcolor_11 {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 160px 0 160px 0;
}
.backcolor_11:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 2% -10% 0;
	background: #f7f7f7;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}

/* 
==================================================
ページタイトル 
==================================================
*/
/* 製品・サービス */
#pagetitle-menu1 {
	width: 100%;
	height:300px;
	margin:0px auto;
	position:relative;
	background-image:url(../images/menu1_base.png);
	background-position:center top;
	background-size: cover;
}
/* 導入事例 */
#pagetitle-menu2 {
	width: 100%;
	height:300px;
	margin:0px auto;
	position:relative;
	background-image:url(../images/menu2_base.png);
	background-position:center top;
	background-size: cover;
}
/* 会社情報 */
#pagetitle-menu3 {
	width: 100%;
	height:300px;
	margin:0px auto;
	position:relative;
	background-image:url(../images/menu3_base.png);
	background-position:center top;
	background-size: cover;
}
/* 問い合わせ（PC） */
#pagetitle-menu4 {
	width: 100%;
	height:300px;
	margin:0px auto;
	position:relative;
	background-image:url(../images/menu4_base.png);
	background-position:center top;
	background-size: cover;
}
/* その他 */
#pagetitle-menu5 {
	width: 100%;
	height:300px;
	margin:0px auto;
	position:relative;
	background-image:url(../images/menu5_base.png);
	background-position:center top;
	background-size: cover;
}


.title-area{
	width: 96%;
	margin:0px auto 0 auto;
	text-align: left;
}
.title-area h2{
	padding-top:120px;
}
h2 .pagetitle-name{
	font-size:170%;
	color:#FFF;
	font-weight:bold;
	letter-spacing:0.03em;
}
h2 .font-eng{
	font-size:65%;
	font-weight:normal;
	padding-top:5px;
	letter-spacing:0.1em;
	color:#FFF;
	font-weight:bold;
}

/* 
==================================================
bread-crumb
==================================================
*/
#bread-crumb {
	width: 95%;
	margin:0px auto 20px auto;
}
#bread-crumb li.arrow:after {
	content: "\e904";
	font-family: 'icomoon';
	font-size: 10px;
	padding-left:8px;
}
#bread-crumb ul li {
	display:inline-block;
	color:#333;
	font-size:70%;
	text-align:left;
}
#bread-crumb li a{
	float:left;
	color:#333;
	padding-left:5px;
	text-decoration:underline;
}


/* 
==================================================
submenu
==================================================
 */
#submenu ul{
	width: 75%;
	margin:90px auto 0px auto;
	padding:0 0 50px 0;
	text-align: center;
	overflow:hidden;
}
#submenu li{
	width: 33.333333%;
	float:left;
	text-align: center;
	color:#FFF;
	font-size:145%;
	letter-spacing:0.03em;
}
#submenu li p{
	font-size:35%;
	font-weight:bold;
	padding:2px 0 2px 0;
	letter-spacing:0.2em;
}
#submenu li .inner {
	z-index: 1;
	position: relative;
}

#submenu li .inner_on{
	margin:0 auto;
	z-index: 1;
	position: relative;
}
#submenu li .inner_on p{
	width: 45%;
	margin:0 auto;
	z-index: 1;
	position: relative;
	background: rgba(215,20,40,0.8);
}

/* menu1*/
.submenu1 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.submenu1:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/contentbox01.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.submenu1:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.submenu1_on {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.submenu1_on:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/contentbox01.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	box-shadow: 0 0 0 5px #d70c19 inset;
}


/* menu2 */
.submenu2 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.submenu2:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/contentbox02.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.submenu2:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.submenu2_on {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.submenu2_on:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/contentbox02.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	box-shadow: 0 0 0 5px #d70c19 inset;
}

/* menu3 */
.submenu3 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.submenu3:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/contentbox03.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.submenu3:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.submenu3_on {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.submenu3_on:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/contentbox03.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	box-shadow: 0 0 0 5px #d70c19 inset;
}





/* 
==================================================
見出し
==================================================
*/
#sub-midashi {
	margin: 80px auto;
	font-size:205%;
	font-weight:normal;
	text-align: center;
	letter-spacing:0.08em;
	line-height:110%;
}
#sub-midashi .copy {
	font-size:15px;
	padding:10px 0 0 0;
	letter-spacing:0.01em;
}

#sub-midashi2 {
	margin: 60px auto 60px auto;
	font-size:205%;
	font-weight:normal;
	text-align: center;
	letter-spacing:0.08em;
	line-height:110%;
}
#sub-midashi2 p {
	font-size:13px;
	padding:10px 0 0 0;
	letter-spacing:0.01em;
}


/* 見出し（小）スミ帯　白ヌキ*/
.midashi-s01 {
	width:100%;
	margin: 0px auto;
	padding:4px 0;
	font-size:135%;
	text-align: center;
	letter-spacing:0.05em;
	background:#444;
	color:#FFF;
}
/* 見出し（画像+小文字）*/
.midashi-s02 {
	width:98%;
	margin: 20px auto 0px auto;
	font-size:100%;
	text-align: center;
}
.midashi-s02 img{
	width: auto;
	height:38px;
	padding-bottom:10px;
}
/* 見出し*/
.midashi-s03 {
	width:100%;
	margin: 60px auto 0px auto;
	font-size:210%;
	text-align: center;
	font-weight:bold;
	letter-spacing:0.15em;
}
.midashi-s03 p{
	font-size:33%;
	text-align: center;
	color:#aaa;
	font-weight:bold;
	letter-spacing:0.15em;
}
.s03icon_01:before {
 	content: "\e91a";
	font-family: 'icomoon';
	padding-bottom:20px;
	vertical-align:middle;
	font-size: 40px;
	font-weight: normal;
	color:#d71418;
}
.s03icon_02:before {
 	content: "\e91a";
	font-family: 'icomoon';
	padding-bottom:20px;
	vertical-align:middle;
	font-size: 40px;
	font-weight: normal;
	color:#d71418;
}
.s03icon_03:before {
 	content: "\e91a";
	font-family: 'icomoon';
	padding-bottom:20px;
	vertical-align:middle;
	font-size: 40px;
	font-weight: normal;
	color:#d71418;
}
/* 見出し（小）ベージュ帯*/
.midashi-s04 {
	width:100%;
	margin: 0px auto 5px auto;
	padding:4px 10px 3px 0;
	font-size:100%;
	letter-spacing:0.05em;
	background:#ece7d4;
}
.midashi-s04:before {
 	content: "\e91d";
	font-family: 'icomoon';
	padding-right:10px;
	vertical-align:middle;
	font-size: 7px;
	font-weight: normal;
	color:#b6ad8b;
}
/* 見出し（小）ベージュ帯*/
.midashi-s05 {
	width:100%;
	margin: 0px auto 5px auto;
	padding:3px 10px 3px 10px;
	font-size:90%;
	letter-spacing:0.05em;
	background:#f1f1f1;
}
.midashi-s05:before {
 	content: "\e91c";
	font-family: 'icomoon';
	padding-right:3px;
	vertical-align:middle;
	font-size: 8px;
	font-weight: normal;
	color:#333;
}

/* 見出し 下線*/
.midashi-s06 {
	width:100%;
	margin: 0px auto 8px auto;
	font-size:145%;
	line-height:220%;
	letter-spacing:0.06em;
	border-bottom:2px solid #ccc;
}



/* 
==================================================
sec01
==================================================
*/

#sec01{
	font-size:90%;
	padding:0px 0px;
}
.text_area{
	font-size:90%;
	padding:5px 0px;
}
.text_area2{
	font-size:95%;
	line-height:195%;
	color:#FFF;
}
.text_area3{
	width:50%;
	margin:20px auto;
	font-size:95%;
	line-height:190%;
	color:#FFF;
}
.text_area4{
	font-size:95%;
	line-height:180%;
	padding:5px 0px;
}
/* 
==================================================
footer
==================================================
*/
/* ------ Page Top ------ */
.page-top {
	position:relative;
}
.page-top a{
	position: fixed;
	bottom: 10px;
	left:auto;
	display: block;
	right:10px;
}

#page-top2 {
	float: right;
	margin:5px 0 20px 0;
}
#page-top2 a{
	color:#d80512;
	font-weight:bold;
	font-size:80%;
}
#page-top2:after {
 	content: "\e927";
	font-family: 'icomoon';
	padding-left:5px;
	vertical-align:middle;
	line-height:23px;
	font-size: 8px;
	font-weight: normal;
	color:#FFF;
}


/* ------ Footer ------ */
footer {
	background-color: #d70c19;
	color:#FFF;
	margin: 0px 0px 0px 0;
}
.footer-top {
	background-color: #bd000c;
	color:#FFF;
	padding: 15px 0px;
	text-align:center;
	font-weight:bold;
	font-size:110%;
}
.footer-top img{
	width:240px;
}
.footer-top a{
	color: #FFF;
	text-decoration:none;
}
.footer-top a:hover{
	color: #FFF;
	text-decoration:underline;
}
.page-top a{
	position: fixed;
	bottom: 10px;
	left:auto;
	display: block;
	right:10px;
}

.footer-inner{
	width:90%;
	margin:0 auto;
}


footer .link-area{
	font-size:80%;
	margin:0;
	padding:20px 0;
}
.link-area li.top {
	font-size:135%;
	font-weight:bold;
	padding: 0 0 5px 0;
	letter-spacing:0em;
}
.link-area li {
	margin: 0 0 3px 0;
}

.link-area:after {
	content: "";
	display: block;
	clear: both
}
	.link-1	{
		float: left;
		width: 21%;
	}
	.link-2	{
		float: left;
		width: 21%;
	}
	.link-3	{
		float: left;
		width: 20%;
	}
	.link-4	{
		float: left;
		width: 20%;
	}
	.link-5	{
		float: left;
		width: 18%;
	}
}


.link-area	ul.link{
	color: #FFF;
}
.link-area	ul.link a{
	color: #FFF;
	text-decoration:none;
	line-height:20px;
}
.link-area	ul.link a:hover{
	color: #FFF;
	text-decoration:underline;
}
.footer-bottom	{
	width: 96%;
	margin:0 auto;
	color: #FFF;
	padding:10px 0 3px 0;
}
#footerlogo img{
	width:180px;
}

#copyright p {
	font-size:12px;
	text-align:center;
	padding:10px 0;
}

.scriptarea{
 	background: #555;
}


/* 採用フッター */
footer .link-area2{
	font-size:80%;
	margin:0;
	padding:15px 0 10px 0;
}
.link-area2 li {
	width:12.0%;
	display:inline-block;
	margin: 0 0 0 0;
	text-align:center;
	vertical-align:top;
}
.link-area2 li a{
	color: #ffffff;
}
.link-area2 li.logo{
	line-height:240%;
}
.link-area2 li.logo p{
	font-size:9px;
	margin: 3px 0 0 0;
}



/* 
==================================================
submit_button
==================================================
 */

/*↓ iPad・iphoneの時、inputボタンにclassを効かせる為の記述 */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}


/* button01　赤 */
.button01 {
	margin:10px auto 20px auto;
	padding: 13px 0px; 
	font-size: 110%;
	text-align:center; 
	color: #ffffff;
	border:3px solid #d80512;
	background-color:#d80512;
	-moz-border-radius: 28px;    /* Firefox */
	-webkit-border-radius: 28px; /* Safari,Chrome */
	border-radius: 28px;         /* CSS3 */
	-webkit-appearance: none;

}
.button01:hover { 
	margin:10px auto 20px auto;
	padding: 13px 0px; 
	font-size: 110%;
	text-align:center; 
	border:3px solid #d80512;
	background-color:#ededed;
	text-decoration:none;
	color: #d80512;
	-moz-border-radius: 28px;    /* Firefox */
	-webkit-border-radius: 28px; /* Safari,Chrome */
	border-radius: 28px;         /* CSS3 */
	-webkit-appearance: none;

}
.button01::before,
.button01::after {/* ふわっとさせる効果 */
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button01,
.button01::before,
.button01::after {/* ふわっとさせる効果 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* 角丸ボタン　大 */
.circle_button{
	margin:30px auto;
	padding:20px 45px;
	font-size:135%;
	border:3px solid #FFF;
	overflow:hidden;
	color:#FFF;
	font-weight:bold;
	letter-spacing:0.03em;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;

}
.circle_button:hover{
	overflow:hidden;
	color:#FFF;
	background: rgba(255,255,255,0.3);
}
.circle_button::before,
.circle_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button,
.circle_button::before,
.circle_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* 角丸ボタン　小(白ケイ) */
.circle_button_01{
	margin:30px auto;
	padding:13px 45px;
	font-size:100%;
	border:2px solid #FFF;
	overflow:hidden;
	color:#FFF;
	font-weight:normal;
	letter-spacing:0.3em;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_01:hover{
	overflow:hidden;
	color:#d70c19;
	background:#FFF;
}
.circle_button_01::before,
.circle_button_01::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_01,
.circle_button_01::before,
.circle_button_01:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* 角丸ボタン　小(スミケイ) */
.circle_button_02{
	margin:0px auto;
	padding:6px 25px;
	font-size:95%;
	overflow:hidden;
	border:2px solid #333;
	color:#333;
	font-weight:normal;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_02:hover{
	overflow:hidden;
	color:#FFF;
	background:#333;
	border:2px solid #333;
}
.circle_button_02::before,
.circle_button_02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_02,
.circle_button_02::before,
.circle_button_02:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* 角丸ボタン　小(赤ケイ) */
.circle_button_03{
	margin:10px auto 20px auto;
	padding: 13px 45px; 
	font-size: 110%;
	overflow:hidden;
	border:2px solid #d70c19;
	color:#d70c19;
	background:#FFF;
	font-weight:normal;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_03:hover{
	overflow:hidden;
	color:#FFF;
	background:#d70c19;
	border:2px solid #d70c19;
}
.circle_button_03::before,
.circle_button_03::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_03,
.circle_button_03::before,
.circle_button_03:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}


/* 角丸ボタン　小(スミケイ) */
.circle_button_04{
	margin:0px auto;
	padding:5px 25px;
	font-size:90%;
	overflow:hidden;
	border:2px solid #bbb;
	color:#bbb;
	font-weight:normal;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_04:hover{
	overflow:hidden;
	color:#FFF;
	background:#666;
	border:2px solid #666;
}
.circle_button_04::before,
.circle_button_04::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_04,
.circle_button_04::before,
.circle_button_04:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}




/* 角丸ボタン　大 */
.circle_button_05{
	margin:30px auto;
	padding:20px 45px;
	font-size:135%;
	border:3px solid #d70c19;
	overflow:hidden;
	color:#d70c19;
	font-weight:bold;
	letter-spacing:0.03em;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_05:hover{
	overflow:hidden;
	color:#333;
	background: rgba(255,255,255,0.3);
}
.circle_button_05::before,
.circle_button_05::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_05,
.circle_button_05::before,
.circle_button_05::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* 角丸ボタン　小(スミケイ) */
.circle_button_06{
	margin:15px auto 20px auto;
	padding: 13px 45px; 
	font-size: 110%;
	overflow:hidden;
	border:2px solid #444;
	color:#333;
	background: rgba(255,255,255,0.8);
	font-weight:normal;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_06:hover{
	overflow:hidden;
	color:#FFF;
	background: rgba(68,68,68,0.9);
	border:2px solid #444;
}
.circle_button_06::before,
.circle_button_06::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_06,
.circle_button_06::before,
.circle_button_06:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* 角丸ボタン　小(赤) */
.circle_button_07{
	margin:10px auto 20px auto;
	padding: 13px 25px; 
	font-size: 110%;
	overflow:hidden;
	border:2px solid #d70c19;
	color:#FFF;
	background:#d70c19;
	font-weight:normal;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_07:hover{
	overflow:hidden;
	color:#FFF;
	background:#333;
	border:2px solid #333;
}
.circle_button_07::before,
.circle_button_07::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_07,
.circle_button_07::before,
.circle_button_07:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}


/* 角丸ボタン　中(スミケイ) */
.circle_button_08{
	margin:30px auto;
	padding:13px 45px;
	font-size:100%;
	border:2px solid #333;
	overflow:hidden;
	color:#333;
	font-weight:normal;
	letter-spacing:0.1em;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_08:hover{
	overflow:hidden;
	color:#FFF;
	background:#333;
}
.circle_button_08::before,
.circle_button_08::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_08,
.circle_button_08::before,
.circle_button_08:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* 角丸ボタン　小(白ケイ) */
.circle_button_09{
	margin:30px auto;
	padding:13px 45px;
	font-size:100%;
	border:2px solid #FFF;
	overflow:hidden;
	color:#FFF;
	font-weight:normal;
	letter-spacing:0.1em;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_09:hover{
	overflow:hidden;
	color:#FFF;
	background: rgba(255,255,255,0.2);
}
.circle_button_09::before,
.circle_button_09::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_09,
.circle_button_09::before,
.circle_button_09:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}


/* 角丸ボタン　小(スミケイ) */
.circle_button_10{
	margin:0px auto;
	padding:13px 40px;
	font-size:105%;
	overflow:hidden;
	border:2px solid #444;
	color:#444;
	font-weight:normal;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.circle_button_10:hover{
	overflow:hidden;
	color:#FFF;
	background:#444;
	border:2px solid #444;
}
.circle_button_10::before,
.circle_button_10::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle_button_10,
.circle_button_10::before,
.circle_button_10:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}


/* 
==================================================
レイアウト
==================================================
 */
.img-right{
	float:right;
	width:25%;
	padding:0 ;
	margin-left:3px;
	padding:3px;
}
.img-right15-2{
	float:right;
	width:15%;
	margin-left:3px;
}

.img-right20{
	float:right;
	width:20%;
	margin-left:10px;
	margin-bottom:3px;
}
.img-right25{
	float:right;
	width:25%;
	margin-left:10px;
	margin-bottom:3px;
}
.img-right30{
	float:right;
	width:30%;
	padding:3px;
	margin-left:5px;
	margin-bottom:5px;
}

.img-right35{
	float:right;
	width:35%;
	padding:5px;
	border:solid 1px #CCCCCC;
 	background: #eee;
	margin-left:5px;
}
.img-right40{
	float:right;
	width:40%;
	padding:3px;
	margin-left:5px;
}

.img-right50{
	float:right;
	width:50%;
	padding:3px;
	border:solid 1px #CCCCCC;
 	background: #eee;
	margin-left:5px;
}
.img-right60{
	float:right;
	width:60%;
	padding:3px;
	border:solid 1px #CCCCCC;
 	background: #eee;
	margin-left:5px;
}


.img-center {
  	width:99%;
	margin:0 auto;
	text-align:center;
	margin:10px 0 0 0;
	border:solid 1px #CCCCCC;
}
.img-center2 {
  	width:99%;
	margin:0 auto;
	text-align:center;
	margin:10px 0 0 0;
}


/* 幅50％で分ける-線囲み */
.box-line {
  	width:100%;
	margin:10px 0 0 0;
 	border: 1px solid #ccc;
}
.box-left50 {
  	width:49%;
	float:left;
	margin:10px 0 0 0;
 	border: 1px solid #ccc;
}
.box-right50 {
  	width:49%;
	float:right;
	margin:10px 0 0 0;
 	border: 1px solid #ccc;
}
.box-inner {
  	padding:8px;
}
.clear-box {
  	clear:both;
}

.photo-waku {
	padding:5px;
	border:solid 1px #CCCCCC;
	background:#FFF;
}



/* 幅50％で分ける-囲みなし */
.box {
  	width:100%;
	margin:0px 0 0 0;
}
.box50-left50 {
  	width:49%;
	float:left;
	margin:10px 0 0 0;
}
.box50-right50 {
  	width:49%;
	float:right;
	margin:10px 0 0 0;
}

/* リストで3つ横並び */
ul.list-3box {
  	width:100%;
	height:50px;
	margin:0 auto;
}
ul.list-3box li{
  	width:32%;
	float:left;
	margin-right:1.33%;
}


/* 
==================================================
アイコン
==================================================
 */
.icon01:before {/* 一覧 */
 	content: "\e900";
	font-family: 'icomoon';
	padding:0 9px 0 0px;
	vertical-align:middle;
	line-height:23px;
	font-size: 26px;
	font-weight: normal;
}
.icon02:before {/* 塾マネ */
 	content: "\e988";
	font-family: 'icomoon';
	padding:0 2px 0 0px;
	vertical-align:middle;
	font-size: 28px;
	font-weight: normal;
}
.icon03:before {/* DENKICHI */
 	content: "\e97b";
	font-family: 'icomoon';
	padding:0 2px 3px 0px;
	vertical-align:middle;
	font-size: 26px;
	font-weight: normal;
}
.icon04:before {/* 縦線 */
 	content: "\e91a";
	font-family: 'icomoon';
	padding:0 0 50px 0px;
	vertical-align:middle;
	font-size: 45px;
	font-weight: normal;
}
.icon05:before {/* 右→ */
 	content: "\e996";
	font-family: 'icomoon';
	padding:0 0 0 8px;
	vertical-align:middle;
	font-size: 15px;
	font-weight: normal;
}
.icon06:before {/* 手紙 */
 	content: "\e910";
	font-family: 'icomoon';
	padding:0 0 0 5px;
	vertical-align:middle;
	font-size: 15px;
	font-weight: normal;
}
.icon07:before {/* 左→ */
 	content: "\e99d";
	font-family: 'icomoon';
	padding:0 8px 0 0;
	vertical-align:middle;
	font-size: 15px;
	font-weight: normal;
}

/* 
==================================================
style
==================================================
 */
.musubi{
	text-align:right;
	padding-bottom:30px;
	font-size:75%;
}
.musubi2{
	text-align:right;
	padding-bottom:30px;
	font-size:90%;
}
.musubi3{
	text-align:right;
	padding-bottom:30px;
	font-size:100%;
}

.text-s{
	font-size:90%;
	padding-top:10px;
}
.textarea-c{
	width:100%;
	text-align:center;
	margin: 0 auto;
}

.style1 {
	width:80%;
	font-size:70%;
	font-weight:normal;
	padding-top:5px;
	margin:30px auto 10px auto;
	border-top:1px solid #FFF;
	line-height:300%;
}
.style2 {
	line-height:185%;
}
.style3 {
	color:#FFF;
}
.style5 {
	font-size:95%;
	color:#FF0000;
	padding:0 3px;
}



.style22 {
	font-size:80%;
}
.style23 {
	width:40%;
	margin:20px auto 0px auto;
	background:#555;
	color:#FFF;
	padding:10px;
	font-size:100%;
	line-height:150%;
	text-align:center;
	font-weight:bold;
}
.style24 {
	font-size:90%;
}
.style25 {
	font-size:185%;
	line-height:140%;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#3d3d3d;
}
.style26 {
	font-size:115%;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:120%;
	color:#3d3d3d;
}
.style27 {
	font-size:100%;
	line-height:175%;
	color:#3d3d3d;
}
.style28 {
	font-size:150%;
	text-align:center;
}
.style29 {
	font-size:155%;
	font-weight:bold;
	text-align:center;
}
.style31 {
	font-size:250%;
	letter-spacing:0.1em;
	text-align:center;
}
.style32 {
	font-size:115%;
	color:#cc0000;
	font-weight:bold;
}
.style33 {
	font-size:60%;
	line-height:85%;
	padding-bottom:10px;
}
.style34 {
	font-size:145%;
	letter-spacing:0.1em;
}
.style35 {
	color:#cc0000;
}
.style36 {
	width:96%;
	margin:0 auto 15px auto;
	text-align:center;
	font-size: 100%;
	padding: 10px 10px;
	color:#d70c19;
	border:2px solid #d70c19;
}


/* 
==================================================
list
==================================================
*/
ul.list-style01{
	width:100%;
	margin:0 auto;
}
ul.list-style01 li{
	padding: 8px 10px;
	border-bottom:1px dotted #444;
}



/* 
==================================================
幅
==================================================
 */
.width-20 {
	width:20%;
	margin:0 auto;
}
.width-30 {
	width:30%;
	margin:0 auto;
}
.width-50 {
	width:50%;
	margin:0 auto;
}
.width-60 {
	width:60%;
	margin:0 auto;
}
.width-70 {
	width:70%;
	margin:0px auto 0 auto;
}
.width-80 {
	width:80%;
	margin:0px auto 0 auto;
}
.width-90 {
	width:90%;
	margin:0px auto 0 auto;
}
.width-95 {
	width:95%;
	margin:0 auto 0 auto;
	overflow:hidden;
}
.width-100 {
	width:100%;
	margin:0 auto 0 auto;
	overflow:hidden;
}

/* 
==================================================
余白
==================================================
 */
.top-5 {
	margin-top:5px;
	clear:both;
	overflow:hidden;
}
.top-10 {
	margin-top:10px;
	clear:both;
	overflow:hidden;
}
.top-15 {
	margin-top:15px;
	clear:both;
	overflow:hidden;
}
.top-20 {
	margin-top:20px;
	clear:both;
	overflow:hidden;
}
.top-25 {
	margin-top:25px;
	clear:both;
	overflow:hidden;
}
.top-30 {
	margin-top:30px;
	clear:both;
	overflow:hidden;
}
.top-35 {
	padding-top:35px;
	clear:both;
	overflow:hidden;
}
.top-40 {
	padding-top:40px;
	clear:both;
	overflow:hidden;
}
.top-45 {
	padding-top:45px;
	clear:both;
	overflow:hidden;
}
.top-50 {
	padding-top:50px;
	clear:both;
	overflow:hidden;
}
.top-55 {
	padding-top:55px;
	clear:both;
	overflow:hidden;
}
.top-60 {
	padding-top:60px;
	clear:both;
	overflow:hidden;
}
.top-70 {
	padding-top:70px;
	clear:both;
	overflow:hidden;
}
.top-80 {
	padding-top:80px;
	clear:both;
	overflow:hidden;
}
.top-90 {
	padding-top:90px;
	clear:both;
	overflow:hidden;
}
.top-110 {
	padding-top:110px;
	clear:both;
	overflow:hidden;
}

.top-120 {
	padding-top:120px;
	clear:both;
	overflow:hidden;
}
.bottom-5 {
	margin-bottom:5px;
	clear:both;
	overflow:hidden;
}
.bottom-10 {
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
}
.bottom-20 {
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}
.bottom-30 {
	margin-bottom:30px;
	clear:both;
	overflow:hidden;
}
.bottom-40 {
	margin-bottom:40px;
	clear:both;
	overflow:hidden;
}
.bottom-50 {
	margin-bottom:50px;
	clear:both;
	overflow:hidden;
}
.bottom-60 {
	margin-bottom:60px;
	clear:both;
	overflow:hidden;
}
.bottom-70 {
	margin-bottom:70px;
	clear:both;
	overflow:hidden;
}
.bottom-80 {
	margin-bottom:80px;
	clear:both;
	overflow:hidden;
}
.bottom-90 {
	margin-bottom:90px;
	clear:both;
	overflow:hidden;
}

.topbottom-50 {
	margin:50px 0;
	clear:both;
	overflow:hidden;
}
.topbottom-30 {
	margin:30px 0;
	clear:both;
	overflow:hidden;
}
.topbottom-100 {
	margin:100px 0 60px 0;
	clear:both;
	overflow:hidden;
}

.right-20 {
	margin-right:20px;
}
.left-10 {
	margin-left:10px;
}
.left-20 {
	margin-left:15px;
}

/* 
==================================================
リスト
==================================================
 */
.list-yoko{
	width:100%;
	margin:0 auto;
}
.list-yoko li{
	float:left;
	margin-right:3px;
}

.list-yoko2{
	width:100%;
	margin:0 auto;
}
.list-yoko2 li{
	float:left;
	margin-right:6px;
}


/* 
==================================================
table
==================================================
 */
table.formTable {
	width:98%;
	height:auto;
	margin:0 auto;
	background-color: #fff;
	border:1px solid #ddd;
	margin-top:0px;
}
table.formTable th{
	width:25%;
	background-color: #ededed;
	border:1px solid #ddd;
	color:#333;
	text-align:center;
}
table.formTable td{
	color:#333;
	text-align: left;
}
table.formTable td input{
	width:80%;
}
table.formTable th, td{
	padding:10px;
	border:1px solid #ddd;
	vertical-align: middle; 
	font-weight: normal; 
}


table.privacy {
	width:98%;
	height:auto;
	margin:0 auto;
	background-color: #fff;
	margin-top:0px;
	text-align: center;

}


.form-deco{
	margin: 3px 0 ;
    	padding: 3px;
	border: 1px solid #cccccc;
	background:#fcf5d3;
	border-radius:5px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);/* Webkit */
	-webkit-border-radius: 5px;/* Firefox */
	-moz-border-radius: 5px;/* IE */
	-webkit-appearance: button;
}

.form-control {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
	border: 1px solid #ccc;
	border-radius:3px;
	padding: 3px 0.8em;
	margin-bottom: 3px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);/* Webkit */
	-webkit-border-radius: 5px;/* Firefox */
	-moz-border-radius: 5px;/* IE */
}




#errmsg{
	clear:both;
	font-size:90%;
	color:#FF0000;
	margin-left:10px;
}


ul.list_group {
	margin:0px 0 0 0;
	text-align:left;

}
ul.list_group li{
	display:inline-block;
}





/*グレー */
.tb1-l {
	font-size: 90%;
	text-align: left;
 	background: #ededed;
	padding: 7px;
        border:1px solid #ccc;
	line-height:150%;
}
.tb1-c {
	font-size: 90%;
	text-align: center;
 	background: #ededed;
	padding: 7px;
        border:1px solid #ccc;
	line-height: 140%;
}

/*白 */
.tb2-r {
	font-size: 90%;
	text-align: right;
	padding: 7px;
 	background: #FFF;
        border:1px solid #ccc;
}
.tb2-l {
	font-size: 90%;
	text-align: left;
	padding: 7px;
 	background: #FFF;
        border:1px solid #ccc;
	line-height:160%;
}
.tb2-c {
	font-size: 90%;
	text-align: center;
	padding: 7px;
 	background: #FFF;
        border:1px solid #ccc;
	line-height:150%;
}

/* 
==================================================
下層：製品・サービス
==================================================
*/
/*------- クラウドサービス -------*/
.panel{
	width:100%;
	margin: 40px auto 90px auto;
}
.panel .panelleft_photo{
	width: 60%;
	float:left;
}
.panel .panelright_text{
	width: 25%;
	float:right;
	margin:0 12% 0 0;
}

.panel .panelleft_text{
	width: 25%;
	float:left;
	margin:0 0 0 12%;
}
.panel .panelright_photo{
	width: 60%;
	float:right;
}

.panel_text{
	margin: 10px auto 0 auto;
	font-size:98%;
	line-height:170%;
	font-weight:normal;
}

.panel_copy img{
	width: auto;
	height:40px;
	padding-bottom:0px;
}
.panel_midashi {
	margin: 15px 0 0px 0;
	font-size:140%;
	line-height:135%;
	font-weight:bold;
	letter-spacing:0.05em;
}
.icon_pink:before {
 	content: "\e99a";
	font-family: 'icomoon';
	vertical-align:middle;
	font-size:5px;
	font-weight: normal;
	color: #f35287;
}
.icon_blue:before {
 	content: "\e99a";
	font-family: 'icomoon';
	vertical-align:middle;
	font-size:5px;
	font-weight: normal;
	color: #385bcd;
}
.icon_green:before {
 	content: "\e99a";
	font-family: 'icomoon';
	vertical-align:middle;
	font-size:5px;
	font-weight: normal;
	color: #59b647;
}
.icon_orange:before {
 	content: "\e99a";
	font-family: 'icomoon';
	vertical-align:middle;
	font-size:5px;
	font-weight: normal;
	color: #fd892c;
}

/*------- 製品・サービス一覧 -------*/
ul.category{
	width:90%;
	margin:0px auto 20px auto;
	font-size:93%;
}
.category li{
	width:18.5%;
	display:inline-block;
	margin:0 0 8px 3px;
	padding:8px 3px;
	text-align:center;
	background:#444;
}
.category a{
	color:#FFF;
	font-size:95%;
}
.category li:hover{
	background:#d70c19;
}


/* (カテゴリー見出し） */
.cate_midashi{
	font-size:155%;
	font-weight:bold;
	text-align: center;
	padding:50px 0 0px 0;
	color:#333;
	line-height:180%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cate_midashi p{
	font-size:45%;
	letter-spacing:0.08em;
	padding:0 0 20px 0;
	color:#888;
}
.cate_icon:before {
 	content: "\e905";
	font-family: 'icomoon';
	padding-right:5px;
	vertical-align:middle;
	font-size: 13px;
	font-weight: normal;
	color:#888;
}



/* (1カテゴリ、サービス複数：横に3ボックス） */
ul.catelist_03{
	width:85%;
	margin:0 auto;
	padding:0 0 0 0.5%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.catelist_03 li{
	width:31.7%;
	min-height:500px;
	margin:0 1.3% 25px 0;
	display:inline-block;
	vertical-align:top;
}


/* (1カテゴリ、2サービス：横に2ボックス） */
ul.catelist_02{
	width:85%;
	margin:0 auto;
	padding:0 0 0 0.5%;
	text-align:center;
}
ul.catelist_02 li{
	width:32%;
	min-height:600px;
	margin:0 1.0% 25px 0;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}


/* (1カテゴリ、1サービス） */
.catelist_01{
	width:85%;
	margin:0 auto 0px auto;
	padding:0 0 0 0.5%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.catelist_01 li{
	width:31.7%;
	min-height:500px;
	margin:0 1.3% 25px 0;
	display:inline-block;
	vertical-align:top;
}



/* (角Rボックス） */
.service_box{
	width:100%;
	margin:0 0 0px 0;
	background:#FFF;
	vertical-align:top;
	padding:0 0 20px 0;
	min-height:630px;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	position:relative;　/* ボタン中央下揃え（1） */
}
/* (角Rボックス:見出し　赤） */
.service_name{
	font-size:135%;
	font-weight:bold;
	text-align: center;
	color:#FFF;
	padding:13px 5px 10px 5px;
	line-height:150%;
	background-color: #d70c19;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.service_name p{
	font-size:70%;
	font-weight:normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.service_name span{
	font-size:60%;
	font-weight:normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.service_logo{
	text-align:center;
	margin:3px auto;
}
.service_image{
	width:68%;
	text-align:center;
	margin:5px auto 10px auto;
	border:1px solid #ccc;
}

/* 機能アイコン（幅20％　黄緑）*/
ul.kinouicon {
	width:95%;
	margin:10px auto 0 auto;
	clear:both;
}
ul.kinouicon li{
	width:21%;
	min-height:18px;
	font-size: 70%;
	margin:0 3px 3px 0;
	padding:1px 3px;
	float:left;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background:#c9e641;
}

/* 機能アイコン（幅決まってない　紫）*/
.kinouicon2 span{
	font-size: 70%;
	margin:0 0 3px 15px;
	padding:2px 10px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background:#e6a8f8;
}

.description{
	padding:0px 15px 10px 15px;
	line-height:170%;
	font-size:90%;
}
.description2{
	width:100%;
	padding:0px 0 0 0;
	line-height:170%;
	font-size:90%;
}
.bottom_button{
	width:100%;
	text-align:center;
	position:absolute;/* ボタン中央下揃え（2）*/
	bottom:20px;
}


/*------- カスタマイズ開発 -------*/
ul.customise_flow{
	width:90%;
	margin:50px auto;
}
ul.customise_flow li{
	width:18.7%;
	min-height:240px;
	display:inline-block;
	margin:0 0.8% 15px 0;
	font-size:103%;
	vertical-align:top;
	background: rgba(255,255,255,0.45);
	text-align:center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
ul.customise_flow li .innr{
	width:87%;
	margin:15px auto 10px auto;
	font-size: 85%;
}
ul.customise_flow li .innr .midashi{
	font-size:140%;
	font-weight:bold;
	text-align:center;
	margin:10px 0 0 0;
}
ul.customise_flow li .innr p{
	text-align:left;
	margin:5px 0 0 0;
	line-height:150%;
}


.flow_icon01:before {/* 頭 */
	text-align:center;
 	content: "\e968";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 70px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon2:before {/* PC(表) */
	text-align:center;
 	content: "\e9a5";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 65px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon03:before {/* 書類 */
	text-align:center;
 	content: "\e969";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 62px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon04:before {/* PC(タグ) */
	text-align:center;
 	content: "\e9a6";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 65px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon05:before {/* 工具 */
	text-align:center;
 	content: "\e91e";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 53px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon06:before {/* PCログイン */
	text-align:center;
 	content: "\e946";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size:70px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon07:before {/* 雲 */
	text-align:center;
 	content: "\e99c";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size:60px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon08:before {/* PCログイン */
	text-align:center;
 	content: "\e946";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size:70px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon09:before {/* 盾 */
	text-align:center;
 	content: "\e91f";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 60px;
	font-weight: normal;
	color: #aba393;
}
.flow_icon10:before {/* 工具 */
	text-align:center;
 	content: "\e91e";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:80px;
	font-size: 53px;
	font-weight: normal;
	color: #aba393;
}




/* 
==================================================
導入事例
==================================================
*/
.whiteback{
	width: 100%;
	margin:15px auto 20px auto;
	background:#FFF;
	font-size: 90%;
}
.whiteback_innr{
	width: 93%;
	margin:0 auto;
	padding:15px 0 35px 0;
}


.jirei_company {
	width:100%;
	margin: 20px auto 0px auto;
	font-size:145%;
	font-weight:bold;
	color:#444;
}
.jirei_company .copy {
	font-size: 80%;
	line-height:145%;
	margin:30px 0 30px 0;
	font-weight:normal;
}



.greenbox {
	font-size: 17px;
	font-weight:normal;
	padding: 7px 20px;
	color: #32a500;
	border:2px solid #32a500;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.green_txt {
	font-size: 120%;
	font-weight:normal;
	color: #32a500;
	font-weight:bold;
	margin:10px 0 10px 0;
}
.green_txt:before {
 	content: "\e91d";
	font-family: 'icomoon';
	padding-right:10px;
	vertical-align:middle;
	line-height:23px;
	font-size: 5px;
	font-weight: normal;
}

.bluebox {
	font-size: 17px;
	font-weight:normal;
	padding: 7px 20px;
	color: #2598f0;
	border:2px solid #2598f0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.blue_txt {
	font-size: 120%;
	line-height:110%;
	font-weight:normal;
	color: #2598f0;
	font-weight:bold;
	margin:10px 0 10px 0;
	text-indent:-1.3em;
	padding-left:1.3em;
}
.blue_txt:before {
 	content: "\e91d";
	font-family: 'icomoon';
	padding-right:10px;
	vertical-align:middle;
	line-height:23px;
	font-size: 5px;
	font-weight: normal;
}

#jirei_logo{
	width: 80%;
	margin:15px auto 0 auto;
}
#jirei_logo ul li{
	width: 22.5%;
	display:inline-block;
 	margin: 0 1.5% 30px 0;
	text-align: center;
	background:#FFF;
	vertical-align:top;
}
#jirei_logo li span{
 	margin: 5px 0 0 0;
	font-size: 10px;
}


/* 
==================================================
会社情報
==================================================
*/
#submenu_company ul{
	width: 75%;
	margin:90px auto 0px auto;
	text-align: center;
}
#submenu_company li{
	width: 32.0%;
	float:left;
	text-align: center;
	color:#FFF;
	font-size:155%;
	letter-spacing:0.2em;
	border:1px solid #FFF;
}
#submenu_company li p{
	font-size:35%;
	font-weight:bold;
	padding:2px 0 2px 0;
	letter-spacing:0.2em;
}

/* menu1(オレンジ) */
.menu1 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.menu1:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/company_base01.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.menu1:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.menu1 .inner {
	z-index: 1;
	position: relative;
}

.menu1 .inner_on{
	margin:0 auto;
	z-index: 1;
	position: relative;
}
.menu1 .inner_on p{
	width: 45%;
	margin:0 auto;
	z-index: 1;
	position: relative;
	background: rgba(215,20,24,0.6);
}

/* menu2(水色) */
.menu2 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.menu2:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/company_base02.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.menu2:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.menu2 .inner {
	z-index: 1;
	position: relative;
}

.menu2 .inner_on{
	margin:0 auto;
	z-index: 1;
	position: relative;
}
.menu2 .inner_on p{
	width: 45%;
	margin:0 auto;
	z-index: 1;
	position: relative;
	background: rgba(97,183,244,0.7);
}

/* menu3(緑) */
.menu3 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 80px 0;
}
.menu3:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/company_base03.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.menu3:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.menu3 .inner {
	z-index: 1;
	position: relative;
}

.menu3 .inner_on{
	margin:0 auto;
	z-index: 1;
	position: relative;
}
.menu3 .inner_on p{
	width: 45%;
	margin:0 auto;
	z-index: 1;
	position: relative;
	background: rgba(102,167,55,0.6);
}


#submenu_company_kaso ul{
	width: 40%;
	margin:90px auto 0px auto;
	text-align: center;
}
#submenu_company_kaso li{
	width: 32.8%;
	float:left;
	text-align: center;
	color:#FFF;
	font-size:90%;
	letter-spacing:0.1em;
	border:1px solid #FFF;
}

#submenu_company_kaso .menu1_kaso {
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	background: #d71418;
}
#submenu_company_kaso .menu1_kaso:hover {
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	color:#FFF;
	background: #444;
}
#submenu_company_kaso .menu1_kaso::before,
#submenu_company_kaso .menu1_kaso::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#submenu_company_kaso .menu1_kaso,
#submenu_company_kaso .menu1_kaso::before,
#submenu_company_kaso .menu1_kaso:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}


#submenu_company_kaso .menu2_kaso {
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	background: #d71418;
}
#submenu_company_kaso .menu2_kaso:hover {
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	color:#FFF;
	background: #444;
}
#submenu_company_kaso .menu2_kaso::before,
#submenu_company_kaso .menu2_kaso::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#submenu_company_kaso .menu2_kaso,
#submenu_company_kaso .menu2_kaso::before,
#submenu_company_kaso .menu2_kaso:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}



#submenu_company_kaso .menu3_kaso {
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	background: #d71418;
}
#submenu_company_kaso .menu3_kaso:hover {
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	color:#FFF;
	background: #444;
}
#submenu_company_kaso .menu3_kaso::before,
#submenu_company_kaso .menu3_kaso::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#submenu_company_kaso .menu3_kaso,
#submenu_company_kaso .menu3_kaso::before,
#submenu_company_kaso .menu3_kaso:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}






/* 会社概要 */
table.profile{
	width: 98%;
	margin:30px auto;
	overflow:hidden;
	font-size:90%;
	letter-spacing:0.03em;
	border-top:1px solid #ddd;
}
table.profile tr{
	border-bottom:1px solid #ddd;
}
table.profile th{
	width: 20%;
	padding:17px 0 17px 5px;
}
table.profile td{
	width: 80%;
	border:none;
	padding:17px 0;
}
table.profile td a{
	color:#888;
}
table.profile td a:hover{
	text-decoration:underline;
}

.map:before {
	content: "\e98d";
	font-family: 'icomoon';
	font-size: 20px;
	color:#d80512;
	padding-left:8px;
}


/* 経営理念 */
.textarea70{
	width: 70%;
	margin:0px auto;
	line-height:210%;
}


.boxleft_50text{
	width: 50%;
	float:left;
	font-size: 85%;
}
.boxleft_50text .innr{
	width: 70%;
	margin:20px auto 50px auto;
}
.boxleft_50text p{
	line-height:185%;
	letter-spacing:0.1em;
}
.boxleft_50text img{
	width: auto;
	height:55px;
	margin:80px 0 0 0;
}
.boxright_50photo{
	width: 50%;
	float:right;
}


.boxleft_50photo{
	width: 50%;
	float:left;
}
.boxright_50text{
	width: 50%;
	float:right;
	font-size: 85%;
}
.boxright_50text .innr{
	width: 80%;
	margin:0px auto 0px auto;
}
.boxright_50text p{
	line-height:185%;
	letter-spacing:0.1em;
}
.boxright_50text img{
	width: auto;
	height:55px;
	margin:60px 0 0 0;
}

.copy_small{
	font-size: 80%;
	letter-spacing:0.05em;
	margin:10px 0 0 0;
}

/* アクセス */
.midashi_access {
	margin: 0px auto 5px auto;
	font-size:160%;
	text-align: center;
	font-weight: bold;
	color:#9d9477;
}
.midashi_access p{
	font-size:40%;
	letter-spacing:0.05em;
}

.photoframe{
	width:98%;
	border:1px solid #ccc;
	background:#FFF;
	padding:5px;
	margin:0 auto 30px auto;
}
.photoline{
	border:1px solid #ccc;
}

.accessmap {
	width: 99%;
	min-height: 550px;
	margin: 0 0 0;
	background-image:url(../images/map.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: cover;
	z-index: -1;
}
.accessnavi{
	width:230px;
	min-height:230px;
	float:right;
	padding:30px;
	margin:350px 0 0 0;
	font-size:90%;
	color:#FFF;
	background:#d70c19;
}
.accessnavi .c_name{
	font-size:150%;
	font-weight: bold;
	margin:0 0 20px 0;
}
.yubin_icon:before {
 	content: "\e902";
	font-family: 'icomoon';
	padding-right:5px;
	vertical-align:middle;
	font-size: 20px;
	font-weight: normal;
}
.walk_icon:before {
 	content: "\e93a";
	font-family: 'icomoon';
	padding-right:5px;
	vertical-align:middle;
	font-size: 23px;
	font-weight: normal;
}






/* 
==================================================
採用情報
==================================================

=====================================
Header＿＿＿＿採用
=====================================
*/
#header_recruit_top {
	width: 100%;
}

#header_recruit {
	width: 100%;
}
#header_recruit .headertop {
	width: 100%;
	background:#d80512;
}
#header_recruit .headertop-left {
	width: 80%;
	float:left;
}
#header_recruit .headertop-left img{
	width: 280px;
}
#header_recruit .headertop-right {
	width: 20%;
	float:right;
	margin-top:15px;
}
#header_recruit .headertop-right a{
	color:#FFF;
	font-size:75%;
	text-align:right;
}
#header_recruit .headertop-right a:before{
 	content: "\e928";
	font-family: 'icomoon';
	padding-right:5px;
	vertical-align:middle;
	line-height:23px;
	font-size:10px;
	color: #FFF;
	font-weight: normal;
}


#header_recruit .row {
	position: relative;
}

#header_recruit .innr-left {
	width: 20%;
	float:left;
}
#header_recruit .innr-right {
	width: 80%;
	float:right;
}
header h1 {
	margin: 15px 0 10px 0;
}
#header_recruit .innr-right .header-tel{
	float:right;
	padding:10px 0 5px 0;
}

/* 
==================================================
Global Navi________採用
==================================================
*/
.tab_button {
	width:160px;
	height:25px;
	padding:5px 0;
	z-index: 2;
	position:absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	text-align:center;
	font-size:90%;
	color: #FFF;
	background:#d70c19;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius:  0 0 10px 10px;
}

/* ------ Global Navi 採用トップ------ */
.gnav_recruitetop_base {
	width: 100%;
	z-index: 2000;
	background:#d70c19;
}
#gnav_recruite_top {
	width: 100%;
	margin:0 auto;
	height:63px;
}
#gnav_recruite_top li {
	width: 16.666%;
	float:left;
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#gnav_recruite_top ul li p{
	font-size:80%;
	font-weight:normal;
	color: #FFF;
}
#gnav_recruite_top a {
	display: block;
	position: relative;
	z-index: 2000;
	padding: 10px 0;
	font-size: 85%;
	text-decoration: none;
	color: #FFF;
	letter-spacing:0.08em;
	text-align: center;
	font-weight:bold;
}
#gnav_recruite_top .on{
	color: #FFF;
	background:#b4010c;
}
#gnav_recruite_top a:hover {
	color: #FFF;
	background:#b4010c;
}

/* ------ Global Navi 採用下層------ */
#gnav_recruite {
	width: 100%;
	z-index: 2000;
}
#gnav_recruite ul{
	width: 100%;
}
#gnav_recruite li {
	width: 16.6%;
	float:left;
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#gnav_recruite ul li p{
	font-size:65%;
	font-weight:normal;
	color: #666;
	letter-spacing:0.08em;
	padding: 5px 0 0 0;
}
#gnav_recruite a {
	display: block;
	position: relative;
	z-index: 2000;
	padding: 7px 0 10px 0;
	font-size: 98%;
	text-decoration: none;
	color: #333;
	letter-spacing:0.07em;
	text-align: center;
	font-weight:bold;
}
#gnav_recruite a:hover {
	color: #d80512;
}
#gnav_recruite .on a {
	font-weight:bold;
	color: #d80512;
}




/* 採用トップページ */
.top-copy{
	font-size:105%;
	line-height:200%;
	text-align:center;
	letter-spacing:0.2em;
}


h5{
	text-align:center;
	font-size:85%;
}
h5 img{
	width:auto;
	height:45px;
	margin:0 0 10px 0;
}
.underline{
	width:50px;
	height:3px;
	margin:30px auto;
	border-bottom:3px solid #333;
}

.dancetext span {
  display: inline-block;
  margin: 0 -.075em;
  animation: loading .7s infinite alternate;
}
.dancetext span:nth-child(2) {
  animation-delay: .1s;
}
.dancetext span:nth-child(3) {
  animation-delay: .2s;
}
.dancetext span:nth-child(4) {
  animation-delay: .3s;
}
.dancetext span:nth-child(5) {
  animation-delay: .4s;
}
.dancetext span:nth-child(6) {
  animation-delay: .5s;
}
.dancetext span:nth-child(7) {
  animation-delay: .6s;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}



.interview-box{
	width:80%;
	margin:30px auto 80px auto;
	overflow:hidden;
	text-align:center;
}
.interview-box li{
	width:31.8%;
	display:inline-block;
	margin:0 1% 0 0;
}

.interview-box2{
	width:80%;
	margin:30px auto 80px auto;
	overflow:hidden;
	text-align:center;
}
.interview-box2 li{
	width:40%;
	display:inline-block;
	margin:0 3% 0 0;
}


.recruite_box2{
	width:100%;
	margin:0 auto;
}
.recruite_box2 li{
	width:49%;
	display:inline-block;
	text-align:center;
}
.recruite_box2 .inner{
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:60px 0;
	color:#FFF;
}
.recruite_box2 li .inner img{
	width:auto;
	height:40px;
}
.recruite_box2 li .inner .submidashi{
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.15em;
	margin:0 0 40px 0;
}
.recruite_box2 li .inner span{
	border:1px solid #FFF;
	padding:10px 20px;
	letter-spacing:0.03em;
	background: rgba(255,255,255,0.5);
}

.recruite_box2 .box1 {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.recruite_box2 .box1:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/newgrad_base.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.recruite_box2 .box1:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.recruite_box2 .box1 .inner {
	z-index: 1;
	position: relative;
}

.recruite_box2 .box2 {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.recruite_box2 .box2:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    	top: 0;
	background-image:url(../images/midcareer_base.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.recruite_box2 .box2:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.recruite_box2 .box2 .inner {
	z-index: 1;
	position: relative;
}



/* 採用下層ページ */
#pagetitle-recmenu1 {
	width: 100%;
	height:250px;
	margin:0px auto 150px auto;
	position:relative;
	background-image:url(../images/menu1_baserec.png);
	background-position:center top;
	background-size: cover;
}
#pagetitle-recmenu2 {
	width: 100%;
	height:250px;
	margin:0px auto 150px auto;
	position:relative;
	background-image:url(../images/menu2_baserec.png);
	background-position:center top;
	background-size: cover;
}
#pagetitle-recmenu3 {
	width: 100%;
	height:250px;
	margin:0px auto 150px auto;
	position:relative;
	background-image:url(../images/menu3_baserec.png);
	background-position:center top;
	background-size: cover;
}
#pagetitle-recmenu4 {
	width: 100%;
	height:250px;
	margin:0px auto 150px auto;
	position:relative;
	background-image:url(../images/menu4_baserec.png);
	background-position:center top;
	background-size: cover;
}
#pagetitle-recmenu5 {
	width: 100%;
	height:250px;
	margin:0px auto 150px auto;
	position:relative;
	background-image:url(../images/menu5_baserec.png);
	background-position:center top;
	background-size: cover;
}
#pagetitle-recmenu6 {
	width: 100%;
	height:250px;
	margin:0px auto 150px auto;
	position:relative;
	background-image:url(../images/menu6_baserec.png);
	background-position:center top;
	background-size: cover;
}

.title-area_rec{
	width: 96%;
	margin:0px auto 0 auto;
	text-align: center;
	overflow:hidden;
	font-size:80%;
}
.title-area_rec h2{
	padding-top:222px;
}






/* 採用下層(ミッション) */
.mission_textarea {
	width:50%;
	margin:0 auto;
	font-size:98%;
	line-height:210%;
}
.mission_textarea .midashi {
	font-size:160%;
	letter-spacing:0.1em;
	text-align:center;
	margin:0 auto 40px auto;
}


/* 採用下層(インタビュー) */
ul.interviewbox {
	width: 100%;
	margin:0px auto 0px auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.interviewbox li.photobox{
	width: 50%;
        list-style:none;
	background:#FFF;
}
.interviewbox li.colorbox1{/* 青 */
	width: 50%;
        list-style:none;
	background:#6577c1;
}
.interviewbox li.colorbox2{/* オレンジ */
	width: 50%;
        list-style:none;
	background:#ff8d5b;
}
.interviewbox li.colorbox3{/* 水色 */
	width: 50%;
        list-style:none;
	background:#46a2d1;
}


.interviewbox .box_nnr{
	width: 80%;
	margin:45px auto 20px auto;
	color:#FFF;
}
.interviewbox .box_nnr h7{
	color:#FFF;
	font-size:130%;
	font-weight:bold;
	letter-spacing:0.03em;
	line-height:210%;
	background:#444;
	padding:5px 13px;
}

.interviewbox .box_nnr .profile{
	font-size:85%;
	line-height:140%;
	margin:10px auto 30px auto;
	font-weight:bold;
}
.interviewbox .box_nnr p{
	font-size:88%;
	line-height:195%;
}
.interviewbox .box_nnr .question{
	font-size:115%;
	line-height:130%;
	font-weight:bold;
	letter-spacing:0.03em;
	margin:30px auto 15px auto;
	padding:0px 8px 10px 0px;
	color:#FFF;
	border-bottom:3px solid #FFF;
}
.interviewbox .box_nnr .question span{
	font-size:180%;
}



.timesheet{
	width: 98%;
	height:700px;
	margin:0 auto;
	background-image:url(../images/timesheet.png);
	background-repeat:no-repeat;
	background-position:55% bottom;
}
.timesheet .timesheet-left{
	width: 48%;
	float:left;
}
.timesheet .timesheet-right{
	width: 39%;
	float:right;
}
.timeschedule p{
	font-size:85%;
	line-height:150%;
	margin:0 8px 0 0;
}
.timeschedule .midashi{
	width: 100%;
	font-size:98%;
	line-height:140%;
	letter-spacing:0.03em;
	font-weight:bold;
	color:#333;
	padding:1px 10px;
	margin:0 0 3px 0;
	background:#e7e7e7;
}
.timeschedule .midashi .time{
	font-size:70%;
	font-weight:bold;
	margin-right:8px;
	color:#d70c19;
}


.button-left{
	width: 50%;
	float:left;
}
.button-right{
	width: 50%;
	float:right;
	text-align:right;
}


/* 採用下層(新卒) */
.copyarea20{
	width: 20%;
	float:left;
	margin:30px 0 0 0;
}
.textarea80{
	width: 80%;
	float:right;
	margin:30px 0 30px 0;
}
.line{
	margin:0 auto;
	border-top:1px solid #bbb;
}
.line2{
	margin:0 auto;
	border-top:1px solid #FFF;
}

/* 高さ揃えるタグ */
.recruite-box2{
	width:98%;
	margin:0 auto;
	text-align:center;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.recruite-box2 li{
	width:47%;
	display:inline-block;
	margin:30px 0 0 1%;
	vertical-align:top;
	background: rgba(255,255,255,0.3);
}
.recruite-box2 li:hover{
	background: rgba(255,255,255,0.2);
}
.recruite-box2 li .innr{
	width:90%;
	margin:20px auto;
}
.recruite-box2 a{
	color:#333;
}
.recruite-box2 a:hover{
	text-decoration:none;
}

.recruite-box2 .midashi{
	font-size:180%;
	text-align:center;
}
.recruite-box2 .textarea{
	margin:10px 0 10px 0;
	text-align:left;
}
.recruite-box2 li .innr p{
	margin:0 0 10px 0;
	font-size:90%;
	line-height:180%;
}
.recruite-box2 li .innr-left span{
	letter-spacing:0.08em;
	font-size:110%;
}

.recruiteicon04:before {
 	content: "\e9a5";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:90px;
	font-size: 75px;
	font-weight: normal;
	color: #c9a100;
}
.recruiteicon05:before {
 	content: "\e9a6";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:90px;
	font-size: 75px;
	font-weight: normal;
	color: #c9a100;
}
.recruiteicon06:before {
 	content: "\e905";
	font-family: 'icomoon';
	vertical-align:middle;
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.recruiteicon08:before {
 	content: "\e9a5";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:60px;
	font-size: 50px;
	font-weight: normal;
	color: #c9a100;
}
.recruiteicon09:before {
 	content: "\e9a6";
	font-family: 'icomoon';
	vertical-align:middle;
	line-height:60px;
	font-size: 50px;
	font-weight: normal;
	color: #c9a100;
}



table.recruite-table{
	font-size:90%;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
table.recruite-table tr{
	border-top:1px solid #ccc;
}
table.recruite-table tr.fin{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.recruite-table th{
	width:30%;
	background:#eee;
	text-align:center;
	padding:13px 5px 13px 10px;
}
table.recruite-table td{
	width:70%;
	text-align:left;
	border:none;
	padding:13px 5px 13px 10px;
}

/* 採用下層(中途) */
.recruite-box1{
	width:60%;
	margin:0 auto;
	background-color:#f1f1f1;
}
.recruite-box1:hover{
	text-decoration:none;
	background-color:#eaeaea;
}
.recruite-box1 .innr{
	width:90%;
	margin:20px auto;
	padding:20px 0 10px 0;
	font-size:90%;
	line-height:180%;
}

.recruite-box1 a{
	color:#333;
}
.recruite-box1 a:hover{
	text-decoration:none;
}

.recruite-box1 .miadshi{
	font-size:180%;
	text-align:center;
}
.recruite-box1 .innr-right{
	text-align:left;
}
.recruite-box1 .innr p{
	margin:0px 0 10px 0;
	color:#333;
}
.recruite-box1 .innr-left span{
	letter-spacing:0.08em;
	font-size:110%;
}





/* 
==================================================
よくある質問
==================================================
*/
.midashi-ques {
	font-size: 90%;
	font-weight:bold;
	background:#f1f1f1;
	padding:8px 10px;
	border:1px solid #ccc;
	border-bottom:none;
}
.midashi-ques:before {
	content: "\e930";
	font-family: 'icomoon';
	font-size:18px;
	color:#999;
	padding-right:8px;
}

.midashi-ans {
	font-size: 88%;
	padding: 15px 15px 15px 15px;
	text-indent:-2.5em;
	padding-left:2.5em;
	border:1px solid #ccc;
}
.midashi-ans:before {
	content: "\e929";
	font-family: 'icomoon';
	font-size: 18px;
	color:#d80512;
	padding:0 3px 0 10px;
}


/* 
==================================================
ニュース（NEWS）
==================================================
*/
/* 年リスト */
.release_tab{
	width:80%;
	margin:0 auto;
}
#fade_menu li ul{
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#fade_menu li:hover ul{
	top: 100%;
	visibility: visible;
	opacity: 1;
}

.dropmenu{
	*zoom: 1;
	list-style-type: none;
	width: 100%;
	margin: 0 auto 0px;
	padding: 0;
}
.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}
.dropmenu:after{
	clear: both;
}
.dropmenu li{
	position: relative;
	width: 160px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.dropmenu li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	background: #d70c19;
	color: #fff;
	font-size: 70%;
	font-weight:bold;
	line-height: 1;
	text-decoration: none;
}
.dropmenu li .midashi{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	background: #d70c19;
	color: #fff;
	font-size: 70%;
	font-weight:bold;
	line-height: 1;
	text-decoration: none;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li{
	width: 100%;
}
.dropmenu li ul li a{
	padding: 13px 15px;
	background: #d70c19;
	border-top: 1px solid #bb000c;
	ext-align: left;
	opacity: 0.9;

}
.dropmenu li .midashi:hover{
	background: #aa000b;
}
.dropmenu li a:hover{
	background: #ed3541;
}

.icon_down:before {
 	content: "\e905";
	font-family: 'icomoon';
	padding-left:5px;
	vertical-align:middle;
	line-height:15px;
	font-size: 7px;
	color: #FFF;
	font-weight: normal;
}


/* ニュースリスト */
.release-list{
	width:80%;
	margin:30px auto 0 auto;
	overflow:hidden;
}
.release-list ul{
	width:100%;
	margin:0px auto 0 auto;
}
.release-list ul li{
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

.release-list ul li:hover{
	background: rgba(60,60,60,0.1);
}

.release-list dl{
	width:98%;
	margin:10px auto 0 auto;
}
.release-list dt{
	width:9%;
	float:left;
	margin-right:1.0%;
	margin-bottom:10px;
	font-size:75%;
	font-weight:bold;
}
.release-list dd{
	width:90%;
	float:right;
	margin-bottom:10px;
	font-size:85%;
}
.release-list dd:after{
 	content: "\e904";
	font-family: 'icomoon';
	float:right;
	vertical-align:middle;
	line-height:20px;
	font-size: 13px;
	color: #d70c19;
	font-weight: normal;
}
.release-list a{
	color: #333;
}


/* ニュースカテアイコン */
.release{
	font-size:95%;
	padding:2px 10px;
	margin-right:15px;
	font-weight:normal;
	color:#FFF;
	background:#5194d9;
}
.news{
	font-size:95%;
	padding:2px 18px;
	margin-right:15px;
	font-weight:normal;
	color:#FFF;
	background:#ffba00;
}




/* 
==================================================
notfound
==================================================
*/
.notfound-box{
	width:100%;
	padding: 50px 0px 30px 0px;
	text-align:center;
	font-size:90%;
}
.notfound-box .img{
	width:45%;
	margin:0 auto;
	text-align:center;
}
.copy-la{
	font-weight:bold;
	font-size:150%;
	padding:30px 0 10px 0;
	color:#555;

}
.gotop{
	padding: 3px 10px 2px 10px;
	background-color: #555;
	color:#FFF;
}

/* 
==================================================
サイトマップ
==================================================
*/
#sitemap{
	width:70%;
	margin:0 auto 0px auto;
	font-size:98%;
}
.map_link{
	width:100%;
	margin:0 0 10px 10px;
}
.map_link li{
	width:19.0%;
	margin-right:0.5%;
	display:inline-block;
}
.map_link a{
	font-size:90%;
	margin:0;
	color:#333;
}
.map_link a:hover{
	text-decoration:underline;
}

.map_link li:before{
 	content: "\e928";
	font-family: 'icomoon';
	padding-right:6px;
	vertical-align:middle;
	line-height:23px;
	font-size: 7px;
	font-weight: normal;
	color:#d80512;
}







/*-----------------------------------------------------	*/
/*	画面幅が768px〜980px	iPad			*/
/*-----------------------------------------------------	*/

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



	.form-control {
		height:30px;
		padding: 3px 0.8em;
		border: 1px solid #555;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);/* Webkit */
		-webkit-border-radius: 5px;/* Firefox */
		moz-border-radius: 5px;/* IE */
	}

	/* ------ Column ------ */

	/* 左右に25pxの余白を設定 */
	.row {
		padding: 0 25px;
	}

	/* ------ Header ------ */
	header h1 {
		width: 90%;
		height: auto;
		margin: 15px 0 10px 0;
	}

	/* 
	==================================================
	content iPad
	==================================================
	*/
	#content {
		width: 98%;
		margin:0 auto;
	}


	/* グレー斜め+背景画像 */
	.backcolor_06 {
		padding: 90px 0 130px 0;
		margin: 0 0 0px 0;
		background-image:url(../images/back_04_sm_iPad.png);
	}
	.backcolor_06:before {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -1;
	}
	/* 黄色斜め+背景画像 */
	.backcolor_08 {
		margin: 30px 0 0px 0;
	}


	/* 背景画像 */
	.backcolor_10 {
		padding:0px 0px 0px 0;
		background-image:url(../images/back_07_ipad.png);
	}


	/* ------ Global Navi ------ */
	.drawermenucontainer {
		display: none;
	}
	#gnav li {
		font-size:90%;
	}
	#gnav a {
		font-size: 90%;
	}
	#gnav .on a {
			font-size: 90%;
	}

	/* ------ Global Navi 採用下層------ */
	#gnav_recruite ul li p{
		font-size:60%;
		padding: 0 0 0 0;
	}
	#gnav_recruite a {
		font-size: 83%;
		padding: 13px 0 0 0;
		letter-spacing:0.05em;
	}



	/* ------ Pagetitle(iPad) ------ */
	#pagetitle-menu1 {
		width: 100%;
		height:190px;
	}
	#pagetitle-menu2 {
		width: 100%;
		height:190px;
	}
	#pagetitle-menu3 {
		width: 100%;
		height:190px;
	}
	#pagetitle-menu4 {
		width: 100%;
		height:190px;
	}
	#pagetitle-menu5 {
		width: 100%;
		height:190px;
	}

	.title-area{
		width: 97%;
	}
	.title-area h2{
		padding-top:70px;
	}
	h2 .pagetitle-name{
		font-size:120%;
	}
	h2 .font-eng{
		font-size:50%;
	}



	/* ------ bread-crumb ------ */
	#bread-crumb {
		margin:0px auto 30px auto;
	}


	/* ------ submenu(iPad)  ------ */
	#submenu ul{
		width: 93%;
		margin:90px auto 0px auto;
	}
	#submenu li{
		font-size:120%;
	}
	#submenu li p{
		font-size:35%;
		padding:2px 0 2px 0;
		letter-spacing:0.2em;
	}

	/* menu1*/
	.submenu1 {
		padding: 60px 0;
	}
	.submenu1_on {
		padding: 60px 0;
	}

	/* menu2*/
	.submenu2 {
		padding: 60px 0;
	}
	.submenu2_on {
		padding: 60px 0;
	}
	/* menu3*/
	.submenu3 {
		padding: 60px 0;
	}
	.submenu3_on {
		padding: 60px 0;
	}



	/* ------ 見出し ------ */
	#sub-midashi {
		margin: 60px auto 60px auto;
		letter-spacing:0.03em;
		font-size:185%;
	}
	.midashi-s03 {
		margin: 60px auto 0px auto;
		font-size:180%;
	}
	.midashi-s03 p{
		font-size:30%;
	}



	/* ------ footer(iPad) ------ */
	.footer-top {
		font-size:85%;
		margin:0px 0 0 0;
	}
	.footer-top img{
		width:180px;
	}
	.tel-icon:after {
		padding: 0 5px 0 5px;
		font-size: 30px;
		line-height:33px;
	}

	.footer-inner{
		width:98%;
	}
	footer .link-area{
		font-size:10px;
		padding:10px 0;
	}

	#footerlogo img{
		width:88%;
	}


	footer .link-area2{
		font-size:60%;
		margin:0;
		padding:15px 0 0px 0;
	}
	.link-area2 li {
		width:12%;
	}

	/* 
	==================================================
	style(iPad)
	==================================================
	 */
	.style25 {
		font-size:175%;
	}
	.style27 {
		font-size:95%;
		line-height:170%;
	}


	.text_area3{
		width:85%;
		font-size:90%;
		line-height:190%;
	}



	/* 
	==================================================
	ボタン
	==================================================
	 */
	/* 角丸ボタン　大 */
	.circle_button{
		margin:10px auto;
		padding:13px 40px;
		font-size:100%;

	}

	/* 
	==================================================
	見出し(iPad)
	==================================================
	*/
	#midashi-la{
		width: auto;
		height:35px;
	}
	#midashi-la h4{
		float:left;
		font-size:17px;
		padding:5px 3px 0 10px;
		font-weight:bold;
	}

	/* 
	==================================================
	お問い合わせ
	==================================================
	*/
	#sec01 table.formTable ul.yoko li{
		width:40%;
		margin:0 18px 0 0;
		float:left;
		vertical-align:top;
	}

	/* ------ 幅 ------ */
	.width-20 {
		width:60%;
		margin:0 auto;
	}
	.width-30 {
		width:60%;
		margin:0 auto;
	}
	.width-50 {
		width:97%;
		margin:0 auto;
	}
	.width-80 {
		width:97%;
		margin:0px auto 0 auto;
	}
	.width-90 {
		width:97%;
		margin:0px auto 0 auto;
	}


	/* 
	==================================================
	下層：製品・サービス(iPad)
	==================================================
	*/
	/*------- クラウドサービス -------*/
	.panel .panelright_text{
		width: 34%;
		margin:0 4% 0 0;
	}
	.panel .panelleft_text{
		width: 34%;
		margin:0 0 0 4%;
	}

	.panel_copy img{
		width: auto;
		height:40px;
		padding-bottom:0px;
	}
	.panel_midashi {
		font-size:115%;
		line-height:135%;
		margin: 10px 0 0px 0;
	}
	.panel_text{
		margin: 10px auto 0 auto;
		font-size:83%;
		line-height:160%;
	}


	ul.category{
		width:95%;
		margin:0px auto 0 auto;
		font-size:85%;
	}
	.category li{
		width:22.8%;
		padding:8px 4px;
	}


	/* (カテゴリー見出し） */
	.cate_midashi{
		font-size:120%;
		padding:40px 0 0px 0;
	}
	.cate_midashi p{
		padding:0 0 15px 0;
	}

	/* (サービス複数：横に3ボックス） */
	ul.catelist_03{
		width:94%;
	}
	ul.catelist_03 li{
		width:31.8%;
		margin:0 1.5% 25px 0;
	}

	/* (サービス複数：横に2ボックス） */
	ul.catelist_02{
		width:94%;
	}
	ul.catelist_02 li{
		width:31.8%;
		margin:0 1.5% 25px 0;
	}

	/* (サービス1つ） */
	.catelist_01{
		width:94%;
	}
	.catelist_01 li{
		width:31.8%;
		margin:0 1.5% 25px 0;
	}

	/* (角Rボックス） */
	.service_box{
		font-size:85%;
		min-height:570px;

	}


	/* (角Rボックス:見出し　赤） */
	.service_name{
		font-size:100%;
	}
	.service_name p{
		font-size:70%;
	}
	.service_name span{
		font-size:60%;
	}
	.service_image{
		width:80%;
	}
	.description{
		padding:10px 10px;
		font-size:90%;
	}


	/* 機能アイコン（幅20％　黄緑）*/
	ul.kinouicon li{
		width:45%;
		min-height:18px;
		display:block;
		float:left;
		margin:0 3px 5px 0;
	}
	/* 機能アイコン（幅決まってない　紫）*/
	.kinouicon2{
		width:45%;
	}


	/*------- カスタマイズ開発(iPad) -------*/
	ul.customise_flow{
		width:95%;
		margin:40px auto;
	}
	ul.customise_flow li{
		width:18.8%;
		min-height:240px;
		display:inline-block;
		margin:0 0.5% 10px 0;
		font-size:95%;
	    border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	}
	ul.customise_flow li .innr .midashi{
		font-size:130%;
		margin:3px 0 0 0;
	}

	.flow_icon01:before {/* 頭 */
		font-size: 60px;
	}
	.flow_icon2:before {/* 虫眼鏡 */
		font-size: 45px;
	}
	.flow_icon03:before {/* 書類 */
		font-size: 50px;
	}
	.flow_icon04:before {/* PCと工具 */
		font-size: 55px;
	}
	.flow_icon05:before {/* 工具 */
		font-size: 45px;
	}
	.flow_icon06:before {/* PCログイン */
		font-size: 60px;
	}
	.flow_icon07:before {/* 雲 */
		font-size: 40px;
	}
	.flow_icon08:before {/* 人 */
		font-size: 60px;
	}
	.flow_icon09:before {/* 盾 */
		font-size: 48px;
	}
	.flow_icon10:before {/* 工具 */
		font-size: 45px;
	}


	/* 
	==================================================
	導入事例 (iPad)
	==================================================
	*/
	#jirei_logo{
		width: 95%;
	}
	#jirei_logo ul li{
		width: 28.5%;
	 	margin: 0 4% 30px 0;
	}
	#jirei_logo li span{
	 	margin: 5px 0 0 0;
		font-size: 10px;
	}


	/* 
	==================================================
	会社情報
	==================================================
	*/
	#submenu_company ul{
		width: 85%;
		margin:90px auto 0 auto;
	}
	#submenu_company li{
		font-size:125%;
		letter-spacing:0.15em;
	}
	#submenu_company li p{
		font-size:40%;
	}
	.menu1 {
		padding:60px 0;
	}
	.menu2 {
		padding:60px 0;
	}
	.menu3 {
		padding:60px 0;
	}

	table.profile{
		font-size:85%;
	}
	table.profile th{
		padding:15px 0 15px 5px;
	}
	table.profile td{
		padding:15px 0;
	}


	/* 経営理念 */
	#submenu_company_kaso ul{
		width: 60%;
	}

	.textarea70{
		width: 85%;
		line-height:190%;
		font-size:85%;
	}
	.textarea70 img{
		width: 85%;
	}


	.boxleft_50text{
		font-size: 75%;
	}
	.boxleft_50text .innr{
		width: 90%;
		margin:0px auto 20px auto;
	}
	.boxleft_50text p{
		line-height:180%;
		letter-spacing:0em;
	}
	.boxleft_50text img{
		height:40px;
		margin:10px 0 0 0;
	}



	.copy_small{
		font-size: 80%;
		letter-spacing:0.05em;
		margin:10px 0 0 0;
	}



	.boxright_50text{
		font-size: 75%;
	}
	.boxright_50text .innr{
		width: 90%;
		margin:0px auto 20px auto;
	}
	.boxright_50text p{
		line-height:180%;
		letter-spacing:0em;
	}
	.boxright_50text img{
		height:40px;
		margin:10px 0 0 0;
	}


	/* アクセス */
	.accessmap {
		width: 100%;
		background-size: 100%;
	}
	.accessnavi{
		width:220px;
		min-height:220px;
		padding:30px;
		margin:290px 0 0 0;
		font-size:88%;
	}
	.accessnavi .c_name{
		font-size:150%;
		font-weight: bold;
		margin:0 0 20px 0;
	}

	/* 
	==================================================
	採用iPad
	==================================================
	*/
	#header_recruit .headertop-left {
		width: 50%;
	}
	#header_recruit .headertop-right {
		width: 50%;
		float:right;
		text-align:right;
	}

	/* ------ Global Navi トップ------ */
	#gnav_recruite_top {
		width: 100%;
		height:51px;
	}
	#gnav_recruite_top a {
		padding: 5px 0;
		font-size: 75%;
	}

	.top-copy{
		font-size:100%;
		line-height:185%;
		letter-spacing:0.05em;
	}

	h5 img{
		height:38px;
	}


	.interview-box{
		width:96%;
	}

	.recruite-box2{
		width:100%;
		margin:0 auto 90px auto;
	}
	.recruite-box2 li{
		width:48.5%;
		margin:30px 0 0 1%;
	}

	.recruite_box2 .inner{
		padding:30px 0;
	}
	.recruite_box2 li .inner img{
		height:30px;
	}


	.recruite-box2 li .innr{
		width:90%;
	}
	.recruite-box2 .midashi{
		font-size:180%;
	}




	/* 採用下層ページ */
	#pagetitle-recmenu1 {
		height:160px;
		margin:0px auto 110px auto;
	}
	#pagetitle-recmenu2 {
		height:160px;
		margin:0px auto 110px auto;
	}
	#pagetitle-recmenu3 {
		height:160px;
		margin:0px auto 110px auto;
	}
	#pagetitle-recmenu4 {
		height:160px;
		margin:0px auto 110px auto;
	}
	#pagetitle-recmenu5 {
		height:160px;
		margin:0px auto 110px auto;
	}
	#pagetitle-recmenu6 {
		height:160px;
		margin:0px auto 110px auto;
	}

	.title-area_rec h2{
		padding-top:135px;
	}
	.title-area_rec h2 img{
		height:43px;
	}

	/* 採用下層(ミッション) */
	.mission_textarea {
		width:65%;
		font-size:95%;
		line-height:200%;
	}
	.mission_textarea .midashi {
		font-size:160%;
		letter-spacing:0.05em;
		text-align:center;
		margin:0 auto 30px auto;
	}


	/* 採用下層(インタビュー) */
	.interviewbox .box_nnr{
		width: 90%;
		margin:15px auto;
	}
	.interviewbox .box_nnr h7{
		font-size:105%;
		line-height:190%;
		padding:2px 13px;
	}
	.interviewbox .box_nnr .profile{
		font-size:80%;
	}
	.interviewbox .box_nnr p{
		font-size:80%;
		line-height:170%;
	}
	.interviewbox .box_nnr .question{
		font-size:90%;
		margin:20px auto 10px auto;
		padding:0px 8px 5px 0px;
		border-bottom:2px solid #FFF;
	}


	.timesheet{
		width: 99%;
		margin:0 auto;
		background-repeat:no-repeat;
		background-position:65% bottom;
	}
	.timesheet .timesheet-left{
		width: 53%;
	}
	.timesheet .timesheet-right{
		width: 30%;
	}

	.copyarea20{
		width: 25%;
		float:left;
		margin:30px 0 0 0;
	}
	.textarea80{
		width: 75%;
		float:right;
		margin:30px 0 0 0;
	}


	/* 
	==================================================
	ニュース（プレスリリース）
	==================================================
	*/
	/* 年リスト */
	.release_tab{
		width:90%;
		margin:0 auto;
	}
	.release-list{
		width:90%;
	}

	.release-list dl{
		width:98%;
		margin:0px auto 0 auto;
	}
	.release-list dt{
		width:100%;
		float:none;
		margin-right:0%;
		margin-bottom:5px;
	}
	.release-list dd{
		width:100%;
		float:none;
		margin-bottom:0;
		font-size:85%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.release-list dd:after{
		display:none;;
	}





	/* 
	==================================================
	サイトマップ
	==================================================
	*/
	#sitemap{
		width:90%;
		margin:0 auto 0px auto;
	}
	.map_link li{
		width:32%;
	}



}

/*-----------------------------------------------------	*/
/*	画面幅が767px以下（スマートフォン専用スタイル）	*/
/*-----------------------------------------------------	*/

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


	/* 左右に25pxの余白を設定 */
	.row {
		padding: 0 15px;
	}


	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.pc-only{
		display: none;
	}
	.sm-only{
		display: block;
	}

	#global-nav {
		display: none;
	}

	/* ------ Header ------ */

	#header {
		display: none;
	}

	/* ------（スマホ）ロゴの背景に白帯+透過の影・固定 ------ */
	#drawer_base {
		width:100%;
		height:55px;
		margin:0 auto;
	  	left:0%;
		position: fixed;
		background: #FFF;
		z-index: 1000;
	}

	.logo-sm-kasou {
		width:100%;
		margin:0 auto;
	}
	.logo-sm-kasou img {
		width: 135px;
		z-index: 100;/* ロゴ常に一番上に*/
		position: absolute;
		margin:12px auto 0 auto;
	  	left:0;
	  	right:0;
	}

	/* ------（採用：スマホのロゴ）------ */
	.logo-sm-kasou_rec {
		width:100%;
		margin:0 auto;
	}
	.logo-sm-kasou_rec img {
		height: 45px;
		margin:4px auto 0 auto;
	  	left:0;
	  	right:0;
		position: absolute;
	}

	/* ------ ハンバーガーメニュー ------ */
	.HiddenCheckbox {
	  display: none;
	}
	.drawermenucontainer {
	  position: fixed;
	  left:-10px;
	  top:-5px;
	  display: block;
	  padding: 20px;
	  width: 93%;
	  height: 100%;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  z-index: 1;
	}
	.menuheader {
	  color: #FFF;
	  display: inline-block;
	  float: left;
	  font-weight: 95;
	  line-height: 30px;
	  margin: 0 0 0 12px;
	  opacity: 0;
	  position: relative;
	  -webkit-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0);
	  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	  transition: transform 0.6s, opacity 0.5s;
	  z-index: 1;
	}
	.menuicon {
	  float: left;
	  cursor: pointer;
	  display: block;
	  height: 30px;
	  position: relative;
	  width: 30px;
	  z-index: 1;
	}
	.menuicon:before {
	  -webkit-box-shadow: #0b407c 0 12px 0;
	  box-shadow: #0b407c 0 12px 0;
	  height: 6px;
	  -webkit-transform-origin: left top;
	  -ms-transform-origin: left top;
	  transform-origin: left top;
	  width: 30px;
	}
	.menuicon:after {
	  bottom: 0;
	  height: 6px;
	  -webkit-transform-origin: left bottom;
	  -ms-transform-origin: left bottom;
	  transform-origin: left bottom;
	  width: 30px;
	}
	.menuicon:before,
	.menuicon:after {
	  background: #0b407c;
	  display: block;
	  content: '';
	  position: absolute;
	  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
	  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
	}
	.menu {
	  background-color: rgba(51,51,51,0.9);
	  bottom: 0;
	  left: -90%;
	  position: absolute;
	  top: 0;
	  width: 90%;
	  -webkit-transition: left 0.4s;
	  transition: left 0.4s;
	}
	.HiddenCheckbox:checked ~ .menuheader {
	  opacity: 1;
	  -webkit-transform: none;
	  -ms-transform: none;
	  transform: none;
	}
	.HiddenCheckbox:checked ~ .menuicon::before {
	  -webkit-box-shadow: transparent 0 0 0;
	  box-shadow: transparent 0 0 0;
	  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
	  transform: rotate(45deg) translate3d(6px, -3px, 0);
	}
	.HiddenCheckbox:checked ~ .menuicon::after {
	  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
	  transform: rotate(-45deg) translate3d(6px, 3px, 0);
	}
	.HiddenCheckbox:checked ~ .menu {
	  left: 0;
	}
	.menu-list {
	  list-style-type: none;
	  margin: 60px 0 0;
	  padding: 0;
	}
	.menu-item {
	  margin: 0;
	}
	.menu-link {
	  color: #fff;
	  display: block;
	  overflow: hidden;
	  padding: 5px 22px;
	  position: relative;
	  text-decoration: none;
	  z-index: 1;
	}
	.menu-link:before {
	  color: #fff;
	  background: #333;
	  bottom: 0;
	  content: '';
	  left: 0;
	  position: absolute;
	  right: 100%;
	  top: 0;
	  -webkit-transition: right 0.4s;
	  transition: right 0.4s;
	  z-index: -1;
	}
	.menu-link:after {
	  content: attr(href);
	  color: #fff;
	  float: right;
	  opacity: 0;
	  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
	  transition: opacity 0.8s, transform 0.4s;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
	.menu-link:hover:before {
	  right: 0;
	}
	.menu-link:hover:after {
	  opacity: 0.5;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}

	#container {
		top:60px;
		width: 100%;
	}

	/* ------ content ------ */
	#content {
		max-width: none;
		width: 98%;
		margin: 0px auto;
	}


	/* グレー斜め+背景画像 */
	.backcolor_06 {
		padding: 40px 0 180px 0;
		margin: 0 0 0px 0;
		background-image:url(../images/back_04_sm.png);
	}
	.backcolor_06:before {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -1;
	}

	#sec01{
		width:96%;
		margin:0 auto;
	}


	.text_area3{
		width:85%;
		font-size:90%;
		line-height:190%;
	}
	.text_area4{
		font-size:95%;
		line-height:160%;
	}

	/* 
	==================================================
	スマホ下層
	==================================================
	*/
	/* ページタイトル  製品・サービス*/
	#pagetitle-menu1 {
		width: 100%;
		height:180px;
		margin:0px auto;
		background-image:url(../images/menu1_base_sm.png);
		background-position:center top;
		background-size: cover;
	}
	#pagetitle-menu2 {
		width: 100%;
		height:180px;
		margin:0px auto;
		background-image:url(../images/menu2_base_sm.png);
		background-position:center top;
		background-size: cover;
	}
	#pagetitle-menu3 {
		width: 100%;
		height:180px;
		margin:0px auto;
		background-image:url(../images/menu3_base_sm.png);
		background-position:center top;
		background-size: cover;
	}
	#pagetitle-menu4 {
		width: 100%;
		height:180px;
		margin:0px auto;
		background-image:url(../images/menu4_base_sm.png);
		background-position:center top;
		background-size: cover;
	}
	#pagetitle-menu5 {
		width: 100%;
		height:180px;
		margin:0px auto;
		background-image:url(../images/menu5_base_sm.png);
		background-position:center top;
		background-size: cover;
	}

	.title-area h2{
		padding-top:70px;
		text-align: center;
	}
	h2 .pagetitle-name{
		font-size:145%;
		letter-spacing:0.05em;
	}
	h2 .font-eng{
		font-size:70%;
		font-weight:normal;
		padding-top:5px;
		letter-spacing:0.1em;
		color:#d70c19;
		font-weight:bold;
	}



	/* ------ bread-crumb  ------ */
	#bread-crumb {
		width: 100%;
		height:29px;
		margin:0px auto 20px auto;
		background:#d70c19;
	}
	#bread-crumb ul li {
		color:#FFF;
		margin:0 0 0 0;
		font-size:65%;
	}
	#bread-crumb li a{
		float:left;
		color:#FFF;
		padding-left:5px;
		text-decoration:underline;
	}


	/* ------ submenu（スマホ）------ */
	#submenu ul{
		width: 75%;
		margin:60px auto 0 auto;
	}
	#submenu li{
		width: 100%;
		float:none;
		font-size:125%;
		letter-spacing:0.05em;
		border-bottom:3px solid #FFF;
	}
	#submenu li p{
		font-size:35%;
	}
	.submenu1 {
		padding:50px 0;
	}
	.submenu1_on {
		padding:50px 0;
	}

	.submenu2 {
		padding:50px 0;
	}
	.submenu2_on {
		padding:50px 0;
	}

	.submenu3 {
		padding:50px 0;
	}
	.submenu3_on {
		padding:50px 0;
	}




	/* ------ 見出し（スマホ）------ */
	#sub-midashi {
		width: 96%;
		margin: 70px auto 20px auto;
		font-size:160%;
		letter-spacing:0.0em;
		line-height:130%;
	}
	#sub-midashi .copy {
		font-size:13px;
		line-height:135%;
		padding:10px 0 0 0;
		letter-spacing:0em;
	}
	/* スミ帯　白ヌキ*/
	.midashi-s01 {
		padding:5px 0;
		font-size:110%;
		letter-spacing:0.03em;
	}
	/* 見出し*/
	.midashi-s03 {
		margin: 60px auto 30px auto;
		font-size:160%;
	}
	.midashi-s03 p{
		font-size:30%;
	}




	/* 
	==================================================
	下層：製品・サービス（スマホ）
	==================================================
	*/
	.panel{
		width:100%;
		margin: 40px auto 50px auto;
	}
	.panel .panelleft_photo{
		width: 90%;
		float:none;
	}
	.panel .panelright_text{
		width: 90%;
		float:none;
		margin:0 auto ;
		padding:0 0 40px 0;
		border-bottom:1px solid #ccc;
	}
	.panel .panelleft_text{
		width: 90%;
		float:none;
		margin:0 auto;
	}
	.panel .panelright_photo{
		width: 90%;
		float:none;
		margin:0 auto;
		padding:0 0 40px 0;
		border-bottom:1px solid #ccc;
	}
	.panel_text{
		margin: 10px auto 5px auto;
		font-size:85%;
	}
	.panel_copy img{
		width: auto;
		height:40px;
		padding-bottom:0px;
	}
	.panel_midashi {
		margin: 15px 0 0px 0;
		font-size:130%;
		line-height:130%;
		letter-spacing:0.02em;
	}



	ul.category{
		width:95%;
		margin:0px auto 0 auto;
		font-size:80%;
	}
	.category li{
		width:47.5%;
		padding:7px 1px;
		margin:0 0 7px 3px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	#contentsbox .img-l {
		width: 100%;
		float: none;
		padding:10px 10px 0 10px;
		margin:0 auto;
		text-align:center;
	}
	#contentsbox .text-r {
		width: 97%;
		float: none;
		margin:0 auto;
		padding:10px 0 0 0;
	}
	#contentsbox .text-r .midashi{
		width: 98%;
		margin: 0 auto 8px auto;
		font-size:12px;
	}


	/* (カテゴリー見出し） */
	.backcolor_01{
		border-top:none;
	}
	.cate_midashi{
		font-size:145%;
		padding:20px 0 0px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-top:2px solid #FFF;
		margin:0 0 0 0;
	}
	.cate_midashi p{
		padding:0 0 15px 0;
	}

	/* (サービス複数：横に3ボックス） */
	ul.catelist_03{
		width:93%;
	}
	ul.catelist_03 li{
		width:100%;
		margin:0 0 15px 0;
		min-height:none;
	}

	/* (サービス複数：横に2ボックス） */
	ul.catelist_02{
		width:93%;
	}
	ul.catelist_02 li{
		width:100%;
		margin:0 0 15px 0;
		min-height:none;
	}

	/* (サービス1つ） */
	.catelist_01{
		width:93%;
	}
	.catelist_01 li{
		width:100%;
		margin:0 0 15px 0;
	}


	/* (角Rボックス） */
	.service_box{
		width:100%;
		margin:0 0 15px 0;
		min-height:540px;
	}


	/* (角Rボックス:見出し　赤） */
	.service_name{
		font-size:110%;
		padding:9px 5px 7px 5px;
	}
	.service_name p{
		font-size:80%;
	}
	.service_logo{
		width:90%;
	}
	.service_image{
		width:65%;
	}
	.description{
		padding:5px 10px 10px 10px;
		font-size:78%;
	}
	.description2{
		width:90%;
		margin:0 auto 30px auto;
	}


	/* 機能アイコン（幅20％　黄緑）*/
	ul.kinouicon li{
		width:30%;
		min-height:15px;
		display:block;
		float:left;
		margin:0 3px 5px 0;
		font-size:65%;
	}

	/* 機能アイコン（幅決まってない　紫）*/
	ul.kinouicon2 li{
		width:auto;
		font-size:65%;
	}


	/*------- カスタマイズ開発（スマホ） -------*/
	ul.customise_flow{
		width:90%;
		margin:30px auto;
	}
	ul.customise_flow li{
		width:48.3%;
		min-height:230px;
		margin:0 0.5% 10px 0;
		font-size:95%;
	    border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	}
	ul.customise_flow li .innr{
		margin:8px auto 0px auto;
	}

	.flow_icon01:before {/* 頭 */
		font-size: 60px;
	}
	.flow_icon2:before {/* 虫眼鏡 */
		font-size: 45px;
	}
	.flow_icon03:before {/* 書類 */
		font-size: 50px;
	}
	.flow_icon04:before {/* PCと工具 */
		font-size: 55px;
	}
	.flow_icon05:before {/* 工具 */
		font-size: 45px;
	}
	.flow_icon06:before {/* PCログイン */
		font-size: 60px;
	}
	.flow_icon07:before {/* 雲 */
		font-size: 45px;
	}
	.flow_icon08:before {/* 人 */
		font-size: 60px;
	}
	.flow_icon09:before {/* 盾 */
		font-size: 50px;
	}
	.flow_icon10:before {/* 工具 */
		font-size: 45px;
	}




	/* 
	==================================================
	導入事例（スマホ）
	==================================================
	*/
	.whiteback{
		width: 98%;
		margin:15px auto 20px auto;
		background:#FFF;
		font-size: 85%;
	}
	.jirei_company {
		width:98%;
		margin: 0px auto 0px auto;
		font-size:120%;
		line-height:145%;
	}
	.jirei_company .copy {
		font-size: 70%;
		margin:10px 0 10px 0;
	}
	.whiteback_innr{
		width: 90%;
	}
	.greenbox {
		font-size: 14px;
		padding: 7px 10px;
	}
	.bluebox {
		font-size: 14px;
		padding: 7px 10px;
	}

	#jirei_logo{
		width: 95%;
	}
	#jirei_logo ul li{
		width: 45.0%;
	 	margin: 0 4.0% 30px 0;
	}
	#jirei_logo li span{
	 	margin: 5px 0 0 0;
		font-size: 8px;
	}


	/* 
	==================================================
	会社情報（スマホ）
	==================================================
	*/
	#submenu_company ul{
		width: 75%;
		margin:60px auto 0 auto;
	}
	#submenu_company li{
		width: 100%;
		float:none;
		font-size:130%;
		letter-spacing:0.15em;
		border-bottom:1px solid #FFF;
	}
	#submenu_company li p{
		font-size:30%;
	}
	.menu1 {
		padding:50px 0;
	}
	.menu2 {
		padding:50px 0;
	}
	.menu3 {
		padding:50px 0;
	}


	/* 会社概要 */
	table.profile{
		width: 100%;
		margin:0 auto;
		font-size:85%;
		border:1px solid #ddd;
	}
	table.profile tr{
		display: block;
	}
	/* tableをリスト表示に */
	tbody th,
	tbody td{
	        display: list-item;
	    }
	table.profile th{
		width: 100%;
		padding-left:0%;
		padding:5px 0;
		text-align:center;
		list-style:none;
		background:#f1f1f1;
	}
	table.profile td{
		width: 95%;
		margin:0 auto;
		border:none;
		padding:15px 0 15px 5px;
		text-align:left;

	}



	/* 経営理念（スマホ） */
	#submenu_company_kaso ul{
		width: 65%;
		font-size:90%;
	}
	#submenu_company_kaso li{
		width: 100%;
		float:none;
		letter-spacing:0.1em;
		margin:0 0 3px 0;
	}

	.textarea70{
		width: 90%;
		line-height:190%;
		font-size:90%;
	}
	.textarea70 img{
		width: 100%;
	}

	.boxleft_50text{
		width: 100%;
		float:none;
		font-size: 75%;
	}
	.boxleft_50text .innr{
		width: 90%;
		margin:0px auto 30px auto;
	}
	.boxleft_50text p{
		line-height:190%;
	}
	.boxleft_50text img{
		height:50px;
		margin:40px 0 0 0;
	}
	.boxright_50photo{
		width: 100%;
		float:none;
	}


	.boxleft_50photo{
		width: 100%;
		float:none;
	}
	.boxright_50text{
		width: 100%;
		float:none;
		font-size: 75%;
	}
	.boxright_50text .innr{
		width: 90%;
		margin:20px auto 50px auto;
	}
	.boxright_50text p{
		line-height:190%;
	}
	.boxright_50text img{
		width: auto;
		height:50px;
		margin:30px 0 0 0;
	}


	/* アクセス */
	.photoframe{
		width:96%;
	}
	.accessmap {
		width: 98%;
		min-height: 620px;
		margin:0 auto;
		background-size: 100%;
		background-image:url(../images/map_sm.jpg);
		background-size: 100%;
	}
	.accessnavi{
		width:220px;
		min-height:220px;
		padding:15px;
		margin:93% 0 0 0;
		font-size:85%;
	}
	.accessnavi .c_name{
		font-size:130%;
	}


	/* ------ Page Top ------ */
	.page-top {
		width:80%;
		position:relative;
		z-index: 2;
	}
	.page-top a{
		position: fixed;
		bottom: 0px;
		display: block;
		right:0px;
	}



	/* ------ footer （スマホ）------ */
	.footer-top {
		font-size:100%;
		padding: 5px 0px;
	}
	.footer-top img{
		width:230px;
		padding:6px 0;
	}
	.tel-icon:after {
		padding: 0 5px 0 5px;
		font-size: 37px;
		line-height:50px;
	}




	footer .link-area{
		width:98%;
		margin:0 auto;
		font-size:65%;
	}

	.link-area:after {
		content: "";
		display: block;
		clear: both
	}
	.link-1	{
		display: none;
	}
	.link-2	{
		display: none;
	}
	.link-3	{
		float: left;
		width: 55%;
		margin:0px 0 5px 0;
	}
	.link-4	{
		float: right;
		width: 45%;
		margin:0px 0 5px 0;
	}
	.link-5	{
		float: none;
		width: 100%;
	}


	.line{
		clear:both;
		padding:20px 0 0px 0;
	}
	.line2{
		clear:both;
		padding:0px 0 0px 0;
	}


	#copyright p {
		font-size:11px;
	}


	.list-yoko2{
		width:100%;
		margin:0 auto;
	}
	.list-yoko2 li{
		width:47.5%;
		float:left;
		margin-right:1%;
	}


	/* 採用フッター(スマホ) */
	footer .link-area2{
		font-size:70%;
		margin:0;
		padding:10px 0 0px 0;
	}
	.link-area2 li {
		width:49%;
		margin: 0 0 5px 0;
		text-align:left;
	}
	.link-area2 li.logo {
		width:100%;
		display:block;
		text-align:center;
		margin: 5px 0 20px 0;
	}
	.link-area2 li.logo img{
		width:150px;
	}
	.link-area2 li.logo p{
		font-size:90%;
		margin: 5px 0 0 0;
	}

	/* レイアウト */
	/* 幅50％で分ける-囲む */
	.box-line {
		width:98%;
		margin:10px 0 0 0;
	 	border: 1px solid #ccc;
	}

	.box-left50 {
		width:98%;
		float: none;
		margin:10px 0 0 0;
	 	border: 1px solid #ccc;
	}
	.box-right50 {
		width:98%;
		float: none;
		margin:10px 0 0 0;
	 	border: 1px solid #ccc;
	}

	/* 幅50％で分ける-囲みなし */
	.box {
	  	width:100%;
		margin:10px 0 0 0;
	}
	.box50-left50 {
		width:98%;
		float: none;
		margin:10px 0 0 0;
	}
	.box50-right50 {
		width:98%;
		float: none;
		margin:10px 0 0 0;
	}



	/* floatで右寄りの写真をセンターへ */
	.img-right25{
		width:50%;
	}
	.img-right40{
		width:94.5%;
		float: none;
		padding:3px;
		border:solid 1px #CCCCCC;
		margin-bottom:5px;
	}
	.img-right50{
		width:94.5%;
		float: none;
		padding:3px;
		border:solid 1px #CCCCCC;
		margin-bottom:5px;
	}
	.img-right60{
		width:94.5%;
		float: none;
		padding:3px;
		border:solid 1px #CCCCCC;
		margin-bottom:5px;
	}
	.img-center {
	  	width: 94%;
		margin:0 auto;
		text-align:center;
		margin-top:10px;
		padding:3px;
		border:solid 1px #CCCCCC;
	 	background: #FFF;
	}

	/* formTable（スマホ） */
	table.formTable {
		max-width:100%;
	}
	table.formTable tr{
		width:100%;
		display: block;
		list-style: none;
	}
	table.formTable th{
		width:auto;
		display: list-item;
		padding:5px 8px; 
		border:none;
	}

	table.formTable td{
		width:auto;
		display: list-item;
		padding:8px 5px 8px 8px; 
		border:none;
	}
	table.formTable td input{
		width:97.5%;
	}
	table.formTable ul.yoko li{
		width:auto;
		float:none;
		margin:0px;
	}



	table.privacy{
		width:100%;
		list-style: none;
	}
	table.privacy tr{
		max-width:100%;
		margin:0px auto;
		display: list-item;
	}
	table.privacy th{
		max-width:95%;
		margin:0px auto;
		display: list-item;
		border-bottom:none;
	}
	table.privacy td{
		max-width:95%;
		margin:0px auto;
		display: list-item;
		text-align:left;
	}


	 /* テキストエリアの設定 */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea,select{
	width:100%;
	padding:5px 0px 5px 3px;
	margin:10px 0;
	font-size:100%;
	}
	.form-control {
		height:35px;
		padding: 3px 0.8em;
		border: 1px solid #555;
		padding: 0 0 0 5px;
        }



	/* ------ 余白 ------ */
	.left-20 {
		margin-left:0px;
	}


	/* ------ 幅 ------ */
	.width-20 {
		width:90%;
		margin:10px auto 0 auto;
	}
	.width-30 {
		width:90%;
		margin:10px auto 0 auto;
	}
	.width-50 {
		width:90%;
		margin:10px auto 0 auto;
	}
	.width-60 {
		width:90%;
		margin:10px auto 0 auto;
	}
	.width-80 {
		width:90%;
		margin:10px auto 0 auto;
	}
	.width-90 {
		width:90%;
		margin:10px auto 0 auto;
	}

	/* 斜め+背景画像 */
	.backcolor_09 {
		margin: 0 0 0px 0;
		padding:90px 0 140px 0;
	}
	/* 黄色斜め+背景画像 */
	.backcolor_08 {
		padding:120px 0 180px 0;
		margin: 0 0 0 0;
	}


	/* 背景画像 */
	.backcolor_10 {
		background-image:none;
	}



	/* ------ ボタン ------ */
	/* 角丸ボタン　大 */
	.circle_button{
		margin:10px auto;
		padding:13px 40px;
		font-size:100%;
	}
	/* 角丸ボタン　小(赤ケイ) */
	.circle_button_03{
		padding: 13px 30px; 
		font-size: 100%;
	}
	/* 角丸ボタン　小(赤) */
	.circle_button_07{
		padding: 13px 15px; 
		font-size: 100%;
	}

	/* 角丸ボタン　小(スミケイ) */
	.circle_button_06{
		margin:15px auto 20px auto;
		padding: 13px 20px; 
		font-size: 90%;

	}



	/* ------ リスト ------ */
	ul.list-style01{
		width:98%;
		margin:0 auto;
		font-size:75%;
	}
	ul.list-style01 li{
		padding: 6px 0px;
		border-bottom:1px dotted #444;
	}




	/* 
	==================================================
	採用スマホ
	==================================================
	*/
	.style25 {
		width: 95%;
		margin:0 auto 15px auto;
		font-size:160%;
		letter-spacing:0em;
	}
	.style26 {
		font-size:95%;
		letter-spacing:0em;
		line-height:160%;
	}
	.style27 {
		width: 90%;
		margin:0 auto 15px auto;
		font-size:95%;
		line-height:160%;
		text-align:left;
	}
	.style31 {
		font-size:200%;
		letter-spacing:0.1em;
		text-align:center;
	}
	.style36 {
		width:90%;
	}

	.tab_button {
		width:130px;
		height:18px;
		padding:5px 0 5px 0;
		right: 5px;
		font-size:80%;
	    border-radius: 0 0 5px 5px;
	    -webkit-border-radius: 0 0 5px 5px;
	    -moz-border-radius:  0 0 5px 5px;
	}

	.top-copy{
		width:90%;
		margin:0px auto 60px auto;
		font-size:95%;
		line-height:180%;
		text-align:left;
		letter-spacing:0.1em;
	}

	#gnav_recruite_top {
		display:none;
	}

	h5 img{
		height:38px;
	}

	.interview-box{
		width:93%;
		margin:0px auto 80px auto;
	}
	.interview-box li{
		width:100%;
		display:inline-block;
		margin:0 0 10px 0;
	}

	.recruite_box2{
		width:100%;
	}
	.recruite_box2 li{
		width:100%;
		display:block;
		margin:0 0 10px 0;
	}
	.recruite_box2 .inner{
		width:98%;
		padding:20px 0 30px 0;
	}
	.recruite_box2 li .inner img{
		width:auto;
		height:30px;
	}
	.recruite_box2 li .inner .submidashi{
		font-size:120%;
		font-weight:bold;
		letter-spacing:0.15em;
		margin:0 0 20px 0;
	}
	.recruite_box2 li .inner span{
		padding:10px 15px;
		font-size:80%;
	}



	#header_recruit {
		width: 100%;
	}
	#header_recruit .headertop {
		width: 100%;
		background:#d80512;
		padding:2px 0 5px 0;
	}
	#header_recruit .headertop-left {
		width: 100%;
		float:none;
		margin:0 auto;
		text-align:left;
	}
	#header_recruit .headertop-left img{
		width: 200px;
		margin:0 0 0 5px;
	}

	#header_recruit .headertop-right {
		width: 100%;
		float:none;
		margin:0 auto;
		text-align:center;
	}


	table.recruite{
		font-size:80%;
	}



	/*採用スマホ 下層*/
	#pagetitle-recmenu1 {
		height:170px;
		margin:0px auto 110px auto;
		background-image:url(../images/menu1_baserec_sm.png);
		background-position:center bottom;
		background-size: cover;
	}
	#pagetitle-recmenu2 {
		height:170px;
		margin:0px auto 110px auto;
		background-image:url(../images/menu2_baserec_sm.png);
		background-position:center bottom;
		background-size: cover;
	}
	#pagetitle-recmenu3 {
		height:170px;
		margin:0px auto 110px auto;
		background-image:url(../images/menu3_baserec_sm.png);
		background-position:center bottom;
		background-size: cover;
	}
	#pagetitle-recmenu4 {
		height:170px;
		margin:0px auto 110px auto;
		background-image:url(../images/menu4_baserec_sm.png);
		background-position:center bottom;
		background-size: cover;
	}
	#pagetitle-recmenu5 {
		height:170px;
		margin:0px auto 110px auto;
		background-image:url(../images/menu5_baserec_sm.png);
		background-position:center bottom;
		background-size: cover;
	}
	#pagetitle-recmenu6 {
		height:170px;
		margin:0px auto 110px auto;
		background-image:url(../images/menu6_baserec_sm.png);
		background-position:center bottom;
		background-size: cover;
	}


	.title-area_rec h2{
		padding-top:150px;
	}
	.title-area_rec h2 img{
		height:35px;
	}

	/* 採用下層(ミッション) */
	.mission_textarea {
		width:85%;
		font-size:90%;
		line-height:200%;
	}
	.mission_textarea .midashi {
		font-size:150%;
		letter-spacing:0.0em;
		text-align:center;
		margin:0 auto 30px auto;
	}


	/* 採用下層(インタビュー) スマホ*/
	ul.interviewbox {
		width: 97%;
	}

	.interviewbox li.photobox{
		width: 100%;
	}
	.interviewbox li.colorbox1{
		width: 100%;
		margin:0 0 15px 0;
	}
	.interviewbox li.colorbox2{
		width: 100%;
		margin:0 0 15px 0;
	}
	.interviewbox li.colorbox3{
		width: 100%;
		margin:0 0 15px 0;
	}

	.interviewbox .box_nnr{
		width: 90%;
		margin:25px auto;
	}
	.interviewbox .box_nnr h7{
		font-size:102%;
		line-height:225%;
		letter-spacing:0em;
		padding:5px 10px;
	}
	.interviewbox .box_nnr .profile{
		font-size:70%;
	}
	.interviewbox .box_nnr p{
		font-size:85%;
		line-height:170%;
	}
	.interviewbox .box_nnr .question{
		font-size:95%;
		line-height:150%;
		margin:20px auto 15px auto;
		padding:0px 8px 5px 0px;
		border-bottom:2px solid #FFF;
	}

	.timesheet{
		width: 100%;
		min-height:none;
		background-image:url(../images/timesheet_sm.png);
		background-position:right top;
		background-size: 95px;
	}
	.timesheet .timesheet-left{
		width: 76%;
		float:none;
	}
	.timesheet .timesheet-right{
		display:none;
	}
	.timeschedule p{
		font-size:70%;
		line-height:150%;
		margin:0 8px 0 0;
	}
	.timeschedule .midashi{
		font-size:70%;
		padding:1px 5px;
	}


	.copyarea20{
		width: 100%;
		float:none;
		margin:30px auto;
		text-align:center;
	}
	.textarea80{
		width: 95%;
		float:none;
		margin:0 auto 30px auto;
	}


	.recruite-box2{
		width:100%;
		margin:0 auto 140px auto;
	}
	.recruite-box2 li{
		width:100%;
		min-height:none;
		display:block;
		margin:0 auto 10px auto;
	}
	.recruite-box2 li .innr{
		width:90%;
		padding:0 0;
		margin:10px auto;
	}

	.recruite-box2 li .innr p{
		font-size:80%;
		line-height:180%;
	}


	.recruite-box1{
		width:95%;
		height:100%;
	}
	.recruite-box1:hover{
		width:95%;
		height:100%;
	}
	.recruite-box1 .innr{
		padding:20px 0 0px 0;
	}


	table.recruite-table{
		font-size:85%;
		padding:0 0 10px 0;
		border:1px solid #ccc;
		border-top:none;
		list-style:none;
	}
	table.recruite-table tr{
		display: block;
	}
	/* tableをリスト表示に */
	table.recruite-table th{
		width: 100%;
		padding-left:0%;
		text-align:center;
		padding:5px 0;
	        display: list-item;
		border-top:none;

	}
	table.recruite-table td{
		width: 95%;
		margin:0 auto;
		border:none;
		text-align:left;
		border:none;
		padding:10px 10px 10px 10px;
	        display: list-item;
	}



	/* 
	==================================================
	よくある質問
	==================================================
	*/
	.midashi-ques {
		font-size: 80%;
		padding:5px 10px;
	}
	.midashi-ques:before {
		font-size:15px;
	}

	.midashi-ans {
		font-size: 80%;
		padding: 10px 15px 10px 15px;
		text-indent:-2.3em;
		padding-left:2.3em;
		border:1px solid #ccc;
	}
	.midashi-ans:before {
		font-size:15px;
	}

	/* 
	==================================================
	notfound
	==================================================
	*/
	.notfound-box{
		padding: 30px 0px;
		font-size:80%;
	}
	.notfound-box .img{
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	.copy-la{
		font-weight:bold;
		font-size:140%;
		padding:10px 0;
	}


	/* 
	==================================================
	ニュース（プレスリリース）
	==================================================
	*/
	/* 年リスト */
	.release_tab{
		width:95%;
		margin:0 auto;
	}

	.release-list{
		width:95%;
	}

	.release-list dl{
		width:98%;
		margin:0px auto 0 auto;
	}
	.release-list dt{
		width:100%;
		float:none;
		margin-right:0%;
		margin-bottom:5px;
	}
	.release-list dd{
		width:100%;
		float:none;
		margin-bottom:0;
		font-size:80%;
	}
	.release-list dd:after{
		display:none;;
	}

	/* ニュースカテアイコン */
	.release{
		margin-right:10px;
	}
	.news{
		margin-right:10px;
	}




	/* 
	==================================================
	サイトマップ
	==================================================
	*/
	#sitemap{
		width:90%;
		margin:0 auto 0px auto;
	}
	.map_link{
		width:100%;
		margin:0 0 10px 5px;
	}
	.map_link li{
		width:98%;
		font-size: 90%;
	}


}


/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

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




}