/**
 *quanta_payservice
 * Copyright 2018- roid-brothers.jp
 * Released on: january 22, 2018
 */
 
@charset "UTF-8";

* {font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; margin: 0px; padding: 0px; }

html, body { position: relative; font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */ height: 100%; }
    
body { background: #fafafa; font-size: 1.6rem;/* 16px */
     font-family: apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,segoe ui,游ゴシック  Medium,メイリオ, Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
	-webkit-text-size-adjust: 100%; font-feature-settings: "palt"; color:#263238; margin: 0; padding: 0;}
    
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }    

#loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }
#loader { display: none; position: fixed; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; text-align: center; color: #2962ff; z-index: 2; }

h1 { text-shadow: 1px 1px 1px #FFF , 1px 1px 3px #000 , 0 0 0.6em #263238; font-size: 4.0rem;/* 40px */ color:#ffffff;}
h2 { font-size: 3.0rem;/* 30px */ color:#2962ff; }	
h3 { font-size: 2.0rem;/* 20px */ color:#2962ff; }	

p { padding: 10px; line-height: 2.5rem; }
.font-10 { font-size: 1.2rem;/* 12px */ }

.step { font-size: 1.8rem; font-weight: bold; padding: 0.8rem; background: #e4e4e4; margin-bottom: 10px; display: inline-block; border-radius: 2px; }
 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff;
      /* Center slide text vertically */
      display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
      -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

#warp { border-top: 2px solid #2962ff; }

.inner { max-width: 1240px; margin: 0 auto; height: 65px; }
.inner:after { content: ""; clear: both; display: block; }

/* header 設定*/
.inner-warp { content: ""; display: block; clear: both; margin: 0 auto; max-width: 1240px; }

#logo {	float: left; height:60px; }
        
#top-head { top: 0px; position: absolute; width: 100%; margin: 0px auto; padding: 0px; line-height: 1; z-index: 999; background:#fff; }
#top-head a,#top-head { color: #2962ff; text-decoration: none; }
#top-head .inner { position: relative; }
#top-head .logo { float: left; font-size: 36px; }
#global-nav ul { list-style: none; position: absolute; right: 0; bottom: 1.4rem; font-size: 1.4rem; }
#global-nav ul li { float: left; }
#global-nav ul li a { padding: 0 1.4rem; }
 
/*header fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 0px; height: 65px; background: #fff; background: rgba(255,255,255,0.9); transition: top 0.35s ease-in; -webkit-transition: top 0.35s ease-in; -moz-transition: top 0.35s ease-in; }
#top-head.fixed .logo { font-size: 24px; color: #333; }
#top-head.fixed #global-nav ul li a { color: #2962ff; padding: 0 1.4rem; }
 
/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 14px; width: 34px; height: 36px; cursor: pointer; z-index: 101; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #666; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }

/*スライド設定*/
.swiper-wrapper	{/*! margin-top: 65px; */}

#slide01,#slide02,#slide03 { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #2962ff; }

#slide01 { background-image: url("../images/slide01.png"); }
#slide02 { background-image: url("../images/slide02.png"); }
#slide03 { background-image: url("../images/slide03.png"); }

#slidtext01 h1,#slidtext02 h1,#slidtext03 h1{ font-size:0;} 
#slidtext01	{ display: block; position: absolute; top: 20%; }
#slidtext02	{ display: block; position: absolute; }
#slidtext03	{ display: block; position: absolute; top: 45%; }
#slidtext01 img,#slidtext02 img,#slidtext03 img{ max-width:630px; width:100%; }

.swiper-pagination-bullet { display: inline-block; width: 29px; height: 3px; background-color: #2962ff; vertical-align: top; -webkit-transition: all .25s; transition: all .25s; }

.main-content { margin-top:20px; margin-bottom: 50px; }

/*content 設定*/
ul.type_of_industry > li { display: inline-block; list-style:none;}
ul.type_of_industry { text-align: center; }
.type_of_industry img{ width:200px; }

.currency { width:70%; display:table-cell; vertical-align: top; }
.flags >img {max-width:300px; width:100%; }	
.box { max-width:550px; display: inline-table; border: solid 1px #d2d2d2; border-radius: 3px; padding: 5px; }
.box_container { overflow: hidden; text-align:center; width:90%;}

ul.introduce{ width:100%; margin:10px auto; padding:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-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; text-align: center; }
ul.introduce li { width:46%; list-style:none; padding-bottom: 2.5rem; margin: auto; position: relative; border: 1px solid #efefef; }
ul.introduce li:first-child{ /*! margin-right:4%; */ }
ul.introduce li img { width:100%; margin:0; padding:0; }
ul.introduce li h4 { font-weight:bold; font-size:110%; text-align:center; margin-bottom:25px; margin-top:20px; }

p.box01 { padding:0 5%; font-size:1.4rem; line-height:2.0rem; height: 7rem; text-align: left; }
p.box02 { padding:0 5%; font-size:1.4rem; line-height:2.0rem; height: 15rem; text-align: left; }
p.button { text-align:center; padding:0; display: block; bottom: 2rem; width:100%; }

/* box clearfix */
.box_container:before, .box_container:after { content: ""; display: table; }
.box_container:after { clear: both;}
 
/* For IE 6/7 (trigger hasLayout) */
.box_container { zoom: 1; }

	
/* infomation設定 */
ul.infomatinon{ width:100%; margin:10px auto; padding:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-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; text-align: center; }
ul.infomatinon li { width:46%; list-style:none; padding-bottom: 4.5rem; margin: auto; position: relative; }

.fa-info-circle { color:#2962ff; }
#infomation_box { background-color: #FFFFFF; border-radius: 4px; }
#infomation_box dl { display:block; padding:10px; }

.infotitlle { display:block; position: absolute; top: 50%; left: 5rem; font-size: 2.2rem; margin: -2.2rem; }
.infoheder { display:block; position: relative; background-image: url("../images/info_hd_back.png"); background-position: left center; background-repeat: no-repeat; background-size: cover; max-width:587px; height:77px; }
.info-block { height: 320px; margin: 0 auto; overflow: scroll; overflow-y: scroll; border: solid 1px #efefef; }
.infolist_bt { display:block; text-align:center; padding:0; position: absolute; top:1rem; right: 2rem; font-size:1.4rem; }
.infolist_bt a{ color:#fff; padding: 3px 3px; color: #2962ff; text-decoration: none; }
.infolist { text-align:left; }
.infolist dt { font-size:1.4rem; line-height: 2.2rem; }
.infolist dd { font-size:1.6rem; margin-bottom:2rem; line-height: 2.2rem; }

span.press  { font-size: 1rem; line-height: 2.2rem; padding: 2px; background-color: #ff9b39; color: #ffffff; }
span.info { font-size: 1rem; line-height: 2.2rem; padding: 2px; background-color: #ff3b3b; color: #ffffff; }


/* twitter設定*/
#twitter-widget-0[style]{ width: 100% !important; font-size:10px !important; }
.SandboxRoot .env-bp-550 .timeline-Tweet-text { font-size: 14px !important; }
.SandboxRoot.env-bp-430 .timeline-Tweet-text { font-size: 10pt !important; line-height: 14pt !important; }

 /*parallax 設定*/	
.section-main:after, .section-main:before { content: ""; clear: both; display: block; }
.center-box_wrap{ box-sizing: border-box; height: 100%; display: flex; align-items: center; justify-content: center; padding: 5%; font-size: 5rem; }
.center-box{ background-image: url("../images/parallax_logo.png"); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0.3; height: 100%;}

.partition-container { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0d46a5), color-stop(1.00, #03a2b0)); background: -webkit-linear-gradient(#0d46a5, #03a2b0); background: -moz-linear-gradient(#0d46a5, #03a2b0); background: -o-linear-gradient(#0d46a5, #03a2b0); background: -ms-linear-gradient(#0d46a5, #03a2b0); background: linear-gradient(#0d46a5, #03a2b0); height:100px; color: #FFFFFF; }
.partition-container:empty { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0d46a5), color-stop(1.00, #03a2b0)); background: -webkit-linear-gradient(#0d46a5, #03a2b0); background: -moz-linear-gradient(#0d46a5, #03a2b0); background: -o-linear-gradient(#0d46a5, #03a2b0); background: -ms-linear-gradient(#0d46a5, #03a2b0); background: linear-gradient(#0d46a5, #03a2b0); height:10px; font-size:1px; }

/*fooder設定*/
#fooder { display:block; background-color:#263238; margin:0px; }
#fooderbox{ padding-top:10px; padding-bottom:20px; }	
		
ul.fooder-navi { list-style:none; padding-left:10px; }
ul.fooder-navi > li { display:inline; }
ul.fooder-navi> li:not(:nth-child(1)):before { content:" / "; color:silver; padding: 0px 5px; } 

.fooder-navi a{ color:#fafafa; text-decoration: none; }

#copyright { text-align:center;  color:#fafafa; padding:15px; }
	
/*effect 設定*/	
.effect div { margin: auto; transition: .8s; transition-delay: .8s; }

/*pagetitle画像 設定*/
.pagehead-container { color: #FFFFFF; }
.pagehead-container{ margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.pagetitle	{ display:inline; position: relative; top: 20% ;left: 2%; padding:1.0rem; background:#fffc; border-radius: 3px; }
.pagehead-creditcard,.pagehead-flow,.pagehead-faq,.pagehead-company,.pagehead-contact,.pagehead-privacypolicy, .pagehead-securitypolicy,.pagehead-infolist {
	margin-top: 65px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0d46a5), color-stop(1.00, #03a2b0));
	background: -webkit-linear-gradient(#0d46a5, #03a2b0);
	background: -moz-linear-gradient(#0d46a5, #03a2b0);
	background: -o-linear-gradient(#0d46a5, #03a2b0);
	background: -ms-linear-gradient(#0d46a5, #03a2b0);
	background: linear-gradient(#0d46a5, #03a2b0); }

.page-creditcard,.page-flow,.page-faq,.page-company,.page-contact,.page-privacypolicy, .page-securitypolicy,.page-infolist {
    background:#ffffff80;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:300px; }

.pagehead-creditcard{ background-image: url("../images/creditcard1920_300.png"); }
.page-creditcard{ background-image: url("../images/creditcard1240_300.png");}
	
.pagehead-flow{ background-image: url("../images/flow1920_300.png"); }
.page-flow{ background-image: url("../images/flow1240_300.png"); }	
	
.pagehead-faq{ background-image: url("../images/faq1920_300.png"); }
.page-faq{ background-image: url("../images/faq1240_300.png"); }	

.pagehead-company{ background-image: url("../images/company1920_300.png"); }
.page-company { background-image: url("../images/company1240_300.png"); }

.pagehead-contact{ background-image: url("../images/contact1920_300.png"); }
.page-contact { background-image: url("../images/contact1240_300.png"); }
	
.pagehead-privacypolicy, .pagehead-securitypolicy { background-image: url("../images/privacypolicy1920_300.png"); }
.page-privacypolicy, .page-securitypolicy { background-image: url("../images/privacypolicy1240_300.png"); }
	
.pagehead-infolist{ background-image: url("../images/infolist1920_300.png"); }
.page-infolist{ background-image: url("../images/infolist1240_300.png"); }

/*company table 設定*/
.table-wrap { max-width: 1240px; margin: 0 auto; }

.mod-table { table-layout: fixed; color: #666666; border-collapse: collapse; text-align: left; font-size: 1.4rem; width: 100%; }
.mod-table td,.mod-table th { position: relative; font-size: 13px; border-bottom: 1px solid #e6e6e6; vertical-align: middle; padding: 27px 0; box-sizing: border-box; }
.mod-table th { color: #666666; padding-right: 15px; width: 230px; font-size: 1.4rem; line-height: 1.9; text-align: left; font-weight: normal; }

/*googlemap 設定*/    
.googlemaps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.googlemaps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
        
.it p,.rs p{ text-align: center; }
.it img,.rs img { display: block; margin: 0 auto; margin-left: auto; margin-right: auto; max-width:558px; }

.content-list,.terminal-list,.industry-list { text-align: center; }
.content-list li,.terminal-list li,.industry-list li{ list-style: none; display: inline-block; }
.content-list img,.terminal-list img,.industry-list img{ max-width: 150px; border-radius: 100%; }

.flow p{ text-align: center; }
.flow img { display: block; margin: 0 auto; margin-left: auto; margin-right: auto; max-width:558px;}
.flow-box { background-image: url("../images/parallax_logo.png"); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; height: 10rem; text-align: center; position: relative; }

.flow-arrow { display:block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 80%; height: 7rem; font-size:6rem; color:#fff;
	/*animation: blinkAnime 1.5s infinite alternate;*/
	/*text-shadow: 1px 1px 1px #FFF , 1px 1px 3px #000 , 0 0 0.6em #263238; */ }

.text-content {padding:2.0rem;}

.sub-title { display:inline; border-bottom: 2px solid #2962ff; color:#263238; margin-bottom: 30px; }

/*faq 設定*/
.faq { padding:2.0rem; }
.faq-list{ padding: 1.0rem;}
.faq-list dt { font-size: 1.8rem; font-weight: bold; padding:2.0rem; border:solid 1px #cecece; border-radius:3px; }
.faq-list dd { color: #263238; font-size: 1.4rem; line-height: 3rem; padding:2.0rem; margin-top:0.5rem; border:solid 1px #cecece; border-radius:3px; } 
.faq-list dt::before { background-color: #2962ff; color: #fff; content: "Q"; padding: 0.5rem 0.9rem; border-radius: 50%; margin-right: 1.0rem; }
.faq-list dd::before { background-color: #ffffff; color: #2962ff; content: "A"; padding: 0.5rem 0.9rem; border:solid 2px #2962ff; border-radius: 50%; margin-right: 1.0rem; }

/*securitypolicy&privacypolicy 設定*/
div.securitypolicy ol.olList li,div.privacypolicy ol.olList li { list-style: decimal; margin-left: 2.0rem; margin-bottom: 3.5rem; border-bottom: 2px solid #cedbff; padding-bottom: 1.0rem; }
div.securitypolicy ol.olList li span,div.privacypolicy ol.olList li span { display: block; font-weight: bold; margin-bottom: 5px; }
div.securitypolicy ol.olList-in li { border: none; margin-bottom: 1.0rem;}

/*link-button 設定*/
link-bt { display: inline-block; text-align: center; text-decoration: none; outline: none; }
link-bt::before,link-bt::after { position: absolute; z-index: -1; display: block; content: ''; }
link-bt,link-bt::before,link-bt::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }

#faq-bt-block { list-style: none; /*! padding: 2.0rem; */ }
#faq-bt-block li { list-style: none; display: inline; margin-left: 10px; }
#faq-bt-block a.link-bt { padding:2rem 5rem; }
.button a.link-bt { padding:3% 20%; }

.contact a.link-bt{	 text-align:center; padding:2rem 5rem; }

.link-bt { position: relative; display: inline; background-color: #2962ff; background: rgb(41,98,255); background: -moz-linear-gradient(top, rgb(41,98,255) 0%, rgb(104,144,255) 100%); background: -webkit-linear-gradient(top, rgb(41,98,255) 0%,rgb(104,144,255) 100%); background: linear-gradient(to bottom, rgb(41,98,255) 0%,rgb(104,144,255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2962ff', endColorstr='#6890ff',GradientType=0 ); border-radius: 5px; color: #fff; font-size:2.0rem; line-height: 8.0rem; -webkit-transition: none; transition: none; box-shadow: 0 4px 0 #2044aa; text-decoration: none; }
.link-bt:hover { top: 2px; box-shadow: 0 2px 0 #2044aa; }
.link-bt:active { box-shadow: none; }
.for-contact {text-align: center;}

/*アンカー位置修正*/
:target:before { content:""; display:block; height:65px;/* ヘッダの高さ = 65px */ margin:-65px 0 0;/* ヘッダの高さ = 65px */ } 

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, body { font-feature-settings: "pkna";}
}	
	
@media screen and (max-width: 1240px) {
	.inner-warp{ max-width : 980px; }
 }

@media screen and (max-width: 1000px) { 
.inner-warp{ max-width: 980px; }
.inner-block { max-width: 980px; }

}

@media screen and (max-width: 768px) {
.inner-warp { max-width : 760px; }
.inner-block { max-width:760px; margin:0 auto; }
#top-head,.inner { width: 100%; padding: 0; }
#top-head { top: 0; position: fixed; margin-top: 0; }
/* Fixed reset */
#top-head.fixed { padding-top: 0; background: transparent; }
#mobile-head { background: #fff; width: 100%; height: 65px; z-index: 999; position: relative; }
#top-head.fixed .logo,#top-head .logo { position: absolute; left: 13px; top: 13px; color: #333; font-size: 26px; }

#global-nav { position: absolute; top: -500px; background: #333; width: 100%; text-align: center; padding: 10px 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#global-nav ul { list-style: none; position: static;
    right: 0; bottom: 0; font-size: 1.4rem; }
#global-nav ul li { float: none; position: static; }
#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a { width: 100%; display: block; color: #fff; padding: 18px 0; }
#nav-toggle { display: block; }
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) { top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); }
.open #nav-toggle span:nth-child(2) { width: 0; left: 50%; }
.open #nav-toggle span:nth-child(3) { top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); }
/* #global-nav スライドアニメーション */
.open #global-nav { /* #global-nav top + #mobile-head height */ -moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px); }

ul.introduce { width: 100%; margin: 10px auto; padding: 0; display: block; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center;}
ul.introduce li,ul.infomatinon li { width: 90%; }
ul.infomatinon { width: 100%; margin: 10px auto; padding: 0; display: block; }
    	
#slide01 { background-image: url("../images/slide01-720.png"); }
#slide02 { background-image: url("../images/slide02-720.png"); }
#slide03 { background-image: url("../images/slide03-720.png"); }
 #slidtext01,#slidtext02,#slidtext03 { display:block; width:80%; }
 
.page-creditcard {
    background: #ffffff80;
    background-size: auto auto;
    background-image: url("../images/creditcard-320.png");
    background-position: center right;
    background-repeat: no-repeat;
    height: 300px;
}  

.page-flow {
    background: #ffffff80;
    background-size: auto auto;
    background-image: url("../images/flow-320.png");
    background-position: center right;
    background-repeat: no-repeat;
    height: 300px;
}   

.page-faq {
    background: #fffc;
    background-size: auto auto;
    background-image: url("../images/faq-320.png");
    background-position: center right;
    background-repeat: no-repeat;
    height: 300px;
} 

.page-company {
    background: #ffffff80;
    background-size: auto auto;
    background-image: url("../images/company-320.png");
    background-position: center right;
    background-repeat: no-repeat;
    height: 300px;
} 

.page-contact {
    background: #ffffff80;
    background-size: auto auto;
    background-image: url("../images/contact-320.png");
    background-position: center right;
    background-repeat: no-repeat;
    height: 300px;
} 

.page-privacypolicy, .page-securitypolicy {
    background-size: auto auto;
	background-image: url("../images/privacypolicy-320.png");
    background-position: center right;
    background-repeat: no-repeat;
	height:300px;
}

}

@media screen and (max-width: 480px) {
h1 { font-size: 2.5rem; }
h2 { font-size: 2.2rem; color:#2962ff; }	
h3 { font-size: 1.5rem; color:#2962ff; }

.swiper-button-next,	.swiper-button-prev  { display:none; }
.inner-warp{ max-width : 480px; }
.navi li { display: block; letter-spacing: normal; list-style: none; text-align: center; padding:10px; margin;1px; }
.type_of_industry img { width: 100px; }
.content-list img, .terminal-list img, .industry-list img { max-width: 100px; border-radius: 100%; }
.currency { width: 95%; display: block; vertical-align: top; }
.mod-table th,.mod-table td{ display:block;  width: 100%; padding: 10px 3px; } 
form#mail_form select {max-width: 290px; }

p.box01 { height: 12rem; }
#faq-bt-block li { list-style: none; display: block; margin-left: 10px; } 
#faq-bt-block a.link-bt { padding: 2rem 3rem; }
.faq-list dt { font-size: 1.8rem; line-height: 2.8rem; }
.contact a.link-bt { padding: 2rem 2.5rem; } 
}

@media screen and (max-width: 320px) {
.inner-warp{ max-width : 320px;}
.inner-block { max-width:320px; margin:0 auto;}
.infolist_bt {top: 5.5rem; }
}