@charset "utf-8";
@media print, screen and (min-width: 751px){
/*-------------------------------------
	下層共通
--------------------------------------*/
.link_btn_01 a{
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	transition:.4s;
	font-weight:bold;
	display:inline-block;
	padding-right:50px;
	background:url(../Image/common/arrow_white.png) no-repeat right 40px center #d8180e;
	border-radius:10px;
}
.link_btn_01 a:hover{
	letter-spacing:3px;
	background-position:right 20px center;
}

.link_btn_02{
	text-align:center;
}
.link_btn_02 a,
.link_btn_02 a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.link_btn_02 a {
  position: relative;
  z-index: 2;
  background-color: #39a9de;
  border: 2px solid #39a9de;
  color: #fefefe;
  line-height: 50px;
  overflow: hidden;
  display: inline-block;
  width: 260px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  font-weight:bold;
  font-size: 16px;
}
.link_btn_02 a:hover {
  color:#39a9de;
}
.link_btn_02 a::after {
  top: -100%;
  width: 100%;
  height: 100%;
position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.link_btn_02 a:hover::after {
  top: 0;
  background-color: #fefefe;
}
.under #mainimage{
	background:url(../Image/common/mainimage_under.jpg) no-repeat;
	background-size:cover;
}
.under #mainimage h2{
	width:1000px;
	margin:0 auto;
	color:#444;
	padding: 50px 0;
	font-size:48px;
	text-align:center;
	line-height:1.0;
}
.under #mainimage h2 span{
	position:relative;
	display:inline-block;
	padding: 0 30px;
}
.under #mainimage h2 span:before,
.under #mainimage h2 span:after{
	position:absolute;
	content:"";
	top:calc(50% - 2px);
	height:4px;
	background:#444;
	width:100px;
}
.under #mainimage h2 span:before{
	right:100%;
}
.under #mainimage h2 span:after{
	left:100%;
}
.under .ttl_01{
	position:relative;
	padding:0;
	background:#fff;
}
.under .ttl_01:after{
	content:none;
}
.under .ttl_01 span{
	position:absolute;
	top: 75px;
	left:50px;
	color:#fff;
	text-shadow:3px 3px 10px #666;
	font-size:32px;
}
.under .ttl_04 {
	background:url(../Image/common/h3_bg.png) left top no-repeat;
	background-size:contain;
	box-sizing:border-box;
	height:212px;
	color:#fff;
	font-size:32px;
	padding-top: 74px;
    padding-left: 30px;
	margin-bottom:30px;
}
.under .top_sec{
	margin-bottom:70px;
}
.under .top_sec:last-child{
	margin-bottom:0px;
}
.under #main_cts p{
	margin-bottom:10px;
}
.under #main_cts p:last-child{
	margin-bottom:0;
}
.under #common_area{
	padding:0;
}
.under #common_area .sec_inner{
	width:100%;
	padding:0;
}
.consultation{
	background:#2486B0;
	padding:40px;
}
.consultation p{
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
}
.consultation .link_btn_01{
	text-align:center;
}
.consultation .link_btn_01 a{
	font-size:22px;
	text-align:center;
	padding:10px 50px;
	width:650px;
}
.bnr_list{
	padding:60px 0;
}
.bnr_list ul{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.bnr_list li{
	display:inline-block;
	width:295px;
	border-right:solid 1px #c5c5c5;
	padding:10px 0;
}
.bnr_list li:first-child{
	border-left:solid 1px #c5c5c5;
}
/*-------------------------------------
	トップページ
--------------------------------------*/
#top #mainimage{
	background:url(../Image/top/mainimage_bg.jpg) no-repeat;
	background-size:cover;
}
#top #mainimage{
	text-align:center;
}
#top #sec_01{
	padding:50px 0 80px;
	background:url(../Image/top/sec_01_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
#top h2{
	text-align:center;
	font-size:30px;
	color:#373737;
	margin-bottom:50px;
}

#top #sec_01 ul{
	width: 1090px;
	margin:0 auto 50px;
}
#top #sec_01 li{
	margin-right:50px;
	width:520px;
	float:left;
	padding:30px;
	box-sizing:border-box;
	border:solid 4px #3ea6f7;
	margin-bottom:50px;
}
#top #sec_01 li:nth-child(2n){
	margin-right:0;
}
#top #sec_01 li .list_ttl{
	font-size:22px;
	font-weight:bold;
	color:#5a5353;
	margin-bottom:30px;
}
#top #sec_01 li .list_ttl span{
	color:#207acf;
}
#top #sec_01 li p{
	font-size:18px;
	color:#124664;
}
#top #sec_01 .answer_btn{
	background:#ff7200;
	color:#fff;
	font-weight:bold;
	font-size:25px;
	width:690px;
	margin:0 auto;
	position:relative;
	text-align:center;
	box-sizing:border-box;
	padding:10px 20px;
}
#top #sec_01 .answer_btn:before{
	position:absolute;
	left:calc(50% - 5px);
	content:"";
	border:solid 10px transparent;
	border-bottom:solid 16px #ff7200;
	bottom:100%;
}
#top #sec_02{
	padding:50px 0 80px;
}
#top #sec_02 ul{
	width:1200px;
	margin:0 auto;
}
#top #sec_02 li{
	float:left;
	width:400px;
	box-sizing:border-box;
	padding: 20px 30px;
	border-right:#c5c5c5 solid 1px;
}

#top #sec_02 li:first-child{
	border-left:solid 1px #c5c5c5;
}
#top #sec_02 li .list_ttl{
	background:#535365;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	text-shadow:1px 1px 1px #2c5d08;
}
#top #sec_02 .img_box{
	text-align:center;
	margin-bottom:15px;
}
#top #sec_02 .sub_ttl{
	color:#0e7dad;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
#top #sec_02 p{
	color:#444;
}
#top #sec_04 {
	background:#535365;
	padding:50px 0;
}
#top #sec_04 .sec_inner{
    max-width: 1200px;
    margin: 0 auto;
}
#top #sec_04 .ttl_01{
	color:#fff;
}
#top #sec_04 .txt_box{
	color:#fff;
	font-size:14px;
	line-height:1.6;
}
#top #sec_04 .txt_box p{
	margin-bottom:10px;
}
#top #sec_05{
	padding:50px 0 80px;
}
#top #sec_05 .sec_inner{
    max-width: 900px;
    margin: 0 auto;
}
#top #sec_05 .sheet_01{
	margin-bottom:30px;
}
#top #sec_05 th,
#top #sec_05 td{
	border:none;
	background:#fff;
	color:#333;
	padding:30px 15px 20px;
	border-bottom:1px solid #ccc;
}
#top #sec_05 tr:first-child th,
#top #sec_05 tr:first-child td{
	padding-top:0;
}
#top #sec_05 th{
	color:#444;
	width:20%;
}
#top #sec_05 td{
	width:80%;
}
#top #sec_05 td a{
	color:#2486B0;
}
#top #sec_05 td a:hover{
	text-decoration:underline;
}
#top #sec_05 .viewmore{
	text-align:center;
}
#top #sec_05 .viewmore a{
	padding:10px 50px;
	color:#fff;
	background:#2486B0;
	border-radius:2px;
	border:1px solid #2486B0;
	font-weight:bold;
}
#top #sec_05 .viewmore a:hover{
	color:#2486B0;
	background:#fff;
}
/*-------------------------------------
	選ばれる理由
--------------------------------------*/
#advantage #sec_02 .catch_img{
	margin-bottom:30px;
}
#advantage #sec_02 li{
	float:left;
	border-left:1px #c5c5c5 solid;
	padding: 20px 30px;
	width: 50%;
	box-sizing:border-box;
	margin-bottom:30px;
}
#advantage #sec_02 li:nth-child(2n){
	border-right:1px solid #c5c5c5;
}
#advantage #sec_02 li .list_ttl{
	background:#535365;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	text-shadow:1px 1px 1px #2c5d08;
}
#advantage #sec_02 li .img_box{
	text-align:center;
	margin-bottom:15px;
}
#advantage #sec_02 li h4{
	color:#0e7dad;
	text-align:center;
	font-size: 20px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
#advantage #sec_02 li p{
	color:#444;
}
/*-------------------------------------
	開発実績
--------------------------------------*/
#achievements .catch_img {
	margin-bottom:30px;
}
#achievements .ttl_02{
	text-align: center;
    font-size: 35px;
    color: #373737;
    margin-bottom: 25px;
}
#achievements .ttl_bnr{
	background:#64b2c0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	font-size:18px;
	margin-top:50px;
	position:relative;
}
#achievements .ttl_bnr_02{
	background:#f99121;
}
#achievements .ttl_bnr:after{
	position:absolute;
	content:"";
	border:solid transparent 12px;
	border-top:solid #64b2c0 16px;
	left: calc(50% - 12px);
	top:100%;
}
#achievements .ttl_bnr_02:after{
	border-top:solid #f99121 16px;
}
#achievements #example_list_01{
	padding-top:35px;
	margin-bottom:60px;
}
#achievements #example_list_01 > li{
	float:left;
	width:33%;
	padding:0 25px;
	border-right:solid #c5b8b8 2px;
	box-sizing:border-box;
}
#achievements #example_list_01 .box:first-child{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:solid 2px #c5b8b8;
}
#achievements #example_list_01 > li:last-child{
	border-right:none;
}
#achievements #example_list_01 .list_ttl{
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
}
#achievements #example_list_01 .list_ttl img{
	vertical-align:bottom;
	margin-right:10px
}
#achievements #example_list_01 .img_box{
	margin-bottom:10px;
}
#achievements #example_list_01 .txt_box{
	font-weight:bold;
}
#achievements #example_list_01 .example{
	font-size:13px;
	font-weight:normal;
}
#achievements .graphBox h3{
	font-size:22px;
	text-align:center;
	color:#1d529b;
	margin-bottom:20px;
}
#achievements .graphBox .lead{
	text-align:center;
	margin-bottom:20px;
}
#achievements .graphBox .imgBox{
	background-color:#f8f6f6;
	padding:45px;
}
#achievements .graphBox .imgBox .imgWrap{
	background-color:#fff;
	padding:20px 60px;
	margin-bottom:20px;
}
#achievements #example_list_02{
	padding-top:35px;
}
#achievements #example_list_02 li{
	float:left;
	width:33%;
	box-sizing:border-box;
	padding:0 6px;
}
#achievements #example_list_02 li:last-child{
	margin:0;
}
#achievements #example_list_02 .img_box{
	margin-bottom:15px;
}
#achievements #example_list_02 .list_ttl{
	font-weight:bold;
	text-align:left;
	font-size:16px;
	margin-bottom:10px;
}
#achievements #example_list_02 .sheet_01 th,
#achievements #example_list_02 .sheet_01 td{
	display:block;
}
#achievements #example_list_02 .sheet_01 th{
	background:#eee;
	color:#333;
}
#achievements #example_list_02 .sheet_01 td{
	padding:20px 10px;
	line-height:1.7;
}
#achievements #example_list_02 .sheet_01 tr:last-child td{
	height:210px;

}
#achievements #example_list_02 .more_btn{
	text-align:center;
}
#achievements #example_list_02 .more_btn a{
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	transition:.4s;
	font-weight:bold;
	display:inline-block;
	padding:3px 30px;
	background:url(../Image/common/arrow_white.png) no-repeat right 30px center #d8180e;
	border-radius:10px;
	width:200px;
}
#achievements #example_list_02 .system_content{
	margin-bottom:20px;
}
#achievements #example_list_02 .more_btn a:hover{
	letter-spacing:3px;
	background-position:right 20px center;
}

/*-------------------------------------
	代表挨拶
--------------------------------------*/
#message .img_box{
	margin-bottom: 50px;
}
#message .tArea{
	padding:50px;
	background:#f7f7f7;
	position:relative;
}
#message .tArea:before{
	position:absolute;
	content:"";
	border:solid 30px transparent;
	border-left:solid #fff 30px;
	right:-30px;
	bottom:-30px;
	transform:rotate(45deg);
}
#message .tArea:after{
	position:absolute;
	content:"";
	border:solid 30px transparent;
	border-left:solid #c5c5c5 30px;
	right:12px;
	bottom:12px;
	transform:rotate(-135deg)
}
#message .tArea .text{
	margin-bottom:25px;
}
#message .tArea #ceo_sign{
	margin-top:30px;
	text-align:right;
	font-weight:bold;
}
#message .tArea ul{
	margin:5px 0;
}
#message .tArea li{
	text-indent:0;
}
/*-------------------------------------
	プライバシーポリシー
--------------------------------------*/
#privacy_policy #sec_01 p{
	margin-bottom:20px;
}
#privacy_policy #sec_01 dd p:last-child{
	margin-bottom:0!important;
}
#privacy_policy #sec_01 dt{
	font-weight:bold;
	font-size:18px;
	line-height:1;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 3px #c5c5c5;
}
#privacy_policy #sec_01 dt p{
	display:inline-block;
	position:relative;
	margin-bottom:0;
	padding-right:1em;
}
#privacy_policy #sec_01 dt p:after{
	position:absolute;
	content:"";
	height:3px;
	bottom:-13px;
	left:0;
	width:100%;
	background:#1a7cb5;
}
#privacy_policy #sec_01 dt span.icon{
	color:#1a7cb5;
	font-size:120%;
	display:inline-block;
	margin-right:10px;
	padding-left:5px;
}
#privacy_policy #sec_01 dd{
	margin-bottom:30px;
}
/*-------------------------------------
	会社概要
--------------------------------------*/
#company table th{
	width:150px;
}
#company table{
	margin-bottom:60px;
}
#company .sheet_01 th,
#company .sheet_01 td{
	padding:15px 10px;
}

/*-------------------------------------
	よくある質問
--------------------------------------*/
#faq #sec_01 dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
#faq #sec_01 dd{
	padding-left:30px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:dashed 1px #c5c5c5
}
#faq #sec_01 dd:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0;
}
#faq #sec_01  dl .icon{
	font-weight:bold;
	font-size:18px;
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	color:#fff;
	border-radius:5px;
	margin-right:10px;
	vertical-align:top;
}
#faq #sec_01 dt .icon{
	background:#f00;
}
#faq #sec_01 dd .icon{
	background:#39a9de;
}
#faq #sec_01 dl .text{
	display:inline-block;
	width:calc(100% - 35px);
}
/*-------------------------------------
	新着情報
--------------------------------------*/
#news #sec_01 .sheet_02{
	margin-bottom:30px;
}
#news #sec_01 th,
#news #sec_01 td{
	border:none;
	background:#fff;
	color:#333;
	padding:30px 15px 20px;
	border-bottom:1px solid #ccc;
}
#news #sec_01 tr:first-child th,
#news #sec_01 tr:first-child td{
	padding-top:0;
}
#news #sec_01 th{
	color:#444;
	width:20%;
}
#news #sec_01 td{
	width:80%;
}
#news #sec_01 td a{
	color:#2486B0;
}
#news #sec_01 td a:hover{
	text-decoration:underline;
}
#news .singleBox .titleBox{
	margin-bottom:30px;
}
#news .singleBox .ttl_08{
	background: #acdce4;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 20px;
	margin-bottom:10px;
}
#news .singleBox .date{
text-align:right;
}
#news .singleBox .ctsBox{
	font-size:15px;
	line-height:1.7;
}

#news .singleBox .ttl_09{
border-left:5px solid #18456f;
padding-left:15px;
font-size:16px;
margin-top:30px;
margin-bottom:20px;
}
#news .singleBox .ctsBox p{
margin-bottom:10px;
}
/*-------------------------------------
	サイトマップ
--------------------------------------*/
#sitemap #sec_01 li{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
}
#sitemap #sec_01 li a{
	padding:15px;
	border:solid 2px #444;
	display:block;
	color:#444;
	font-weight:bold;
	position:relative;
	border:2px solid #33859d;
}
#sitemap #sec_01 li a:hover{
	color:#fff;
	background-color:#31b4d9;
	border-color:#31b4d9;
}
#sitemap #sec_01 li:nth-child(2n){
	margin-right:0;
}
#sitemap #sec_01 li:nth-last-child(-n+2){
	margin-bottom:0;
}
/*-------------------------------------
	お問い合わせ
--------------------------------------*/
#contact .tCenter{
	text-align:center;
}
#contact table{
	margin-bottom:20px;
}
#contact h4{
	background:none !important;
}
/*mailformproを使用する場合、エラーメッセージなどのエフェクトがうざい場合は以下を使ってください。must-fillはサイト毎に変更必要です。*/
/* フォーム部品のボックスシャドウ打消し */
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
	box-shadow:none;
}
/* 入力エラーのチカチカなし、文字色 */
div.mfp_err {
	background:none;
	padding-left:0;
	color:#f26;

	font-weight:bold;
}
/* エラー箇所のフォーム部品を色つきで強調 */
.problem {
	background-color:#fdd;
}
/* 入力OKのエフェクト */
div.mfp_ok {
	background-color:#4d89d2;
	border-color:#4d89d2;
	font-size:12px;
}
/* チェックボックスのエフェクト打消し */
form#mailformpro label.mfp_not_checked {
	padding:0;
	border:none;
}
form#mailformpro label.mfp_checked {
	padding:0;
	border:none;
	background:none;
}
/* ボタンのエフェクト打消し */
.mfp_element_submit, .mfp_element_reset, .mfp_element_button{
	font-size:0.8em;
	text-shadow:none;
}
/* 内容確認画面のテーブルを全幅 */
#mfp_confirm_table{
	width:100%;
}
/* 内容確認画面のテーブルのデザイン */
#mfp_confirm_table th,
#mfp_confirm_table td {
	border:1px solid #ccc;
	border-top:1px solid #ccc !important;
	line-height:1.5 !important;
}
#mfp_confirm_table th {
	padding:10px 10px !important;
	background: #1b99b8;
	text-align:center !important;
	color:#fff;
	font-size:14px !important;
	text-align:left !important;
}
#mfp_confirm_table td {
	padding:15px 20px;
	font-size:14px !important;
	line-height:1.8 !important;
}
div#mfp_phase_confirm h4 {

	font-size:16px;
	margin-bottom:20px;
}
/* 入力画面の「必須」のデザイン */
.must-fill {
	background:#e04;
	padding:1px 3px;
	color:#fff;
	font-size:0.8em;
	display:inline-block;
	margin-left:10px;
	border-radius:4px;
	float:right;
}
.mfp_buttons{
	text-align:center;
}
.mfp_buttons button{
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	transition:.4s;
	font-weight:bold;
	display:inline-block;
	background:url(../Image/common/arrow_white.png) no-repeat right 40px center #d8180e;
	border-radius:10px;
	width:320px;
	padding:15px 50px 15px 50px;
	font-size:16px;
}
.mfp_buttons button:hover{
	letter-spacing:3px;
	background-position:right 20px center;

}
#thanks #sec01{
	padding-bottom: 200px;
}
/*-----------------------------------------------------
	ブログなどのページャー（Wordpress）
------------------------------------------------------*/
/* ナビゲーション全体のデザイン */
.wp-pagenavi {
	text-align:center;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a{
	padding:0 8px;
	background: #c9cd21;
	color:#fff;
	margin-right:4px;
	display:inline-block;
}
/* ボタン<a>タグのホバー時のデザイン */
.wp-pagenavi a:hover{
	background:#005982;
	color:#fff;
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current{
	background: #005982;
	color:#fff;
	padding:0 8px;
	margin-right:4px;
	display:inline-block;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	color:#005982;
	background:none;
	font-size:0.9em;
	font-weight:bold;
}

/*-----------------------------------------------------
	ブログなどのページャー（Pascal）
------------------------------------------------------*/

/*-必要な場合は冒頭にbody名を付けてください-*/

a[title*="page"]{
	display: inline-block !important;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-right: 2px;
	vertical-align: middle;
	clear: both;
	background: rgba(191, 191, 191, 0.1);
	text-align: center;

	border: 1px solid #ccc;
}
a[title*="previous"]{
	margin-right: 5px;
}
b u{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-right: 2px;
	vertical-align: middle;
	clear: both;
	background: #2a72d1;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
}

}