@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
.tb_320_gry .komidashi {
font-weight: bold;
line-height: 2.5em;
font-size: 14px;
padding: 20px 20px 20px 20px;
}
img { vertical-align : middle;
display:block;}

/* @end */


/* @group HTML */


html {
    font-family: 'Lato',  Meiryo, メイリオ, Calibri, Arial, sans-serif;
    line-height : 1.5;
}

body{
background:#f6f2f0;

}

img {
margin:0;
padding:0;
font:normal 11px Verdana, Geneva, sans-serif;
}

.fs-18 {
	font-size: 18px;
}
.fs-20 {
	font-size: 20px;
}

.text-blue {
	color: blue;
}

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

.text-box {
	display: inline-block;
	border: 1px solid #4c4c4c;
	padding: 5px 10px;
}

.m_10 {
    margin: 10px;
}

.m_20 {
    margin: 20px;
}

.m_30 {
    margin: 30px;
}

.m_40 {
    margin: 40px;
}

.m_50 {
    margin: 50px;
}

.m_60 {
    margin: 60px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_60 {
    margin-top: 60px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_50 {
    margin-right: 50px;
}

.mr_60 {
    margin-right: 60px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mr_10 {
    margin-left: 10px;
}

.mr_20 {
    margin-left: 20px;
}

.mr_30 {
    margin-left: 30px;
}

.mr_40 {
    margin-left: 40px;
}

.mr_50 {
    margin-left: 50px;
}

.mr_60 {
    margin-left: 60px;
}

.p_10 {
    padding: 10px;
}

.p_20 {
    padding: 20px;
}

.p_30 {
    padding: 30px;
}

.p_40 {
    padding: 40px;
}

.p_50 {
    padding: 50px;
}

.p_60 {
    padding: 60px;
}

.pt_10 {
    padding-top: 10px;
}

.pt_20 {
    padding-top: 20px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_40 {
    padding-top: 40px;
}

.pt_50 {
    padding-top: 50px;
}

.pt_60 {
    padding-top: 60px;
}

.pr_10 {
    padding-right: 10px;
}

.pr_20 {
    padding-right: 20px;
}

.pr_30 {
    padding-right: 30px;
}

.pr_40 {
    padding-right: 40px;
}

.pr_50 {
    padding-right: 50px;
}

.pr_60 {
    padding-right: 60px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pb_40 {
    padding-bottom: 40px;
}

.pb_50 {
    padding-bottom: 50px;
}

.pb_60 {
    padding-bottom: 60px;
}

.pl_10 {
    padding-left: 10px;
}

.pl_20 {
    padding-left: 20px;
}

.pl_30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px;
}

.pl_50 {
    padding-left: 50px;
}

.pl_60 {
    padding-left: 60px;
}

p.indent1 {
text-indent: 15px;
}
p.indent2 {
text-indent: 10px;
line-height: 3em;
}
p.indent3 {
text-indent: 0px;
line-height: 3em;
}
p.indent4 {
text-indent: 10px;
line-height: 2em;
}
p.indent5 {
text-indent: 10px;
line-height: 1.9em;
}


/* @end */
#container{
 width: 1240px;
 /*width:100%;*/
 margin:0 auto ;
display:none;
}


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

wrapper関連

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

#wrapper{
 /*width:100%;*/
width: 1240px;
margin:0 auto;
position:relative;
}

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

header関連

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

.toiBotton{
width: 150px;
height: 45px;
float: left;
background-color: #ff9557;
text-align: center;
vertical-align: middle;
}

.h_nav_toi {
margin:15px 0 0 0;
font-family:"メイリオ";
font-size: 14px;
color: #ffffff;
}
.h_pri_toi {
margin:0 0 0 0;
font-size: 18px;
}
.h_pri_toi p{
font-family:"メイリオ";
color: #2E7EC9;
}
.siteBotton{
width: 150px;
height: 45px;
float: right;
background-color: #ff9557;
text-align: center;
font-size: 14px;
color: #ffffff;
display: table-cell;
vertical-align: middle;
}
.toiBotton_gry{
width: 150px;
height: 45px;
float: left;
background-color: #afafaf;
text-align: center;
vertical-align: middle;
}
.tel_url {
    margin-top: 66px;
    padding: 15px;
    line-height: 23px;
	color: #333;
}
.tel_url a {
		color: #333;
}
.tel_url a:hover {
	color: #ff6000
}
.tel_url .fs14 {
	font-size: 14px;
}
.tel_url .fs20 {
    font-size: 20px;
    line-height: 25px;
}
.tel_url p {
    line-height: 21px;
}
.tel_url span {
    line-height: 17px;
    margin-bottom: 10px;
    display: block;
}
.tel_url p:first-child {
	margin-bottom: 10px;
}
.tel_url p:last-child {
	font-size: 14px;
}

.tel_url-left, .tel_url-right {
	line-height: 0;
}

.tel_url-left {
	text-align: left;

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

.siteBotton_gry{
width: 150px;
height: 45px;
float: right;
background-color: #afafaf;
text-align: center;
font-size: 14px;
color: #ffffff;
display: table-cell;
vertical-align: middle;
}
.toiBotton_green{
width: 150px;
height: 45px;
float: left;
background-color: #65aac7;
text-align: center;
vertical-align: middle;
}

/*.hTel{
width: 320px;
height: 78px;
position: relative;
padding-top: 170px;
}/*
/**********************************************************

ローディング用

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

#loading{
width: 1240px;
margin:0 auto;
margin-top:400px;
/*
position:absolute;
left:40%;
top:50%;
margin-left:-30px;
*/
}
#agri {
width: 1240px;
display: flex;
justify-content: center;
}

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

ヘッダー用

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

#header_margin{
height:262px;
}


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

アニメーション用初期位置定義

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


#mBox_1,#mBox_2,#mBox_3,#mBox_4,#mBox_5,#mBox_6,#mBox_7,#mBox_8,#mBox_9,#mBox_10,#mBox_11,#mBox_12,#mBox_13,#mBox_14,#mBox_15,#mBox_16,#mBox_17,#mBox_18,#mBox_19,#mBox_20,#mBox_end{
position:relative;
top:1000px;
width:100%
}


#mBox_end{
top:0px;
}


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

コンテンツ用

**********************************************************/
#xxx {
width: 1280px;
height: 150px;
}

.texBox {
z-index: 1000;
color:#4e4e4e;
height:100%;
background-color:#fff;
overflow:hidden;
position:relative;
float:left;
border-color: rgba(0,0,0,.01);
}

.texBox3 {
width: calc(100%/3);
z-index: 1000;
color:#333333;
line-height: 1.5;
display: flex;
justify-content: center;
}
.texBox4 {
z-index: 1000;
color:#4e4e4e;
height:100%;
background-color:#fff;
overflow:hidden;
position:relative;
float:left;
border-color: rgba(0,0,0,.01);
}
.texBox5 {
z-index: 1000;
color:#4e4e4e;
height:100%;
background-color:#fff;
overflow:hidden;
position:relative;
float:left;
border-color: rgba(0,0,0,.01);
}

.overNav {
width: 85px;
height:20px;
z-index: 10000;
position:absolute;
margin: 110px 80px 15px 200px;
}
.overNav_1 {
width: 85px;
height:20px;
z-index: 10000;
position:absolute;
margin: 90px 80px 15px 200px;
}

.overNav_2 {
width: 85px;
height:20px;
z-index: 20000;
position:absolute;
margin: 350px 80px 0 200px;
}
.overNav_3 {
width: 85px;
height:20px;
z-index: 10000;
position:absolute;
margin: 120px 80px 15px 180px;
}

.texBox_katudo1 {
height:100%;
overflow:hidden;
position:relative;
float:left;
border-color: rgba(0,0,0,.01);

}

.texBox p {
line-height : 2;
font-size:80%;
font-weight: normal;
margin:20px;
}
.texBox4 p {
line-height : 1.8;
font-size:80%;
font-weight: normal;
margin:20px;
}
.texBox5 p {
line-height : 1.9;
font-size:80%;
font-weight: normal;
margin:0px;
}

.tb_160 p {
line-height : 2;
font-size:60%;
font-weight: normal;
margin:5px;
}

.moji1 {
line-height : 1.8;
font-size:120%;
margin:20px;
}

.texBox .h1 {
width:250px;
font-weight:bold;
background-color:transparent;
margin-bottom:10px;
font-size:100%;
background-image:
  url(../img/idea/komidashi_idea.gif);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding-left: 25px;
}

.texBox .h2 {
width:250px;
font-weight:bold;
line-height:2;
background-color:transparent;
margin:10px 0px 0px 10px;
font-size:100%;
background-image:
  url(../img/work/komidashi_work.gif);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:0% 10%;
padding-left: 25px;
}

.texBox .h5 {
width:320px;
font-weight:bold;
background-color:transparent;
margin-bottom:10px;
font-size:100%;
background-image:
  url(../img/company/komidashi_company.gif);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:0% 28%;
padding-left: 25px;
}

.texBox .bold {
width:600px;
font-weight:bold;
background-color:transparent;
margin-bottom:10px;
}

.texBox a {
color:#4e4e4e;
}

.texBox a:hover{
font-weight:bold;
}


.texBox h4 {
margin: 28px 20px;
font-size:80%;
}

.texBox ul.m-keyword{
margin:45px 20px 0 20px;
font-size:80%;
font-weight:bold;
}

.texBox ul.m-keyword li{
margin-bottom:10px;
line-height:1.4;
}

.texBox ul.md-keyword{
margin:10px 20px 0 20px;

font-weight:bold;
}

.texBox ul.md-keyword li{
margin-bottom:10px;
line-height:1.4;
font-size:80%;
}

.bkg_line{
background-image: url("../img/common/box_bkg.gif");
}

.w_tex_img {
position:absolute;
bottom:0;
}

.texBox2 {
z-index: 1200;
position: relative;
top:0px;
color:#fff;
}

.h5 {
width:180px;
background-color:transparent;
margin-bottom:10px;
font-size:100%;
background-image:
  url(../img/index/work_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h6 {
width:180px;
background-color:transparent;
margin:20px 0 10px 0;
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
background-image:
  url(../img/index/rinen_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h7 {
width:180px;
background-color:transparent;
margin-bottom:20px;
background-image:
  url(../img/index/news_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h7 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.h8 {
width:180px;
background-color:transparent;
margin:20px 0 10px 0;
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
background-image:
  url(../img/index/katsudo_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h8 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}

.h9 {
width:180px;
background-color:transparent;
margin:20px 0 20px 0;
background-image:
  url(../img/index/company_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h9 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}

.h10 {
width:180px;
background-color:transparent;
margin:20px 0 40px 0;
background-image:
  url(../img/index/group_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h10 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}

.h11 {
width:180px;
background-color:transparent;
margin-bottom:20px;
background-image:
  url(../img/index/person_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h11 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}

.h12 {
width:180px;
background-color:transparent;
margin:20px 0 20px 0;
background-image:
  url(../img/index/security_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h12 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}

.h13 {
display: none;
width:180px;
background-color:transparent;
margin:20px 0 20px 0;
background-image:
  url(../img/index/en_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h13 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.h14 {
width:180px;
background-color:transparent;
margin-bottom:20px;
background-image:
  url(../img/index/work_icon.png);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding: 7px 0 0 45px;
height: 30px;
}
.h14 a{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.texBox .h15 {
width:250px;
font-weight:bold;
line-height:2;
background-color:transparent;
margin:10px 0px 0px 10px;
font-size:100%;
background-image:
  url(../img/work/komidashi_service.gif);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:0% 10%;
padding-left: 25px;
}
.texBox .h16 {
width:905px;
font-weight:bold;
background-color:transparent;
margin-bottom:10px;
font-size:100%;
background-image:
  url(../img/idea/komidashi_idea.gif);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:left 20%;
padding-left: 25px;

}
.texBox .h18 {
width:665px;
height: 60px;
line-height:2;
background-color:transparent;
margin:10px 0px 0 22px;
font-size:100%;
font-weight: bold;
background-image:
  url(../img/work/komidashi_work.gif);
background-repeat:no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-position:0px 8px;
padding-left: 25px;
}

/*-------------------------------------------------
作品紹介　詳細ページ用
-------------------------------------------------*/

.w_tlt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:350%;
	position: absolute;
	top:200px;
	left:40px;
}


.w_tlt_ja{
	font-size:120%;
	font-weight:bold;
	position: absolute;
	top:325px;
	left:40px;
}


.w_tlt_2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:400%;
	margin:18px  0 0 26px;
	color:rgba(255,255,255,0.5);
}

.w_tlt_2_ja{
	margin:30px  0 0 26px;
	font-size:90%;
	font-weight:bold;
	line-height:1.8;
	color:rgba(255,255,255,0.9);
}

.mh-png{
position: absolute;
top:35px;
left:28px;
}

.mh-png-2{
position: absolute;
top:25px;
right:375px;
}

.mh-png-3{
position: absolute;
top:200px;
left:40px;
}


.mh-png_l{
position: absolute;
top:460px;
left:20px;
}

.mh-png_r{
position: absolute;
top:460px;
right:110px;
}



/*-------------------------------------------------
オーバーレイ用CSS
-------------------------------------------------*/

.overlayTex1{
position: absolute;
bottom: 15px;
left: 12px;
font-size:80%;
font-weight:bold;
color:#fff;
}


.overlayTex2{
position: absolute;
width:100px;
padding:0px 0px 0 200px;
color:#fff;
top:350px;
}


.overlayTex8{
position: absolute;
width:120px;
padding:0px 0px 0px 15px;
color:#333;
font-size:60%;
top:185px;
}

.overlayTex9{
position: absolute;
width:150px;
padding:0px 0px 0px 120px;
color:#333;
font-size:60%;
float:right;
text-align: right;
top:280px;
}

.shousai{ font-weight: normal; }

.overlayTex3{
position: absolute;
bottom:0px;
padding:10px 15px 0 15px;
width:290px;
height:70px;
display:block;
font-weight:bold;
font-size:90%;
line-height:1.3;
background-color: rgba(0,0,0,0.5);
color:#fff;
}

.overlayTex3:hover,.overlayTex4:hover{
background-color: rgba(0,0,0,1);
}

.overlayTex4{
position:absolute;
top:0px;
padding:10px 15px 0 15px;
width:290px;
height:70px;
display:block;
font-weight:bold;
font-size:80%;
line-height:1.3;
background-color: rgba(0,0,0,0.5);
color:#fff;
}

.overlayTex5{
position:absolute;
top:0px;
padding:50px 15px 0 100px;
width:170px;
height:50px;
display:block;
font-size:120%;
line-height:1.3;
color:#333333;
}
.overlayTex6{
position:absolute;
top:30px;
padding:50px 15px 0 100px;
width:170px;
height:50px;
display:block;
font-size:120%;
line-height:1.3;
color:#333333;
}
.overlayTex7{
position:absolute;
top:60px;
padding:50px 15px 0 100px;
width:170px;
height:50px;
display:block;
font-size:120%;
line-height:1.3;
color:#333333;
}

.top_news{
width:310px;
height:145px;
border: 1px #f6f2f0 solid;
border-width: 0 0  1px 1px;
top:50px;
background-color: #f6f6f6;
}

.top_news:hover{
font-weight:normal;
background-color:#fceab0;
}


.top_news_date{
padding:15px 15px 0 25px;
width:289px;
height:70px;
font-size:200%;
color:#f9c100;
}

.top_news_text{
padding:0 25px;
width:269px;
height:74px;
line-height:1.3;
font-size:80%;
}

.texBox .top_news_text a:hover{
font-weight:normal;
}

.jigyo {
width: 160px;
height: 150px;
}
.works_tlt_cat{
width:260px;
position: absolute;
top: 90px;
margin-left:-130px;
text-align:center;
left:50%;
font-size:95%;
color:rgba(255,255,255,0.7);
font-family: 'Roboto Condensed', sans-serif;
}


.works_tlt{
width:260px;
position: absolute;
bottom: 130px;
margin-left:-130px;
text-align:center;
left:50%;
font-size:90%;
color:rgba(255,255,255,1);
}

.works_tlt_en{
width:260px;
position: absolute;
bottom: 100px;
margin-left:-130px;
text-align:center;
left:50%;
font-size:95%;
color:rgba(255,255,255,1);
font-family: 'Roboto Condensed', sans-serif;
}



.works_d_tlt{
width:260px;
position: absolute;
bottom: 70px;
margin-left:-130px;
text-align:center;
left:50%;
font-size:90%;
color:rgba(255,255,255,1);
}

.works_d_tlt_en{
width:260px;
position: absolute;
bottom: 35px;
margin-left:-130px;
text-align:center;
left:50%;
font-size:90%;
color:rgba(255,255,255,0.7);
font-family: 'Roboto Condensed', sans-serif;
}


.mo-haku_d_tlt_en{
width:260px;
position: absolute;
top: 20px;
left:20px;
font-size:400%;
color:rgba(255,255,255,1);
font-family: 'Roboto Condensed', sans-serif;

}

.mo-haku_d_tlt_ja{
width:260px;
position: absolute;
top: 180px;
left:20px;
font-size:100%;
line-height:1.4;
color:rgba(255,255,255,1);
font-weight:bold;

}



.din-font{
	font-family: 'Roboto Condensed', sans-serif;
}

.din-font2{
	font-family: 'Montserrat', sans-serif;
}

.bk_key {
background-image: url("../img/mo-haku/bk_key.gif");
background-repeat: no-repeat;
}

.small_tex{
font-size:90%;
}


a.detail_btn{
position: absolute;
bottom:18px;
left:18px;
display:block;
width:284px;
height:37px;
background-image:url("../img/common/detail_btn.gif");
text-indent:-9999px;
}

.detail_btn:hover{
background-position:left bottom;
}


a.top_detail_btn{
position: absolute;
bottom:18px;
right:18px;
display:block;
width:111px;
height:24px;
background-image:url("../img/top/detail_btn.gif");
text-indent:-9999px;
}

.top_detail_btn:hover{
background-position:left bottom;
}

a.detail_btn_link{
position: absolute;
bottom:18px;
right:18px;
display:block;
width:284px;
height:37px;
background-image:url("../img/common/for_site_btn.gif");
text-indent:-9999px;
}

.detail_btn_link:hover{
background-position:left bottom;
}

a.detail_btn_link2{
position: absolute;
bottom:18px;
right:18px;
display:block;
width:284px;
height:37px;
background-image:url("../img/common/for_site_btn2.gif");
text-indent:-9999px;
}

.detail_btn_link2:hover{
background-position:left bottom;
}

/*-------------------------------------------------
ツール紹介テーブル
-------------------------------------------------*/

.texB_table_1{
width:190px;
height:122px;
border: 1px #fff solid;
border-width: 0 1px 1px 0;
vertical-align: middle;
padding-left:20px;

}

.texB_table_2{
width:450px;
border: 1px #fff solid;
border-width: 0 0 1px 0;
vertical-align: middle;
padding-left:20px;
}

.texB_table_2 p{
margin:0;
}

.news_table {
width: 720px;
	padding: 10px;
}
.news_table th, .news_table td {
    	border: 1px solid #4c4c4c;
}

.news_table_10 {
    padding: 20px;
    vertical-align: middle;
}


/*-------------------------------------------------
会社概要テーブル
-------------------------------------------------*/

.texB_table_3{
width:290px;
border: 1px #e6e6e6 solid;
border-width: 0 0 1px 0;
padding:10px 0 11px 100px;
font-size:80%;
font-weight:bold;
}

.texB_table_4{
width:640px;
border: 1px #e6e6e6 solid;
border-width: 0 0 1px 0;
padding:10px 0 11px 20px;
font-size:80%;
line-height:1.5em;
}

.texB_table_4 a:link{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color: #333;
}
.texB_table_4 a:visited{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color: #750484;
}
.texB_table_4 a:hover{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#750484;
text-decoration: underline;
}
.texB_table_4 a:active{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color: #333;
}

/*-------------------------------------------------
作品詳細テーブル
-------------------------------------------------*/

.texB_table_5{
width:640px;
border: 1px #e6e6e6 solid;
border-width: 0 0 0 0;
padding:10px 0 11px 60px;
font-size:80%;
line-height:1.5;
}

.texB_table_6{
width:100px;
border: 1px #e6e6e6 solid;
border-width: 0 0 0px 0;
padding:14px 0 0 20px;
font-size:100%;
line-height:1.5;
}

.texB_table_7{
border:none;
}

.texB_table_8{
width:100px;
border: 1px #e6e6e6 solid;
border-width: 0 0 0px 0;
padding:14px 0 0 20px;
font-size:100%;
line-height:1.5;
text-align:right;
}

.texB_table_9{
width:130px;
border: 1px #e6e6e6 solid;
border-width: 0 0 1px 0;
vertical-align: middle;
padding-left:100px;
font-size:80%;
font-weight:bold;
}

/*-------------------------------------------------
社長交代テーブル
-------------------------------------------------*/
.texB_table_10{
width:200px;
border: 1px #e6e6e6 solid;
border-width: 1px 1px 1px 1px;
padding:14px 0 14px 20px;
font-size:100%;
line-height:1.5;
text-align:center;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.texB_table_11{
width:640px;
border: 1px #e6e6e6 solid;
border-width: 0px 0px 0px 0px;
padding:14px 0 14px 0;
font-size:100%;
line-height:1.5;
text-align:left;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.texB_table_12{
width:640px;
border: 1px #e6e6e6 solid;
border-width: 0px 0px 0px 0px;
padding:14px 0 0 0;
font-size:100%;
line-height:1.5;
text-align:left;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.agri_001{
	float:left;
	margin-left:20px;
}
.texB_table_13{
width:720px;
border: 1px #e6e6e6 solid;
border-width: 0px 0px 0px 0px;
padding:14px 0 14px 0;
font-size:100%;
line-height:1.5;
text-align:left;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.texB_table_14{
width:340px;
border: 1px #e6e6e6 solid;
border-width: 1px 1px 1px 1px;
padding:14px 0 14px 20px;
font-size:100%;
line-height:1.5;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.texB_table_15{
width:720px;
border: 1px #e6e6e6 solid;
border-width: 0px 0px 0px 0px;
padding:14px 0 14px 0;
font-size:100%;
line-height:1.5;
text-align:left;
font-family:"メイリオ";
font-weight:normal;
color:#333;
text-align:center;
}
.texB_table_16{
width:689px;
border: 1px #4c4c4c solid;
padding:15px ;
font-size:90%;
line-height:1.5;
text-align:left;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}

/*-------------------------------------------------
活動一覧
-------------------------------------------------*/

.texB_table_14 a{
font-family:"メイリオ";
font-weight:normal;
}
.texB_table_14 a:hover{
font-weight:normal;
font-family:"メイリオ";
}
.texB_table_14 a:link{
font-size:100%;
font-weight:normal;
color: #333;
font-family:"メイリオ";
}
.texB_table_14 a:visited{
font-size:100%;
font-weight:normal;
color: #750484;
font-family:"メイリオ";
}
.texB_table_14 a:hover{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color:#750484;
text-decoration: underline;
}
.texB_table_14 a:active{
font-size:100%;
font-family:"メイリオ";
font-weight:normal;
color: #333;
}

/*-------------------------------------------------
ボックスの高さ指定
-------------------------------------------------*/

.h300{
height:300px;
}

.box_h300{
height:330px;
}

.box_h326{
height:326px;
}
.box_h346{
height:346px;
}

.h370{
height:420px;
}

.box_h370{
height:420px;
}

.h390{
height:390px;
}

.box_h390{
height:420px;
}

.h420{
height:408px;
}
/*--- アビリンピック2019用 --*/
.h420_abi {
  height:508px;
}

.box_h420{
height:450px;
}


.h460{
height:460px;
}

.box_h460{
height:490px;
}


.h480{
height:480px;

}

.box_h480{
height:510px;
}

.h480_2{
height:480px;

}

.box_h480_2{
height:510px;
}

.h600{
height:600px;

}

.box_h600{
height:630px;
}
.box_h912{
height:912px;
}
.box_h912{
height:912px;
}

/*--画像表示エリア可変タイプ--*/

.h600_2{
height:600px;

}

.box_h600_2{
height:630px;
}

.box_h985{

}

.box_h1670_2{
height:1670px;
}

.box_h5000{
/*height:1221px;*/
margin-bottom: 20px;
}

.box_h3600{
/*height:1221px;*/
margin-bottom: 40px;
}

/*--960ピクセル時　高さ圧縮タイプ--*/

.h150{
height:160px;
}

.box_h160{
height:165px;
}

.h300_3{
height:300px;
}

.box_h250{
height:262px;
}
.box_h262{
height:262px;
margin-top: 20px;
}
.h250{
height:250px;
z-index:3000;
}

.box_h300_3{
height:330px;
}

.h370_3{
height:408px;
}

.box_h370_3{
height:408px;
}

.h390_3{
height:390px;
}

.box_h390_3{
height:420px;
}

.h420_3{
height:420px;
}

.box_h420_3{
height:450px;
}

.h460_3{
height:460px;
}

.box_h460_3{
height:490px;
}

.h480_3{
height:480px;
}
.h480_4{
height:486px;
display: flex;
}

.box_h480_3{
height:510px;
}

.h600_3{
height:600px;

}

.box_h600_3{
height:630px;
}

.box_h370_4{
background-color:#e9e9e8;
background-repeat: no-repeat;
}

.h3600-2{
height:560px;
}

/*-------------------------------------------------
ボックスの幅指定
-------------------------------------------------*/
#news {
width: 1280px;
height: 150px;
}
.tb_960 {
width:930px;
}
.tb_640 {
width:620px;
}
.tb_640_gry {
width:640px;
height:400px;
background-color: #eaeaea;
}
.tb_640_ft {
width:640px;
}
.tb_600 {
width:600px;
background-color:transparent;
}

.tb_600_bun {
width:600px;
height:160px;
margin:10px 20px 50px 20px;
background-color:transparent;
}
.tb_320 {
width:310px;
position: relative;
z-index:100;
}
.tb_320_ft {
width:320px;
position: relative;
z-index:100;
background-color:transparent;
}

.tb_320_gry {
width:310px;
height:388px;
position: relative;
background-color: #eaeaea;
}
.tb_320_gry2 {
width:320px;
height:400px;
position: relative;
background-color: #f2f2f2;
}

.tb_320_yellow {
width:310px;
height:388px;
position: relative;
background-color: #f1f1f1;
}
.tb_320_shousai {
width:310px;
height:388px;
position: relative;
text-align: center;
background-color: #f1f1f1;
}
.tb_320_shousai img{
margin:60px 0 0 64px;
position:absolute;
}

.tb_320_bg {
width:310px;
height:388px;
background-image:url("../img/index/h1_shushoku_bg.jpg") ;
background-repeat: no-repeat;
}

.tb_320_bun {
width:320px;
margin:10px 20px 50px 10px;
background-color:transparent;
}

.tb320 .atarimae{
width:320px;
margin:300px 0px 0px 0px;
}
.tb_320 {
width:310px;
position: relative;
z-index:100;
}

.tb_250 {
width:260px;
margin:50px 0 15px 0px;
line-height: 1.5;
float: right;
font-size: 90%;
color:#333;
}

.bgc_gry {
width:320px;
height:400px;
padding: 50 0 0 0;
background-color: #eaeaea;
}

.tb_320_ft {
width:320px;
position: relative;
}

.tb_160 {
width:155px;
background-color:transparent;
}


.sumBox {
width:310px;
z-index: 1;
}

.shiitake_icon {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 20px;
}
.icon_mr {
    margin-right: 20px;
}
.no_list {
    list-style-type: none!important;
    margin-left: 0!important;
    display:flex;
    flex-wrap: wrap;
}
.no_list li {
  width: calc(100% / 3 - 0%);
}
.mb20 {
  margin-bottom: 20px;
}

.banner {
    padding: 60px 0;
    display: flex;
    width: 1200px;
    margin: 0 auto 20px;
}
.banner_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.banner_box:first-child {
	width: 66.6%;
	border-right: 1px solid #a9a9a9;
}
.banner_box:last-child {
	width: 33.4%;
}
.banner_box-img {
    width: 630px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner div p {
	margin-top: 20px;
	line-height: 20px;
	width: 670px;
	font-size: 90%;
}
.banner_box-item {
    display: flex;
    width: 250px;
    justify-content: space-between;
}
.banner_box-item:first-child {
	margin-bottom: 20px;
}
.banner_box-item:last-child {
	display: none;
	flex-direction: column;
}
.banner_box-item:last-child p {
	width: 100%;
}

.f_banner {
	position: absolute;
    bottom: 0;
    right: 76px;
    display: flex;
    align-items: flex-end;
}
.f_banner_box {
	display: flex;
	align-items: flex-end;
}
.f_banner_box:last-child {flex-direction: column;}
.f_banner_box img:first-child {display: none;}
.f_banner_box img:last-child {margin-top: 20px;}
.f_banner_box:first-child {margin-right: 20px;}
.f_banner_box:first-child img:first-child {margin-right: 20px;align-items:flex-end;}

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

footer用

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

.bkg_ft_g{
background-image: url("../img/footer/ft_logo_green.gif");
background-repeat: no-repeat;
}

.bkg_ft_b{
background-image: url("../img/footer/ft_logo_blue.gif");
background-repeat: no-repeat;
}

.bkg_ft_br{
background-image: url("../img/footer/ft_logo_brown.gif");
background-repeat: no-repeat;
}

.bkg_ft_br{
background-image: url("../img/footer/ft_logo_brown.gif");
background-repeat: no-repeat;
}

.bkg_ft_y{
background-image: url("../img/footer/ft_logo_yellow.gif");
background-repeat: no-repeat;
}

.bkg_ft_r{
background-image: url("../img/footer/ft_logo_red.gif");
background-repeat: no-repeat;
}

.ft_right{
width: 250px;
padding: 379px 30px 0 30px;
background-color:#e9e9e8;
z-index:1;
}
.ft_right p{
line-height:1;
}
.ft_right_top {
padding: 30px;
}
.ft_right_top p {
    line-height: 20px;
    margin: 20px 0;
}

.ft_li {
width: 140px;
padding: 0px 0px 0px 60px;
}
.ft_li ul li{
margin-bottom: 5px;
font-family:"メイリオ";
font-size: 14px;
font-weight:normal;
color:#333;
}
.ft_li ul li a{
font-family:"メイリオ";
font-size: 14px;
font-weight:normal;
color:#333;
}
.indent1 a{
font-family:"メイリオ";
font-size: 14px;
font-weight:normal;
color:#333;
}
.pura{
width: 250px;
padding: 120px 0px 0px 120px;
}
.ata{
width: 250px;
top: 50px;
}
.copyright {
    padding: 30px;
text-align:right;
background-color:#e9e9e8;
z-index:2000;
}
.copyright a{
font-family:"メイリオ";
font-size: 14px;
font-weight:normal;
color:#333;
z-index:2000;
}
.copyright a:hover{
text-decoration:none;
}
.fb_banner {
    margin-top: -70px;
}
.fb_banner_top {
    margin-top: 0;
}

/*-------------------------------------------------
nav
-------------------------------------------------*/
/*-------------------------------------------------
return to pagetop
-------------------------------------------------*/

a.return_to_top{
display:block;
width:320px;
height:62px;
background-image:url("../img/footer/ft_totop.gif");
text-indent:-9999px;
}

.return_to_top:hover{
background-position:left bottom;
}

.ft_add{
margin-top:150px;
}

.bold{
font-weight:bold;
}


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

画像レイヤー用

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

.img_set {
    display:block;
    overflow:hidden;
	z-index: 10;
}

.img_set img {
	float:left;
    position:absolute;
}





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

レスポンシブ用

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

/* 1240px以下用 */
@media screen and (max-width : 1239px)
{
/*
	#container{
	 width: 1240px;
	 width:100%;
	 margin:0 auto ;
	 display:none;
	}
	#wrapper{
	 width:100%;
	width: 1240px;
	margin:0 auto;
	position:relative;
	}
	#loading{
	width: 1240px;
	 width:100%;
	margin:0 auto;
	margin-top:400px;
	}
*/
}
/* 1280px以下用 */
/*
@media print, screen and (max-width : 1279px)
{
	#wrapper{
		width :960px;
	}

	.box_h160{
		height:350px;
	}

	.box_h300{
		height:630px;
	}

	.box_h370{
		height:770px;
	}


	.box_h390{
		height:810px;
	}

	.h300 ,.h420, .h480 , .h370, .h390, .h460 , .h600, .h600_2 {
		background-image: url("../img/common/box_bkg.gif");
	}

	.box_h420{
		height:870px;
	}

	.box_h460{
		height:950px;
	}

	.box_h480{
		height:990px;
	}

	.box_h600{
		height:1230px;

	}

	.nodisp_960{
		display:none;
	}

}
*/

/* 960px以下用 */
/*
@media screen and (max-width : 959px)
{
	#wrapper,#wrapper_top {
		width :640px;
	}

	#header_margin{
		height:330px;
	}

	.box_h390{
		height:1200px;
	}

	.nodisp_960{
		display:inline;
	}

	.nodisp_640{
		display:none;
	}

	.box_h160{
		height:350px;
	}

	.box_h300_3{
		height:630px;
	}

	.box_h370_3{
		height:770px;
	}

	.box_h390_3{
		height:810px;
	}

	.box_h420_3{
		height:870px;
	}

	.box_h460_3{
		height:950px;
	}

	.box_h480_3{
		height:990px;
	}

	.box_h600_3{
		height:1230px;
	}



}
*/



/* -------------------------------------------------- */

/* new clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ページトップへ */
.page-top { position: fixed; bottom: 20px; right: 20px; z-index:100000; }

/*------MAP------*/
	.fax_float {float:left;}
	.fax_clear {clear:both;}
	.border-l-w {/*border-left:none;*/float:left;vertical-align:middle;width:40px;font-weight:100;font-size:80%;}
	.border-r-w {border-right:none;}
	a.modal-open {text-align:center;color:#fff;text-decoration:none;width:40px;display:block;background-color:#4e5d72;height:22px;font-size:120%;padding-top:4px;}
	a.modal-open:hover {cursor:pointer;color:#fff;text-decoration:none;background-color:#c9dbf8;color:#2e2e2e;border:1px solid #4e5d72;width:38px;height:20px;font-size:120%;padding-top:4px;}

	.modal-content {position:fixed;display:none;z-index:60000;width:730px;height:530px;margin:0 auto; padding:0 20px;background:#fff;}
		.modal-content h4 {margin:20px 0;padding-bottom:16px;font-size:18px;border-bottom:2px solid #4e5d72;font-weight: normal;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}

		.modal-content #map {margin:0 auto 30px 0;padding:0;}
		.modal-content p {margin:0;padding:0;text-align:center;}

	.modal-close {margin:0 auto;color:#fff;text-decoration:none;width:100px;padding:5px 0;display:block;background-color:#4e5d72;}
	.modal-close:hover {cursor:pointer;text-decoration:none;background-color:#c9dbf8;color:#2e2e2e;border:1px solid #4e5d72;width:98px;}
	#back_a {display:none;}

	.modal-overlay {z-index:50000;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);-ms-filter:"alpha(opacity=75)";filter:alpha(opacity=75);opacity:0.75;}

/*
 20240328
 労働施策総合推進法に基づく中途採用比率の公表
*/
#overview-box,
.overview-box__img {
	height: 578px;
}
.mid-career__title {
	height: 150px;
    border: 1px #e6e6e6 solid;
    border-width: 0 0 1px 0;
    padding: 10px 0 11px 100px;
    font-size: 80%;
    font-weight: bold;
	line-height: 1.3;
}
.mid-career__outline {
    border: 1px #e6e6e6 solid;
    border-width: 0 0 1px 0;
    padding: 10px 0 11px 20px;
    font-size: 80%;
    line-height: 1.5em;
	vertical-align: middle;
}
.mid-career {
	width: 100%;
}
.mid-career,
.mid-career th,
.mid-career td {
	border: 1px #b6b6b6 solid;
	padding: 10px;
}
.mid-career th {
	width: 30%;
	background: #ebf2f3;
}
.mid-career__th {
	letter-spacing: 0.1em;
}
.mid-career td {
	text-align: center;
}
.release-date {
	display: block;
	text-align: right;
	line-height: normal;
    margin-top: 5px;
}
.overview-box__img {
	width: 310px;
	height: 558px;
    position: relative;
    z-index: 100;
}
.western-calendar {
    text-align: center;
}

/*
 20240329
 役員（代表取締役社長、取締役、監査役）の位置を調整
*/
#president {
	padding-left: unset;
	text-align: left;
	width: 17%;
}

/*
 20240430
*/
.online {
    display: flex;
    align-items: center;
    background: #e2f0d9;
    padding: 20px;
    color: #4e4e4e;
    justify-content: center;
    margin-bottom: 20px;
}
.online img {
    width: 140px;
    margin-left: 15px;
}
.online a {
	color: #4e4e4e;
}
.online a:hover {
	color: #4e4e4e;
}