/* Reset */
* {
    margin: 0;
    padding: 0;
}
form {
    margin: 0;
}

/* ▼テキストのスタイル▼
----------------------------------------*/

/* リンク文字の色の定義 */
a:link		{
    color: #434343;
    text-decoration:none;
}
a:visited	{
    color: #434343;
    text-decoration:none;
}
a:hover		{
    color: #DA4C98;
    text-decoration:none;
}
a:active	{
    color: #434343;
    text-decoration:none;
}

/* Ｈタグの定義 */

h1 {
	font-size: 30px;
    color:#4343434;
    display:inline; 
}

h2 {
	font-size: 23px;
	color:#434343;
	font-weight: normal;
}

h3 {
    font-size: 21px;
	color:#DA4C98;
	font-weight: normal;
}


h4, h5 {
    font-size: 16px;
	display:inline; 
}

.imgover {vertical-align: bottom;}


/* ▼レイアウト部分のスタイル▼
----------------------------------------*/

body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
	line-height: 32px ;
	color: #434343;
	background-color:#FFFFFF;
}

#wrapper {
	width: 100%;
}

#contents {
	max-width:1100px;
	text-align:left;
	margin:0 auto;
	background-color:#FFFFFF;
    line-height: 1.7;
	}



/* ▼画像ロールオーバー部分のスタイル▼
----------------------------------------*/

.imgover {vertical-align: bottom;}

.dp { display: inline-block !important; }
.dph { display: block !important; }
.mb { display: none !important; }



/* ▼ヘッダー部分のスタイル▼
----------------------------------------*/

#header {
	min-height:94px;
	width:1100px;
	text-align:center;
	margin: 0 auto;
	}
#header img {
	margin-top:20px;
}

.site-rogo {
        float: left;
	padding-top: 10px;
	margin: 0;
}

.tel {
        float: right;
	padding: 7px 6px 0 0;
	margin: 0;
}

.fix-header {
	background-color:#DA4C98;
	top: -50px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
	}

.f_head {
	height:50px;
	width:1260px;
	margin: 0 auto;
}

.f_site-rogo {
	width:150px;
    float: left;
	padding-top: 5px;
	margin: 0;
}

.f_tel {
	width:250px;
    float: left;
    text-align:right;
	padding: 0;
	margin: 0;
}



/* ▼ナビゲーションのスタイル▼
----------------------------------------*/

#gnavi_box {
    width: 100%;
	height: 50px;
    margin: 0 auto;
	text-align:left;
	background-image:url(../img/gn_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:26px;
	font-size: 14px;
}

.gnavi {
    width: 1100px;
    margin: 0 auto;
	text-align:left;
}

.gnavi img {
    margin-top:0px;
	}

ul.gnavi {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  border-right:1px #D5D5D5 solid;
}

ul.gnavi li {
  display: table-cell;
  vertical-align: middle;
  border-left:1px #D5D5D5 solid;
}

ul.gnavi li a {
	color:#434343;
	text-decoration:none;
  margin: 0;
  padding: 0;
}

ul.gnavi li a:hover {
	color:#DA4C98;
	text-decoration:none;
  margin: 0;
  padding: 0;
}


.f_gnavi {
    width: 820px;
    margin: 0 auto;
	text-align:left;
	float:left;
	padding:2px 10px 0 30px;
	font-size: 13px;
}

.f_gnavi img {
    margin-top:0px;
	}

ul.f_gnavi {
  display: table;
  text-align: center;
  width: 100%;
  border-right:1px #D5D5D5 solid;
}

ul.f_gnavi li {
  display: table-cell;
  vertical-align: middle;
}

ul.f_gnavi li a {
	color:#FFFFFF;
	text-decoration:none;
  margin: 0;
  padding: 0;
}

ul.f_gnavi li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
  margin: 0;
  padding: 0;
}


/* ▼トグルボタン部分のスタイル▼
----------------------------------------------- */


nav.menu	 { width:25px; height:30px; top: 20px; right:14px; position:fixed; cursor:pointer; overflow:hidden; z-index:9999; background-color: #D84D95; 
border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
   padding: 4px 7px; }
nav .menu1 { width:25px; height:2px; background-color: #FFF; top:10px; position:absolute; } 
nav .menu2	 { width:25px; height:2px; background-color: #FFF; top:18px; position:absolute; } 
nav .menu3	 { width:25px; height:2px; background-color: #FFF; top:26px; position:absolute; }

nav .menu1,nav .menu2,nav .menu3
					{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
					 
nav .menuclick1		{ top:18px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
nav .menuclick2		{ background-color:rgba(255,255,255,0);  }
nav .menuclick3		{ top:18px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }

#menu{
position: fixed;
font-weight: bold;
font-size:14px;
display: none;
right: 15px;
top: 60px;
list-style-type: none;
background-color:#FFFFFF;
border: 4px solid #DA4C98;
padding: 20px 20px 30px 20px;
z-index: 9999;
color:#BFBFBF;
}

#menu li {
  line-height: 1.5; /*文の行高*/
  padding: 0.8em; /*前後の文との余白*/
  border-bottom: 1px dashed #BFBFBF;
}

#menu a {color:#434343; text-decoration:none;}
#menu a:hover {color:#434343; text-decoration:none;}



/* ▼パンくず部分のスタイル▼
----------------------------------------*/

ol.topic-path {
margin: 0;
padding: 16px 0 10px 0; 
list-style-type: none; 
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#9F9F9F;
}

ol.topic-path li {
display: inline; 
}

ol.topic-path li a {
color: #9F9F9F;
text-decoration: none;
}

ol.topic-path li a:hover {
color: #434343;
text-decoration: underline;
}

/* ▼コンテンツ部分のスタイル▼
----------------------------------------*/

.p_top {
	text-align:center;
	margin:100px 0 36px 0;
}

#mv {
	height: 520px;
    background: url('../img/main.jpg') 0 0 no-repeat;
    background-position:center;
}

#mv_cp {
	height: 280px;
    background: url('../img/main_cp.png') 0 0 no-repeat;
    background-position:center;
}

#mv_job {
	height: 280px;
    background: url('../img/main_job.png') 0 0 no-repeat;
    background-position:center;
}

#mv_sys {
	height: 280px;
    background: url('../img/main_sys.png') 0 0 no-repeat;
    background-position:center;
}

#mv_ci {
	height: 280px;
    background: url('../img/main_ci.png') 0 0 no-repeat;
    background-position:center;
}

#mv_pv {
	height: 280px;
    background: url('../img/main_pv.png') 0 0 no-repeat;
    background-position:center;
}

#mv_con {
	height: 280px;
    background: url('../img/main_con.png') 0 0 no-repeat;
    background-position:center;
}

#mv_conp {
	height: 280px;
    background: url('../img/main_conp.png') 0 0 no-repeat;
    background-position:center;
}

#c_box {
	width:100%;
	border-bottom:1px solid #D5D5D5;
}

.cc {
	width:1000px;
	margin:0 auto;
	padding:0px 0 34px;
}

.cr {
	width:220px;
	min-height:100px;
	float:left;
	text-align:center;
}

.cl {
	width:810px;
	min-height:100px;
	padding-left:70px;
	border-left:1px solid #D5D5D5;
	box-sizing: border-box;
	float:right;
}


.tcc {
	width:1100px;
	margin:0 auto;
	padding:0 0 34px 0;
}

.cbr {
	width:530px;
	min-height:100px;
	float:left;
	text-align:left;
	padding-right:20px;
}

.cbl {
	width:530px;
	min-height:100px;
	float:right;
	text-align:left;
	padding-left:20px;
}

.tx_p {
	width:100%;
	height: 50px;
	border-top:1px #DA4C98 solid;
	text-align: center;
	padding-top: 12px;
}

.tx_h {
	height: 50px;
	border-bottom:1px #DA4C98 solid;
	padding-left: 20px;
	padding-top: 6px;
	margin-bottom: 12px;
}

.tx_link {
	height:40px;
	margin-left: 20px;
	}
.tx_link img {
	vertical-align:middle;
}

.ti_box {
	height:42px;
	text-align:center;
	padding: 50px 0 50px;
}

.tij_box {
	height:42px;
	text-align:center;
	padding: 30px 0 15px;
}

.tip_box {
	height:42px;
	text-align:center;
	padding: 0 0 50px 0;
}

.tip_box2 {
	height:42px;
	text-align:center;
	padding: 186px 0 50px 0;
}

.btx {
	text-align:left;
	font-size:16px;
	padding-top:42px;
	margin:42px 20% 0 20%;
	width:60%;
	text-align: justify;
	text-justify: inter-ideograph;
	border-top:1px #D5D5D5 dashed;
}


/* ▼コンテンツ部分のスタイル▼
----------------------------------------*/

.txp_box {
	width:930px;
	min-height:40px;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

.txp_box_c {
	width:930px;
	min-height:40px;
	margin: 0 auto;
	text-align: center;
}

.txp_box_cb {
	width:100%;
	min-height:40px;
	margin: 0 auto;
	text-align: center;
	border-bottom:1px #DA4C98 solid;
	padding:20px 0 32px 0 ;
}

.ptel {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:26px;
	font-weight:bold;
}

.txpr_box {
	width:730px;
	min-height:40px;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

.txp_p {
	width:100%;
	min-height: 50px;
	border-bottom:0px #DA4C98 solid;
	text-align: center;
	font-size: 28px;
	color:#DA4C98;
}

.txp_cp {
	width:100%;
	min-height: 50px;
	border-bottom:0px #DA4C98 solid;
	text-align: center;
	font-size: 28px;
	color:#DA4C98;
}

.txp_pl {
	width:100%;
	min-height: 60px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 28px;
	color:#DA4C98;
	margin: 80px 0 24px 0;
}

.txp2_pl {
	width:100%;
	min-height: 60px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 23px;
	color:#434343;
	margin: 80px 0 24px 0;
}

.txc_pl {
	width:100%;
	height: 60px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 28px;
	color:#DA4C98;
	margin: 0 0 12px 0;
}

.pi {
	font-size: 28px;
	color:#DA4C98;
}

.imm {
	margin-top: 100px;
}

.con_box_c {
	width:930px;
	min-height:200px;
	margin: 0 auto;
	text-align: center;
	padding-top:132px;
}
.txp_box_d {
	width:100%;
	min-height:80px;
	margin: 0 auto;
	text-align: center;
}
.con_box_d {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:#9e8a9e 1px 3px 2px;
	o-box-shadow:#9e8a9e 1px 3px 2px;
	-moz-box-shadow:#9e8a9e 1px 3px 2px;
	-webkit-box-shadow:#9e8a9e 1px 3px 2px;
	text-indent:0px;
	line-height:44px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:19px;
	color:#ffffff;
	width:332px;
	height:44px;
	padding:12px;
	text-shadow:#d1cfd1 2px 2px 27px;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
}

.con_box_d:active {
	box-shadow:#9e8a9e 1px 0 2px;
	o-box-shadow:#9e8a9e 1px 0 2px;
	-moz-box-shadow:#9e8a9e 1px 0 2px;
	-webkit-box-shadow:#9e8a9e 1px 0 2px;
	position:relative;
	top:3px
}

.con_box_d:hover {
}

/* ▼tableのスタイル▼
----------------------------------------*/

.info{
  width:100%;
  border-bottom: 1px solid #D5D5D5;
  border-collapse: collapse;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  margin:0 auto;
}
 
.info th{
  width:10em;
  padding: 20px 20px 20px 38px;
  border-top: solid 1px #D5D5D5;
  border-right: dashed 1px #D5D5D5;
  border-collapse: collapse;
  font-style: normal;
  font-weight: bold;
  line-height:160%;
  color:#393636;
  text-align: left;
  vertical-align: top;
}
 
.info td{
padding: 20px 20px 20px 60px;
text-align: justify;
text-justify: inter-ideograph;
vertical-align: top;
background-color: #FFFFFF;
border-top: solid 1px #D5D5D5;
border-collapse: collapse;
line-height:220%;
}


.j_info{
  width:100%;
  border-spacing: 15px;
  border-collapse: separate;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  margin:0 auto;
}
 
.j_info th{
  width:10em;
  padding: 10px 30px 10px 38px;
  margin-top:12px;
  border-right: dashed 1px #D5D5D5;
  border-collapse: collapse;
  font-style: normal;
  font-weight: bold;
  line-height:160%;
  color:#393636;
  text-align: left;
  vertical-align: top;
}
 
.j_info td{
padding: 10px 20px 10px 38px;
margin-top:12px;
text-align: justify;
text-justify: inter-ideograph;
vertical-align: top;
background-color: #FFFFFF;
border-collapse: collapse;
line-height:220%;
font-size:14px;
}

.j_info a:link {
	color:#434343;
	text-decoration:none;
}

.j_info a:hover {
	color:#434343;
	text-decoration:underline;
}

.ji {
	width:100%;
}

.bosyu {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #DA4C98;
    margin: 10px 10px 40px 0px;
    border-radius: 5px;
    padding: 5px;
    color:#FFFFFF;
}

.over {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #AAABAB;
    margin: 10px 10px 40px 0px;
    border-radius: 5px;
    padding: 5px;
    color:#FFFFFF;
}

/* ▼フォーム部分のスタイル▼
----------------------------------------*/

.sub {
	width:100%;
	text-align:center;
}


/* ▼フッター部分のスタイル▼
----------------------------------------*/

#f_nav {
	width:100%;
	height:48px;
	background-color:#F5E8EA;
	text-align:center;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	padding-top: 16px;
}

#f_nav a {
	color:#4C4958;
	text-decoration:none;
}

#f_nav a:hover {
	color:#DA4C98;
	text-decoration:none;
}

#footer {
    width: 100%;
	min-height: 280px;
    margin: 0 auto;
	background-color:#DA4C98;
	text-align:center;
	color: #FFFFFF;
	font-size:14px;
	line-height:200%;
	padding:36px 0 24px 0;
}

#footer img {
	margin-bottom:14px;
}

.f_cn {
	margin-bottom:14px;
}

.copyright {
    width: 100%;
	height: 60px;
    margin: 90px 0 auto;
	text-align:center;
	color: #FFFFFF;
	background-color:#DA4C98;
	font-size:12px;
	line-height:180%;
}



/******************************************************************************/
/* スマホ用指定 */
/******************************************************************************/

/* スマートフォンでヨコ長で表示する場合の指定 */

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

.dp { display: none !important; }
.dph { display: none !important; }
.mb { display:inline-block !important; }

h2 {
	font-size: 17px;
	color:#434343;
	font-weight: normal;
}

h3 {
    font-size: 20px;
	color:#DA4C98;
	font-weight: normal;
}

#contents {
	max-width:95%;
	text-align:left;
	margin:0 auto;
	background-color:#FFFFFF;
    line-height: 1.7;
	}
	
#header {
	min-height:100px;
	text-align:left;
	margin: 0 auto;
	border-bottom:3px #D84D95 solid;
	padding-left:5%;
	}

#header img {
	max-width: 30%;
}


.tcc {
	width:95%;
	margin:0 auto;
	padding:0 0 17px 0;
}

.tcc img {
	width:100%;
}

.cbr {
	width:100%;
	min-height:100px;
	float:left;
	text-align:left;
	padding-right:0px;
	margin-bottom: 32px;
}

.cbl {
	width:100%;
	min-height:100px;
	float:right;
	text-align:left;
	padding-left:0px;
}

.tx_p {
	width:100%;
	height: 40px;
	border-top:1px #DA4C98 solid;
	text-align: center;
	padding-top: 12px;
}

.tx_h {
	height: 40px;
	border-bottom:1px #DA4C98 solid;
	padding-left: 20px;
	padding-top: 12px;
	margin-bottom: 12px;
}

.tx_link {
	height:40px;
	margin-left: 20px;
	}
.tx_link img {
	vertical-align:middle;
	width:4%;
}

/* ▼コンテンツ部分のスタイル▼
----------------------------------------*/

#mv {
	height: 480px;
    background: url('../img/main_mb.jpg') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_cp {
	height: 260px;
    background: url('../img/main_cp_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_job {
	height: 260px;
    background: url('../img/main_job_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_sys {
	height: 260px;
    background: url('../img/main_sys_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_ci {
	height: 260px;
    background: url('../img/main_ci_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_pv {
	height: 260px;
    background: url('../img/main_pv_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_con {
	height: 260px;
    background: url('../img/main_con_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_conp {
	height: 260px;
    background: url('../img/main_conp_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

ol.topic-path {
margin: 0;
padding: 6px 0 10px 10px; 
list-style-type: none; 
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	color:#9F9F9F;
}

.txp_box {
	width: 95%;
	min-height:40px;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

.txp_box img {
	max-width: 100%;
}

.txp_box_c {
	width:95%;
	min-height:40px;
	margin: 0 auto;
	text-align: left;
}

.txp_box_c img {
	max-width:100%;
}

.txp_box_cb {
	width:95%;
	min-height:40px;
	margin: 0 auto;
	text-align: center;
	border-bottom:1px #DA4C98 solid;
	padding:20px 0 32px 0 ;
	font-size:12px;
}

.ptel {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:26px;
	font-weight:bold;
}

.txpr_box {
	width: 95%;
	min-height:40px;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

.txp_p {
	width:100%;
	min-height: 50px;
	border-bottom:0px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin-bottom:16px;
}

.txp_cp {
	width:100%;
	min-height: 24px;
	border-bottom:0px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin-bottom:16px;
}

.txp_pl {
	width:100%;
	min-height: 30px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin: 65px 0 24px 0;
	padding-bottom:12px;
}

.txp2_pl {
	width:100%;
	min-height: 30px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 16px;
	margin: 50px 0 24px 0;
}

.txc_pl {
	width:95%;
	height: 60px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin: 0 auto;
}

.pi {
	font-size: 20px;
	color:#DA4C98;
}

.imm {
	margin-top: 60px;
	margin-left: 5%;
}

.con_box_c {
	width:100%;
	min-height:200px;
	margin: 0 auto;
	text-align: center;
	padding-top:80px;
}

.con_box_c img {
	max-width:90%;
}
.txp_box_d {
	width:100%;
	min-height:80px;
	margin: 0 auto;
	text-align: center;
}
.con_box_d {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:#9e8a9e 1px 3px 2px;
	o-box-shadow:#9e8a9e 1px 3px 2px;
	-moz-box-shadow:#9e8a9e 1px 3px 2px;
	-webkit-box-shadow:#9e8a9e 1px 3px 2px;
	text-indent:0px;
	line-height:44px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:19px;
	color:#ffffff;
	width:332px;
	height:44px;
	padding:12px;
	text-shadow:#d1cfd1 2px 2px 27px;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
}

.con_box_d:active {
	box-shadow:#9e8a9e 1px 0 2px;
	o-box-shadow:#9e8a9e 1px 0 2px;
	-moz-box-shadow:#9e8a9e 1px 0 2px;
	-webkit-box-shadow:#9e8a9e 1px 0 2px;
	position:relative;
	top:3px
}

.con_box_d:hover {
}
.ti_box {
	height:42px;
	text-align:center;
	padding: 25px 0 25px;
}

.ti_box img {
	width:100%;
}

.tip_box {
	height:42px;
	text-align:center;
	padding: 0 0 20px 0;
}

.tip_box img {
	width:95%;
}

.tij_box {
	height:42px;
	text-align:center;
	padding: 15px 0 0px;
}

.tij_box img {
	width:95%;
}

.tip_box2 {
	height:42px;
	text-align:center;
	padding: 86px 0 20px 0;
}

.tip_box2 img {
	width:95%;
}

.info{
  width:100%;
  border-bottom: 1px solid #D5D5D5;
  border-collapse: collapse;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  margin:0 auto;
}
 
.info th{
  width:10em;
  padding: 20px 20px 20px 38px;
  border-top: solid 1px #D5D5D5;
  border-right: dashed 1px #D5D5D5;
  border-collapse: collapse;
  font-style: normal;
  font-weight: bold;
  line-height:160%;
  color:#393636;
  text-align: left;
  vertical-align: top;
}
 
.info td{
padding: 20px 20px 20px 162px;
text-align: justify;
text-justify: inter-ideograph;
vertical-align: top;
background-color: #FFFFFF;
border-top: solid 1px #D5D5D5;
border-collapse: collapse;
line-height:220%;
}

table.about_mb, th, td {
  border-collapse: collapse;
  font-size:14px;
  line-height: 1.6;
  width:99%;
  display: block;
	
}

table.about_mb th {
  width: 92%;
  padding: 4%;
  font-weight: bold;
  text-align:left;
  vertical-align: middle;
  background: #FCF0F2;
  color: #393636;
  border: 1px solid #D5D5D5;
  border-collapse: collapse;
}

table.about_mb td {
  max-width: 92%;
  padding: 4%;
  vertical-align: top;
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  border-collapse: collapse;
}

.j_info{
  width:100%;
  border-spacing: 10px;
  border-collapse: separate;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  margin:0 auto;
}
 
.j_info th{
  width:100%;
  padding: 4px 0 4px 0px;
  margin-top:0px;
  border-right: dashed 0px #D5D5D5;
  border-bottom: dashed 1px #D5D5D5;
  border-collapse: collapse;
  font-style: normal;
  font-weight: bold;
  line-height:160%;
  color:#393636;
  text-align: left;
  vertical-align: top;
}
 
.j_info td{
padding: 4px 20px 4px 0px;
margin-top:8px;
text-align: justify;
text-justify: inter-ideograph;
vertical-align: top;
background-color: #FFFFFF;
border-collapse: collapse;
line-height:180%;
font-size:14px;
}

.cc {
	width:95%;
	margin:0 auto;
	padding:0px 0 34px;
}

#footer {
    width: 90%;
	min-height: 260px;
    margin: 0 auto;
	background-color:#DA4C98;
	text-align:center;
	color: #FFFFFF;
	font-size:10px;
	line-height:200%;
	padding:22px 5% 24px 5%;
}

#footer img {
	margin-bottom:14px;
}

.fr {
	margin: 0 auto;
	max-width:60%;
}

.f_cn {
	margin-bottom:14px;
}

.fi {}
.fi img {
	margin-top:14px;
	max-width:90%;
}

.copyright {
    width: 90%;
	height: 40px;
    margin: 40px 0 auto;
	text-align:center;
	color: #FFFFFF;
	background-color:#DA4C98;
	font-size:10px;
	line-height:160%;
	padding: 0 5% 0 5%;
}

}




/* スマートフォンで縦長で表示する場合の指定 */
/* 
/////////////////////////////////////////////////////////////////////////////////////////////////////////
320から767
/////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 320px) and (max-width: 568px){

.dp { display: none !important; }
.dph { display: none !important; }
.mb { display:inline-block !important; }

h2 {
	font-size: 17px;
	color:#434343;
	font-weight: normal;
}

h3 {
    font-size: 20px;
	color:#DA4C98;
	font-weight: normal;
}

#contents {
	max-width:95%;
	text-align:left;
	margin:0 auto;
	background-color:#FFFFFF;
    line-height: 1.7;
	}
	
#header {
	min-height:80px;
	width:95%;
	text-align:left;
	margin: 0 auto;
	border-bottom:3px #D84D95 solid;
	padding-left:5%;
	}

#header img {
	max-width: 70%;
}


.tcc {
	width:95%;
	margin:0 auto;
	padding:0 0 17px 0;
}

.tcc img {
	width:100%;
}

.cbr {
	width:100%;
	min-height:100px;
	float:left;
	text-align:left;
	padding-right:0px;
	margin-bottom: 32px;
}

.cbl {
	width:100%;
	min-height:100px;
	float:right;
	text-align:left;
	padding-left:0px;
}

.tx_p {
	width:100%;
	height: 40px;
	border-top:1px #DA4C98 solid;
	text-align: center;
	padding-top: 12px;
}

.tx_h {
	height: 40px;
	border-bottom:1px #DA4C98 solid;
	padding-left: 20px;
	padding-top: 12px;
	margin-bottom: 12px;
}

.tx_link {
	height:40px;
	margin-left: 20px;
	}
.tx_link img {
	vertical-align:middle;
	width:4%;
}

/* ▼コンテンツ部分のスタイル▼
----------------------------------------*/

#mv {
	height: 260px;
    background: url('../img/main_mb.jpg') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_cp {
	height: 150px;
    background: url('../img/main_cp_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_job {
	height: 150px;
    background: url('../img/main_job_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_sys {
	height: 150px;
    background: url('../img/main_sys_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_ci {
	height: 150px;
    background: url('../img/main_ci_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_pv {
	height: 150px;
    background: url('../img/main_pv_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_con {
	height: 150px;
    background: url('../img/main_con_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

#mv_conp {
	height: 150px;
    background: url('../img/main_conp_mb.png') 0 0 no-repeat;
    background-position:center top;
    background-size:contain;
}

ol.topic-path {
margin: 0;
padding: 6px 0 10px 10px; 
list-style-type: none; 
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	color:#9F9F9F;
}

.txp_box {
	width: 95%;
	min-height:40px;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

.txp_box img {
	max-width: 100%;
}

.txp_box_c {
	width:95%;
	min-height:40px;
	margin: 0 auto;
	text-align: left;
}

.txp_box_c img {
	max-width:100%;
}

.txp_box_cb {
	width:95%;
	min-height:40px;
	margin: 0 auto;
	text-align: center;
	border-bottom:1px #DA4C98 solid;
	padding:20px 0 32px 0 ;
	font-size:12px;
}

.ptel {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:26px;
	font-weight:bold;
}

.txpr_box {
	width: 95%;
	min-height:40px;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

.txp_p {
	width:100%;
	min-height: 50px;
	border-bottom:0px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin-bottom:16px;
}

.txp_cp {
	width:100%;
	min-height: 24px;
	border-bottom:0px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin-bottom:16px;
}

.txp_pl {
	width:100%;
	min-height: 30px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin: 65px 0 24px 0;
	padding-bottom:12px;
}

.txp2_pl {
	width:100%;
	min-height: 30px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 16px;
	margin: 50px 0 24px 0;
}

.txc_pl {
	width:95%;
	height: 60px;
	border-bottom:1px #DA4C98 solid;
	text-align: center;
	font-size: 20px;
	color:#DA4C98;
	margin: 0 auto;
}

.pi {
	font-size: 20px;
	color:#DA4C98;
}

.imm {
	margin-top: 60px;
	margin-left: 5%;
}

.con_box_c {
	width:100%;
	min-height:200px;
	margin: 0 auto;
	text-align: center;
	padding-top:80px;
}

.con_box_c img {
	max-width:90%;
}
.txp_box_d {
	width:100%;
	min-height:80px;
	margin: 0 auto;
	text-align: center;
}
.con_box_d {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:#9e8a9e 1px 3px 2px;
	o-box-shadow:#9e8a9e 1px 3px 2px;
	-moz-box-shadow:#9e8a9e 1px 3px 2px;
	-webkit-box-shadow:#9e8a9e 1px 3px 2px;
	text-indent:0px;
	line-height:44px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:19px;
	color:#ffffff;
	width:332px;
	height:44px;
	padding:12px;
	text-shadow:#d1cfd1 2px 2px 27px;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
}

.con_box_d:active {
	box-shadow:#9e8a9e 1px 0 2px;
	o-box-shadow:#9e8a9e 1px 0 2px;
	-moz-box-shadow:#9e8a9e 1px 0 2px;
	-webkit-box-shadow:#9e8a9e 1px 0 2px;
	position:relative;
	top:3px
}

.con_box_d:hover {
}
.ti_box {
	height:42px;
	text-align:center;
	padding: 25px 0 25px;
}

.ti_box img {
	width:100%;
}

.tip_box {
	height:42px;
	text-align:center;
	padding: 0 0 20px 0;
}

.tip_box img {
	width:95%;
}

.tij_box {
	height:42px;
	text-align:center;
	padding: 15px 0 0px;
}

.tij_box img {
	width:95%;
}

.tip_box2 {
	height:42px;
	text-align:center;
	padding: 86px 0 20px 0;
}

.tip_box2 img {
	width:95%;
}

.info{
  width:100%;
  border-bottom: 1px solid #D5D5D5;
  border-collapse: collapse;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  margin:0 auto;
}
 
.info th{
  width:10em;
  padding: 20px 20px 20px 38px;
  border-top: solid 1px #D5D5D5;
  border-right: dashed 1px #D5D5D5;
  border-collapse: collapse;
  font-style: normal;
  font-weight: bold;
  line-height:160%;
  color:#393636;
  text-align: left;
  vertical-align: top;
}
 
.info td{
padding: 20px 20px 20px 162px;
text-align: justify;
text-justify: inter-ideograph;
vertical-align: top;
background-color: #FFFFFF;
border-top: solid 1px #D5D5D5;
border-collapse: collapse;
line-height:220%;
}

table.about_mb, th, td {
  border-collapse: collapse;
  font-size:14px;
  line-height: 1.6;
  width:99%;
  display: block;
	
}

table.about_mb th {
  width: 92%;
  padding: 4%;
  font-weight: bold;
  text-align:left;
  vertical-align: middle;
  background: #FCF0F2;
  color: #393636;
  border: 1px solid #D5D5D5;
  border-collapse: collapse;
}

table.about_mb td {
  max-width: 92%;
  padding: 4%;
  vertical-align: top;
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  border-collapse: collapse;
}

.j_info{
  width:100%;
  border-spacing: 10px;
  border-collapse: separate;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  margin:0 auto;
}
 
.j_info th{
  width:100%;
  padding: 4px 0 4px 0px;
  margin-top:0px;
  border-right: dashed 0px #D5D5D5;
  border-bottom: dashed 1px #D5D5D5;
  border-collapse: collapse;
  font-style: normal;
  font-weight: bold;
  line-height:160%;
  color:#393636;
  text-align: left;
  vertical-align: top;
}
 
.j_info td{
padding: 4px 20px 4px 0px;
margin-top:8px;
text-align: justify;
text-justify: inter-ideograph;
vertical-align: top;
background-color: #FFFFFF;
border-collapse: collapse;
line-height:180%;
font-size:14px;
}

.cc {
	width:95%;
	margin:0 auto;
	padding:0px 0 34px;
}

#footer {
    width: 90%;
	min-height: 260px;
    margin: 0 auto;
	background-color:#DA4C98;
	text-align:center;
	color: #FFFFFF;
	font-size:10px;
	line-height:200%;
	padding:22px 5% 24px 5%;
}

#footer img {
	margin-bottom:14px;
}

.fr {
	margin: 0 auto;
	max-width:60%;
}

.f_cn {
	margin-bottom:14px;
}

.fi {}
.fi img {
	margin-top:14px;
	max-width:90%;
}

.copyright {
    width: 90%;
	height: 40px;
    margin: 40px 0 auto;
	text-align:center;
	color: #FFFFFF;
	background-color:#DA4C98;
	font-size:10px;
	line-height:160%;
	padding: 0 5% 0 5%;
}


}



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

/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}

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