@charset "utf-8";
@media screen and (max-width:750px){
/*-------------------------------------
	下層共通
--------------------------------------*/
.link_btn_01 a{
	color:#fff;
	box-sizing:border-box;
	transition:.4s;
	font-weight:bold;
	display:inline-block;
	background:url(../Image/common/arrow_white.png) no-repeat right 20px center #d8180e;
	border-radius:10px;
}
.consultation{
	background:#2486B0;
	padding:25px;
}
.consultation p{
	text-align:center;
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	letter-spacing: -0.5px;
	margin-bottom:20px;
}
.consultation .link_btn_01{
	text-align:center;
}
.consultation .link_btn_01 a{
	font-size: 20px;
	text-align:center;
	padding:10px 20px;
	line-height:1.6;
	display: block;
}
.bnr_list{
	padding:30px 0;
}

.bnr_list li{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid #c5c5c5 1px;
	text-align:center;
}
.bnr_list li:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
.under .top_sec{
	margin-bottom:40px;
}
.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 .ttl_04 {
    background-size:100% auto;
    color: #fff;
    font-size: 18px;
    margin: 0 0 25px;
    position:relative;
}
.under .ttl_04 span{
	position:absolute;
	left:15px;
	bottom:0px;
	line-height:6vh;
}
/*-------------------------------------
	トップページ
--------------------------------------*/
#top #mainimage{
	overflow:hidden;
	width:100%;
}
#top #sec_01{
	padding:50px 0 80px;
	background:url(../Image/top/sec_01_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
#top .sec_inner{
	padding:0 10px;
}
#top h2{
	text-align:center;
	font-size:22px;
	color:#373737;
	margin-bottom:40px;
}
#top #sec_01 ul{
	margin-bottom:50px
}
#top #sec_01 li{
	padding:20px;
	box-sizing:border-box;
	border:solid 4px #3ea6f7;
	margin-bottom:30px;
}
#top #sec_01 li:nth-child(2n){
	margin-right:0;
}
#top #sec_01 li .list_ttl{
	font-size:16px;
	font-weight:bold;
	color:#5a5353;
	margin-bottom:15px;
	text-indent:-1.5em;
	padding-left:1.5em;
	letter-spacing:-0.2px;
}
#top #sec_01 li .list_ttl span{
	color:#207acf;
}
#top #sec_01 li p{
	font-size:14px;
	color:#124664;
}
#top #sec_01 .answer_btn{
	background:#ff7200;
	color:#fff;
	font-weight:bold;
	font-size: 18px;
	margin:0 auto;
	position:relative;
	text-align:center;
	box-sizing:border-box;
	padding: 10px;
	line-height:1.6;
}
#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{
	margin:0 auto;
}
#top #sec_02 li{
	border-bottom:#c5c5c5 solid 1px;
	padding-bottom:30px;
	max-width:338px;
	margin:0 auto 35px;
}
#top #sec_02 li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
#top #sec_02 li .list_ttl{
	background:#535365;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px 1px #2c5d08;
}
#top #sec_02 .img_box{
	text-align:center;
	margin-bottom:10px;
}
#top #sec_02 .txt_area p{
	padding:0 5px;
}
#top #sec_02 .sub_ttl{
	color:#0e7dad;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin-bottom:7px;
}
#top #sec_02 p{
	color:#444;
}
/*-------------------------------------
	選ばれる理由
--------------------------------------*/
#advantage .ttl_01{
	margin-bottom:10px;
}
#advantage #sec_02 .catch_img{
	margin-bottom:30px;
}
#advantage #sec_02 li{
	border-bottom:#c5c5c5 solid 1px;
	padding-bottom:30px;
	margin:0 auto 35px;
}
#advantage #sec_02 li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
#advantage #sec_02 li .list_ttl{
	background:#535365;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px 1px #2c5d08;

}
#advantage #sec_02 li .img_box{
	text-align:center;
	margin-bottom:10px;
}
#advantage #sec_02 li h4{
	color:#0e7dad;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	display:block;
	margin-bottom:7px;
	letter-spacing:-0.1px;
}
#advantage #sec_02 li .txt_box p{
	padding:0 5px;
}
#advantage #sec_02 li p{
	color:#444;
	font-size:13px;
}
#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:13px;
	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: 20px;
}
#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:5px 30px;
	color:#fff;
	background:#2486B0;
	border-radius:2px;
	border:1px solid #2486B0;
	font-weight:bold;
}
/*-------------------------------------
	開発実績
--------------------------------------*/
#achievements .catch_img {
	margin-bottom:30px;
}
#achievements #main_cts p{
	font-size:13px;
}
#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:16px;
	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{
	padding:0;
	border-bottom:solid #c5b8b8 2px;
	box-sizing:border-box;
	padding-bottom:20px;
	margin:0 auto 20px;
}
#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-bottom:none;
}
#achievements #example_list_01 .list_ttl{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#achievements #example_list_01 .list_ttl img{
	height:40px;
	vertical-align:bottom;
	margin-right:5px;
}
#achievements #example_list_01 .img_box{
	margin-bottom:10px;
}
#achievements #example_list_01 .txt_box{
	font-weight:bold;
	font-size:13.5px;
}
#achievements #example_list_01 .example{
	font-size:13px;
	font-weight:normal;
}
#achievements .graphBox h3{
	font-size:17px;
	text-align:center;
	color:#1d529b;
	margin-bottom:20px;
}
#achievements .graphBox .txtWrap{
	font-size:13px
}
#achievements .graphBox .lead{
	text-align:left;
	margin-bottom:20px;
	font-size:13px
}
#achievements .graphBox .imgBox{
	background-color:#f8f6f6;
	padding:15px;
}
#achievements .graphBox .imgBox .imgWrap{
	background-color:#fff;
	padding:10px;
	margin-bottom:20px;
	font-size:13px;
}
#achievements #example_list_02{
	padding-top:35px;
}
#achievements #example_list_02 li{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #c5c5c5;
}
#achievements #example_list_02 li:last-child{
	margin:0;
	padding:0;
	border:none;
}
#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: 15px 10px;
	line-height:1.7;
	font-size: 13px;
}

#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;
}
/*-------------------------------------
	会社概要
--------------------------------------*/
#company table th{
	width:60px;
}
#company table{
	margin-bottom:60px;
	font-size:14px;
}
#company .sheet_01 th,
#company .sheet_01 td{
	padding:15px 10px;
}
#company .map iframe{
	width:100%;
}

/*-------------------------------------
	代表挨拶
--------------------------------------*/
#message .img_box{
	margin-bottom: 30px;
}
#message .tArea{
	padding:15px;
	background:#f7f7f7;
	position:relative;
	font-size:13px
}

#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;
}

/*-------------------------------------
	よくある質問
--------------------------------------*/
#faq #sec_01 dt{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}
#faq #sec_01 dd{
	padding-left:15px;
	margin-bottom:30px;
	padding-bottom:30px;
	font-size:13px;
	line-height:25px;
	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:16px;
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	color:#fff;
	border-radius:5px;
	margin-right:5px;
	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);
}
/*-------------------------------------
	プライバシーポリシー
--------------------------------------*/
#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:16px;
	line-height:1;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	border-bottom:solid 3px #c5c5c5;
}
#privacy_policy #sec_01 dt p{
	display:block;
	margin-bottom:0;
}
#privacy_policy #sec_01 dt:after{
	position:absolute;
	content:"";
	height:3px;
	bottom:-3px;
	left:0;
	width:40%;
	background:#1a7cb5;
}
#privacy_policy #sec_01 dt span{
	display: inline;
}
#privacy_policy #sec_01 dt span.text{
	width:calc(100% - 34px);
	line-height:22px;
}
#privacy_policy #sec_01 dt span.icon{
	color:#1a7cb5;
	font-size: 22px;
	margin-right:10px;
	padding-left:5px;
	vertical-align:top;
}
#privacy_policy #sec_01 dd{
	margin-bottom:30px;
}
#privacy_policy #sec_01 dd a{
	word-break: break-all;
}
/*-------------------------------------
	新着情報
--------------------------------------*/
#news #sec_01 .sheet_02{
	margin-bottom:20px;
}
#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{
	margin-bottom:15px;
}
#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:after{
	content:"▼";
	font-size:12px;
	position:absolute;
	top:calc(50% - 10px);
	right:15px;
	color:#444;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-radius:15px;
	transform:rotate(270deg)
}
#sitemap #sec_01 li:last-child{
	margin-bottom:0;
}
/*------------------------------------
	お問い合わせ
--------------------------------------*/
#contact .tCenter{
	text-align:center;
}
#contact table{
	margin-bottom:20px;
}
#contact h4{
	background:none !important;
}
#contact .sheet_01 th,
#contact .sheet_01 td{
	display:block;
}
#contact .sheet_01 td input,
#contact .sheet_01 td textarea{
	width:100% !important;
	box-sizing:border-box
}
/*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:#ff7500;
	border-color:#ff7500;
	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;
	color:#fff;
	font-size:14px !important;
	text-align:left !important;
	width:100px !important;
}
#mfp_confirm_table td {
	padding:15px 20px;
	font-size:14px !important;
	line-height:1.8 !important;
}
div#mfp_phase_confirm h4 {
	font-size:0.9em;
	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:block;
	margin:0 auto;
	background:url(../Image/common/arrow_white.png) no-repeat right 40px center #d8180e;
	border-radius:10px;
	max-width:320px;
	width:100%;
	padding:15px 50px 15px 50px;
	font-size:16px;
}
#thanks #sec01{
}
/*-----------------------------------------------------
	ブログなどのページャー（Wordpress）
------------------------------------------------------*/
/* ナビゲーション全体のデザイン */
.wp-pagenavi {
	text-align:center;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a{
	padding:0 8px;
	background:#3a8ba6;
	color:#fff;
	margin-right:4px;
	display:inline-block;
}
/* ボタン<a>タグのホバー時のデザイン */
.wp-pagenavi a:hover{
	background:#ededed;
	color:#333;
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current{
	background:#ededed;
	color:#333;

	padding:0 8px;
	margin-right:4px;
	display:inline-block;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	color:#3a8ba6;
	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;
}
}