@media screen and (min-width: 1000px){
	
	.faqflex {
      display: -webkit-flex;
      display: flex;
    }
	
/*PCでは表示しない*/
	.pc_none{
	display: none
	}
	
	/****開発例****/
	.exam_dlm_min1000{
		display: block
	}	
	.exam_dlm_max1000{
		display: none
	}

}

/***1200px以下の場合***/
@media screen and (max-width: 1200px){
	.wrap_w {
	width: 90%;
	}	
	
	.card {
	width: 90%;
	}	
	.card__imgframe {
	width: 70%;
	margin-top: 50px;
	}	
	.cash-bg_right {
    width: 95%;
	padding: 0px;
	text-decoration-line: none;
    background-image: none;
	}
		
	/*吹き出し多機能端末*/
	.exam_dlm .box02 {
		width: 170px
	}
	.exam_dlm .box02:after {
		left: -28px;
		border: 13px solid transparent;
		border-right: 15px solid #fff
	}
	.exam_dlm .box02 h4{
		font-size: 1.2em
	}
	.exam_dlm .box02 p {
		font-size: 0.9em
	}

	/*吹き出しCB-BOX-Slim*/
	.exam_dlm .box03 {
		top: 28%;
		left: 26%;
		width: 135px
	}
	.exam_dlm .box03:after {
		top: 60%;
		left: 135px;
		border: 13px solid transparent;
		border-left: 15px solid #fff;
	}
	.exam_dlm .box03 h4{
		font-size: 1.2em
	}
	.exam_dlm .box03 p {
		font-size: 0.9em
	}
	.exam_dlm .btn01{
		margin: 6px 0;
		padding: 0.5em;
		font-size: 11px
	}

	/*吹き出しKIOSK端末*/
	.exam_dlm .box04 {
		top: 20%;
		right: 23%;
		width: 220px;
	}
	.exam_dlm .box04:after {
		bottom: -21%;
		left: 150px;
		border: 13px solid transparent;
		border-top: 15px solid #fff;
	}
	.exam_dlm .box04 h4{
		font-size: 1.2em
	}
	.exam_dlm .box04 p {
		font-size: 0.9em
	}
	
}


@media screen and (max-width: 1000px){
.w90 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
}
.w600 {width:90%;}

/*******共通*******/
.wrap {
	width: 90%;
}
	
.wrap_s {
	width: 90%
	}

.text_larger {
	font-size:24px
}
	
.wrap_1500 {
	width: 100%
	}
	
/*******スマホでは表示しない*******/
.sp_none{
	display: none
}
	
/*******header*******/
header {
	padding-top: 20px;
	padding-left: 15px;
	width: 100%;
}

/*******トップページ********/
	
.top_img p{
	font-size: 3vw
}
	
	
/*******nav*******/
.menu-mobile {
	display: block;
	padding-bottom: 64px;
}

.menu-mobile::after {
	content: "\f0c9";
	color: #5c5c5c;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 32px;
	position: absolute;
	right: 5%;
}
	
nav {
	float: none;
}

nav .navi {
	display: none;
}

nav .navi.show-on-mobile {
	background: #f9f9f9;
	display: block;
	overflow: auto;
	padding-top: 0;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1000;
}

nav .navi li {
	float: left;
	padding-left: 0;
	width: 100%;
}

nav .navi li a {
	padding: 1.5em 5%;
	border-bottom: 2px solid #fff;
}

nav .navi .menu_single li a { 
width:100%;
}


nav .navi li a:hover,nav .navi li.current a {
	border-bottom: 2px solid #fff;
}

nav .navi li.menu-dropdown-icon::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    display: block;
    cursor: pointer;
    float: right;
	font-size: 13px;
	font-weight: 900;
    padding: 1.5em 2em;
    background: #fff;
}
	
nav a:link{
	border-bottom: none
}

/*シンプルドロップダウン*/
.menu_single {
	background: #f9f9f9;
	border-bottom: 2px solid #fff;
	display: none;
	padding: 0 5%;
	overflow: auto;
	position: relative;
	width: 100%;
	right: 0;
	left: 0;
	z-index: 1000;
}

.menu_single li{
display: none;
}

.menu_single li ul a {
	display: block;
	padding: 0.5em 0;
}


/*メガメニュー*/
.megamenu {
	background: #f9f9f9;
	border-bottom: 2px solid #fff;
	display: none;
	padding: 0 5%;
	overflow: auto;
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	z-index: 1000;
}

.megamenu li.listItem {
	padding-left: 0;
	margin-bottom: 0.5em;
	width: 100%;
}

.megamenu li.listItem img {
	display: none
}

.megamenu li.listItem h3 {
	border-bottom: 1px solid #999;
	font-weight: bold;
	margin-bottom: 4px;
	padding-bottom: 0.3em;
	line-height: 1.2;
}

.megamenu li.listItem h3 a {
	display: block;
	font-size: 14px;
	padding: 0;
}

.megamenu li.listItem ul li a {
	display: block;
	padding: 0.5em 0;
}

/*******icatch*******/
.slide-wrap {
	width: 100%;
}

.bxslider li {
	padding: 40px 0;
}

.bxslider li h3 {
	font-size: 21px;
	margin-bottom: 24px;
}

.bxslider li h3 span.en {
	font-size: 18px;
}

.bxslider li p {
	margin-bottom: 40px;
}

.bxslider li .txt {
	float: none;
	width: 85%;
}

/*スライドの背景*/
#slide01 {
	background: url(../img/common/ic01.jpg);
	background-position: 50%;
}

#slide02 {
	background: url(../img/common/ic02.jpg);
	background-position: 50%;
}

#slide03 {
	background: url(../img/common/ic03.jpg);
	background-position: 50%;
}

#slide04 {
	background: url(../img/common/ic04.jpg);
	background-position: 50%;
}


/*******top*******/
/*共通*/
.row01,.row02 {
	padding: 24px 0;
}
	
/*aボタンと3行のpを横並び*/
.btn_side a{
	float: none;
	margin: 10px 0 10px
}
	

/*リンクボタン*/
.top-content-link {
	margin-bottom: 40px;
	width: 100%;
}

.top-content-link li {
    height: auto;
	width: calc( 50% - 1px );
	font-size: 12px;
}

/*マウスオーバー*/
.top-content-link li:hover img {
	transform: none;
    opacity: 1;
}
.top-content-link li:hover .mask {
	opacity: 0;
}																			 
.top-content-link li:hover h3,
.top-content-link li:hover p{
    transform: none;
    opacity: 0;
}

/*トータルソリューション*/
.top-about-area {
	background: #f9f9f9 url(../img/common/top-about-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: auto;
	padding: 48px 0 32px;
}

.top-about-area h2 {
	margin-bottom: 32px;
	text-align: center;
}

.top-about-area .image {
	float: none;
	text-align: center;
}

.top-about-area .txt {
	width: 100%;
}

.top-about-area .txt p {
	margin: 24px auto;
}

.top-about-area .btn01.red-color {
	font-size: 14px;
	text-align: center;
	width: 100%;
}

/*新着情報*/
.news-area {
	margin-bottom: 40px;
	width: 100%;
}

/*バナー*/
.banner-list {
	float: none;
	text-align: center;
}

/*課金筐体 開発  Q&A*/
.top-note-ttl {
	font-size: 21px;
	padding: 7px 0 0 80px;
	margin-bottom: 0;
}

.top-note-ttl span.en {
	display: block;
	font-size: 16px;
	margin-left: 0;
}

.note-wrap {
	display: block;
}

.note-item {
	border-right: none;
	border-bottom: 1px dashed #999;
	padding: 2em 1em;
	width: 100%;
}

.note-item:last-child {
	border-bottom: none;
}

.note-item h3,.note-item p {
	float: left;
	padding-right: 5%;
	width: 70%;
}

.note-item h3 {
	margin-bottom: 8px;
}

.note-item .btn01.white-color {
	padding: 2.5em 0;
	text-align: center;
	width: 30%;
}

.top-note .wrap .btn01.red-color {
	position: relative;
	top: 0;
	font-size: 14px;
	text-align: center;
	width: 100%;
}

/*カタログ・お問い合わせバナー*/
.top-btm-banner li {
	display: block;
	margin: 16px 0;
}

.top-btm-banner li a {
	width: 70%;
}

/*******下層ページ共通*******/
.contents {
	padding: 40px 0;
}

/*******下層アイキャッチ*******/
.icatch-page {
	height: 270px
}

/*******製品・サービス一覧*******/
/*メインコンテンツ*/
.product-main {
	float: none;
	margin-bottom: 24px;
	width: 100%;
}

/*サイドバー*/
.product-sidebar {
	float: none;
	width: 100%;
}

/*******課金筐体 開発  Q&A*******/
.technical-list .technical-list-item {
	width: 47%;
}

/*******お問い合わせフォーム*******/
.form-table {
	width: 100%;
}


/*******about*******/
.wrap_about	{width: 100%;}

.about_left {padding:10px;}

ul.list2 > li {
 width: 100%
}

/*recruit*/
.recruit_image{
	text-align: center;
	width: 100%
}

.recruit_image img{
	width: 240px;
	margin: 10px;
}
	
/****開発例****/
	.exam_dlm_min1000{
		display: none
	}
	.exam_dlm_max1000{
		display: block
	}
	
	/*吹き出し多機能端末*/
	.exam_dlm .box02 {
		bottom: 57%;
		left: 5%;
		padding: 1.2em 0.8em;
		margin: 2em 0;
		width: 275px;
	}
	.exam_dlm .box02:after {
		top: 100%;
		left: 70px;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
	}
	.exam_dlm .box02 h4{
		font-size: 1.7em
	}
	.exam_dlm .box02 p {
		font-size: 1em
	}

	/*吹き出しCB-BOX-Slim*/
	.exam_dlm .box03 {
		top: 12%;
		left: 64%;
		padding: 0.5em 0.7em;
		margin: 2em 0;
		width: 250px;
	}
	.exam_dlm .box03:after {
		top: 40%;
		left: -30px;
		border: 15px solid transparent;
		border-right: 15px solid #fff;
		width: 0;
		height: 0;
	}
	.exam_dlm .box03 h4{
		font-size: 1.7em
	}
	.exam_dlm .box03 p {
		font-weight: 600;
		font-size: 1em
	}

	.exam_dlm .btn01{
		margin: 7px 0;
		padding: 0.7em 0.9em;
		font-size: 14px
	}

	/*吹き出しKIOSK端末*/
	.exam_dlm .box04 {
		top: 48%;
		right: 28%;
		padding: 1.2em 0.8em;
		margin: 2em 0;
		width: 270px;
	}
	.exam_dlm .box04:after {
		bottom: -20%;
		left: 170px;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
	}
	.exam_dlm .box04 h4{
		font-size: 1.7em
	}
	.exam_dlm .box04 p {
		font-size: 1em
	}

/*******footer*******/
footer {
	font-size: 12px;
	clear: both;
	color: #5c5c5c;
}

.foot-navi {
	flex-wrap: wrap;
	width: 90%;
}

.foot-navi .foot-navi-ttl {
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 12px;
	width: 90%
}

.foot-navi > li {
	margin: 1em 0;
	width: 50%;
}

.foot-navi .child li {
	margin-bottom: 8px;
}

.foot-navi .child li a {
	color: #FFFFFF;
	font-size: 13px;
}

.foot-navi .child li a i {
	margin-right: 0.5em;
}

.foot-w90{
	width: 90%
}
	
.foot-navi2{
	max-width: 100%;
	margin: 0;
	padding-left: 0;
}	

footer .wrap {
	display: block;
	padding: 16px 0;
}

.foot-left {
	width: 100%;
}

.foot-logo {
	float: none;
	margin: 8px 0 16px 0;
	text-align: center;
}

.copy {
	margin-top: 16px;
	width: 100%;
}

.info,.copy {
	margin-bottom: 0;
	text-align: center;
}

}


@media screen and (min-width: 600px){

/*PCとスマホで改行変える*/
  .pc { display:block; }
  .sp { display:none; }
}


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

	#devmenu-box li {margin-bottom: 3px;}
	
	#devmenu-box li {width:50%;	}

/*PCとスマホで改行変える*/
  .pc { display: none; }
  .sp { display: block; }
	
/***共通***/
.text_01{
	font-size: 1.2em
}
	
/***トップページ***/	
.top_img p{
	font-size: 3.7vw
	}

.top_img .top_campaign{
	width: 10em
}
	
/****TOP Pickup****/
.top_pickup{
	top: 5px;
}	
	
/**pickup box**/
.pickup_card01 {
font-size: 13px;
height: 150px;
width: 450px
}
.pickup_card01 .photo {
width: 40%;
height: 100%;
}
.pickup_card01 .details {
width: 40%;
height: 150px;
padding: 10px 15px;
}
.pickup_card01 .details > li {
padding: 2px 0;
}
.pickup_card01 .details li::before {
margin-right: 3px;
content: '〉';
}
.pickup_card01 .description {
width: 60%;
padding: 10px;
min-height: 150px;
}
.pickup_card01 .description::before {
width: 100%;
content: '';
}
.pickup_card01 .description h2 {
font-size: 0.9em;
}
.pickup_card01 .description p {
display: none;
	}
.pickup_card01 .description p::after {
width: 20%;
}
.pickup_card01 .description a {
margin: 15px 0;
}
.pickup_card01 .description a:hover::after {
margin-left: 5px;
opacity: 1;
}	
	
/***2カラム***/
.float_l{
	float: none;
	width: 100%
}	

.float_r{
	float: none;
	width: 100%
}	

/****cb-box-self****/
.cbs_main h2 {
	font-size: 4vw;
	margin-top: 5px 0;
}
	
.cbs_main h2 span{
	font-size: 6vw;
}

.triangle_03 p{
	font-size: 2.5vw	
}

.cbs_name01{
	font-size: 20px;
}
/***開発例***/
/*見出し*/
.exam h2{
	font-size: 2.3em
}
.exam h3{
	font-size: 1.5em;
	line-height: 1;
}
	
	/*吹き出し多機能端末*/
	.exam_dlm .box02 {
		bottom: 53%;
		left: 2%;
		padding: 0.6em 0.8em;
		margin: 2em 0;
		width: 165px;
		background: #fff;
	}
	.exam_dlm .box02:after {
		top: 100%;
		left: 70px;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
	}
	.exam_dlm .box02 h4{
		font-size: 1.2em
	}
	.exam_dlm .box02 p {
		font-size: 0.8em
	}

	/*吹き出しCB-BOX-Slim*/
	.exam_dlm .box03 {
		top: 12%;
		left: 64%;
		padding: 0.5em 0.7em;
		margin: 2em 0;
		width: 150px;
		background: #fff;
	}
	.exam_dlm .box03:after {
		top: 40%;
		left: -30px;
		border: 15px solid transparent;
		border-right: 15px solid  #fff;
		width: 0;
		height: 0;
	}
	.exam_dlm .box03 h4{
		font-size: 1.2em
	}
	.exam_dlm .box03 p {
		font-weight: 600;
		font-size: 0.8em
	}

	.exam_dlm .btn01{
		margin: 7px 0;
		padding: 0.7em 0.6em;
		font-size: 12px
	}

	/*吹き出しKIOSK端末*/
	.exam_dlm .box04 {
		top: 43%;
		right: 28%;
		padding: 0.6em 0.8em;
		margin: 2em 0;
		width: 160px;
		background: #fff;
	}
	.exam_dlm .box04:after {
		bottom: -28%;
		left: 100px;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
	}
	.exam_dlm .box04 h4{
		font-size: 1.2em
	}
	.exam_dlm .box04 p {
		font-size: 0.8em
	}
	

/*変更後消す*/
.float_l_ex{
	float: none;
	width: 100%
}	
.float_r_ex{
	float: none;
	width: 100%
}
	
/*inline-blockで2カラムを解除*/
.ilb{
	display: block;
}
	
.ilb img{
	width: 100%;
	padding: 15px
}

/*our company*/
.p_oc{
	font-size: 13px
}

.icatch-page-menu{
	height: 150px;
	margin-top: 50px;
	padding-top: 50px
}

.icatch-page-menu h1.page-ttl.white {
	font-size: 26px
}

/*******オリジナル券売機*******/
.kenbaiki_top{
	margin-top: 50px;
	margin-bottom: 30px;
}
	
/*******電子マネー*******/
.cash-bg {
  height: 400px;
}

.cash-bg_left {
   height: 300px;
}

.cash-bg_right {
   height: 300px;
}	
	
.cash-bg_right > h3{
	padding-top: 0px
}
	
.cash_kiban{
	padding-top: 0px	
}
		

@media screen and (max-width: 480px){
body {font-size: 14px}
	
h1,h2,h3,h4,h5,h6 {line-height:1.5em}
	
	}	
	
/*******トップページ*******/
.container{
	padding-top: 50px
}

/****トップ見出し****/
.ttl_top{
	margin-top: 35px;
	margin-bottom: 20px;
	font-size: 25px
}
	
.ttl_top::before{
	bottom: -0.25em;
	width: 1.6em;
	height: 2px;
}

/****top pickup****/
.pickup_card01 .description h1 {
font-size: 1.3em;
}

/****Our Company****/
.ttl_oc{
	font-size: 22px;
	padding-bottom: 20px
}

.ttl_oc span{
	font-size: 25px
}

	
/*******余白*******/
/*レスポ用*/
.mb40-24 {
	margin-bottom: 24px !important;
}

/*******ボタン各種*******/
.btn01 {
	border: 1px solid;
	display: inline-block;
	font-size: 12px;
	padding: 0.75em 2em;
	
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
	
/*ラベル*/
.label_01::before{
	border-bottom: 5em solid transparent;
	border-left: 5em solid #2EC4B6
}

.label_01::after{
	font-size: 1.3em;
	top: 10px;
	left: 4px
}


/*******header*******/
header {
	padding-top: 16px;
}

.logo{
	text-align: left

}
	
.logo img {
	width: 72px;
}

/*******nav*******/
	
	
.menu-mobile {
	display: block;
	padding-bottom: 35.5px;
}

.menu-mobile::after {
	font-size: 21px;
}

nav .navi li a {
	font-size: 12px;
	padding: 1em 5%;
}

nav .navi li.menu-dropdown-icon::before {
	font-size: 12px;
    padding: 1em 1.5em;
}


/*シンプルドロップダウン*/
.menu_single li{
	font-size: 13px;
}

/*メガメニュー*/
.megamenu li.listItem h3 {
	font-size: 13px;
}

/*******icatch*******/
.bxslider li {
	padding: 32px 0;
}

.bxslider li h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 16px;
}

.bxslider li h3 span.en {
	font-size: 14px;
	font-weight: normal;
}

.bxslider li p {
	font-size: 12px;
	margin-bottom: 24px;
}

/*スライドの背景*/
#slide01 {
	background: url(../img/common/ic01.jpg);
	background-position: 50%;
}

#slide02 {
	background: url(../img/common/ic02.jpg);
	background-position: 45%;
}

/*******top*******/
/*共通*/
.row01,.row02 {
	padding: 24px 0;
}

/*リンクボタン*/
.top-content-link {
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}

.top-content-link li {
	float: none;
	margin: 8px auto;
	width: 80%;
}

/*トータルソリューション*/
.top-about-area {
	padding: 32px 0;
}

.top-about-area h2 {
	margin-bottom: 24px;
}

.top-about-area .txt p {
	letter-spacing: 0;
	margin: 16px auto;
}

.top-about-area .btn01.red-color {
	font-size: 14px;
	text-align: center;
	width: 100%;
}

/*新着情報*/
.news-ttl {
	font-size: 18px;
	font-weight: bold;
	padding-left: 16px;
	padding-bottom: 4px;
}

.news-ttl span.en {
	font-size: 13px;
	font-weight: normal;
}

.news-wrap {
	display: block;
}

.news-wrap dl {
	display: block;
}

.news-wrap dl dt {
	border-bottom: none;
	display: block;
	font-size: 13px;
	padding: 16px 16px 0 16px;
}

.news-wrap dl dd {
	border-bottom: 1px solid #d1d1d1;
	padding: 0 16px 16px 16px;
}

/*バナー*/
.banner-list {
	float: none;
	text-align: center;
}

/*課金筐体 開発  Q&A*/
.top-note-ttl {
	background: none;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 24px;
}

.top-note-ttl::before {
	content: "開発に役立つ";
	background: #e40005;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 4px;
	padding: 0.3em 1em;
	width: 72px;
}

.top-note-ttl span.en {
	display: inline;
	font-size: 16px;
	font-weight: normal;
	margin-left: 1em;
}

.note-item {
	padding: 2em 0;
	width: 100%;
}

.note-item h3,.note-item p {
	float: none;
	padding-right: 0;
	width: 100%;
}

.note-item h3 {
	margin-bottom: 8px;
}

.note-item .btn01.white-color {
	padding: 1em 2em;
	width: auto;
}

.top-note .wrap {
	overflow: hidden;
}

.top-note .wrap .btn01.red-color {
	font-size: 13px;
	text-align: center;
	width: 100%;
}

.bg_red {
	padding:30px 40px
}
	
.scroll{
	overflow: auto;
}

.scroll th{
	min-width: 50px;
	width: 50px;
	line-height: 1.5em
}
	
.scroll td{
	min-width: 100px;
	width: 100px
}
		
/*カタログ・お問い合わせバナー*/
.top-btm-banner li {
	display: block;
	margin: 16px 0;
}

.top-btm-banner li a {
	font-size: 14px;
	width: 90%;
}

/*******下層ページ共通*******/
.contents {
	padding: 24px 0;
}

/*大見出し*/
.main-ttl01 {
	font-size: 21px;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.main-ttl01::after {
	width: 10%;
}

.main-ttl01 .gray-small {
	display: block;
	font-size: 14px;
	margin-top: 4px;
	margin-left: 0;
}

/*小見出し*/
.main-ttl02 {
	font-size: 16px;
	line-height: 1.6;
	padding-left: 1em;
}

/*内容区切り*/
.inner {
	padding-top: 0px;
	padding-bottom: 30px;
}

/*テーブル*/
.table01 {
	display: block;
	width: 100%;
}

.table01 dl {
	display: block;
}

.table01 dl dt,.table01 dl dd {
	border-bottom: none;
	display: block;
	font-size: 14px;
	padding: 16px 24px;
}

.table01 dl dt {
	border-right: none;
	font-weight: bold;
	text-align: left;
	padding: 12px 16px 0 16px;
	width: 100%;
}

.table01 dl dd {
	border-bottom: 1px solid #ccc;
	padding: 4px 16px 12px 16px;
}

.table_main th{
	line-height: 2
}	
	
/*******下層アイキャッチ*******/
.icatch-page {
	height: 160px;
	position: relative;
}

.icatch-page h1.page-ttl {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.05em;
	bottom: 10%;
}
	
/*recruit*/
.recruit_image img{
	width: 150px;
	margin: 5px;
}


/*******製品・サービス一覧*******/
/*メインコンテンツ*/
.tag {
	font-size: 12px;
	margin-bottom: 16px;
	padding: 0.3em 1em;
}
	
/****筐体・基板****/
.box-list .box-list-item {
	width: 100%;
}
	
/****開発例****/
.exam{
	padding: 0
}
	
/*見出し*/
.exam h2{
	font-size: 2em
}
.exam h3{
	font-size: 1.4em;
	line-height: 1.2;
}
	
.exam_dlm h2{
	padding-top: 8px
}
	
/*つくりたいをカタチに背景画像*/
.exam_img01{
	background: url("../img/development/exam_01.png") no-repeat;
	background-size: 75%;
	background-position: right 10% bottom 10%
}
		
	/*吹き出し多機能端末*/
	.exam_dlm .box02 {
		bottom: 53%;
		left: 3%;
		padding: 0.5em 0.7em;
		margin: 2em 0;
		width: 130px;
	}
	.exam_dlm .box02:after {
		top: 100%;
		left: 70px;
		border: 12px solid transparent;
		border-top: 12px solid #fff;
	}
	.exam_dlm .box02 h4{
		font-size: 1.1em
	}
	.exam_dlm .box02 p {
		font-size: 0.7em
	}

	/*吹き出しCB-BOX-Slim*/
	.exam_dlm .box03 {
		top: 12%;
		left: 63%;
		padding: 0.4em 0.5em;
		margin: 2em 0;
		width: 125px;
		background: #fff;
	}
	.exam_dlm .box03:after {
		top: 40%;
		left: -26px;
		border: 13px solid transparent;
		border-right: 13px solid #fff;
		width: 0;
		height: 0;
	}
	.exam_dlm .box03 h4{
		font-size: 1.1em
	}
	.exam_dlm .box03 p {
		font-weight: 600;
		font-size: 0.8em
	}

	.exam_dlm .btn01{
		margin: 6px 0;
		padding: 0.5em 0.6em;
		font-size: 10px
	}

	/*吹き出しKIOSK端末*/
	.exam_dlm .box04 {
		top: 42%;
		right: 28%;
		padding: 0.5em 0.6em;
		margin: 2em 0;
		width: 130px;
		background: #fff;
	}
	.exam_dlm .box04:after {
		bottom: -28%;
		left: 75px;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
	}
	.exam_dlm .box04 h4{
		font-size: 1.1em
	}
	.exam_dlm .box04 p {
		font-size: 0.7em
	}

	
	
/*******コインメック・ビルバリの購入について*******/
.cmbvleft{
	padding-top:0.8em;
	padding-right: 50px
}
	
.hinban{
	width: 200px;
	padding-top:0.8em;
	line-height: 1.5
}

.taiou{
	width: 200px;
	padding-bottom: 0.5em
}

/*******課金筐体 開発  Q&A*******/
.technical-list .technical-list-item {
	width: 100%;
}

/*******お問い合わせフォーム*******/
.form-table {
	display: block;
	margin-bottom: 24px;
	width: 100%;
}

dl.form-item {
	display: block;
}

dl.form-item dt,dl.form-item dd {
	display: block;
}

dl.form-item dt {
	border-bottom: none;
	padding: 18px 16px 12px 16px;
	width: 100%;
}

dl.form-item dd {
	padding: 0 16px 24px 16px;
	width: 100%;
}

input[type="text"],textarea {
	font-size: 13px;
}
	
/****Tick Touch****/
/*共通*/
.tt_main section{
	padding: 25px 0
}
	
.tt_main h2{
	font-size: 30px	
}
.tt_main h2:before{
	left: 12%	
}
.tt_main h2:after{
	right: 12%	
}
.tt_main .float_l h2:before{
	left: 15%
}
.tt_main .float_l h2:after{
	right: 15%
}
.tt_main .float_r h2:before{
	left: 15%
}
.tt_main .float_r h2:after{
	right: 15%
}
	
.tt_main h3{
	font-size: 20px
}	
	
/***特長比較***/
.tt_name02{
	font-size: 30px;
}

/***導入プラン***/
/*タブ切り替え*/
.tab_01 .tab_panels {
	min-height: 380px;/* エリアの高さ */
}	
.tab_01 {
	width: 100%;
	font-size: 0.9em;
}
.tab_01 label {
	padding: 0.5em;
}	
/*タブ内容デザイン*/
.tab_panel p:first-child{
	font-size: 16px;
}		
	

/*******footer*******/
.foot-navi > li {
	margin: 0.75em 0;
	width: 100%;
}

.foot-navi .foot-navi-ttl {
	font-size: 13px;
	margin-bottom: 8px;
}

.foot-navi .child li {
	margin-bottom: 8px;
}

.foot-navi .child li a {
	font-size: 12px;
}

/*******上へ戻るボタン*******/
#page-top {
	padding-top: 10px;
	width: 40px;
	height: 40px;
}

}

/*******電子マネー*******/
.cash_top{
	margin-top: 50px;
	margin-bottom: 30px;
}
		

@media screen and (max-width: 480px){
body {font-size: 14px}
	
h1,h2,h3,h4,h5,h6 {line-height:1.5em}
	
	}	



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 10px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}

/*mainコンテンツ（中央のブロック）
---------------------------------------------------------------------------*/
/*mainコンテンツのh2,h3タグ設定*/
#main h2, #main h3 {
	font-size: 12px;	/*文字サイズ*/
}



/*一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main .list {
	padding: 10px;		/*ボックス内の余白。ここを変更する際は、下の「.list a」のpaddingとmarginの数字も合わせる。marginの方はマイナス記号を忘れずに。*/
}
#main .list a {
	padding: 10px;
	margin: -10px;
}

#main .list a::before {
	content: " 〉";	/*出力する文字。変更しても構いませんが機種依存文字は化けるので使わないで下さい。*/
	font-size: 10px;	/*文字サイズ*/
	display: block;
	position: absolute;
	right: 10px;	/*ボックスの右から10pxの場所に配置*/
	bottom: 10px;	/*ボックスの下から10pxの場所に配置*/
	width: auto;	/*幅*/
	line-height: 20px;	/*高さ*/
	text-align: center;
	background: #ccc;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.2);	/*背景グラデーション。0,0,0は黒の事で、0.3は透明度30%の事。*/
	color: #fff;	/*文字色*/
	padding: 0em 0.5em;

}

#main .list3 ul, #main li {
	font-size: 9px;	/*文字サイズ*/
}

/*submenu（sub,sideのメニュー）
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub .submenu li a,
#side .submenu li a {
	padding: 10px;	/*ボックス内の余白*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}
.ta1 td .specialtext {
	float: none;
	width: auto;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}

}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

.kiban-p {
	position:absolute;
	top:3px;
	left:3px;
	right:120px;}

.kiban-pr {
	position:absolute;
	top:3px;
	left:120px;
	right:3px}

	.kiban-long {
	position:absolute;
	top:3px;
	left:3px;
	right:3px;}
}

/*画面幅380px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:380px){

.kiban-p {
	position:absolute;
	top:3px;
	left:3px;
	right:120px;}

.kiban-pr {
	position:absolute;
	top:3px;
	left:120px;
	right:3px}

/****CB_BOX_Self****/
/*共通*/
	
.cbs_main h2{
	font-size: 20px	
}
.cbs_main h2:before{
	left: 12%	
}
.cbs_main h2:after{
	right: 12%	
}
.cbs_main .float_l h2:before{
	left: 15%
}
.cbs_main .float_l h2:after{
	right: 15%
}
.cbs_main .float_r h2:before{
	left: 15%
}
.cbs_main .float_r h2:after{
	right: 15%
}

}

/* パソコンで見たときは"cbs_img_pc"のclassがついた画像が表示される */
.cbs_img_pc { display: block !important; }
.cbs_img_sp { display: none !important; }
/* スマートフォンで見たときは"cbs_img_sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.cbs_img_pc { display: none !important; }
.cbs_img_sp { display: block !important;}

}