.qs-rule h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre{margin:0;padding:0;color:#333;}
.qs-rule a:link{color:#333;}

#main h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre{margin:0;padding:0;color:#333;}

.sp .frame {
	width: 950px;
}

.sp-only {
	display: none;
}

.arrow-blue {
	position: relative;
  	display: inline-block;
  	padding-left: 10px;
  	color: #0075C2;
}

.arrow-blue:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #0075C2;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
}

.arrow-blue-x {
	position: relative;
  	color: #0075C2;
}

.arrow-blue-x:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #0075C2;
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -5px;
}

/*--------------------------------------------------------------------------------01
  index
*/


.qs-mainimg{
	/*background: url(/quicksolution/images5/index/mainimg/bg.jpg) top no-repeat #252525;*/
	/*background: url(/quicksolution/images5/index/mainimg/bg2.jpg) top no-repeat #fff;*/
	background: url(/quicksolution/images5/index/mainimg/bg_top.png) top no-repeat #fff;
	background-size: cover;
	height:311px;
	margin-top:-5px;
}

.qs-mainimg .title{
	/* padding:95px 0 3px 0; */
	padding:85px 0 3px 0;
	position:relative;
	color:#162789;
	font-weight:normal;
}
.qs-mainimg .title span{
	left:0px;
	/* top:80px; */
	top: 55px;
	position:absolute;
	font-size:22px;
}

.qs-mainimg .title .medal{
	left:420px;
	/* top:70px; */
	top: 35px;
	position:absolute;
}

.qs-mainimg .copywriting {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	width: 400px;
	text-align: center;
	letter-spacing: 1.6px;
	padding-top: 10px;
}

.qs-mainimg .copywriting span {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}

.qs-mainimg .demo{
width:370px;
height:39px;
}

.qs-mainimg .demo a{
	font-size:15px;
	color:#fff;
	background-image:url(/quicksolution/images5/index/mainimg/demo.png);
	width:370px;
	height:39px;
	text-align:center;
	line-height:35px;
	display:block;
	text-decoration:none;
}
.qs-mainimg .demo a:hover{
	background-image:url(/quicksolution/images5/index/mainimg/demo-h.png);
	/*opacity:0.8;*/
	/*filter: alpha(opacity=80);*/
	/*-ms-filter: "alpha(opacity=80)";*/

}
.qs-mainimg .demo a span{
	background:url(/quicksolution/images5/index/mainimg/arrow.png) left no-repeat;
	padding-left:30px;
}

.qs-page-mainimg .demo2{
width:227px;
height:34px;
}

.qs-page-mainimg .demo2 a{
	font-size:14px;
	color:#fff;
	background-image:url(/quicksolution/images5/page/mainimg/demo.png);
	width:227px;
	height:34px;
	text-align:center;
	line-height:31px;
	display:block;
	text-decoration:none;
}
.qs-page-mainimg .demo2 a:hover{
	background-image:url(/quicksolution/images5/page/mainimg/demo-page-h.png);
	/*opacity:0.8;*/
	/*filter: alpha(opacity=80);*/
	/*-ms-filter: "alpha(opacity=80)";*/
}
.qs-page-mainimg .demo2 a span{
	background:url(/quicksolution/images5/page/mainimg/arrow-or.png) left no-repeat;
	padding-left:20px;
	font-size:14px;
	color:#fff;
}


.qs-mainimg .otoiawase{
	position:absolute;
	top:67px;
	right:0;
	border:1px solid #7D8789;
	background:url(/quicksolution/images5/page/mainimg/link-bg.png);
	padding:10px 1px 5px 10px;
	width:335px;
}

.qs-mainimg .otoiawase .head{
	background:url(/quicksolution/images5/page/mainimg/link-icon.png) left no-repeat;
	padding-left:20px;
	font-size:14px;
	margin-bottom:5px;
	color:#fff;
}

.qs-mainimg .otoiawase li{
	float: left;
	margin:0 5px 5px 0;
}
.qs-mainimg .otoiawase li a{
	background: url(/quicksolution/images5/index/mainimg/link-button.png) left top no-repeat;
	width:140px;
	display:block;
	font-size:14px;
	text-decoration:none;
	line-height:35px;
	padding:8px 5px 7px 15px;
	color:#fff;
}
.qs-mainimg .otoiawase li a:hover{
	background: url(/quicksolution/images5/index/mainimg/link-button-o.png) left top no-repeat;
}

/* otoiawase cssバージョン */
.qs-mainimg .otoiawase2{
position: absolute;
top:106px;
right:10px;
width: 344px;
height: 96px;
}

.qs-page-mainimg .otoiawase2{
position: absolute;
top:40px;
right:10px;
width: 344px;
height: 96px;
}

.otoiawase2-bottom{
position: absolute;
top:20px;
right:15px;
width: 344px;
height: 96px;
}

.qs-mainimg .otoiawase3{
	position: absolute;
	top:50px;
	right:10px;
	width: 344px;
	height: 165px;
}

.qs-mainimg .otoiawase3 p{
	padding-top: 10px;
	text-align: center;
}
.qs-mainimg .otoiawase3 p a:hover {
	color: #999;
}

.qs-page-mainimg .otoiawase3{
	position: absolute;
	top:12px;
	right:10px;
	width: 344px;
	height: 145px;
}
.qs-page-mainimg .otoiawase3 ul li a.mt15 {
	margin-top: 10px !important;
}
.qs-page-mainimg .otoiawase3 > p {
	text-align: center;
	padding-top: 5px;
}

.otoiawase3-bottom{
	position: absolute;
	top:15px;
	right:15px;
	width: 344px;
	height: 135px;
}

.otoiawase4-bottom{
	position: absolute;
	top:5px;
	right:15px;
	width: 345px;
	height: 125px;
}



/* スマホボタン */

/*
===== qs-sp-otoiawase-window =====
*/

.sp-widnow{
	z-index:10;
	position:absolute;
	left:0;
	width:100%;

}
.qs-sp-otoiawase-window{
	top:0;
}

.sp-widnow .inner{
	position:relative;
	z-index:10;
	display:none;
}
.qs-sp-otoiawase-window .inner{
	padding-top:110px;
}

.sp-widnow .bg{
	background-color: rgba(256,256,256,0.90);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9;
	display:none;
}


.qs-sp-otoiawase-window .top-otoiawase{
	background-color: rgba(0,117,194,0.2);
	padding:30px 15px 60px 15px;
}

.qs-sp-otoiawase-window .top-otoiawase .download {
	width:100%;
	background: #00932d;
	color:#FFF;
	text-decoration:none;
	border-radius: 5px;
	text-align:center;
	padding:15px 0;
	position:relative;
	font-size:12px;
	line-height:1.4;
	border:1px solid #00da4d;
	margin-bottom:10px;
	display:block;
}

.qs-sp-otoiawase-window .top-otoiawase .download a{
	color:#FFF;
	text-decoration:none;
}

.qs-sp-otoiawase-window .top-otoiawase .download a:before{
	border:3px solid transparent;
	border-left:3px solid #FFF;

	content:"";
	display:inline-block;
	width:1px;
	height:1px;

	position:absolute;
	left:10px;
	top:50%;

	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}


.qs-sp-otoiawase-window .top-otoiawase .head{
	text-align:center;
	background:url(/quicksolution/images5/common/sp-window/otoiawase.png) top no-repeat;
	background-size:36px 25px;
	padding-top:35px;
	margin-bottom:40px;
	font-weight:bold;
}

.qs-sp-otoiawase-window .top-otoiawase li{
	margin-bottom:5px;
}
.qs-sp-otoiawase-window .top-otoiawase li a{
	background:#FCFCFC;
	color:#333333;
	text-decoration:none;
	border-radius: 5px;
	text-align:center;
	padding:15px 0;
	position:relative;
	font-size:12px;
	line-height:1.4;
	border:1px solid #9B9B9B;
	display:block;
}

.qs-sp-otoiawase-window .top-otoiawase li a:before{
	border:3px solid transparent;
	border-left:3px solid #1D3084;

	content:"";
	display:inline-block;
	width:1px;
	height:1px;

	position:absolute;
	left:10px;
	top:50%;

	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);

}


.sp-widnow .close{
	text-align:center;
	background:#7e7e7e;
	cursor:pointer;
	color:#fff;
	padding:15px;
}

.sp-widnow .close:before{
	content:"";
	background:url(/quicksolution/images5/common/sp-window/close.png) no-repeat;
	width:14px;
	height:14px;
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;

}

/* qs-sp-menu-window */

.qs-sp-menu-window .taikenban{
	text-align:center;
	padding:17px;
}

.qs-sp-menu-window .taikenban a{
	display: inline-block;
	color:#fff;
	padding:13px 10px;
	border-radius: 5px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#DB7A0A;
	border:1px solid #EAB77E;

}
.qs-sp-menu-window .taikenban a:before{
	display:inline-block;
	width:16px;

	height:16px;
	content:"";
	margin-right:3px;
	background-size:contain;
	vertical-align:middle;
	background-image:url(/quicksolution/images5/index/mainimg/sp-taikenban.png);
}


/*
===== qs-category-sp =====
*/

.qs-category-sp{
	background:#eff6fb;
	padding:15px;
}

.qs-category-sp .head{
	margin-bottom:10px;
	font-weight:bold;
}

.qs-category-sp .head img{
	width:105px;
	margin-right:5px;
	vertical-align:bottom;
}


.qs-category-sp ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

	-webkit-justify-content: space-between;
	justify-content:         space-between;

}

.qs-category-sp li{
	width:32%;
	margin-bottom:7px;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

	-webkit-align-items: center;
	align-items:         center;

	-webkit-justify-content: center;
	justify-content:         center;

}
.qs-category-sp li a{
	background:#0075C2;
	color:#fff;
	text-decoration:none;
	border-radius: 5px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

	-webkit-align-items: center;
	align-items:         center;

	-webkit-justify-content: center;
	justify-content:         center;
	width:100%;
	height:100%;
	text-align:center;
	padding:10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-size:12px;
	line-height:1.0;
}

.qs-category-sp li a:before{
	border:3px solid transparent;
	border-left:3px solid #fff;

	content:"";
	display:inline-block;
	width:1px;
	height:1px;

	position:absolute;
	left:10px;
	top:50%;

	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}


/*
===== information =====
*/

#information {
	display: flex;	
}

#information .sp-hidden {
	display: block;
}
#information .pc-hidden {
	display: none;
}

#information .info-title {
	background: #999;
	color: #fff;
	padding: 10px 18px;
}

#information .info-detail {
	background: #F7F7F7;
	color: #666;
	text-decoration: underline;
	padding: 10px 14px 10px 28px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
#information .info-detail:before {
	margin-left: 18px;
}
#information .info-detail:hover {
	color: #999;
}

#application .app-title {
	font-size: 32px;
	font-weight: bold;
	color: #0075C2;
	text-align: center;
	line-height: 1;
	padding: 30px 0 10px;
}

#application .flex {
	display: flex;
	align-items: center;
}

#application .flex img {
	margin-right: 35px;
}

#application .flex .app-text {
	width: 270px;
}

#application .flex .app-text p {
	margin-left: 15px;
}
#application .flex .app-text .youtube .modal-video-btn {
	cursor: pointer;
	cursor: hand;
}

/*
===== tokuchou =====
*/


#tokuchou{
	margin-bottom:50px;
}

#tokuchou li{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	position:relative;
}
#tokuchou li.end{
	margin-right:0;
}

#tokuchou li a{
	display:block;
	cursor:pointer;
}
#tokuchou li a:after{content: ""; display: block; clear: both;}

#tokuchou li a:hover{
	opacity:0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#tokuchou li dl{
	position:absolute;
	top:145px;
	width:100%;
	left:0;
	text-align:center;
}

#tokuchou li dt{
	font-weight:bold;
	font-size:20px;
	text-decoration:underline;
	margin-bottom:10px;
	color:#308FCD;
}
#tokuchou li dd{
	font-size:13px;
}

#tokuchou li p {
	position: absolute;
	bottom: 15px;
	right: 25px;
	background-color: #fff;
}

/*
===== share =====
*/

#dounyuu{	
	margin-top: 40px;
	margin-bottom:15px;
	background-color: #EEF6FA;
	padding: 20px;
	position:relative;
	overflow-y:hidden;
}

#dounyuu ul {
	justify-content: center;
}

#dounyuu li{
	float:left;
	margin-right:10px;
	/* margin-bottom:15px; */
	position:relative;
}
#dounyuu li:last-child img {
	padding-left: 15px;
}
#dounyuu li.end{
	margin-right:0;
}

#dounyuu li a{
	display:block;
	cursor:pointer;
}
#dounyuu li a:after{content: ""; display: block; clear: both;}

#dounyuu > p {
	font-size: 12px;
	text-align: center;
	padding-bottom: 30px;
}

#dounyuu .results {
	display: flex;
	justify-content: space-between;
}
#dounyuu .results .text{
	padding-right: 15px;
}

#dounyuu .text p {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
#dounyuu .text p span {
	font-size: 14px;
	font-weight: normal;
}
#dounyuu .text p span.fs-17 {
	font-size: 17px;
	font-weight: bold;
}

#dounyuu .text p span.red {
	font-size: 44px;
	font-weight: bold;
	color: #BF2B20;
	padding-right: 5px;
}

#dounyuu .jirei {
	width: 212px;
	padding-top: 5.5px;
}

#dounyuu .slider{
	width: 660px;
	margin:0 0px;
  	padding: 0px;
  	border: 0px solid #ddd;
  	background:none;
}

#dounyuu .slider button{
	position:absolute;
	display:block;
	text-indent:-9000px;
	width:16px;
	height:55px;
	top:0%;
	margin-top:38px;
	border:0;
	cursor:pointer;
}

#dounyuu .slider .slick-prev{
	left: -14px;
	background-image:url(/images5/dounyuu/prev.png);
}
#dounyuu .slider .slick-next{
	right:-10px;
	/* right: 5px; */
	background-image:url(/images5/dounyuu/next.png);
}

/* #dounyuu .jirei{
	position:absolute;
	bottom:20px;
	left:20px;
} */

#dounyuu .head {
  display: block;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06);
  font-size: 90%;
  text-decoration: none;
  text-align: center;
  background:#F8F8F8;
  padding:5px;
  width:200px;
  cursor:pointer;
}

#dounyuu .head.open,
#dounyuu .head:hover{
	background:#EBEFF7;
}

#dounyuu .head div {
  display: inline-block;
  min-height: 15px;
  padding: 0 0 0 13px;
  background: url(/common5/img/icn_link2.gif) no-repeat 0 center;
}

#dounyuu .head a{
	text-decoration:none;
}

/* example */

#example {
	margin-bottom: 15px;
}

#example ul.main {
	display: flex;
	justify-content: space-between;
}

#example ul.main li {
	position: relative;
	background-color: #D9EAF6;
	width: 230px;
	margin-right: 10px;
}

#example ul.main li:last-child {
	margin-right: 0;
}

#example ul.main li a {
	text-decoration: none;
	display: inline-block;
	padding: 23px 14px 30px 15px;
}
#example ul.main li:hover {
	opacity: 0.8;
}
#example ul.main li a img:hover {
	opacity: 1;
}
#example ul.main li dl {
	text-align: center;
}

#example ul.main li dl dt {
	font-size: 22px;
	font-weight: bold;
	color: #0075C2;
	text-align: center;
	padding: 18px 0;
	line-height: 1.3;
}
#example ul.main li:nth-child(2) dl dt {
	padding: 4px 0;
}
#example ul.main li:nth-child(3) dl dt {
	padding: 13px 0;
}
#example ul.main li:nth-child(4) dl dt {
	padding: 19px 0 15px;
}

#example ul.main li dl dt.short {
	line-height: 0.9;
}

#example ul.main li dl dt span {
	font-size: 14px;
}

#example ul.main li dl dd {
	text-align: left;
}

#example ul.main li a p {
	font-size: 12px;
	color: #0075C2;
	margin-right: 10px;
	position: absolute;
	bottom: 6px;
	right: 10px;
}

#example p.here {
	text-align: right;
}

/* 共通バナー */

.otoiawase-bnr {
	position: relative;
	width: 573px;
	background-color: #f3f3f3;
	padding: 20px;
	margin: 20px auto 35px;
}

.otoiawase-bnr ul {
	display: flex;
	justify-content: center;
}

.otoiawase-bnr .catch {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.otoiawase-bnr .lnk {
	text-align: center;
	margin: 0 !important;
}
.otoiawase-bnr .lnk a:hover {
	color: #999;
}

.otoiawase-bnr .demo {
	position: absolute;
	left: 40px;
	top: -12px;
	text-align: center;
	background-color: #fff;
	border: 4px solid #FD7C31;
	width: 87px;
	height: 87px;
	border-radius: 50px;
	padding: 0;
}
.otoiawase-bnr .demo p {
	color: #FD7C31;
	font-weight: bold;
	padding-top: 18px;
	line-height: 1.3 !important;
}
.otoiawase-bnr .demo p span {
	letter-spacing: -10px;
}


/* riyuu */

#riyuu{
	margin-bottom:45px;
}

#riyuu .flex {
	display: flex;
	flex-wrap: wrap;
	/* border: 3px solid #F4F4F4; */
}

#riyuu .group{
	padding: 19.2px;
	border: 3px solid #F4F4F4;
	width: 45%;
}

#riyuu .group1,
#riyuu .group3,
#riyuu .group5{
	border-left: 6px solid #F4F4F4;
}
#riyuu .group1,
#riyuu .group2{
	border-top: 6px solid #F4F4F4;
}
#riyuu .group2,
#riyuu .group4{
	border-right: 6px solid #F4F4F4;
}
#riyuu .group5{
	border-bottom: 6px solid #F4F4F4;
}

#riyuu .group .upper {
	display: flex;
}

#riyuu .group .upper div {
	background: #0075C2;
	color: #fff;
	font-size: 11px;
	width: 68px;
	height: 34px;
	border-radius: 34px;
	margin-right: 14px;
	text-align: center;
	padding: 14px 19px 20px;
}
#riyuu .group2 .upper div {
	width: 76px;
}
#riyuu .group3 .upper div {
	width: 56px;
}
#riyuu .group4 .upper div {
	width: 64px;
}
#riyuu .group5 .upper div {
	width: 73px;
}

#riyuu .group .upper div span {
	font-size: 24px;
}

#riyuu .group .upper dl h3 {
	font-size: 20px;
	color: #0075C2;
}

#riyuu .group .upper dl dd {
	font-size: 14px;
	padding-bottom: 5px;
}

#riyuu .group dt{
	font-weight:bold;
	font-size:20px;
	margin-bottom:5px;
	color:#555;
}

#riyuu .group ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#riyuu .group3 ul{
	padding-top: 22px;
}

#riyuu .group ul li{
	font-size: 13px;
	background-color: #F8F8F8;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .16);
	width: 49%;
	margin-top: 5px;
	border-radius: 2px;
}
#riyuu .group ul li:hover {
	background-color: #EEF6FA;
}

#riyuu .group ul li a{
	text-decoration: none;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	margin-left: 10px;
	width: 100%;
}

#riyuu .group6 {
	position: relative;
	border-bottom: none;
	border-right: none;
}
#riyuu .group6 p {
	position: absolute;
	top: 70px;
}
#riyuu .group6 p a:before {
	top: 22%;
}
#riyuu .group6 p a:hover {
	color: #999;
}
#riyuu .group6 img {
	float: right;
}



/*--------------------------------------------------------------------------------02
  MAIN MENU
*/


#main-menu {
  float: left;
  width: 680px;
}

/* news */

.news-group{
  position: relative;
  clear: both;
}

.news-list {
  clear:both;
  width:100%;
  margin:0 0 20px;
  padding:0;
}

.news-list dt {
  clear:both;
  float:left;
  width:145px;
  margin:0 0 12px;
  padding:0;
}

.news-list dd {
  float:left;
  width:535px;
  margin:0 0 12px;
  padding:0;
}

.kaisai {
  clear:both;
  width:100%;
  margin:0 0 10px;
  padding:10px 0 0 0;
  border-top:1px dotted #000000;
}

.kaisai dt {
  clear:both;
  float:left;
  width:95px;
  margin:0 0 12px;
  padding:0;
}

.kaisai dd {
  float:left;
  width:575px;
  margin:0 0 12px;
  padding:0;
}

/*--------------------------------------------------------------------------------03
  SUB MENU
*/
#sub-menu {
  float: right;
  width: 240px;
  margin: 0 0 50px;
}

.bnr-link:after{content: ""; display: block; clear: both;}


.btn-link a {
  display: block;
  min-height: 15px;
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
  text-align: center;
}

.btn-link a span {
  display: inline-block;
  min-height: 15px;
  padding: 0 0 0 25px;
  background: url(/common5/img/icn_link1.gif) no-repeat 0 center;
}

/*
===== qs-sp-bottom-menu =====
*/


/* title-area */

.qs-sp-bottom-menu .otoiawase-wrap {
	background: url(/quicksolution/images5/page/bottom/bg3-bottom-sp.png) center no-repeat;
	background-size: cover;
}

.qs-sp-bottom-menu .title-area a {
	text-decoration: none;
}
.qs-sp-bottom-menu .title-area a p{
	font-size: 10px;
	font-weight: bold;
	color: #111184;
	padding-left: 10px;
	line-height: 1;
	margin-bottom: 0 !important;
}

.qs-sp-bottom-menu .title-area{
	/* background:url(/quicksolution/images5/common/sp-bottom-menu/bg2-bottom-sp.jpg) center no-repeat; */
	background-size:cover;
	/* padding:5px 15px; */
	padding:15px 15px 5px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	-webkit-align-items: center;
	align-items:         center;
	-webkit-justify-content: space-between;
	justify-content:         space-between;

}

.qs-sp-bottom-menu .title-area .logo{
	width:60%;
}

.qs-sp-bottom-menu .title-area .logo img{
	vertical-align:bottom;
}
.qs-sp-bottom-menu .title-area .taikenban{
	width:30%;
	max-width:90px;
}

.qs-sp-bottom-menu .title-area .taikenban a{
	display:block;
	color:#fff;
	padding:12px 5px;
	border-radius: 5px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	font-size:13px;
	background:#DB7A0A;
	border:1px solid #EAB77E;
}
.qs-sp-bottom-menu .title-area .taikenban a:before{
	display:inline-block;
	width:11px;
	height:11px;
	content:"";
	margin-right:3px;
	background-size:contain;
	vertical-align:middle;
	background-image:url(/quicksolution/images5/common/sp-bottom-menu/taikenban.png);
}

.qs-sp-bottom-menu .title-area .document-dl{
	width:30%;
	max-width:90px;
}

.qs-sp-bottom-menu .title-area .document-dl a{
  display: block;
  color: #fff;
  padding: 8px 4px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 13px;
  background: #00932d;
  border: 1px solid #00da4d;
  line-height: 1.4;
}
.qs-sp-bottom-menu .title-area .document-dl a:before{
	display:inline-block;
	width:11px;
	height:11px;
	content:"";
	margin-right:3px;
	background-size:contain;
	vertical-align:middle;
	background-image:url(/quicksolution/images5/common/sp-bottom-menu/taikenban.png);
}


/* otoiawase-area */

.qs-sp-bottom-menu .otoiawase-area{
	/* background:#cbe2f2; */
	padding:10px 15px;
}
.qs-sp-menu-window .qs-sp-bottom-menu .otoiawase-area{
	background:#cbe2f2;
}

.qs-sp-bottom-menu .otoiawase-area .head{
	font-weight:bold;
	margin-bottom:10px;
}

.qs-sp-bottom-menu .otoiawase-area .head:before{
	background-image:url(/quicksolution/images5/common/sp-bottom-menu/otoiawase.png);
	width:19px;
	height:13px;
	display:inline-block;
	content:"";
	margin-right:3px;
	background-size:contain;
	vertical-align:middle;
}

.qs-sp-bottom-menu .otoiawase-area .download {
	width:100%;
	background: #00932d;;
	color:#FFF;
	text-decoration:none;
	border-radius: 5px;
	text-align:center;
	padding:15px 0;
	position:relative;
	font-size:12px;
	line-height:1.4;
	border:1px solid #00da4d;
	margin-bottom:10px;
}

.qs-sp-bottom-menu .otoiawase-area .download a{
	color:#FFF;
	text-decoration:none;
}

.qs-sp-bottom-menu .otoiawase-area .download a:before{
	border:3px solid transparent;
	border-left:3px solid #FFF;

	content:"";
	display:inline-block;
	width:1px;
	height:1px;

	position:absolute;
	left:10px;
	top:50%;

	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}


.qs-sp-bottom-menu .otoiawase-area ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

	-webkit-justify-content: space-between;
	justify-content:         space-between;

}

.qs-sp-bottom-menu .otoiawase-area li{
	width:49%;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

	-webkit-align-items: center;
	align-items:         center;

	-webkit-justify-content: center;
	justify-content:         center;

}
.qs-sp-bottom-menu .otoiawase-area li a{
	background:#DB7A0A;
	color:#FFF;
	text-decoration:none;
	border-radius: 5px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

	-webkit-align-items: center;
	align-items:         center;

	-webkit-justify-content: center;
	justify-content:         center;
	width:100%;
	height:100%;
	text-align:center;
	padding:15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-size:12px;
	line-height:1.4;
	border:1px solid #EAB77E;
}

.qs-sp-bottom-menu .otoiawase-area li a:before{
	border:3px solid transparent;
	border-left:3px solid #FFF;

	content:"";
	display:inline-block;
	width:1px;
	height:1px;

	position:absolute;
	left:10px;
	top:50%;

	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);

}

.qs-sp-bottom-menu .otoiawase-area p {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 0 !important;
}



/*  header title  */
.h2-title2 span { /* 2021-02 */
background: url(/quicksolution/images5/common/h2_bg.png) no-repeat 15px 17px;
}

/*
===== qs-sp-page-mainimg =====
*/

/* title-area */

.qs-sp-page-mainimg .logo{
	width:60%;
}
.qs-sp-page-mainimg .logo a{
	display:block;
	padding-left:10px;
	position:relative;
}
.qs-sp-page-mainimg .logo a:before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border-top: 1px solid rgba(256,256,256,0.5);
	border-right: 1px solid rgba(256,256,256,0.5);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

	position:absolute;
	left:-10px;
	top:50%;

	-ms-transform: rotate(45deg) translate(-0%, -50%);
	-webkit-transform: rotate(45deg) translate(-0%, -50%);
	transform: rotate(45deg) translate(-0%, -50%);

}

.qs-sp-page-mainimg .logo img{
	vertical-align:bottom;
	position:relative;
	top:2px;
}
.qs-sp-page-mainimg .button-area{
	width:30%;
	max-width:90px;
}
.qs-sp-page-mainimg .button-area span{
	display:block;
	color:#0B318F;
	height:50px;
	border-radius: 5px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	font-size:13px;
	background:#E5E9F3;
	border:1px solid #0B318F;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}

.qs-sp-page-mainimg .button-area .close{
	display:none;
}
.qs-sp-page-mainimg.open .button-area .close{
	display:block;
}
.qs-sp-page-mainimg.open .button-area .menu{
	display:none;
}

.qs-sp-page-mainimg .button-area .close span{
	line-height:50px;
}
.qs-sp-page-mainimg .button-area .close span:before{
	display:inline-block;
	width:14px;
	height:14px;
	content:"";
	margin-right:3px;
	vertical-align:middle;
	background:url(/quicksolution/images5/page/sp-mainimg/close.png) center no-repeat;
	background-size:contain;

}

.qs-sp-page-mainimg .button-area .menu span{
	font-size:10px;
	line-height:1.2;
	padding-top:8px;
}
.qs-sp-page-mainimg .button-area .menu img{
	width:28px;
	margin-bottom:3px;
	vertical-align:bottom;
}



/*
===== page =====
*/



.qs-page-mainimg{
	background:url(/quicksolution/images5/index/mainimg/bg_top.png) top no-repeat #fff;
	background-size: cover;
	height:210px;
	margin-top:-5px;
}



.qs-page-mainimg .title{
	padding:30px 0 5px 0;
}

.qs-page-mainimg .title span{
	color:#162789;
	display:block;
	font-size:70%;
	padding-bottom: 5px;
}
.qs-page-mainimg .title a img.sp-img {
	width: 250px;
}

.qs-page-mainimg .title .medal{
	left:265px;
	top:10px;
	position:absolute;
	width: 100px;
	height: auto;
}
.qs-page-mainimg .copywriting {
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.qs-page-mainimg .copywriting span {
	font-size: 12px;
	font-weight: normal;
}

.qs-page-mainimg .demo{
}
.qs-page-mainimg .demo a{
	background:url(/quicksolution/images5/page/mainimg/arrow.png) left no-repeat;
	padding-left:20px;
	font-size:15px;
	color:#fff;
}
.qs-page-mainimg .demo a:hover{
	text-decoration: none;
}


.qs-page-mainimg .otoiawase{
	position:absolute;
	top:20px;
	right:0;
	border:1px solid #7D8789;
	background:url(/quicksolution/images5/page/mainimg/link-bg.png);
	padding:10px 1px 5px 10px;
	width:390px;
}
.qs-page-mainimg .otoiawase .head{
	background:url(/quicksolution/images5/page/mainimg/link-icon.png) left no-repeat;
	padding-left:20px;
	font-size:14px;
	margin-bottom:5px;
	color:#fff;
}
.qs-page-mainimg .otoiawase li{
	float: left;
	margin:0 5px 5px 0;
}
.qs-page-mainimg .otoiawase li a{
	background:url(/quicksolution/images5/page/mainimg/link-button.png) left top no-repeat;
	width:148px;
	display:block;
	font-size:14px;
	text-decoration:none;
	line-height:20px;
	padding:8px 5px 7px 35px;
	color:#fff;
}
.qs-page-mainimg .otoiawase li a:hover{
	background:url(/quicksolution/images5/page/mainimg/link-button-o.png) left top no-repeat;
}

/* category */


.qs-category{
	background:#CBCBCB;
  position:relative; /* 2021-02 */
  margin-top:-5px; /* 2021-02 */
}

.qs-category .frame{ /* 2021-02 */
height:10px;
}


.qs-category ul{
	position:absolute;
	bottom:0;
	left:0;
}
.qs-category li{
	float:left;
	 /* width:190px; */
	 /* width:159px; */
  width: 135px;
	margin-left:-1px;
}
.qs-category li a{
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#fff;
	/*background:#190D78;*/
	background:#0075c2; /* 2021-02 */
  font-weight:bold; /* 2021-02 */
	line-height:48px;
	text-decoration:none;
}

.qs-top-p .qs-category .cat1 a,
.qs-functions-p .qs-category .cat2 a,
.qs-click-navi-p .qs-category .cat3 a,
.qs-spec-p .qs-category .cat4 a,
.qs-case-studies-p .qs-category .cat5 a,
.qs-technology-p .qs-category .cat6 a,
.qs-faq-p .qs-category .cat7 a,
.qs-category li a:hover{
	/*background:url(/quicksolution/images5/index/category.jpg) top repeat-x #3425D4;*/
  background:#fff; /* 2021-02 */
  color: #0075c2; /* 2021-02 */
  font-weight:bold; /* 2021-02 */
}

/* page */

.page{
	border:1px solid #D1D1D1;
	margin-bottom:30px;
}
.page-inner{
	padding:35px 20px 10px 20px;
}

div.tit{
	background:#F4F4F4;
	padding:18px 20px;
	border-bottom:1px solid #D1D1D1;
}

.tit h1{
	line-height:1.2;
	font-size:20px;
}

span.qs{
}

h2.qs,h2.qs3{
	font-size:95%;
	_font-size:85%;
	color:#FFF;
	font-weight:bold;
	margin:5px 0 0 0;
	padding-left:5px;
	background:url(/quicksolution/common_jp/images/h_back2.gif) left top no-repeat;
	width:550px;
	height:30px;
	line-height:2.1;
	_width:555px;
}

h2.qs2{
	font-size:95%;
	_font-size:85%;
	color:#FFF;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:3px 5px;
	background:url(/quicksolution/common_jp/images/h_back2_2.gif) left top no-repeat;
	width:550px;
	height:42px;
	line-height:1.2;
	_width:555px;
}
h2.qs a,
h2.qs2 a,
h2.qs a:visited,
h2.qs2 a:visited{
	display:block;
	color:#FFF;
}


span.h2_nw{
	font-size:90%;
	color:#F03;
	font-weight:bold;
	background-color:#FF6;
}

h3.qs,h3.qs1,h2.qs1{
	font-size:17px;
	padding:0 5px 0 42px;
	line-height:38px;
	margin:0 0 12px 0;
	/*color:#003399;*/
  color:#0075c2 ; /* 2021-02 */ 
	/*background: url(/quicksolution/images5/page/h_back3.png) no-repeat 16px center #F3F5FE;*/
	background: url(/quicksolution/images5/page/h_back4.png) no-repeat 16px center #F3F5FE; /* 2021-02 */
	font-weight:bold;
	border:1px solid #C3C3C3;
}


h3.qs a:link,h3.qs4 a:link,h2.qs1 a:link,
h3.qs a:visited,h3.qs4 a:visited,h2.qs1 a:visited{
	/*color: #0d0071;*/
  color:#0075c2; /* 2021-02 */
	text-decoration:none;
}

h3.qs1 a:link,
h3.qs1 a:visited{
	/*color: #039;*/
  color:#0075c2; /* 2021-02 */
	text-decoration:none;
}

h4.qs,h3.qs2{
	color:#003399;
	font-size : 95%;
	_font-size:85%;
	padding-left:12px;
	margin:10px 0 3px 0;
	background-image:url(/quicksolution/common_jp/images/i_triangle.gif);
	background-repeat:no-repeat;
	background-position:left;
}

h3.qs2 a:link,h3.qs3 a:link,
h3.qs2 a:visited,h3.qs3 a:visited{
	color: #039;
}

h3.qs a:hover,h3.qs1 a:hover,h2.qs1 a:hover,h3.qs2 a:hover,
h3.qs a:active,h3.qs1 a:active,h2.qs1 a:active,h3.qs2 a:active{
	text-decoration: underline;
}
#main .lead{
	line-height:1.4;
	margin:0 0 25px;
}

#main p.qs1{
	font-size:90%;
	line-height:1.4;
	padding:5px 0 10px 0;
	margin:0;
}


#main p.qs2{
	font-size:90%;
	line-height:1.4;
	margin:0 15px 20px 15px;
}

#main .cp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
#main .cp p {
	margin: 0;
	line-height: 1.4;
}
#main .cp span.red {
	color: #BF2B20;
}
#main .cp span.large1 {
	font-size: 28px;
}
#main .cp span.large2 {
	font-size: 36px;
}
#main .cp span.small {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
#main .tiny {
	font-size: 10px;
	margin-bottom: 25px;
	letter-spacing: -0.4px;
}

#main section.block .inner{
	margin:0 15px 25px 15px;
}
#main section.block .inner:after{content: "."; height:0; overflow:hidden; display: block; clear: both;}
.oldie #main section.block .inner{ zoom: 1; }

.float_r{
  float : right;
  padding-left : 5px;
  padding-bottom : 5px;
  text-align : center;
}

.float_r2{
  float : right;
}

.float_l{
  float : left;
}

.cl{
	clear:both;
}

.pic{
	text-align:center;
	display: table;
	margin:0 auto 25px auto;
}

.pic .caption{
	text-align:left;
	margin-bottom:5px;
	font-size:100%;
}

.right-pic{
	float:right;
	margin:0 0 15px 15px;
}

.left-pic{
	float:left;
	margin:0 15px 15px 0;
}

.right-pic .caption,
.left-pic .caption{
	margin-top:5px;
}

/* navi */

#navi .cate-title{ /* 2021-02 */
background: #0075c2;
}

/* bottom */

.qs-bottom-banner-top{
	background:url(/quicksolution/images5/page/bottom/bg3-bottom.png) center no-repeat #252525;
	background-size:cover;

	height:118px;
	position:relative;
	margin-bottom:50px;
	padding: 20px 30px;
}
.qs-bottom-banner-top .title p{
	font-size: 14px;
	font-weight: bold;
	color: #111184;
	padding-bottom: 5px;
	margin-bottom: 0 !important;
}
.qs-bottom-banner-top .title .copywriting p{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	width: 270px;
	letter-spacing: 1.2px;
	text-align: center;
	line-height: 1.3 !important;
}
.qs-bottom-banner .title .copywriting p{
	width: 258px;
	letter-spacing: 1px;
}
.qs-bottom-banner-top .title .copywriting p span{
	font-size: 11px;
	font-weight: normal;
}
.qs-bottom-banner-top .otoiawase4-bottom p{
	padding-top: 5px;
	text-align: center;
}
.qs-bottom-banner-top .otoiawase4-bottom p a{
	color: #333;
}
.qs-bottom-banner-top .otoiawase4-bottom p a:hover{
	color: #999;
}

/*-------------------------------------------------------contents_functions*/


#basic-gamen .point{
	margin-bottom:30px;
}

#basic-gamen .point h3{
	font-size:19px;
	margin-bottom:10px;
}
#basic-gamen .point h3 img{
	margin-right:10px;
	vertical-align:middle;
}

#basic-gamen .point-inner{
	margin-left:12px;
}

#basic-gamen .point strong{
	color:#0377c3;
}


/* privilege */



.model-list li {
  padding: 0 0 0 20px;
	margin-bottom:20px;
  background: url(/common5/img/icn_link2.gif) no-repeat 5px 7px;
  line-height: 1.5em;
	list-style:none;
}

.model-list li .caption{
	margin-top:10px;
}

.word-list .option,
.model-list li .option{
	display:inline-block;
	text-decoration:none;
	background:#0075C2;
	color:#fff;
	font-weight:bold;
	padding:0px 3px;
	font-size:90%;
	margin-left:5px;
}
.model-list li a.option:hover{
	text-decoration:underline;
}




/*-------------------------------------------------------contents_faq*/


.faq{
	margin:0 15px 30px 15px;
}

.faq dt{
	background:url(/quicksolution/faq/images5/question.png) 0px 0px no-repeat,
	url(/quicksolution/faq/images5/dot_gray.gif) left bottom repeat-x;
	padding:3px 0 10px 28px;
	margin-top:10px;
}

.faq dt:hover{
	text-decoration:underline;
}

.faq dd{
	background: url(/quicksolution/faq/images5/answer.png) 30px 11px no-repeat #F5F5F5;
	padding:7px 10px 10px 55px;
}


/*-------------------------------------------------------contents_technology*/



#birth-story-deai .text{
	float:left;
	width:355px;
}

#birth-story-deai .kyouju{
	float:right;
	width:200px;
}

#birth-story-deai .kyouju .name{
	text-align:center;
	margin:10px 0;
	font-size:13px;
}

#birth-story-deai .kyouju a{
	border:1px solid #C3C3C3;
	background:url(/event/images5/arrow.png) 14px 11px no-repeat #F3F5FE;
	padding:8px 8px 8px 38px;
	display:block;
	color:#0d0071;
	font-weight:bold;
}



#keireki{
	border:1px solid #E2E3E4;
	background:#F4F6FA;
	padding:25px;
	margin-bottom:10px;
}



/*--------------------------------------------------------------------------------
  case-studies
*/


.cases-p #navi #cases-child,
.scalability-p #navi #scalability-child,
.customers-p #navi #customers-child,
.cooperation-p #navi #cooperation-child{
	display:block;
}



/*--------------------------------------------------------------------------------
  customers
*/

#main .internal-search-case {
	background: #fff;
	padding: 15px;
	border: 1px solid #DDD;
	margin-bottom: 5px;
	height: 130px;
	position: relative;
}
#main .internal-search-case a,
#main .internal-search-case div.flex {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
}
#main .internal-search-case a:hover {
	opacity: 0.8;
}
#main .internal-search-case img {
	margin-right: 10px;
}
#main .internal-search-case .txt .upper {
	display: flex;
	align-items: flex-start;
}
#main .internal-search-case .txt p {
	margin-bottom: 3px;
}
#main .internal-search-case .txt .upper .cat {
	background: #0075C2;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 7px 0;
}
#main .internal-search-case .txt .upper .customer {
	font-size: 13px;
	font-weight: bold;
}
#main .internal-search-case .txt .detail {
	font-size: 15px;
	/* font-weight: bold; */
	line-height: 1.4;
	margin-bottom: 5px;
}
#main .internal-search-case .txt .here {
	text-align: right;
	font-size: 12px;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#main .internal-search-case .txt p.arrow-blue {
	color: #333;
	margin-bottom: 0;
}
#main .internal-search-case .txt p.arrow-blue:before {
	top: 43%;
}

#main .internal-search-case2 {
	background: #fff;
	padding: 15px;
	border: 1px solid #DDD;
	margin-bottom: 5px;
	height: 90px;
	position: relative;
}
#main .internal-search-case2 a,
#main .internal-search-case2 div.flex {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
}
#main .internal-search-case2 a:hover {
	opacity: 0.8;
}
#main .internal-search-case2 img {
	margin-right: 10px;
}
#main .internal-search-case2 .txt .upper {
	display: flex;
	align-items: flex-start;
}
#main .internal-search-case2 .txt p {
	margin-bottom: 3px;
}
#main .internal-search-case2 .txt .upper .cat {
	background: #0075C2;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 7px 0;
}
#main .internal-search-case2 .txt .upper .customer {
	font-size: 14px;
	font-weight: bold;
}
#main .internal-search-case2 .txt .detail {
	font-size: 15px;
	/* font-weight: bold; */
	line-height: 1.4;
	margin-bottom: 5px;
}
#main .internal-search-case2 .txt .here {
	text-align: right;
	font-size: 12px;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#main .internal-search-case2 .txt p.arrow-blue {
	color: #333;
	margin-bottom: 0;
}
#main .internal-search-case2 .txt p.arrow-blue:before {
	top: 43%;
}


#main .customers-intro h3{
	margin:0 15px 15px 15px;
	font-size:18px;
	color:#160a77;
	line-height:1.4;
}
#main .customers-intro .subcopy{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

#main .customers-intro p{
	margin:0 15px 15px 15px;
}

#main .customers-intro .intro-list{
	font-size:18px;
	line-height:1.4;
}
	
#main .customers-intro .intro-list li{
	color:#160a77;
	margin-left:1em;
	text-indent:-1em;
	font-weight:bold;
}




.customers-tantou ul{
	text-align:center;
	margin-bottom:30px;
}
.customers-tantou li{
	display:inline-block;
	width:192px;
	margin:0 1px;
}

.customers-tantou .img{
	margin-bottom:5px;
}
.customers-tantou .img img{
}

.customers-tantou .name{
	font-size:12px;
}

.customers-before-after dl{
	padding:15px;
	border:1px solid #E9E9E9;
	position:relative;
}
.customers-before-after .before{
	background:#F6F6F6;
	margin-bottom:16px;
}

.customers-before-after .before:after{
	background-image:url(/quicksolution/case-studies/images5/customers/hakuhodobc/before.png);
	width:23px;
	height:12px;
	content:"";

	display:block;
	position:absolute;
	bottom:-16px;
	left:50%;
	margin-left:-12px;
}


.customers-before-after dt{
	font-weight:bold;
	font-size:110%;
	margin-bottom:10px;
	text-align:center;
}
.customers-before-after .after dt{
	color:#0B318F;
}

/*----------------------
  customers list
*/

.cases-list{
	margin:0 15px 10px 15px;
}

.cases-list:after{content: ""; display: block; clear: both;height: 0;}
.oldie .cases-list{ zoom: 1; }

.cases-list .column{
	float:left;
	width:50%;
}

.cases-list .column ul{
	/* margin-bottom:20px; */
}

.plate-flex{
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content:flex-start;
align-content:stretch;
}

.plate-flex2{
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content:space-between;
align-content:stretch;
}

.plate-flex3{
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content:space-around;
align-content:stretch;
}

.plate-flex4{
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content:space-between;
align-content:stretch;
}

/*--------------------------------------------------------------------------------
  demo
*/


.demo-flow th{
	padding:0 20px 5px 0;
}

.demo-flow td{
	padding:0px 0 10px 0;
}

/*---  動画挿入  ------------------------------------*/
#scene{margin-bottom:50px;}
#scene .movie{text-align:center;padding-top:10px;}
#scene video{border:1px solid #cfcfcf;cursor:pointer;}

/*----- cssメダル -----------------------------------------*/

	.medal {
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
	margin: 10px 0;
	text-align: center;
	color: #212529;
	text-shadow: 1px 1px 2px #fff;
	}

	.medal::before {
	display: block;
	margin: -5px;
	padding-top: 100%;
	content: '';
	border: 5px solid #e5c238;
	border-radius: 1000px;
	background: linear-gradient(#f4e5a9 0%, #e8c94f 100%);
	}

	.medal .medal-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

	.kakumedal {
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
	margin: 10px 0;
	text-align: center;
	color: #212529;
	text-shadow: 1px 1px 2px #fff;
	}

	.kakumedal::before {
	display: block;
	margin: -5px;
	padding-top: 90%;
	content: '';
	border: 5px solid #e5c238;
	border-radius: 20px;
	background: linear-gradient(#f4e5a9 0%, #e8c94f 100%);
	}

	.kakumedal .medal-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*----- ヘッダ吹き出し配置 -----------------------------------------*/
.qs-mainimg .hukidashi-pos{
position: absolute;
z-index: 10;
top:5px;
right:5px;
}


/*----- 指定マーカー -----------------------------------------*/
.marker1 {color: #000; background: linear-gradient(transparent 80%, #FFD400 80%);}



/*----- 計算式関連 -----------------------------------------*/
.cost-cal {width:100px;}


/*----- QS OTOIAWASE in PAGE -----------------------------------------*/
.catch-qs-2 {
position: absolute;
font-size: 130%;
color: #888;
top: 20px;
left: 31.5%;
}

.catch2-qs-2{
position: absolute;
font-size: 130%;
color: #888;
top: 10px;
left: 21%;
}

/*----- 吹き出し（イラスト位置右） -----*/
.talk-wrap{
display: flex;
align-items: center;
word-break: break-all;
}

.right-img{
background: no-repeat;
background-size: 100%;
background-position: center;
}
.talk-right{
float:right;
position: relative;
background: #FFF;
border: 2px solid #999;
padding: 2%;
border-radius: 20px;
width: 60%;
margin-right:20px;
box-shadow: 1px 1px 3px #aaa;
}
.talk-right:before {
content: "";
display: inline-block;
border: 10px solid transparent;
border-left-color: #999;
position: absolute;
right: -20px;
top: 43%;
margin-top: -9px;
}
.talk-right:after {
content: "";
display: inline-block;
border: 9px solid transparent;
border-left-color: #FFF;
position: absolute;
right: -16px;
top: 43%;
margin-top: -8px;
}


.qs_guide_btn {
background-color:#0074c2;
border-radius:6px;
border:1px solid #00568f;
cursor:pointer;
color:#ffffff;
font-size:14px;
width: 260px;
height: 54px;
text-decoration:none;
display: flex;
justify-content: center;
}
.qs_guide_btn:hover {
background-color:#00568f;
}
.qs_guide_btn:active {
position:relative;
top:1px;
}

.qs_guide_btn a{
vertical-align: middle;
}

.qs_guide_btn_arrow{
position: absolute;
top:15px;
left: 10px;
color:#ffffff;
}

.qs_guide_btn p {
color:#ffffff;
vertical-align: middle;
}


.flex-txtboxmatch{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}

.flex-txtboxmatch-child{
width: calc(49%);
height:auto;
display:flex;
flex-direction:column;
}

.flex-txtboxmatch-child .text{flex-grow: 1;}


.flex-txtboxmatch25-child{
width: calc(24.5%);
height:auto;
display:flex;
flex-direction:column;
}

.glow1{flex-grow: 1;}


/* -------------------- for SP -------------------- */

@media screen and (max-width: 576px) {

	.sp .frame {
		width: auto;
	}

	.sp-only {
		display: block;
	}

	#contents .h2-title2{
		background: url(/quicksolution/images5/common/h2_bg.png) left repeat-y;
		margin: 0 0 15px 0px;
		font-weight: normal;
	}
	#contents .h2-title2 span{
		background:none;
	}
	.qs-mainimg{
		height:auto;
		margin:0;
		padding:20px 15px;
		/* background:url(/quicksolution/images5/index/mainimg/bg3-sp.png) center no-repeat; */
		background-size:cover;
	}
	.qs-mainimg .title{
		padding:0;
		color:#162789;
		margin-bottom:0px;
	}
	.qs-mainimg .title span{
		font-size:13px;
		position:static;
		display:block;
		padding-bottom: 5px;
	}
	.qs-mainimg .title img{
	  	width: 72%;
	  	max-width: 398px;
		position:relative;
	}
	.qs-mainimg .title .medal{
		left:auto;
		right:0;
		top:-5px;
		position:absolute;
		width:82px;
	}
	.qs-mainimg .copywriting {
		font-size: 15px;
		width: 245px;
		letter-spacing: 1px;
		padding-bottom: 15px;
	}
	.qs-mainimg .copywriting span {
		font-size: 10px;
	}
	.qs-mainimg .demo{
		display:none;
	}
	.qs-mainimg .otoiawase{
		display:none;
	}
	
	.qs-mainimg .otoiawase2{
		display:none;
	}
	.qs-mainimg .otoiawase3{
		display:none;
	}
	.qs-mainimg .sp-menu:after{content: ""; display: block; clear: both;height: 0;}
	.qs-mainimg .sp-menu li{
		float:left;
		width:49%;
	}
	.qs-mainimg .sp-menu li:nth-child(even){
		float:right;
	}
	.qs-mainimg .sp-menu li .button{
		display:block;
		color:#fff;
		padding:10px 0px;
		border-radius: 5px;
		text-align:center;
		text-decoration:none;
		cursor:pointer;
		font-size:12px;
	}
	.qs-mainimg .sp-menu .sp-taikenban .button{
		background:#DB7A0A;
		border:1px solid #EAB77E;
	}
	.qs-mainimg .sp-menu .sp-otoiawase .button{
		background:#DB7A0A;
		border:1px solid #EAB77E;
	}
	.qs-mainimg .sp-menu li .button:before{
		display:inline-block;
		width:16px;
		height:16px;
		content:"";
		margin-right:3px;
		background-size:contain;
		vertical-align:middle;
	}
	.qs-mainimg .sp-menu .sp-taikenban .button:before{
		background-image:url(/quicksolution/images5/index/mainimg/sp-taikenban.png);
	}
	.qs-mainimg .sp-menu .sp-otoiawase .button:before{
		background-image:url(/quicksolution/images5/index/mainimg/sp-otoiawase.png);
	}
	.qs-mainimg .lnk {
		text-align: center;
		padding-top: 10px;
	}
	.topic-path{background:#d5d5d5;border-top:0px solid #022784}
	.topic-path a{text-decoration:none;}

	#information a {
		width: 64%;
	}
	#information .info-title {
		font-size: 14px;
		padding: 10px;
		width: 101px;
	}
	#information .info-detail {
		padding: 10px 10px 10px 19px;
		width: calc(100% - 101px);
	}
	#information .info-detail:before {
		margin-left: 10px;
	}
	#information .sp-hidden {
		display: none;
	}
	#information .pc-hidden {
		display: block;
	}

	#application {
		padding: 0 3% 10px;
	}
	#application .app-title {
		font-size: 20px;
		line-height: 1.4;
	}
	#application .flex {
		flex-direction: column;
	}
	#application .flex img {
		margin-right: 0;
	}
	#application .flex .app-text {
		width: 100%;
		padding-top: 20px;
	}
	#application .flex .app-text p {
		margin-left: 0;
	}
	#application .flex .app-text .youtube {
		text-align: center;
		margin-top: 10px;
	}

	#dounyuu .copy {
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 15px;
	}
	#dounyuu .copy .red {
		color: #BF2B20;
	}
	#dounyuu .copy .rot {
		display: inline-block;
		transform: rotate( 10deg );
		padding-left: 3px;
	}
	#dounyuu ul {
		justify-content: space-around;
	}
	#dounyuu > p {
		text-align: left;
		padding-left: 15px;
	}
	#dounyuu > p:before {
		content: '※';
		position: absolute;
		left: 13px;
	}
	#dounyuu .results {
		flex-direction: column;
	}
	#dounyuu .results .text p {
		font-size: 20px;
		text-align: center;
		line-height: 1;
	}
	#dounyuu .results .text p span.red {
		padding-left: 5px;
	}
	#dounyuu .results .text p.pc-hidden {
		font-size: 11px;
		font-weight: normal;
		padding-bottom: 5px;
	}
	#dounyuu .results .jirei {
		margin: 10px auto;
		padding-top: 0;
	}

	#example {
		position: relative;
		padding: 35px 3%;
		margin-bottom: 0;
		border-bottom: 1px solid #C5C5C5;
	}
	#example ul.main {
		flex-direction: column;
	}
	#example ul.main li {
		width: 100%;
		margin-bottom: 15px;
	}
	#example ul.main li:last-child {
		margin-bottom: 0;
	}
	#example ul.main li dl {
		display: flex;
		align-items: center;
	}
	#example ul.main li dl .img-wrap {
		flex-shrink: 2;
		width: 24%;
		padding-right: 10px;
	}
	#example ul.main li:nth-child(1) dl .img-wrap img {
		width: 62px;
	}
	#example ul.main li:nth-child(2) dl .img-wrap img {
		width: 45px;
	}
	#example ul.main li:nth-child(3) dl .img-wrap img {
		width: 48px;
	}
	#example ul.main li:nth-child(4) dl .img-wrap img {
		width: 62px;
	}
	#example ul.main li dl .txt-wrap {
		flex-shrink: 1;
		width: 73%;
	}
	#example ul.main li dl .txt-wrap dt {
		font-size: 14px;
		text-align: left;
		padding: 0 0 5px;
	}
	#example ul.main li dl .txt-wrap dt span {
		font-size: 12px;
	}
	#example ul.main li dl .txt-wrap dd {
		font-size: 12px;
		line-height: 1.3;
	}
	#example ul.main li a {
		padding-top: 15px;
		padding-bottom: 20px;
	}
	#example ul.main li a p {
		right: 20px;
		bottom: 4px;
	}
	#example p.here {
		margin-top: 15px !important;
	}
	.otoiawase-bnr {
		position: relative;
		max-width: 100%;
		padding: 20px 0;
		margin-top: 25px;
	}
	.otoiawase-bnr .catch {
		font-size: 14px;
	}
	.otoiawase-bnr ul li {
		margin: 0 3%;
	}
	.otoiawase-bnr ul li a {
		font-size: 14px;
		width: 130px;
	}
	.otoiawase-bnr ul li:first-child a.mr20 {
		margin-right: 0 !important;
	}
	.otoiawase-bnr ul li a.mb20 {
		margin-bottom: 15px !important;
	}
	.otoiawase-bnr .demo {
		font-size: 9px;
		left: 5px;
		top: -20px;
		width: 58px;
		height: 58px;
	}
	.otoiawase-bnr .demo p {
		padding-top: 10px;
	}
	.otoiawase-bnr .demo p span {
		letter-spacing: -5px;
	}

	#tokuchou{
		height:auto;
		padding:35px 3%;
		margin:0;
		border-bottom:1px solid #C5C5C5;
	}
	#tokuchou li{
		float:none;
		margin-right:0;
	}
	#tokuchou li a{
		position:relative;
		border:3px solid #308FCD;
		background:#fff;
		text-decoration:none;
	}
	#tokuchou li img{
		float:left;
		width:95px;
	}
	#tokuchou li dl{
		overflow:hidden;
		position:static;
		width:auto;
		text-align:left;
		padding:0px 10px 0px 0;
		height:87px;
		display:table-cell;
		vertical-align:middle;
	}
	#tokuchou li dt{
		font-size:100%;
		margin-bottom:3px;
		line-height:1.4;
	}
	#tokuchou li dd{
		font-size:12px;
		line-height:1.4;
	}
	#dounyuu{
		height:auto;
		padding:20px 3% 35px 3%;
		margin:0;
		border-bottom:1px solid #C5C5C5;
	}
	#dounyuu li{
		float:none;
		margin-right:0;
	}
	
	#dounyuu li a{
		position:relative;
		border:3px solid #308FCD;
		background:#fff;
		text-decoration:none;
	}
	#dounyuu li a:before{
		content:"";
		position:absolute;
		right:3px;
		bottom:3px;
		background-image:url(/quicksolution/images5/index/tokuchou-arrow-sp.jpg);
		background-size:100% 100%;
		-webkit-background-size: 100% 100%;
	
		width:10px;
		height:10px;
	}
	#tokuchou li img{
		float:left;
		width:95px;
	}
	#tokuchou li dl{
		overflow:hidden;
		position:static;
		width:auto;
		text-align:left;
		padding:0px 10px 0px 0;
		height:90px;
		display:table-cell;
		vertical-align:middle;
	}
	#tokuchou li dt{
		font-size:100%;
		margin-bottom:3px;
		line-height:1.4;
	}
	#tokuchou li dd{
		font-size:12px;
		line-height:1.4;
		padding-bottom: 10px;
	}
	#tokuchou li p {
		bottom: 2px;
	}
	#riyuu{
		margin-bottom:0;
		padding:35px 3%;
	}
	#riyuu .flex {
		flex-wrap: column;
	}
	#riyuu .group{
		width: 100%;
		padding:20px 3% 3%;
		border-top: 6px solid #F4F4F4;
		border-left: 6px solid #F4F4F4;
		border-right: 6px solid #F4F4F4;
		border-bottom: none;
	}
	
	#riyuu .group5{
		border-bottom: 6px solid #F4F4F4;
	}
	#riyuu .group6{
		border-top: none;
		border-left: none;
		border-right: none;
		padding: 15px 0 0;
	}
	#riyuu .group6 p{
		top: 40px;
	}
	#riyuu .group6 img{
		width: 50%;
	}
	#riyuu .group .upper {
		display: block;
	}
	#riyuu .group .upper div {
		position: absolute;
		font-size: 9px;
		padding: 0;
		width: 45px;
		padding: 7px 0 4px;
		line-height: 1.2;
	}
	#riyuu .group .upper div span {
		display: block;
		font-size: 19px;
	}
	#riyuu .group .upper dl h3 {
		font-size: 17px;
	}
	#riyuu .group .upper dl dd {
		padding-bottom: 0;
	}

	#riyuu .group dl{	
		margin-bottom:10px;
	}
	#riyuu .group dl h3 {
		padding-left: 45px;
		padding-bottom: 10px;
	}

	#riyuu .group dt{
		font-size:110%;
		margin-bottom:5px;
		padding:0 0 0 10px;
		color:#0075C2;
		
		min-height:45px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
	
		-webkit-align-items: center;
		align-items:         center;
	}
	#riyuu .group dd{
		font-size:90%;
	}
	#riyuu .group ul{
		width:100%;
		float:none;
		min-height: initial;
		padding:0;
		border:0;
	
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#riyuu .group li{
		width:50%;
		padding:0;
		background:#fff;
		border-width:0 1px 1px 0;
		border-style:solid;
		border-color:#9E9E9E;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		display: flex;
		align-items: center;
	}
	#riyuu .group li a{
		font-size:90%;
		line-height: 1.4;
		vertical-align: middle;
	}
	#riyuu .group ul li {
		width: 49.2%;
		padding-right: 10px;
	}
	#main-menu{
		float:none;
		width:auto;
	}
	#dounyuu{
		min-width:inherit;
		height:auto;
		padding:35px 3% 15px 3%;
		position:relative;
		margin:0;
		border-bottom:1px solid #D8D8D8;
		overflow:visible;
	}
	#dounyuu .slick-track{
		max-width: none;
	}
	#dounyuu .slider{
		margin:0;
	}
	#dounyuu .slider button{
		top:50%;
		width:14px;
		height:49px;
		margin-top:-25px;
		background-size:100% 100%;
		-webkit-background-size: 100% 100%;
	}
	#dounyuu .slider .slick-prev{
		left:-3%;
		background-image:url(/images5/dounyuu/prev-sp.png);
	}
	#dounyuu .slider .slick-next{
		right:-3%;
		background-image:url(/images5/dounyuu/next-sp.png);
	}
	#dounyuu .jirei{
		top:10px;
	}
	
	#dounyuu .head{
		width:auto;
		padding:7px;
	}
	.news-group{
		margin-bottom:0;
	}
	
	.news-group h2{
		width:auto;
		margin:0 0 0px 0;
		background:url(/images5/news/head-sp.jpg);
		background-size:cover;
		-webkit-background-size: cover;
		padding:20px 3%;
		font-size:120%;
		font-weight:normal;
	  border-bottom: 1px solid #a0a9d0;
	}
	.news-group h2:before{
		content:"";
		background-image:url(/images5/news/head-border.jpg);
		display:inline-block;
		width:3px;
		height:15px;
		margin-right:10px;
	}
	.news-group .openbutton{
		background-image:url(/images5/news/open.png);
		background-size:100% 100%;
		-webkit-background-size: 100% 100%;
		width:35px;
		height:35px;
		position:absolute;
		top:12px;
		right:10px;
		cursor:pointer;
	}
	.news-group .openbutton.open{
		background-image:url(/images5/news/close.png);
	}
	
	.news-group .inner{
		padding:10px 0 15px 0;
		display:none;
		border-bottom:1px solid #D8D8D8;
	}
	.news-list{
		margin:0 0 10px 0;
	}
	.news-list dt{
		padding-left:8%;
		float:none;
		width:auto;
		margin:0;
		position:relative;
		z-index:5;
	}
	.news-list dd:before{
		background-image:url(/common5/img/icn_link2.gif);
		background-size:100% 100%;
		-webkit-background-size: 100% 100%;
		width:7px;
		height:8px;
		position:absolute;
		left:3%;
		top:50%;
		margin-top:-20px;
		display:block;
		content:"";
	}
	.news-list dd{
		float:none;
		width:auto;
		margin:0 0 5px 0;
		padding:0 3% 5px 8%;
		border-bottom:1px dotted #333333;
		position:relative;
		z-index:10;
	}
	.kaisai{
		border-top:0;
		padding:0;
	}
	.kaisai dt{
		width:70px;
		text-align:center;
		margin:0;
		padding-top:13px;
		clear:both;
		position:relative;
		padding-left:10px;
		margin-left:15px;
	}
	.kaisai dt:before{
		background-image:url(/common5/img/icn_link2.gif);
		background-size:100% 100%;
		-webkit-background-size: 100% 100%;
		width:7px;
		height:8px;
		position:absolute;
		left:0%;
		top:17px;
		display:block;
		content:"";
	}
	.kaisai dt img{
		height:14px;
	}
	
	.kaisai dd{
		border-top:1px dotted #dbdbdb;
		float:none;
		width:auto;
		margin:0;
		padding:10px 10px 10px 100px;
	}
	.kaisai dd:last-child{
		border-bottom:0;
	}
	#sub-menu{
		float:none;
		width:auto;
		margin:0;
	}
	
	.bnr-link{
		background:#D1CFCF;
		padding:10px 3% 3px 3%;
	}
	.bnr-link li{
		width:49%;
		margin-bottom:8px;
	}
	.bnr-link li:nth-child(odd){
		clear:both;
		float:left;
	}
	
	.bnr-link li:nth-child(even){
		float:right;
	}
	
	.bnr-link a{
		margin:0;
	}
	#contents .sp-title2{  /* 2021-02 */
		background: url(/quicksolution/images5/common/h2_bg_sp.png) no-repeat;
	}
	.qs-sp-page-mainimg{
		background:url(/quicksolution/images5/page/bottom/bg3-bottom-sp.png) center no-repeat;
		background-size:cover;
		padding:5px 15px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		position:relative;
		z-index:12;
	}
	.qs-category ul{
		position:static;
		display: table;
		width:100%;
		border-top:2px solid #190D78;
	}
	
	.qs-category li{
		float:none;
	  	display: table-cell;
	  	vertical-align: bottom;
	  	margin:0;
	}
	.qs-category li a {
		display: table-cell;
		line-height:1.5;
		vertical-align: middle;
		width:200px;
		padding:5px;
		border-left-width:0;
		font-size:12px;
	}
	.qs-category li:first-child a{
		border-left-width:1px;
	}
	.qs-category li a span{
		display:block;
	}
	.page{
		border:0;
		margin-bottom:0;
	}
	.page-inner{
		padding:0;
	}
	h3.qs,
	h3.qs1,
	h2.qs1,
	h2.qs5{
		line-height:1.8;
		padding-top:5px;
		padding-bottom:5px;
	}
	.page-category-index{
		margin:25px 20px 5px 20px;
	}

	#main .lead{
		margin-left:20px;
		margin-right:20px;
		margin-top:25px;
	}
	#main .block .lead{
		margin-left:5px;
		margin-right:5px;
	}
	#main .page-category-index .lead{
		margin-left:0;
		margin-right:0;
	}

	#main .cp {
		flex-direction: column;
		margin: 0 20px;
	}
	#main .cp p {
		font-size: 18px;
		text-align: center;
		line-height: 1.2;
	}
	#main .cp img {
		margin: 15px 0 30px;
		width: 50%;
	}
	#main .tiny {
		margin: 0 20px 25px;
	}
	#main .internal-search-case {
		padding: 10px;
		height: auto;
	}
	#main .internal-search-case img {
		width: 32%;
		min-width: 100px;
	}
	#main .internal-search-case .txt .upper .customer {
		margin-bottom: 0;
		line-height: 1.4;
	}
	#main .internal-search-case .txt .detail {
		font-size: 13px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#main .internal-search-case .txt .here {
		position: relative;
		right: 10px;
		bottom: 0;
	}


	#main .internal-search-case2 {
		padding: 10px;
		height: auto;
	}
	#main .internal-search-case2 img {
		width: 32%;
		max-width: 150px;
	}
	#main .internal-search-case2 .txt .upper .customer {
		margin-bottom: 0;
		line-height: 1.4;
	}
	#main .internal-search-case2 .txt {
		width: 68%;
	}
	#main .internal-search-case2 .txt .detail {
		font-size: 13px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#main .internal-search-case2 .txt .here {
		position: relative;
		right: 10px;
		bottom: 0;
	}


	#main .qs1{
		margin-left:20px;
		margin-right:20px;
	}
	#main p.qs2{
		margin-left:20px;
		margin-right:20px;
	}
	#main .qs1 a{
		display:block;
	}
	#main .page-category-index .qs1,
	#main .page-category-index .qs2{
		margin-left:0;
		margin-right:0;
	}


	.qs_jirei{
		margin-left:20px!important;
		margin-right:20px!important;
	}
	#main .page-category-index .qs_jirei,
	.block .qs_jirei{
		margin-left:0px!important;
		margin-right:0px!important;
	}
	#main .block{
		margin-bottom:0;
		padding:30px 20px 15px 20px;
		border-top:1px solid #dedfe1;
	}
	.qs-faq-p #main .block{
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
		margin-top:-1px;
	}
	#main .block:first-child{
		border-top:0;
	}
	#main .block:last-child{
		margin-bottom:0;
	}
	
	#main .block:nth-child(odd){
		background:#fff;
	}
	
	#main .block:nth-child(even){
		background:#f1f7fc;
	}
	.qs-faq-p #main .block:nth-child(even){
		background:#fff;
	}
	
	#main section.block .inner{
		margin-left:5px;
		margin-right:5px;
	}
	#main .block .inner:last-child{
		margin-bottom:0;
	}
	#main .block:last-child .inner:last-child{
		margin-bottom:15px;
	}
	#main .pagetop{
		display:none;
	}
	.float_r2{
		max-width:50%;
	}
	
	.right-pic,
	.right-pic2,
	.right-pic3,
	.left-pic,
	.left-pic2,
	.left-pic3{
		max-width:50%;
	}
	#navi dl.group{
		margin-bottom:0;
	}
	.qs-bottom-banner{
		margin-bottom:0;
	}
	.qs-bottom-banner .title img{
		width:200px;
	}
	.qs-bottom-banner .demo a{
		font-size:12px;
	}
	.qs-bottom-banner .demo2 a{
		font-size:12px;
	}
	.qs-bottom-banner .sp-button{
		position:absolute;
		right:3%;
		width:35%;
		bottom:2%;
	}
	#basic-gamen .point h3{
		font-size:16px;
		position:relative;
		padding-left:20px;
	}
	#basic-gamen .point h3 img{
		width:17px;
		margin-right:0;
		position:absolute;
		left:0;
	}
	#basic-gamen .point-inner{
		margin-left:0;
	}
	.qs-faq-p #contents .sp-title2{
		margin-left:20px;
	}
	.faq{
		margin:0 0 30px 0;
	}
	.faq dt{
		background:url(/quicksolution/faq/images5/question-sp.png) 20px 2px no-repeat,
		url(/framework/faq/images5/dot_gray.gif) left bottom repeat-x;
		background-size:20px 20px, auto;
		font-weight:bold;
		padding:0 20px 10px 50px;
	}
	.faq dd{
		background: url(/quicksolution/faq/images5/answer-sp.png) 20px 20px no-repeat #F5F5F5;
		background-size:20px 20px;
		padding:20px 20px 20px 50px;
	}
	.faq dd:last-child{
		margin-bottom:0;
	}
	#birth-story-deai .text{
		float:none;
		width:auto;
		margin-bottom:15px;
	}
	#birth-story-deai .kyouju{
		float:none;
		width:auto;
	}
	#birth-story-deai .kyouju img{
		display:block;
		margin:0 auto;
	}
	.customers-tantou li{
		display:block;
		margin:0 auto 20px auto;
	}
	.cases-list{
		margin:0;
	}
	
	.cases-list .column,
	.cases-list .column2{
		float:none;
		width:auto;
	}
	.cases-list .dot-list{
		margin-bottom:0;
	}
	.cases-list li{
		margin-bottom:10px;
	}
	.plate-flex{
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content:space-around;
	}
	.plate-flex .item{
		width: calc(100% / 2.1);
	}
	.plate-flex2{
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content:space-around;
	}
		
	.plate-flex2 .item{
		width: calc(100% / 2.1);
	}
	.plate-flex3{
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-around;
		align-content:space-around;
	}
	.plate-flex3 .item{
		width: calc(100% / 2.1);
	}
	.plate-flex4{
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content:space-around;
	}
	.plate-flex4 .item{
		width: calc(100% / 2.1);
	}
	.margin-c{transform: translateY(-5%) translateX(60%);}

	.demo-flow table,
	.demo-flow tbody,
	.demo-flow tr,
	.demo-flow th,
	.demo-flow td{
		display:block;
	}

	.demo-flow th{
		margin-top:20px;
	}
	.demo-flow tr:first-child th{
		margin-top:0;
	}
	.demo-flow .sp-hidden{
		display:none!important;
	}
	#scene{
		margin-bottom:0;
		padding:35px 15px;
		border-bottom:1px solid #C5C5C5;
	}
	#scene .movie{
		position:relative;
		padding-top:55%;
	}
	#scene .movie iframe{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}

	.flex-txtboxmatch{display: block;}
	.flex-txtboxmatch-child{width: calc(100%);}

}


/*   引用文用   */
blockquote {  /* 引用文エリア */
  position: relative;
  padding: 34px 15px 8px 15px;
  box-sizing: border-box;
  font-family: 'Hiragino Kaku Gothic ProN';
  font-style: italic;
  background: #eee;
  color: #777;
  border-radius: 5px;
  margin: 0 auto;
  width: 500px;
}
blockquote:before{
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  content: "";
  background-image: url(/quicksolution/images5/common/icon-quote.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 28px;
  height: 21px;
}
blockquote p {  /* 引用文 */
  padding: 0;
  margin: 10px 0;
  line-height: 1.6;
}
blockquote cite {  /* 引用元 */
  display: block;
  text-align: right;
  color: #bbb;
  font-size: 0.9em;
}