@charset "utf-8";
/* CSS Document */

@media screen and (max-width:767px){
/* コメントアウトはオリジナルと同じ値のもの */

body {
/*	font-family:ProximaNovaRegular,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial,Helvetica,Verdana,sans-serif !important;
	background: #fff;
	font-size:14px;
	line-height:1.6;
	color:#333;*/
}
a {
/*	color:#1976D2;
	text-decoration:none;*/
}
a:hover {
/*	color:#90caf9;
	text-decoration:underline;*/
}
strong {
/*	color:#006699;
	font-weight:bold;*/
}

#header {
/*	background:#fff;
	position: relative;*/
	width: 100%;
	height:auto;
/*	margin:0 auto;*/
-js-display: flex;
	display:flex;
 	flex-direction: column;
}
h1{
/*	display:block;
	position:absolute;
	top:29px;
	left:0;*/
}
#header .inquiry{
	position:relative;
	top:auto;
	right:auto;
	order:1;
	text-align:center;
}

#header .gnavi{
	position:relative;
	top:auto;
	right:auto;
	order:3;
	margin-top:1em;
	width:100%;
/*	height:100%;*/
}
#header .gnavi ul {
	display:table;
	width:100%;
	margin:0 auto;
	padding:0;
	height:100%;
}
#header .gnavi li{
	float:none;
	margin-left:0;
	display:table-cell;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #ccc;
	height:100%;
	min-height:30px;
}
#header .gnavi li.navi01 {

}
#header .gnavi li.navi02 {

}
#header .gnavi li.navi03 {

}
#header .gnavi li:first-child {
	border-left:none;
}
#header .gnavi li img {
	display:none;
}
#header .gnavi li a:after { /* テキスト画像→テキスト */
	content:attr(title);
	font-size:13px;
}
#header .gnavi li a {
	color:#000;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	display:block;
	padding:6px 4px 6px;
	box-sizing:border-box;
	height:100%;
	border-bottom:4px solid #333;
}
#header .gnavi li a:hover,
#header .gnavi li a:active {
	text-decoration:none;
	color:#3879D9;
	border-bottom:4px solid #3879D9;
}

#main {
}

#footer {
/*	box-sizing:border-box;
	background:#333;
	padding:5px 0;*/
}
#footer >div {
	width:100%;
/*	margin:0 auto;*/
	display:block;
}
#footer .copyright{
	display:block;
/*	font-size:10px;
	color:#ccc;*/
	text-align:center;
}
#footer .copyright span{
}
#footer .link a{
	display:block;
/*	font-size:10px;
	color:#fff;*/
	text-align:center;
}

h1 {
/*	text-align:center;
	margin-top:30px;
	margin-bottom:20px;*/
}
h1.message {
	background:#eee;
	margin:0;
	text-align:center;
}
h1.message img {
	width:100%;
	max-width:100%;
	height:auto;
}
h2 {
/*	text-align:center;*/
	margin-top:1em;
	margin-bottom:0.8em;
	padding-bottom:0.3em;
	border-bottom:3px solid #ccc;
	margin-left:5px;
	margin-right:5px;
	line-height:1.3;
}
h2 img  {
	display:none;
}
h2:after {
	content:attr(title); /* テキスト画像→テキスト */
	font-size:20px;
}

a.pagetop {
/*	display:block;*/
	width:100%;
/*	margin:5px auto 0;
	text-align:right;
	font-size:11px;*/
}
a.pagetop span {
/*	display:inline-block;
	background:url(../img/dnavi/ico_arrow.png) right 6px no-repeat;
	padding-right:15px;*/
}
div.explain {
	text-align:left;
	padding:0 10px;
	margin-bottom:1em;
}
div.image {
/*	text-align:center;*/
	padding-bottom:1.5em;
	margin-left:10px;
	margin-right:10px;
}
div.image img {
	width:100%;
	max-width:100%;
	height:auto;
}
.pdB40 {
	padding-bottom:0;
}


/*業務フローの課題*/
.issue {
	background:#ddd;
	padding:17px 0 20px;

}
.issue > div {
	width:100%;
	margin:0 auto;
	padding-left:0;
	box-sizing:border-box;
	padding:0 10px;
}
.issue > div > div {
	float:none;
	width:100%;
	margin-top:1em;
}
.issue > div > div:first-child {
	margin-right:auto;
	margin-top:0;
}
.issue h3 {
	margin-left:auto;
	text-align:center;
	margin-bottom:0.3em;
}
.issue h3 img  {
	display:none;
}
.issue h3:after {
	content:attr(title); /* テキスト画像→テキスト */
	font-size:16px;
}
.issue dl {
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
/*	background:#fff;*/
	padding:1em 0.5em;
	height:auto;
}
.issue dt {
	background:url(../img/dnavi/ico_check.png) left center no-repeat;
/*	font-weight:bold;*/
	padding-left:1.8em;
	margin-top:1em;
	font-size:14px;
}
.issue dt:first-child {
	margin-top:0;
}

.issue dd {

	padding-left:3em;
}

/*ご利用イメージ*/
.benefit {
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.benefit li {
	width:100%;
	float:none;
	box-sizing:border-box;
	border:2px solid #ccc;
	margin-bottom:0.6em;
	padding:0.4em 0;
	text-align:center;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.benefit li img {
	display:none;
}
.benefit li:after {
	content:attr(title); /* テキスト画像→テキスト */
	font-size:14px;
}
.benefit li.fin {
	width:100%;
	background:#FFA64D;
	color:#fff;
	border:2px solid #FFA64D;
}

/*活用例*/
.case {
/*	background:#ddd;*/
	padding:10px 10px;
	margin-bottom:1em;
	box-sizing:border-box;
}

.case dl {
	width:100%;
	box-sizing:border-box;
	min-height:auto;
	margin:1em auto 0;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
/*	background-color:#fff;*/
	padding:10px 15px 10px;
}
.case dl:first-child {
/*	margin:0 auto;*/
}
.case dl.case01 {
	background-image:none;
/*	background-position:left top;
	background-repeat:no-repeat;
	position:relative;*/
}
.case dl.case02 {
	background-image:none;
/*	background-position:left top;
	background-repeat:no-repeat;
	position:relative;*/
}
.case dl.case03 {
	background-image:none;
/*	background-position:left top;
	background-repeat:no-repeat;
	position:relative;*/
}
.case dl.case04 {
	background-image:none;
/*	background-position:left top;
	background-repeat:no-repeat;
	position:relative;*/
}
.case dt {
	width:100%;
	box-sizing:border-box;
/*	display:block;*/
	margin:0 0 0.5em;
	font-weight:bold;
	text-align:center;
}
.case dt img {
	display:none;
}
.case dt:after { /* テキスト画像→テキスト */
	content:attr(title);
	font-size:14px;
}
.case dd {
	width:100%;
	box-sizing:border-box;
/*	font-size:13px;
	line-height:1.4;*/
}
.case dd.img {
	width:100%;
	position:relative;
	top:auto;
	right:auto;
	text-align:center;
	padding-top:5px;
}

div.txt-image img {
	display:none;
}
div.txt-image:after {
	content:attr(title);
	font-size:14px;
}

/*div.inquiry_box {

	margin:0 0 1em;
}*/

.inquiry_box {
/*	box-sizing:border-box;*/
	background-image:url(../img/sheltie/bnr_inquiry2.png);
	background-position:0 0;
    background-size: contain;
/*	background-repeat:no-repeat;
	background-color:#eee;*/
/*	width:100%;*/
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 38.61%;
/*	padding:0;
	text-align:center;*/
	margin-top:1em;
	margin-bottom:1em;
}
.inquiry_box img {
	display:none;
}
.inquiry_box img:hover {
/*	opacity:0.8;*/
}
.inquiry {
	display:block;
	width:100%;
	height:150px;
	margin-top:-38.61%;
}
#header .inquiry {
	height:auto;
	margin-top:0;
}
.wrap_inquiry_box {
/*	background-color:#eee;*/
	padding:5px 0 5px;
}


}

@media screen and (max-width:599px){
/*div.inquiry_box img {
	width:100%;
	max-width:100%;
	height:auto;
}*/
}
@media screen and (max-width:414px){
#header .inquiry img{
	width:100%;
	max-width:100%;
	height:auto;
}