/*-------------------------------------------*/
/*	768px 以下の画面幅で適用する CSS
/*-------------------------------------------*/
@media screen and (max-width:768px){ /*768px 以下の画面幅で適用する CSS*/

/*  基本設定
------------------------------------------------------------ */
body{
	min-width: 320px; /* for sp */
}
html,
body,
.ui-widget,
select,
option,
optgroup {
	font-size: 14px;
}

/*  汎用クラス
------------------------------------------------------------ */
p.txt {
    line-height: 2;
}

/*  ヘッダー
------------------------------------------------------------ */

/* グローバルナビゲーション
------------------------------------------------------------ */

/*  コンテンツフレーム
------------------------------------------------------------ */
#mainContents {
}
#mainContents .container {
	padding-top: 60px;
	padding-bottom: 60px;
}
#mainContents h2 {
    margin: 0 0 32px;
    font-size: 2.5rem;/*40px*/
}
#businessArea strong.eTit {
	margin: 0 auto 16px;
	max-width: 440px;
}
#supportArea strong.eTit {
	margin: 0 auto 16px;
}

/*  ぱんくずリスト
------------------------------------------------------------ */
#topicPath{
	display: none;/* テスト */
}

/*  メニューページタイトル
------------------------------------------------------------ */
#mainVisualArea {
}

/*  コンテンツ
------------------------------------------------------------ */
.item {
	padding: 0 0 60px;
}
.item dl {
}

/*  ページトップへ
------------------------------------------------------------ */
#gotoTop {
    bottom: 103px;
}
#gotoTop a {
	width: 56px;
	height: 56px;
}
#gotoTop a:before {
	top: 24px;
	left: 19px;
}

/*  フッター
------------------------------------------------------------ */
#footerWrapper .cont_inner {
    margin: 60px auto;
}
#footerBnrArea {
	margin-top: 32px;
}

/*  サイトマップ
------------------------------------------------------------ */
#sitemap .item{
	padding: 0 0 32px;
}
#sitemap .item strong{
	font-size: 1.428rem;/*20px*/
}
#sitemap .item li{
    float: none;
    width: 100%;
    margin-right: 0;
}
#sitemap .item li:last-child {
    margin-bottom: 0;
}

/*  記事
------------------------------------------------------------ */
.article h3 {
    margin: 0 0 16px;
}

/*  メインページ-2→1カラム表示
------------------------------------------------------------ */
.container.lpitem .lpColBox{
    display: flex;
    flex-direction: column;
}
.container.lpitem .lblcol{
    width:100%;
    margin: 0 0 60px;
}
.container.lpitem .lbrcol{
    width:100%;
}

/*  現金販売
------------------------------------------------------------ */
#cashsale .cashflow{
    margin: 32px 0 0;
}

/*  利用手順
------------------------------------------------------------ */
#process ul.processList>li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
}
#process ul.processList>li:last-child {
    margin-bottom: 0;
}

/*  特徴
------------------------------------------------------------ */
#feature ul.bannerList{
    flex-direction: column;
}
#feature ul.bannerList li{
    margin-right: 0;
    margin-bottom: 32px;
    width: 100%;
}
#feature ul.bannerList li:last-child {
    margin-bottom: 0;
}

/*  活用シーン
------------------------------------------------------------ */
.item ul.useList {
    flex-wrap: wrap;
}
.item ul.useList li {
	width: 100%;
	margin-bottom: 64px;
}
.item ul.useList li:last-child {
	margin-bottom: 0px;
}

/*  主な機能
------------------------------------------------------------ */
.item ul.funcList li {
	width: 48%;
	margin-right: 4%;
}
.item ul.funcList li:nth-of-type(3n){
    margin-right: 4%;
}
.item ul.funcList li:nth-of-type(n+7){
	margin-bottom: 48px;
}
.item ul.funcList li:nth-of-type(2n){
    margin-right: 0;
}
.item ul.funcList li:nth-of-type(n+7){
	margin-bottom: 0;
}
.func_box {
    padding: 16px;
}
.func_box span.serv_ico {
    margin: 0 0 24px;
}

/*  PWAについて
------------------------------------------------------------ */
#pwa .container.lpitem h2 {
    font-size: 2.25em; /*36px*/
}

/*  受付デモ
------------------------------------------------------------ */
#demo .container.lpitem h2 {
    font-size: 2.25em; /*36px*/
}
#demo .container.lpitem .democomm {
    margin-bottom: 2.25em;
}

/*  料金
------------------------------------------------------------ */
#price ul.priceList>li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
}
#price ul.priceList>li:last-child {
    margin-bottom: 0;
}
#price .price_box .empline{
    display: none;
}

/*  導入の流れ
------------------------------------------------------------ */
#introduction .introList li{
    width: 100%;
    margin-bottom: 0;
    padding: 48px 32px;
}
#introduction .introList li:after{
    top: 100%;
    right: 50%;
    border: 10px solid transparent;
    border-top: 10px solid #20aee6;
}
#introduction .introList li:nth-of-type(3n):after{
    border: 10px solid transparent;
    border-top: 10px solid #20aee6;
}
#introduction .introList li:last-child:after{
    border: none;
}
#introduction .introList li .cap{
    top: 16px;
}

/*  お知らせ
------------------------------------------------------------ */
#info dl{
    margin-bottom: 24px;
}
#info dt{
    clear: both;
    width: 100%;
    padding-right: 15px; /* ガーター */
    padding-left: 15px; /* ガーター */
    padding-top: 16px;
    padding-bottom: 8px;
}
#info dt:nth-of-type(2n){
    background: #f8f8f8;
}
#info dd{
    clear: both;
    float: left;
    width: 100%;
    padding: 0 15px 16px;
}
}