@charset "utf-8";

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;}

/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a {color: #0078b7;text-decoration:underline;}
a:hover {color:#f2951d; text-decoration:none;}
a:visited {color:#0078b7;text-decoration:underline;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img{
opacity:0.70;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{float:left;margin-right:10px;}
.img_right{float:right;margin-left:10px;}
.img_center{display:block;margin:0px auto;clear:both;}

.img_m5{ margin: -3px 5px 3px 0;}

/*------------------------------------------
■ テキスト装飾
------------------------------------------*/

.txt_small{font-size:75%;}
.txt_big{font-size:130%;}
.txt_red{color:#dc0711;}
.txt_blue{color:#1a3992;}
.txt_gray{ color:#959595;}

.txt_bold{ font-weight:bold;}
.txt_underline{ text-decoration:underline;}
.txt_center { text-align: center;}
.txt_right{ text-align: right;}

.txt_10{ font-size:10px;}
.txt_14{ font-size:14px;}
.txt_16{ font-size:16px;}
.txt_18{ font-size:18px;}
.txt_20{ font-size:20px;}
.txt_24{ font-size:24px;}

.txt_h40{ line-height:40px;}

.clear{ clear:both;}

.txt_mincho{ font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝", "YuMincho",serif;
			 font-weight: bold;
}


/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background: #ffffff;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#313131;
font-size: 16px;
line-height: 160%;
margin:0; padding:0;
text-align:left;
}

.pc-none{ display:none;}
.clear{ clear:both;}


header{ background: #ffffff; width: 100%; height: 90px; text-align: center; min-width: 1000px;}
header .logo{ margin: 10px auto 10px; display: block;}

ul.menu{ width:83%; height: 35px; margin: 0 2% 0 15%; display: block; background: #ffffff;}
ul.menu li.page{ width:15%; text-align: center; float: left; margin: 0 1% 0 1%; font-size: 14px; color: #111111; list-style: none;}
ul.menu li.fb{ width:8%; text-align: center; float: right; margin: 0; font-size: 14px; color: #111111; list-style: none;}
ul.menu li img{ margin: -3px 5px 0 0px;}
ul.menu li a {color: #111111;text-decoration:none;}
ul.menu li a:hover {color:#90c31f; text-decoration:underline;}
ul.menu li a:visited {color:#111111;text-decoration:none;}

h1.main { background:url(../images/mainimage.jpg) no-repeat center top #efeeea; width:100%; height:260px; margin:0 auto; padding-top: 190px; display:block; min-width: 1000px;}
h1.main p{ font-size: 30px; line-height: 40px; text-align: center; font-weight: normal; color: #ffffff;}


div.contents{ width: 100%; box-sizing: border-box; margin: 0 auto; display: block; min-width: 1000px;}

div.h70{ margin:70px auto 70px; width: 1000px; display: block;}
div.h30{ margin:30px auto 30px; width: 1000px; display: block;}
div.h70_bg{ margin:0; width: 100%; box-sizing: border-box; background: url(../images/bg.png); min-width: 1000px; padding: 70px 0;}
div.h30_bg{ margin:0; width: 100%; box-sizing: border-box; background: url(../images/bg.png); min-width: 1000px; padding: 30px 0;}
div.h70_f8f8f8{ margin:0px; width: 100%; box-sizing: border-box; background: #f8f8f8; padding: 70px 0;}

p.w900 { width:900px; margin: 0 auto; display: block;}
p.w1000 { width:1000px; margin: 0 auto; display: block;}


h2.mincho{ font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝", "YuMincho",serif;
 font-size: 20px; line-height: 40px; font-weight: normal; margin: 0px 0 10px;padding-top: 25px;}
h2 p{ display:none;}

h2.services{ background:url(../images/h2_services.png) center no-repeat; width: 1000px; height: 90px; margin: 0 0 50px;}

ul.serv { width: 990px; margin: 0 auto; display: block;}
ul.serv li{ float: left; margin: 0 15px 0; text-align: left; width: 300px; list-style: none;}
ul.serv li img { margin: 0 auto 15px; display: block;}
ul.serv li h3{ font-size:18px; font-weight: normal; margin-bottom: 8px;}
ul.serv li p{ font-size:14px; }

a.for_top { background:url(../images/for_top.png) no-repeat; width: 80px; height: 50px; margin: 0 30px 0 0; float: right; text-indent: -99999px; display: block;}

footer {background:url(../images/footer_bg.png) center no-repeat #0a0a09; width:100%; padding:0; height: 200px; margin: 0; min-width: 1000px; clear: both;}
footer div{ width:1000px; margin: 0px auto 0; display: block; padding-top: 25px; color: #ffffff; font-size: 14px; line-height: 24px;}
footer .logo{ float:left; margin: -5px 20px 0 0;}
footer ul.foot_mn{ margin: 45px 0 70px 0;}
footer ul.foot_mn li{ width:150px; float: left; margin: 0; list-style: none; text-align: left;}
footer ul.foot_mn li a {color: #ffffff;text-decoration:none;}
footer ul.foot_mn li a:hover {color:#fff000;}

.copyright {color: #ffffff; font-size: 12px; text-align: center; margin: 0;}


/*------------------------------------------*/
/*------------------------------------------
業務内容
------------------------------------------*/
h1.service{ background:url(../images/h1_service.png) no-repeat center #001e1e; width: 100%; height: 200px; text-indent: -99999px;}

h2.service01{ background:url(../images/h2_service01.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.service02{ background:url(../images/h2_service02.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.service03{ background:url(../images/h2_service03.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}


/*------------------------------------------*/
/*------------------------------------------
個人情報保護方針
------------------------------------------*/
h1.privacy{ background:url(../images/h1_privacy.png) no-repeat center #001e1e; width: 100%; height: 200px; text-indent: -99999px;}
/*------------------------------------------*/

/*------------------------------------------
開発実績
------------------------------------------*/
h1.result{ background:url(../images/h1_result.png) no-repeat center #030b0d; width: 100%; height: 200px; text-indent: -99999px;}

h2.result01{ background:url(../images/h2_result01.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.result02{ background:url(../images/h2_result02.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.result03{ background:url(../images/h2_result03.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}

div.bar{ border-bottom:solid 1px #cccccc; width: 1000px; margin: 30px auto; display: block; clear: both;}

ul.hp { margin:0px 0; width: 720px;}
ul.hp li{ float:left; margin: 10px 30px 10px 5px; list-style: none;}
ul.hp li a{ color:#333333; font-size: 14px; line-height: 18px;}
ul.hp li img{ margin-bottom:8px;}

/*------------------------------------------*/
/*------------------------------------------
会社案内
------------------------------------------*/
h1.info{ background:url(../images/h1_info.png) no-repeat center #082e63; width: 100%; height: 200px; text-indent: -99999px;}

h2.info01{ background:url(../images/h2_info01.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.info02{ background:url(../images/h2_info02.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.info03{ background:url(../images/h2_info03.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.info04{ background:url(../images/h2_info04.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}


p.mincho{ font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝", "YuMincho",serif;
 font-size: 20px; line-height: 40px; font-weight: bold; margin: 0px 0 10px;padding-top: 0px;}

table.info_tb{ width: 900px; margin: 20px auto; display: block; background: none; border: none;}
table.info_tb th{ font-weight:normal; width: 180px; padding: 7px 0;}
table.info_tb td{ padding: 7px 0px;}

/*------------------------------------------*/
/*------------------------------------------
採用情報
------------------------------------------*/
h1.recruit{ background:url(../images/h1_recruit.png) no-repeat center #dddddd; width: 100%; height: 200px; text-indent: -99999px;}

h2.recruit{ background:url(../images/h2_recruit.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.recruit02{ background:url(../images/h2_recruit02.png) center no-repeat; width: 100%; height: 90px; margin: 70px 0 50px;}

a.recruit_bg01 {background:url(../images/recruit_bg01.png) center no-repeat; width: 300px; height: 150px; padding: 70px 0 0 700px; margin: 30px auto 20px; display: block;}
a.recruit_bg01 {color:#313131; text-decoration: none;}
a.recruit_bg01:hover {
opacity:0.70;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

a.recruit_bg02 {background:url(../images/recruit_bg02.png) center no-repeat; width: 970px; height: 150px; padding: 70px 0 0 30px; margin: 30px auto 20px; display: block;}
a.recruit_bg02 {color:#313131; text-decoration: none;}
a.recruit_bg02:hover {
opacity:0.70;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

a.recruit_bg03 {background:url(../images/recruit_bg03.png) center no-repeat; width: 300px; height: 140px; padding: 80px 0 0 700px; margin: 30px auto 20px; display: block;}
a.recruit_bg03 {color:#313131; text-decoration: none;}
a.recruit_bg03:hover {
opacity:0.70;
/*--IE,FF対応--*/
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}

/*------------------------------------------*/
/*------------------------------------------
採用情報
------------------------------------------*/
h1.recruit02{ background:url(../images/h1_recruit_02.png) no-repeat center #dddddd; width: 100%; height: 200px; text-indent: -99999px;}
h1.recruit03{ background:url(../images/h1_recruit_03.png) no-repeat center #dddddd; width: 100%; height: 200px; text-indent: -99999px;}

h2.recruit03{ background:url(../images/h2_recruit03.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}
h2.recruit04{ background:url(../images/h2_recruit04.png) center no-repeat; width: 100%; height: 90px; margin: 70px 0 50px;}
h2.recruit05{ background:url(../images/h2_recruit05.png) center no-repeat; width: 100%; height: 90px; margin: 70px 0 50px;}
h2.recruit06{ background:url(../images/h2_recruit06.png) center no-repeat; width: 100%; height: 90px; margin: 70px 0 50px;}

table.rec_tb{ width:1000px; margin: 30px auto; display: block;}
table.rec_tb th{ background: #f3f2f2; padding: 10px 10px 8px; margin: 3px; width: 190px; line-height: 18px; font-weight: normal; text-align: center;}
table.rec_tb td{ background: #f9f9f9; padding: 10px 10px 8px; margin: 3px; width: 780px;}

table.rec_tb02{ width:1000px; margin: 30px auto; display: block;}
table.rec_tb02 th{ background: #fefcfc; padding: 10px 10px 8px; margin: 3px; width: 240px; line-height: 18px; font-weight: normal;}
table.rec_tb02 td{ background: #ffffff; padding: 10px 10px 8px; margin: 3px; width: 730px;}

table.rec_tb03{ width:1000px; margin: 20px auto; display: block;}
table.rec_tb03 th{ background: #f3f2f2; padding: 10px 10px 8px; margin: 3px; width: 190px; line-height: 18px; font-weight: normal;}
table.rec_tb03 td{ background: #f9f9f9; padding: 10px 10px 8px; margin: 3px;}

table.rec_tb04{ width:1000px; margin: 30px auto; display: block;}
table.rec_tb04 th{ background: #f3f2f2; padding: 10px 10px 8px; margin: 3px; width: 340px; line-height: 18px; font-weight: normal;}
table.rec_tb04 td{ background: #f9f9f9; padding: 10px 10px 8px; margin: 3px; width: 630px;}



/*------------------------------------------*/
/*------------------------------------------
お問合せ
------------------------------------------*/
h1.contact{ background:url(../images/h1_contact.png) no-repeat center #d3d7d9; width: 100%; height: 200px; text-indent: -99999px;}

h2.contact{ background:url(../images/h2_contact.png) center no-repeat; width: 100%; height: 90px; margin: 0 0 50px;}

table.cont_tb{ width:900px; margin: 20px auto; display: block;}
table.cont_tb th{ background: #f3f2f2; padding: 15px 12px 13px; margin: 2px; width: 180px; line-height: 18px; font-weight: normal; text-align: right;}
table.cont_tb td{ background: #f9f9f9; padding: 15px 12px 13px; margin: 2px; width: 670px;}


input[type="submit"]{ background:#009944; font-size:18px; color:#ffffff; text-align:center;
padding:15px 0; margin:20px auto; display:block; width:300px;}

input[type="text"] {border:0;
padding:3px;
color:#333333;
border:solid 1px #cccccc;
width:450px;
}

textarea {
width: 640px;
border:solid 1px #cccccc;
height: 7em;
line-height: 1.5em;
}

input[type="email"] {border:0;
padding:3px;
color:#333333;
border:solid 1px #cccccc;
width:450px;
}

input[type="button"]{ background:#A7A7A7; font-size:18px; color:#ffffff; text-align:center;
padding:15px 0; margin:20px auto; display:block; width:300px;}

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 120px;
}