@charset "UTF-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

html {  }
body { min-width:1080px; color:#3d3434; line-height:1.6; font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif; font-size:0.9em; font-weight:100; -webkit-text-size-adjust:100%; }
body { position:relative; background:#fff; }
img { vertical-align:top; }

/*common*/
.bold { font-weight:600; }
.interviewer { color:#2199ff; }


/*Header*/
.Header { position:fixed; top:0; left:0; z-index:10; width:100%; min-height:50px; }
.Header.active { background:rgba(61,52,52,0.8); }
.Header.active:before { content:''; display:block; position:absolute; top:10px; left:10px; float:left; width:22.0em; height:30px; background:url('../img/logo_coreasp.png') no-repeat; background-size:auto 100%; }
.HeaderInner { padding:15px 0 5px; background-color: #191919; }
.HeaderInner:after { content:''; display:block; clear:both; height:0; }
.Header .HeaderNav { float:right; text-align:right; }
.Header .HeaderNav li { display:inline; }
.Header .HeaderNav li a { display:inline-block; margin-left:20px; padding-left:32px; height:30px; color:#fff; line-height:30px; text-decoration:none; background-repeat:no-repeat; background-position:0 0; }
.Header .HeaderNav li a:hover { opacity:0.6; }
.Header .HeaderNav > ul li:nth-child(1) a { background-image:url('../img/head_icon_nav01.png'); }
.Header .HeaderNav > ul li:nth-child(2) a { background-image:url('../img/head_icon_nav02.png'); }
.Header .HeaderNav > ul li:nth-child(3) a { margin-right:30px; background-image:url('../img/head_icon_nav03.png'); }

/*hideMenu*/
.hideMenu { display:none; position:fixed; top:0; right:0; z-index:100; width:240px; height:100%; background:rgba(0,0,0,0.85); }
	.hideMenu.active { display:block; }
.hideMenu ul { width:240px; }
.hideMenu ul li {  }
.hideMenu ul li a { display:block; padding:20px; border-bottom:rgba(255,255,255,0.15) 1px solid; color:#fff; font-weight:500; text-decoration:none; }
.hideMenu ul li a:hover { background:rgba(255,255,255,0.15); }

/*CoreASP IndexMain*/
.indexMain .indexTitle { text-align: center; padding-top: 60px; padding-bottom: 40px; }
.indexMain .indexTitle p { font-size: 19px ; font-weight: 600; line-height: 28px; margin-bottom: 40px; }

/*CoreASP IndexBand*/
.indexBand { background: #2199FF; font-size: 40px; text-align: center; color: #fff; font-weight: 600; height: 70px; line-height: 70px; }

/*CoreASP Intro*/
.index2Intro { color:#fff; background:#3d3434; text-align:right; }
.index2IntroInner { width:1080px; margin:0 auto; padding:60px 0 30px; background:url('../img/visual_research.png') no-repeat left center; }
.index2IntroInner h1 { margin-bottom:1.5em; }
.index2IntroInner h1 small { display:block; margin-top:10px; font-size:1.3em; font-weight:100; }
.index2IntroInner h2 { margin-bottom:0.5em; font-size:1.6em; }
.index2IntroInner h3 { display:block; width:350px; float:right; text-align:left;margin-top:10px; font-size:1.4em; font-weight:300; margin-bottom:10px;}
.index2IntroInner p { margin-bottom:2.5em; line-height:2.2;clear:right; }
.index2IntroInner p.check { width:350px; float:right; text-align:left; }
.index2IntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
.index2IntroDone a:hover { opacity:0.6; }

/*indexIntro*/
.indexIntro { position:relative; }
.indexIntroInner { width:1080px; margin:0 auto; padding:60px 0 30px; background:url('../img/visual.png') no-repeat right center; }
.indexIntroInner h1 { margin-bottom:1.5em; }
.indexIntroInner h1 small { display:block; margin-top:10px; font-size:1.3em; font-weight:100; }
.indexIntroInner h2 { margin-bottom:0.5em; font-size:1.8em; }
.indexIntroInner p { margin-bottom:2.5em; line-height:2.2; }
.indexIntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
.indexIntroDone a:hover { opacity:0.6; }

/*introBubble*/
.introBubble { position:absolute; top:70px; left:56%; }
.introBubble dl { position:relative; min-width:240px; padding:20px 20px 20px 60px; color:#3d3434; background:rgba(215,230,245,0.85) url('../img/logomark.png') no-repeat 20px 15px; }
.introBubble dl:after { content:''; display:block; position:absolute; left:60px; bottom:-30px; width:16px; height:30px; background:url('../img/introBubble.png') no-repeat 0 0; background-size:cover; }
.introBubble dt { font-family:; font-size:1.3em; font-weight:400; }
.introBubble dd {  }

.menu_top { background: #d7e6f5; }
.menu_top div { width: 1080px; margin: auto; padding: 30px 0; }
.menu_top img { margin-right: 10px; }
.menu_top img.last { margin-right: 0px; }

/*index3Intro*/
.index3Intro { color:#fff; background:#3d3434; position:relative; }
.index3IntroInner { width:1080px; margin:0 auto; padding:80px 0 20px; background:url('') no-repeat right center; }
.index3IntroInner h1 { margin-bottom:1.5em; }
.index3IntroInner h2 { margin-bottom:0.5em; font-size:1.8em; }
.index3IntroInner p { margin-bottom:2.5em; line-height:2.2; }
.index3IntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
.index3IntroDone a:hover { opacity:0.6; }

/*index4Intro*/
.index4Intro { color:#fff; background:#3d3434; position:relative; }
.index4IntroInner { width:1080px; margin:0 auto; padding:60px 0 30px; }
.index4IntroInner h1 { margin-bottom:1.5em; text-align:center;}
.index4IntroInner h2 { margin-bottom:0.5em; font-size:1.8em; text-align:center;}
.index4IntroInner p { margin-bottom:2.5em; line-height:2.2; text-align:center; }
.index4IntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
.index4IntroDone a:hover { opacity:0.6; }

/*indexFunction*/
.indexFunction {  }
.indexFunctionInner { width:1080px; margin:0 auto; padding:80px 0; text-align:center; }
.indexFunctionInner h2 { margin-bottom:0.5em; color:#ff5831; font-size:2.0em; }
.indexFunctionInner p { margin-bottom:3.5em; }
.indexFunctionInner ul {  }
.indexFunctionInner ul:after { content:''; display:block; clear:both; height:0; }
.indexFunctionInner ul li { float: left; width: 176px; margin: 0 10px 20px 10px; border: 1px solid #ddd; border-radius: 10px; padding: 10px; }

/*.indexFunctionInner ul li:nth-child(3n+2) { margin-right:2%; margin-left:2%; }*/
.indexFunctionInner figure { display:block; }
	.function-push {  }
.function-push h2 {  }
	.function-analysis { padding:40px 0; background:#f7f7f7; }
.function-analysis h2 {  }
	.function-introduction {  }
.function-introduction h2 {  }

.indexFunctionDone a { display:inline-block; min-width:360px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
.indexFunctionDone a:hover { opacity:0.6; }

/*indexStart*/
.indexStart { padding:80px 0 100px; background:#2199ff; color: #fff;}
.indexStartInner { width:920px; margin:0 auto; text-align:center; }
.indexStartInner h3 { margin-bottom:50px; font-size:2.0em; text-align:center; }
.indexStartInner ul { margin-bottom:60px; }
.indexStartInner ul:after { content:''; display:block; clear:both; height:0; }
.indexStartInner li { float:left; width:260px; margin-right:70px; font-size:1.1em; }
.indexStartInner li:nth-child(3n) { margin-right:0; }
.indexStartInner li img { margin-bottom:20px; }
.indexStartInner h4 { margin-bottom:0.4em; padding-left:20px; font-size:1.3em; background:url('../img/faq_icon_title.png') no-repeat 0 0.35em; }
.indexStartDone a { display:inline-block; min-width:360px; margin-top:2em; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-decoration:none; background:#ff5831; }
.indexStartDone a:hover { opacity:0.6; }

/*indexFaq*/
.indexFaq { padding:80px 0; }
.indexFaqInner { width:1080px; margin:0 auto; }
.indexFaqInner h3 { margin-bottom:50px; color:#ff5831; font-size:2.0em; text-align:center; }
.indexFaqInner ul {  }
.indexFaqInner ul:after { content:''; display:block; clear:both; height:0; }
.indexFaqInner li { float:left; width:310px; margin:0 15px 15px 0; padding:19px; border:#eee 1px solid; border-radius:6px; }
.indexFaqInner li:nth-child(3n) { margin-right:0; }
.indexFaqInner h4 { margin-bottom:0.4em; padding-left:20px; font-size:1.3em; background:url('../img/faq_icon_title.png') no-repeat 0 0.35em; }
.indexFaqInner p { margin-bottom:10px; }

/*indexLast*/
.indexLast { padding:100px 0; color:#fff; background:#191919; }
.indexLastInner { width:1080px; margin:0 auto; text-align:center; }
.indexLastInner p { font-size:2.2em; }
.indexLastInner h3 { margin:50px 0 60px; }
.indexLastInner h3 small { display:block; margin-top:10px; font-size:1.9em; font-weight:100; }
.indexLastDone a { display:inline-block; min-width:600px; border-radius:4px; color:#fff; line-height:50px; font-size:0.575em; font-weight:300; text-decoration:none; background:#ff5831; }
.indexLastDone a:hover { opacity:0.6; }


/*footer*/
.Footer {  }
.FooterInner { width:1080px; margin:0 auto; text-align:center; }
.FooterNav { margin:70px 0 80px; font-size:0.9em; font-weight:400; }
.FooterNav:after { content:''; display:block; clear:both; height:0; }
.FooterNav li { display:block; float:left; width:25%; }
.FooterNav li a { color:#9c9998; text-decoration:none; }
.FooterNav li a:hover { color:#3d3434; }
.FooterInfo { margin-bottom:25px; font-size:0.8em; font-weight:200; }
.FooterInfo dt { margin-bottom:10px; }
.FooterInfo dd {  }
.pagetop { display:none; position:fixed; right:20px; bottom:20px; width:50px; height:50px; border-radius:25px; background:rgba(33,153,255,0.85) url('../img/pagetop.png') no-repeat center center; background-size:auto 50%; cursor:pointer; }
.pagetop.active { display:block; }
.pagetop:hover { opacity:0.6; }
.cr { display:block; margin-bottom:40px; color:#9c9998; font-size:0.7em; letter-spacing:0.05em; }


@media (min-width: 320px) and (max-width: 768px) {
	body { min-width:320px; }

	/*Header*/
	.Header a { min-width:1.4em; padding:0; font-size:0; }
	.Header.active:before { content:''; display:block; position:absolute; top:10px; left:10px; float:left; width:2.4em; height:30px; background:url('../img/logomark-wh.png') no-repeat; background-size:auto 100%; }

	.indexMain img { width: 320px; }

	/*CoreASP IndexMain*/
	.indexMain .indexTitle p { font-size: 14px ; font-weight: 600; line-height: 18px; margin-bottom: 40px; }

	/*CoreASP IndexBand*/
	.indexBand { background: #2199FF; font-size: 28px; text-align: center; color: #fff; font-weight: 600; height: 40px; line-height: 40px; }


	.index2IntroInner { width:92%; margin:0; padding:70px 4% 20px; background-image:none; }
	.index2IntroInner h1:before { content:''; display:block; width:84%; height:240px; margin:0 auto 30px; background:url('../img/visual_research.png') no-repeat center center; background-size:auto 240px; }
	.index2IntroInner h1 { text-align:center; }
		.index2IntroInner h1 img { width:100%; }
		.index2IntroInner h1 small { font-size:1.0em; }
	.index2IntroInner h2 { font-size:1.1em; }
	.index2IntroInner p { font-size:0.9em; }
	.index2IntroInner p br { display:none; }
	.index2IntroDone { text-align:center; }
	.index2IntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
	.indexIntroDone a:hover { opacity:0.6; }

	/*indexIntro*/
	.indexIntroInner { width:92%; margin:0; padding:70px 4% 20px; background-image:none; }
	.indexIntroInner h1:before { content:''; display:block; width:84%; height:240px; margin:0 auto 30px; background:url('../img/visual.png') no-repeat center center; background-size:auto 240px; }
	.indexIntroInner h1 { text-align:center; }
		.indexIntroInner h1 img { width:80%; }
		.indexIntroInner h1 small { font-size:1.0em; }
	.indexIntroInner h2 { font-size:1.4em; }
	.indexIntroInner p { font-size:0.9em; }
	.indexIntroInner p br { display:none; }
	.indexIntroDone { text-align:center; }
	.indexIntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
	.indexIntroDone a:hover { opacity:0.6; }

	/*Core ASP indexIntro menu_top*/
	.menu_top div { width: 80%; margin: auto; padding: 30px 0; }
	.menu_top img { margin-right: 12px; }
	.menu_top img.last { margin-right: 0px; }
	.menu_top img { width: 150px; }

	/*introBubble*/
	.introBubble { position:absolute; top:50px; left:5%; }
	.introBubble dl { position:relative; min-width:190px; padding:15px 15px 15px 60px; color:#3d3434; background:rgba(255,255,255,0.9) url('../img/logomark.png') no-repeat 20px 15px; }
	.introBubble dl:after { content:''; display:block; position:absolute; left:60px; bottom:-30px; width:16px; height:30px; background:url('../img/introBubble.png') no-repeat 0 0; background-size:cover; }
	.introBubble dt { font-family:; font-size:1.3em; font-weight:400; }
	.introBubble dd {  }

		/*index3Intro*/
	.index3IntroInner { width:92%; margin:0; padding:0 4% 20px; background-image:none; }
	.index3IntroInner h1:before { content:''; display:block; width:60%; height:240px; margin:0 auto 30px; background:url('../img/visual2.png') no-repeat center center; background-size:auto 240px; }
	.index3IntroInner h1 { padding:0 10px}
		.index3IntroInner h1 img { width:100%; }
	.index3IntroInner h2 { font-size:1.4em; }
	.index3IntroInner p { font-size:0.9em; }
	.index3IntroInner p br { display:none; }
	.index3IntroDone { text-align:center; }
	.index3IntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
	.index3IntroDone a:hover { opacity:0.6; }

			/*index4Intro*/
	.index4IntroInner { width:92%; margin:0; padding:0 4% 20px; background-image:none; }
	.index4IntroInner h1:before { content:''; display:block; width:84%; height:20px; margin:0 auto 30px; }
	.index4IntroInner h1 { text-align:center; }
		.index4IntroInner h1 img { width:100%; }
	.index4IntroInner h2 { font-size:1.4em; }
	.index4IntroInner p { font-size:0.9em; }
	.index4IntroInner p br { display:none; }
	.index4IntroDone { text-align:center; }
	.index4IntroDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
	.index4IntroDone a:hover { opacity:0.6; }

	/*indexFunction*/
	.indexFunctionInner { width:92%; margin:0; padding:30px 4%; text-align:center; }
	.indexFunctionInner h2 { margin-bottom:0.5em; color:#ff5831; font-size:2.0em; }
	.indexFunctionInner p { margin-bottom:2.0em; }
	.indexFunctionInner ul li { float:left; width:32%; margin-bottom:30px; }
	/*.indexFunctionInner ul li:nth-child(3n+2) { margin-right:2%; margin-left:2%; }*/
	.indexFunctionInner figure { display:block; }
		.function-analysis { background:#fcfcfb; }
	.indexFunctionDone { text-align:center; }
	.indexFunctionDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-align:center; text-decoration:none; background:#ff5831; }
	.indexFunctionDone a:hover { opacity:0.6; }

	/*indexStart*/
	.indexStart { padding:40px 0; background:#fcfcfb; }
	.indexStartInner { width:92%; margin:0; padding:0 4%; }
	.indexStartInner h3 { margin-bottom:20px; font-size:1.4em; }
	.indexStartInner ul { margin-bottom:20px; }
	.indexStartInner ul:after { content:''; display:block; clear:both; height:0; }
	.indexStartInner li { float:left; width:30%; margin-right:auto; font-size:0.9em; }
	.indexStartInner li:nth-child(2) { margin-right:5%; margin-left:5%; }
	.indexStartInner li img { width:100%; height:auto; margin-bottom:20px; }
	.indexStartInner li br { display:none; }
	.indexStartInner h4 { margin-bottom:0.4em; padding-left:20px; font-size:1.3em; background:url('../img/faq_icon_title.png') no-repeat 0 0.35em; }
	.indexStartDone a { display:inline-block; min-width:290px; margin-top:2em; border-radius:4px; color:#fff; line-height:50px; font-size:1.25em; font-weight:300; text-decoration:none; background:#ff5831; }
	.indexStartDone a:hover { opacity:0.6; }

	/*indexFaq*/
	.indexFaq { padding:40px 0; }
	.indexFaqInner { width:92%; margin:0; padding:0 4%; }
	.indexFaqInner h3 { margin-bottom:20px; color:#ff5831; font-size:1.4em; text-align:center; }
	.indexFaqInner li { float:none; width:auto; margin:0 0 15px 0; padding:19px; border:#eee 1px solid; border-radius:6px; }
	.indexFaqInner li:nth-child(3n) { margin-right:0; }
	.indexFaqInner h4 { margin-bottom:0.4em; padding-left:20px; font-size:1.3em; background:url('../img/faq_icon_title.png') no-repeat 0 0.35em; }
	.indexFaqInner p { margin-bottom:10px; }

	/*indexLast*/
	.indexLast { padding:50px 0; color:#fff; background:#3d3434; }
	.indexLastInner { width:92%; margin:0; padding:0 4%; text-align:center; }
	.indexLastInner p { font-size:1.0em; }
	.indexLastInner h3 { margin:20px 0; }
	.indexLastInner h3 img { width:80%; height:auto; }
	.indexLastInner h3 small { display:block; margin-top:10px; font-size:1.2em; font-weight:100; }
	.indexLastDone a { display:inline-block; min-width:290px; border-radius:4px; color:#fff; line-height:50px; font-size:1.15em; font-weight:300; text-decoration:none; background:#ff5831; }
	.indexLastDone a span { display:none; }
	.indexLastDone a:hover { opacity:0.6; }

	/*footer*/
	.Footer {  }
	.FooterInner { width:92%; margin:0; padding:0 4%; text-align:center; }
	.FooterNav { margin:30px 0 20px; font-size:0.9em; font-weight:400; text-align:center; }
	.FooterNav:after { content:''; display:block; clear:both; height:0; }
	.FooterNav li { display:inline-block; float:none; width:auto; margin:0 0.25em; }
	.FooterInfo { margin-bottom:15px; }
	.pagetop { display:none; position:fixed; right:20px; bottom:20px; width:50px; height:50px; border-radius:25px; background:rgba(33,153,255,0.85) url('../img/pagetop.png') no-repeat center center; background-size:auto 50%; cursor:pointer; }

}


/*formDone*/
.form {  }
.formHeader { padding:80px 0; color:#333333; text-align:center; background:#d7e6f5; }
.formHeader h1 { font-size:2.0em; }
.form form {  }
.formInner { width:1080px; margin:0 auto; padding:40px 0; }
.formInner:after { content:''; display:block; clear:both; height:0; }
.formInner h2 { margin-bottom:20px; padding-bottom:12px; border-bottom:#ddd 3px double; font-size:1.3em; }
	.formInner dl + h2 { padding-top:20px; }
.formInner h2 small { font-size:0.8em; }
.formInner dl { margin-bottom:20px; padding-bottom:20px; border-bottom:#ddd 1px dotted; }
.formInner dl:after { content:''; display:block; clear:both; height:0; }
.formInner dt { float:left; width:25%; }
	.formInner dt span { float:left; width:25%; }
	.formInner dt small { display:block; font-size:0.86em; }
.formInner dd { float:left; width:75%; }
	.formInner dd p { display:inline-block; }
	.formInner dd .note { display:inline-block; color:#9c9998; }
	.formInner dd input[type=check] { line-height:1; font-size:1.0em; }
	.formInner dd label { display:inline-block; margin:0 20px 0 4px; }
	.formInner dd input[type=text] { margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
	.formInner dd input[type=text]:focus { border:#1ba7cc 1px solid; background:#fffff0; }
	.formInner dd input[type=password] { margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
	.formInner dd input[type=password]:focus { border:#1ba7cc 1px solid; background:#fffff0; }
	.formInner dd textarea { width:90%; height:10em; margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
	.formInner dd textarea:focus { border:#1ba7cc 1px solid; background:#fffff0; }
		.formInner .corp { width:60%; }
		.formInner .name { width:; }
		.formInner .zip { width:20%; }
		.formInner .add { width:70%; }
		.formInner .tel { width:; }
		.formInner .email { width:60%; }
	.formInner dd select { margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
.formDone { padding:40px 0; text-align:center; }
.formDone input[type=submit] { display:inline-block; min-width:360px; margin:0; padding:0; border:0; border-radius:4px; color:#fff; line-height:50px; font-size:1.15em; font-weight:300; text-decoration:none; background:#ff5831; -webkit-appearance:none; appearance:none; cursor:pointer; }
.formDone input[type=submit]:hover { opacity:0.6; }
.errorDisplay { width:1040px; margin:20px auto; padding:18px; border:#ff6060 2px dashed; border-radius:4px; color:#ff6060; }

.policy { position:relative; overflow:auto; height:270px; margin-bottom:15px; padding:14px; border:#ddd 1px solid; border-radius:4px; font-size:0.9em; box-shadow:inset 0 0 3px rgba(0,0,0,0.15); }
	.policy h3 { margin-bottom:15px; font-size:1.4em; }
	.policy h4 { margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd 1px solid; font-size:1.2em; }
	.policy h5 { margin-bottom:10px; border:#ddd 1px solid; border-radius:3px; line-height:28px; font-size:1.0em; text-indent:1em; }
	.policy p { margin-bottom:10px; margin-left:1.8em; }
	.policy ol { margin-bottom:10px; margin-left:1.8em; }
	.policy li { margin-bottom:4px; }
	.date { display:block !important; text-align:right; }

@media (min-width: 320px) and (max-width: 600px) {
	.form {  }
	.formHeader { padding:80px 0; color:#fff; text-align:center; background:#3d3434; }
	.formHeader h1 { font-size:1.4em; }
	.form form {  }
	.formInner { width:92%; margin:0; padding:20px 4%; }
	.formInner:after { content:''; display:block; clear:both; height:0; }
	.formInner h2 { margin-bottom:20px; padding-bottom:12px; border-bottom:#ddd 3px double; font-size:1.3em; }
	.formInner h2 small { display:block; font-size:0.8em; }
	.formInner dl { margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd 1px dotted; }
	.formInner dl:after { content:''; display:block; clear:both; height:0; }
	.formInner dt { float:none; width:auto; margin-bottom:10px; }
		.formInner dt span { float:left; width:25%; }
		.formInner dt small { display:inline-block; padding-left:0.5em; font-size:0.86em; }
	.formInner dd { float:none; width:auto; }
		.formInner dd .note { display:inline-block; color:#9c9998; }
		.formInner dd input[type=check] { line-height:1; font-size:1.0em; }
		.formInner dd label { display:inline-block; margin:0 20px 0 4px; }
		.formInner dd input[type=text] { margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
		.formInner dd input[type=text]:focus { border:#1ba7cc 1px solid; background:#fffff0; }
		.formInner dd input[type=password] { margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
		.formInner dd input[type=password]:focus { border:#1ba7cc 1px solid; background:#fffff0; }
		.formInner dd textarea { width:90%; height:10em; margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
		.formInner dd textarea:focus { border:#1ba7cc 1px solid; background:#fffff0; }
			.formInner .corp { width:60%; }
			.formInner .name { width:60%; }
			.formInner .zip { width:20%; }
			.formInner .add { width:70%; }
			.formInner .tel { width:60%; }
			.formInner .email { width:60%; }
		.formInner dd select { margin:0 20px 10px 0; padding:4px; border:#ddd 1px solid; border-radius:4px; font-size:16px; line-height:1.2; outline:0; -webkit-appearance:none; appearance:none; }
	.formDone { padding:40px 0; text-align:center; background:#3d3434; }
	.formDone input[type=submit] { display:inline-block; min-width:290px; margin:0; padding:0; border:0; border-radius:4px; color:#fff; line-height:50px; font-size:1.15em; font-weight:300; text-decoration:none; background:#ff5831; -webkit-appearance:none; appearance:none; cursor:pointer; }
	.formDone input[type=submit]:hover { opacity:0.6; }
	.errorDisplay { width:92%; margin:20px auto; padding:13px 4%; border:#ff6060 2px dashed; border-radius:4px; color:#ff6060; box-sizing:border-box; }

	.policy { position:relative; overflow:auto; height:210px; margin-bottom:15px; padding:14px; border:#ddd 1px solid; border-radius:4px; font-size:0.9em; box-shadow:inset 0 0 3px rgba(0,0,0,0.15); }
		.policy h3 { margin-bottom:15px; font-size:1.4em; }
		.policy h4 { margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd 1px solid; font-size:1.2em; }
		.policy h5 { margin-bottom:10px; border:#ddd 1px solid; border-radius:3px; line-height:28px; font-size:1.0em; text-indent:1em; }
		.policy p { margin-bottom:10px; margin-left:1.8em; }
		.policy ol { margin-bottom:10px; margin-left:1.8em; }
		.policy li { margin-bottom:4px; }
		.policy .date { display:block !important; text-align:right; }
}


/*plan*/
.plan {  }
.planHeader { padding:80px 0; color:#333333; text-align:center; background:#d7e6f5; }
.planHeader h1 { font-size:2.0em; }
.planInner { width:1080px; margin:0 auto; padding:40px 0; }
.planInner:after { content:''; display:block; clear:both; height:0; }
.planInner h2 { margin-bottom:0.5em; font-size:2.0em; color:#2199ff; }
.planInner h3 { margin-bottom:10px; border:#ddd 1px solid; border-radius:4px; line-height:36px; font-size:1.3em; text-indent:1em; }
.planInner p { margin-bottom:1.5em; }
.planInner figure { display:block; margin-bottom:1.5em; }
.planInner figure img { width:100%; height:auto; }
.planInner .note { font-size:0.9em; }

.planTable { padding:20px 0 10px; }
.planTable ul {  }
.planTable ul:after { content:''; display:block; clear:both; height:0; }
.planTable li { float:left; width:210px; }
.planTable li:nth-child(4) { width:210px; margin-right:0; }
.planTable li h4 { padding:15px; border-bottom:rgba(255,255,255,0.3) 3px double; color:#fff; font-size:1.0em; font-weight:400; text-align:center; background:#2e9dfc; }
	.planTable li:nth-child(1) h4 { position:relative; top:-20px; margin-bottom:-20px; padding:25px 15px; background:#4A930D; }
.planTable dl { text-align:center; }
	.planTable li:nth-child(1) dl { background:#64A924; }
	.planTable li:nth-child(2) dl { background:#96cefd; }
	.planTable li:nth-child(3) dl { background:#62b5fc; }
	.planTable li:nth-child(4) dl { background:#2e9dfc; }
	.planTable li:nth-child(5) dl { background:#4eaeff; }
.planTable dt { padding:50px 15px 10px; color:#fff; }
	.planTable dt:nth-child(1) { background:url('../img/plan/icon_plan_price.png') no-repeat center 10px; }
	.planTable dt:nth-child(3) { background:url('../img/plan/icon_plan_user.png') no-repeat center 10px; }
	.planTable dt:nth-child(5) { background:url('../img/plan/icon_plan_app.png') no-repeat center 10px; }
.planTable dd { display:table-cell; position:relative; width:240px; padding:10px 15px 15px; color:#fff; text-align:center; vertical-align:middle; }
.planTable dd:before { content:''; display:block; position:absolute; top:0; left:50%; border:transparent 4px solid; border-top:rgba(255,255,255,0.65) 4px solid; }
.planTable dd strong { font-family:'Open sans', sans-serif; font-size:1.8em; }


@media (min-width: 320px) and (max-width: 600px) {
	.planInner h2 { font-size:1.4em; }
	.planInner h2 br { display:none; }
	.planInner h3 { margin-bottom:10px; border:#ddd 1px solid; border-radius:4px; line-height:36px; font-size:1.1em; text-indent:1em; }
	.planInner { width:92%; margin:0; padding:40px 4%; }
	.planInner .note { font-size:0.9em; }
	.planInner .note br { display:none; }

	.planTable { padding:30px 0 10px; }
	.planTable ul {  }
	.planTable ul:after { content:''; display:block; clear:both; height:0; }
	.planTable li { float:none; width:auto; margin-bottom:1px; }
	.planTable li:nth-child(4) { width:auto; margin-bottom:0; }
	.planTable li:after { content:''; display:block; clear:both; height:0; }
	.planTable li h4 { clear:both; padding:10px; border-bottom:rgba(255,255,255,0.3) 3px double; color:#fff; font-size:1.2em; font-weight:400; text-align:center; background:#ff5831; }
		.planTable li:nth-child(1) h4 { background:#4A930D; }
	.planTable dl { text-align:left; }
	.planTable dl:after { content:''; display:block; clear:both; height:0; }
		.planTable li:nth-child(1) dl { background:#64A924; }
		.planTable li:nth-child(2) dl { background:#ffab98; }
		.planTable li:nth-child(3) dl { background:#ff8265; }
		.planTable li:nth-child(4) dl { background:#ff5831; }
		.planTable li:nth-child(5) dl { background:#ff5831; }
	.planTable dt { clear:left; float:left; width:36%; padding:10px 10px 10px 40px; border-top:rgba(255,255,255,0.3) 1px dotted; color:#fff; box-sizing:border-box; }
		.planTable dt:nth-child(1) { border-top:0; background:url('../img/plan/icon_plan_price.png') no-repeat 10px 0.85em; background-size:auto 1.2em; }
		.planTable dt:nth-child(3) { padding-top:1.25em; background:url('../img/plan/icon_plan_user.png') no-repeat 10px 1.35em; background-size:auto 1.2em; }
		.planTable dt:nth-child(5) { padding-top:1.25em; background:url('../img/plan/icon_plan_app.png') no-repeat 10px 1.35em; background-size:auto 1.2em; }
	.planTable dd { display:block; position:relative; float:left; width:64%; padding:10px; border-top:rgba(255,255,255,0.3) 1px dotted; color:#fff; text-align:left; box-sizing:border-box; }
		.planTable dd:nth-child(1) { font-weight:600; }
		.planTable dd:nth-child(2) { border-top:0; }
		.planTable dd:nth-child(4) { min-height:4em; }
		.planTable dd:nth-child(4) br { display:none; }
	.planTable dd:before { content:none; display:block; position:absolute; top:0; left:50%; border:transparent 4px solid; border-top:rgba(255,255,255,0.65) 4px solid; }
	.planTable dd strong { font-family:'Open sans', sans-serif; font-size:1.5em; }
}


/*case*/
.case {  }
.caseHeader { padding:80px 0; color:#333333; text-align:center; background:#d7e6f5; }
.caseHeader h1 { font-size:2.0em; }
.caseInner { width:1080px; margin:0 auto; padding:40px 0; }
.caseInner:after { content:''; display:block; clear:both; height:0; }
.caseInner h2 { margin-bottom:0.5em; font-size:2.0em; color:#2199ff; }
.caseInner h3 { margin-bottom:0; border:#ddd 1px solid; border-radius:5px 5px 0 0; line-height:36px; font-size:1.3em; text-indent:1em; }
.caseInner p { margin-bottom:1.5em; }

.caseLogo { margin-bottom:3.5em; padding:19px; border:#ddd 1px solid; border-radius:0 0 5px 5px; text-align:center; background:#fcfcfc; }
.caseLogo:after { content:''; display:block; clear:both; height:0; }
.caseLogo li { display:inline-block; margin:20px; }
.caseLogo img { width:auto; height:16px; margin-top:17px; }
	.caseLogo li:nth-child(3) img { width:auto; height:50px; margin-top:0; }
	.caseLogo li:nth-child(4) img { width:auto; height:30px; margin-top:10px; }
	.caseLogo li:nth-child(5) img { width:auto; height:30px; margin-top:10px; }
	.caseLogo li:nth-child(7) img { width:auto; height:50px; margin-top:00px; }
	.caseLogo li:nth-child(8) img { width:auto; height:30px; margin-top:10px; }

.caseInner .caseDetail { margin-bottom:1.5em; }
.caseInner .caseDetail:after { content:''; display:block; clear:both; height:0; }
.caseInner .caseDetail li { float:left; width:255px; margin-right:20px; margin-bottom:20px; text-align:center; }
.caseInner .caseDetail li:nth-child(4) { margin-right:0; }
.caseInner .caseDetail li:nth-child(5) { clear:both; }
.caseDetailInner { border:#ddd 1px solid; }
.caseInner .caseDetail li figure { display:block; text-align:left; }
.caseInner .caseDetail li figure > img { width:100%; height:auto; }
.caseInner .caseDetail li figcaption { display:block; position:relative; padding:10px; border-top:#ddd 1px solid; border-bottom:#ddd 1px dotted; font-weight:400; text-align:left; }
.caseInner .caseDetail li figcaption span { display:inline-block; float:right; padding-left:20px; font-family:'Open sans', sans-serif; font-size:0.9em; font-weight:200; }
	.caseInner .caseDetail li figcaption .iphone { background:url('../img/case/apple.png') no-repeat 0 0; }
	.caseInner .caseDetail li figcaption .android { background:url('../img/case/android.png') no-repeat 0 0.1em; }
.caseInner .caseDetail li figcaption a { display:none; position:absolute; top:-130px; right:10px; z-index:2; width:120px; height:120px; }
.caseInner .caseDetail li figcaption a img { width:100%; height:auto; }
.caseInner .caseDetail p { padding:5px 10px; font-size:0.85em; text-align:right; }

@media (min-width: 320px) and (max-width: 600px) {
	.caseInner { width:92%; margin:0 auto; padding:40px 4%; }
	.caseInner h2 { font-size:1.4em; }
	.caseInner h2 br { display:none; }
	.caseInner h3 { margin-bottom:0; border:#ddd 1px solid; border-radius:5px 5px 0 0; line-height:36px; font-size:1.3em; text-indent:1em; }
	.caseInner .caseDetail { width:92%; margin:0; padding:40px 4%; }
	.caseInner .caseDetail li { text-align:center; }
	.caseInner .caseDetail img { width:80%; height:auto; }

	.caseLogo { margin-bottom:1.5em; padding:9px; border:#ddd 1px solid; border-top:0; border-radius:0 0 5px 5px; text-align:center; background:#fcfcfc; }
	.caseLogo li { margin-right:20px; }

	.caseInner .caseDetail { width:100%; margin-bottom:1.5em; padding:0; }
	.caseInner .caseDetail:after { content:''; display:block; clear:both; height:0; }
	.caseInner .caseDetail li { float:left; width:48%; margin-right:inherit; margin-bottom:20px; text-align:center; }
	.caseInner .caseDetail li:nth-child(odd) { margin-left:0; margin-right:2%; }
	.caseInner .caseDetail li:nth-child(even) { margin-right:0; margin-left:2%; }
	.caseInner .caseDetailInner { border:#ddd 1px solid; }
	.caseInner .caseDetail li figure { display:block; position:relative; overflow:hidden; height:240px; text-align:left; }
	.caseInner .caseDetail li figure > img { width:100%; height:auto; }
	.caseInner .caseDetail li figcaption { display:block; position:absolute; bottom:0; left:0; width:96%; padding:5px 2% 0; border-top:0; border-bottom:0; font-size:0.8em; font-weight:400; text-align:left; background:rgba(255,255,255,0.9); }
	.caseInner .caseDetail li figcaption span { display:inline-block; position:relative; float:right; top:1.5em; height:14px; padding-left:20px; font-family:'Open sans', sans-serif; font-size:0; font-weight:200; text-indent:-100%; }
	.caseInner .caseDetail li figcaption .iphone { background:url('../img/case/apple.png') no-repeat 0 0; background-size:auto 10px; }
	.caseInner .caseDetail li figcaption .android { background:url('../img/case/android.png') no-repeat 0 0.1em; background-size:auto 10px; }
	.caseInner .caseDetail li figcaption a { display:block; position:absolute; top:-170px; right:10px; z-index:2; width:40px; height:40px; }
	.caseInner .caseDetail li figcaption a img { width:100%; height:auto; }
	.caseInner .caseDetail p { margin-bottom:0; padding:5px 3px 3px; font-size:0.5em; text-align:center; }
}

/* function --- realtime */
.functionRealtime {  }
.functionRealtimeHeader { padding:80px 0 0; color:#333333; text-align:center; background:#d7e6f5; }
.functionRealtimeHeader h1 { margin-bottom:30px; padding-top:100px; font-size:2.0em; background:url('../img/function/01realtime/realtime_icon01.png') no-repeat center top; }
.functionRealtimeHeader .funcDescription {background: #fff; padding-top: 20px; padding-bottom: 20px; max-width: 1080px; margin-left: auto; margin-right: auto; margin-bottom: 70px; }
.functionRealtimeHeader h2 { margin-bottom:10px; color:#2199ff; font-size:1.4em; }
.functionRealtimeHeader p { line-height:2.0; }
.functionRealtimeHeader figure { display:block; position:relative; min-height:168px; padding-top:15px; }
.functionRealtimeHeader figcaption { display:block; position:absolute; z-index:2; top:0; width:100%; font-size:1.4em; text-align:center; }
@media (min-width: 320px) and (max-width: 600px) {
	.functionRealtime {  }
	.functionRealtimeHeader p { margin:0 20px 40px; line-height:1.8; font-size:0.9em; }
	.functionRealtimeHeader p br { display:none; }
	.functionRealtimeHeader figure { display:block; position:relative; min-height:120px; padding-top:0; text-align:center; }
	.functionRealtimeHeader figure img { position:absolute; bottom:0; left:10%; width:80%; height:auto; }
	.functionRealtimeHeader figcaption { display:block; position:absolute; z-index:2; top:0; width:100%; font-size:1.4em; text-align:center; }
}

.functionRealtimeStep { padding:80px 0; }
.functionRealtimeStepInner { width:1080px; margin:0 auto; }
.functionRealtimeStepInner h2 { margin-bottom:50px; font-size:2.0em; text-align:center; }
.functionRealtimeStepInner ul {  }
.functionRealtimeStepInner ul:after { content:''; display:block; clear:both; height:0; }
.functionRealtimeStepInner li { float:left; width:340px; }
.functionRealtimeStepInner li:nth-child(2) { margin:0 20px; }
.functionRealtimeStepInner figure {  }
.functionRealtimeStepInner h3 { margin:30px 0 20px; color:#2199ff; font-size:1.4em; text-align:center; }
.functionRealtimeStepInner p {  }
.functionRealtimeStepInner p small { font-size:0.85em; }
@media (min-width: 320px) and (max-width: 600px) {
	.functionRealtimeStep { padding:40px 0; }
	.functionRealtimeStepInner { width:92%; margin:0; padding:4%; }
	.functionRealtimeStepInner h2 { margin-bottom:30px; font-size:1.6em; text-align:center; }
	.functionRealtimeStepInner ul {  }
	.functionRealtimeStepInner ul:after { content:''; display:block; clear:both; height:0; }
	.functionRealtimeStepInner li { float:none; width:100%; margin-bottom:30px; }
	.functionRealtimeStepInner li:nth-child(2) { margin:0 0 30px; }
	.functionRealtimeStepInner figure { text-align:center; }
	.functionRealtimeStepInner figure img { width:60%; height:auto; }
	.functionRealtimeStepInner h3 { margin: 20px 0 10px; color: #2199ff; font-size: 1.4em; text-align: center; }
	.functionRealtimeStepInner p {  }
	.functionRealtimeStepInner p small { font-size:0.85em; }
}

.functionRealtimeSpeed { padding:100px 0; background:#f7f7f7; }
.functionRealtimeSpeedInner { width:1080px; margin:0 auto; }
.functionRealtimeSpeedInner h2 { margin-bottom:50px; color:#2199ff; font-size:2.0em; text-align:center; }
.functionRealtimeSpeedInner ul { margin-bottom:40px; padding:50px 0; border-left:#9c9998 2px solid; background:url('../img/function/01realtime/realtime_speed_bg.png') repeat-x -1px 0; }
.functionRealtimeSpeedInner li { margin-bottom:30px; }
.functionRealtimeSpeedInner li:after { content:''; display:block; clear:both; height:0; }
.functionRealtimeSpeedInner li:last-child { margin-bottom:0; }
.functionRealtimeSpeedInner figure {  }
.functionRealtimeSpeedInner figure img { float:left; margin-right:10px; }
.functionRealtimeSpeedInner figcaption { display:block; float:left; line-height:50px; font-weight:400; }
.functionRealtimeSpeedInner li:last-child figcaption { display:none; }
.functionRealtimeSpeedInner h3 { margin-bottom:15px; font-size:1.3em; font-weight:400; text-align:center; }
.functionRealtimeSpeedInner h3 br { display:none; }
.functionRealtimeSpeedInner p { text-align:center; }
@media (min-width: 320px) and (max-width: 600px) {
	.functionRealtimeSpeed { padding: 50px 0; background: #f7f7f7; }
	.functionRealtimeSpeedInner { width:92%; margin:0; padding:4%; }
	.functionRealtimeSpeedInner h2 { margin-bottom: 30px; color: #2199ff; font-size: 1.6em; text-align: center; }
	.functionRealtimeSpeedInner ul { margin-bottom:30px; padding:30px 0; border-left:#9c9998 2px solid; background:url('../img/function/01realtime/realtime_speed_bg.png') repeat-x -1px 0; }
	.functionRealtimeSpeedInner li { position:relative; overflow:hidden; height:50px; margin-bottom:30px; }
	.functionRealtimeSpeedInner li:after { content:''; display:block; clear:both; height:0; }
	.functionRealtimeSpeedInner li:last-child { margin-bottom:0; }
	.functionRealtimeSpeedInner figure {  }
	.functionRealtimeSpeedInner figure img { float:left; margin-right:10px; }
	.functionRealtimeSpeedInner li:nth-child(2) figure img { position:absolute; left:-140px; }
	.functionRealtimeSpeedInner li:last-child figure img { position:absolute; right:0; }
	.functionRealtimeSpeedInner figcaption { display:block; float:left; line-height:50px; font-weight:400; }
	.functionRealtimeSpeedInner li:nth-child(2) figcaption { position:relative; z-index:2; margin-left:140px; }
	.functionRealtimeSpeedInner li:last-child figcaption { display:none; }
	.functionRealtimeSpeedInner h3 { margin-bottom:15px; font-size:1.2em; font-weight:400; text-align:center; }
	.functionRealtimeSpeedInner h3 br { display:inherit; }
	.functionRealtimeSpeedInner p { font-size:0.9em; text-align:center; }
	.functionRealtimeSpeedInner p br { display:none; }
}

.functionInterview { padding:80px 0; }
.functionInterviewInner { width:1080px; margin:0 auto; }
.functionInterview h2 { margin-bottom:50px; font-size:2.0em; text-align:center; }
.functionInterview ul {  }
.functionInterview ul:after { content:''; display:block; clear:both; height:0; }
.functionInterview li { float:left; width:480px; }
.functionInterview li:nth-child(2) { margin:0 30px; }
.functionInterview .logo { display:table-cell; width:478px; height:198px; border:#e3e2e2 1px solid; text-align:center; vertical-align:middle; }
.functionInterview .name {  }
.functionInterview .name:after { content:''; display:block; clear:both; height:0; }
.functionInterview .name figure { float:left; width:40px; margin-right:10px; }
.functionInterview .name h3 { margin:30px 0 20px; line-height:1.3; font-size:1.3em; font-weight:400; border:none;}
.functionInterview .name h3 small { display:block; padding-top:0.3em; color:#ff5831; font-size:0.6em; }
.functionInterview p { min-height:9.5em; margin-bottom:30px; font-size:0.9em; }
.functionInterview p small { font-size:0.85em; }
.functionInterview a { display: block; max-width: 70%; margin: 0 auto; border-radius: 4px; color: #fff; line-height: 50px; font-size: 1.25em; text-align: center; text-decoration: none; background: #ff5831; }
.functionInterview a:hover { opacity: 0.8; }
@media (min-width: 320px) and (max-width: 600px) {
	.functionInterview { padding: 40px 0; }
	.functionInterviewInner { width: 92%; margin: 0; padding: 0 4%; }
	.functionInterview h2 { margin-bottom: 30px; font-size: 1.6em; text-align: center; }
	.functionInterview ul {  }
	.functionInterview ul:after { content: ''; display: block; clear: both; height: 0; }
	.functionInterview li { float:none; width:100%; margin-bottom:30px; }
	.functionInterview li:nth-child(2) { margin:0 0 30px; }
	.functionInterview .logo { display:block; position:relative; width:auto; height:30px; padding:20px 0; border:#e3e2e2 1px solid; text-align:center; vertical-align:middle; }
		.functionInterview .logo img { width:auto; height:100%; vertical-align:top; }
	.functionInterview .name {  }
	.functionInterview .name:after { content:''; display:block; clear:both; height:0; }
	.functionInterview .name figure { float:left; width:40px; margin-right:10px; }
	.functionInterview .name h3 { margin:10px 0; line-height:1.3; font-size:1.3em; font-weight:400; border:none;}
	.functionInterview .name h3 small { display:block; padding-top:0.3em; color:#ff5831; font-size:0.6em; }
	.functionInterview p { min-height:inherit; margin-bottom:20px; font-size:0.9em; }
	.functionInterview p small { font-size:0.85em; }
	.functionInterview a { display: block; max-width: 70%; margin: 0 auto; border-radius: 4px; color: #fff; line-height: 50px; font-size: 1.25em; text-align: center; text-decoration: none; background: #ff5831; }
	.functionInterview a:hover { opacity:0.8; }
}


/* function --- status */
.function {  }
.functionHeader { padding:80px 0 0; color:#333333; text-align:center; background:#d7e6f5; }
.functionHeader h1 { margin-bottom:30px; padding-top:100px; font-size:2.0em; }
.functionHeader .funcDescription { background: #fff; padding-top: 20px; padding-bottom: 20px; max-width: 1080px; margin-left: auto; margin-right: auto; margin-bottom: 70px; }
.functionHeader h2 { margin-bottom:10px; color:#2199ff; font-size:1.4em; }
.functionHeader p { line-height:2.0; }
.functionHeader figure { display:block; position:relative; min-height:168px; padding-top:15px; }
.functionHeader figcaption { display:block; position:absolute; z-index:2; top:0; width:100%; font-size:1.4em; text-align:center; }

.function.status {  }
.function.status .functionHeader h1 { background:url('../img/function/02status/status_icon01.png') no-repeat center top; }
.function.abtest {  }
.function.abtest .functionHeader h1 { background:url('../img/function/03abtest/abtest_icon01.png') no-repeat center top; }
	.function.abtest .functionHeader figure { display:block; position:relative; min-height:112px; padding-top:50px; }
.function.segment .functionHeader h1 { background:url('../img/function/04segment/segment_icon01.png') no-repeat center top; }
	.function.segment .functionHeader figure { display:block; position:relative; min-height:80px; padding-top:80px; }
.function.geopush .functionHeader h1 { background:url('../img/function/05geopush/geopush_icon01.png') no-repeat center top; }
	.function.geopush .functionHeader figure { display:block; position:relative; min-height:80px; padding-top:80px; }
.function.userPush .functionHeader h1 { background:url('../img/function/06userpush/user_icon01.png') no-repeat center top; }
	.function.userPush .functionHeader p { margin-bottom:60px; }
	.function.userPush .functionHeader figure { display:block; position:relative; min-height:60px; padding-top:60px; }
.function.richPush .functionHeader h1 { background:url('../img/function/07richpush/rich_icon01.png') no-repeat center top; }
	.function.richPush .functionHeader p {  }
	.function.richPush .functionHeader figure { display:block; position:relative; min-height:60px; padding-top:60px; }
.function.emojiPush .functionHeader h1 { background:url('../img/function/08emojipush/emoji_icon01.png') no-repeat center top; }
	.function.emojiPush .functionHeader p { margin-bottom:60px; }
	.function.emojiPush .functionHeader figure { display:block; position:relative; min-height:60px; padding-top:60px; }
	.function.emojiPush .functionHeader figure img { margin-bottom:20px; }

@media (min-width: 320px) and (max-width: 600px) {
	.function {  }
	.functionHeader p { margin:0 20px 40px; line-height:1.8; font-size:0.9em; }
	.functionHeader p br { display:none; }
	.functionHeader figure { display:block; position:relative; min-height:120px; padding-top:0; text-align:center; }
	.functionHeader figure img { position:absolute; bottom:0; left:10%; width:80%; height:auto; }
	.functionHeader figcaption { display:block; position:absolute; z-index:2; top:0; width:100%; font-size:1.4em; text-align:center; }

	.function.status .functionHeader figure img { position:absolute; bottom:0; left:28%; width:44%; height:auto; }
	.function.status .functionHeader figcaption { display:block; position:absolute; z-index:2; top:-20px; width:100%; font-size:1.3em; text-align:center; }
	.function.geopush .functionHeader figure img { display:block; left:50%; width:auto; height:100px; margin-left:-99px; }
	.function.userPush .functionHeader figure img { display:block; left:50%; width:auto; height:81px; margin-left:-74px; }
	.function.richPush .functionHeader figure { margin-top:-30px; padding-top:90px; }
	.function.richPush .functionHeader figure img { display:block; left:50%; width:auto; height:81px; margin-left:-90px; }
	.function.emojiPush .functionHeader figure { margin-top:-30px; padding-top:90px; }
	.function.emojiPush .functionHeader figure img { display:block; left:50%; width:auto; height:81px; margin-left:-40px; }
}

.evenBg { background:#f7f7f7; }

/*functionEx*/
.functionEx { padding:80px 0; background: #f7f7f7; }
.functionExInner { width: 1080px; margin:0 auto; }
.functionExInner h2 { margin-bottom:50px; font-size:2.0em; text-align:center; }
.functionExInner ul {  }
.functionExInner ul:after { content:''; display:block; clear:both; height:0; }

.functionEx.x2 .functionExInner li { float:left; width:520px; margin-right:40px; }
.functionEx.x2 .functionExInner li:nth-child(2) { margin-right:0; }

.functionEx.x3 .functionExInner li { float:left; width:340px; }
.functionEx.x3 .functionExInner li:nth-child(2) { margin:0 20px; }

.functionEx.x4 .functionExInner li { float:left; width:250px; }
.functionEx.x4 .functionExInner li:nth-child(1),
.functionEx.x4 .functionExInner li:nth-child(2),
.functionEx.x4 .functionExInner li:nth-child(3) { margin:0 10px 0; }

.functionExInner figure {  }
.functionExInner h3 { min-height:3.3em; margin:30px 0 20px; font-size:1.2em; font-weight:600; }
.functionExInner p {  }
.functionExInner p small { font-size:0.85em; }

.functionExInner .note { display:table; margin-top:30px; padding:19px 54px; border:#d7d6d6 1px solid; border-radius:2px; font-size:0.9em; }
.functionExInner .note:after { content:''; display:block; clear:both; height:0; }
.functionExInner .note dt { display:table-cell; width:14%; vertical-align:middle; }
.functionExInner .note dt:before { content:url('../img/icon_caution.png'); float:left; margin-right:0.5em; }
.functionExInner .note dd { display:table-cell; width:86%; vertical-align:middle; }

.function.segment .functionExInner h3 { min-height:5em; }
.function.userPush .functionExInner h3 { min-height:5em; }

@media (min-width: 320px) and (max-width: 600px) {
	.functionEx { padding:40px 0; }
	.functionExInner { width:92%; margin:0; padding:4%; }
	.functionExInner h2 { margin-bottom:30px; font-size:1.6em; text-align:center; }
	.functionExInner ul {  }
	.functionExInner ul:after { content:''; display:block; clear:both; height:0; }
	/*.functionExInner li { float:none; width:100%; margin-bottom:30px; }*/
	/*.functionExInner li:nth-child(2) { margin:0 0 30px; }*/

		.functionEx.x3 .functionExInner li { float:none; width:100%; margin-bottom:30px; }
		.functionEx.x3 .functionExInner li:nth-child(2) { margin:0 0 30px; }
		.functionEx.x4 .functionExInner li { float:none; width:100%; margin-bottom:30px; }
		.functionEx.x4 .functionExInner li:nth-child(1),
		.functionEx.x4 .functionExInner li:nth-child(2),
		.functionEx.x4 .functionExInner li:nth-child(3) { margin:0 0 30px; }

	.functionExInner figure { text-align:center; }
	.functionExInner figure img { width:60%; height:auto; }
	.functionExInner h3 { min-height:inherit !important; font-size:1.2em; text-align:center; }
	.functionExInner h3 br { display:none; }
	.functionExInner p {  }
	.functionExInner p small { font-size:0.85em; }

	.functionExInner .note { display:block; margin-top:30px; padding:19px; border:#d7d6d6 1px solid; border-radius:2px; font-size:0.9em; }
	.functionExInner .note:after { content:''; display:block; clear:both; height:0; }
	.functionExInner .note dt { display:block; width:100%; min-height:2.2em; vertical-align:inherit; }
	.functionExInner .note dt:before { content:url('../img/icon_caution.png'); float:left; margin-right:0.5em; }
	.functionExInner .note dd { display:block; width:100%; vertical-align:inherit; }
	.functionExInner .note dd br { display:none; }
}

/*functionPossible*/
.functionPossible { padding:80px 0; }
.functionPossibleInner { width:1080px; margin:0 auto; }
.functionPossibleInner h2 { margin-bottom:50px; font-size:2.0em; text-align:center; }
.functionPossibleInner h2 br { display:none; }
.functionPossibleInner ul {  }
.functionPossibleInner ul:after { content:''; display:block; clear:both; height:0; }

	/*x3*/
	.functionPossible.x3 .functionPossibleInner li { float:left; width:310px; min-height:20em; padding:0 15px; font-size:0.85em; text-align:center; }
	.functionPossible.x3.richPush .functionPossibleInner li { min-height:23.5em; }
	.functionPossible.x3.userPush .functionPossibleInner li { min-height:22em; }
	.functionPossible.x3 .functionPossibleInner li:nth-child(2) { margin:0 19px; }

	/*x4*/
	.functionPossible.x4 .functionPossibleInner li { float:left; width:220px; min-height:25em; padding:0 15px; font-size:0.85em; text-align:center; }
	.functionPossible.x4 .functionPossibleInner li:nth-child(1),
	.functionPossible.x4 .functionPossibleInner li:nth-child(2),
	.functionPossible.x4 .functionPossibleInner li:nth-child(3) { margin:0 10px 0 0; }

	/*x4*/
	.functionPossible.x5 .functionPossibleInner li { float:left; width:180px; min-height:25em; padding:0 10px; font-size:0.85em; text-align:center; }
	.functionPossible.x5 .functionPossibleInner li:nth-child(2),
	.functionPossible.x5 .functionPossibleInner li:nth-child(4) { margin:0 19px; }

.functionPossibleInner figure { display:block; }
.functionPossibleInner .imgBox { background: #fff; padding: 20px 5px; margin-bottom: 20px; border: solid #e3e2e2 1px; border-radius: 6px; }
.functionPossibleInner figcaption { display: block; margin: 10px 0; color: #2199ff; font-size: 1.5em; }

.functionPossible.emojiPush .note { display:table; margin-top:60px; padding:19px 54px; border:#d7d6d6 1px solid; border-radius:2px; font-size:0.9em; }
.functionPossible.emojiPush .note:after { content:''; display:block; clear:both; height:0; }
.functionPossible.emojiPush .note dt { display:table-cell; width:14%; vertical-align:middle; }
.functionPossible.emojiPush .note dt:before { content:url('../img/icon_caution.png'); float:left; margin-right:0.5em; }
.functionPossible.emojiPush .note dd { display:table-cell; width:86%; vertical-align:middle; }


@media (min-width: 320px) and (max-width: 768px) {
	.functionPossible { padding:40px 0; }
	.functionPossibleInner { width:92%; margin:0; padding:4%; }
	.functionPossibleInner h2 { margin-bottom:30px; font-size:1.6em; text-align:center; }
	.functionPossibleInner h2 br { display:inherit; }
	.functionPossibleInner ul { text-align:center; }
	.functionPossibleInner ul:after { content:''; display:block; clear:both; height:0; }
		/*x3*/
		.functionPossible.x3 .functionPossibleInner li { float: left; width: 31%; min-height: inherit; margin-bottom: 10px; padding: 0 5px; font-size: 0.85em; text-align: center; box-sizing: border-box; overflow: hidden; }
		.functionPossible.x3 .functionPossibleInner li:nth-child(2) { margin:0 3%; box-sizing: border-box; }
		.functionPossible.x3 .functionPossibleInner li figure { margin: 0 auto; }
		.functionPossible.x3 .functionPossibleInner li figure img { width:auto; height:90px; }
		.functionPossible.x3 .functionPossibleInner li figure .imgBox img { width: 100%; height: auto; }

		/*x4*/
		.functionPossible.x4 .functionPossibleInner li { float:left; width:39%; min-height:inherit; padding:0 5%; font-size:0.85em; text-align:center; }
		.functionPossible.x4 .functionPossibleInner li:nth-child(1) { margin:0 0 30px 0; }
		.functionPossible.x4 .functionPossibleInner li:nth-child(2) { margin:0 0 30px 0; }
		.functionPossible.x4 .functionPossibleInner li:nth-child(3) { margin:0 0 30px 0; }
		.functionPossible.x4 .functionPossibleInner li figure { width:100%; margin:0 auto; }
		.functionPossible.x4 .functionPossibleInner li figure img { width:auto; height:90px; }

		/*x5*/
		.functionPossible.x5 .functionPossibleInner li { display:block; float:left; width:32%; min-height:inherit; margin-bottom:10px; padding:0 10px; font-size:0.85em; text-align:center; box-sizing:border-box; }
		.functionPossible.x5 .functionPossibleInner li br { display:none; }
		.functionPossible.x5 .functionPossibleInner li:nth-child(2),
		.functionPossible.x5 .functionPossibleInner li:nth-child(5) { margin-right:2%; margin-left:2%; }
		.functionPossible.x5 .functionPossibleInner li:nth-child(4) { clear:both; margin:0 0; border-right:0; border-left:0; }
		.functionPossible.x5 .functionPossibleInner li figure { margin:0 auto; }
		.functionPossible.x5 .functionPossibleInner li figure img { width:80%; height:auto; }

		.functionPossibleInner figcaption { font-size:1.1em; }

		.functionPossible.x5.segment .functionPossibleInner li { min-height:15em; }
		.functionPossible.x3.geopush .functionPossibleInner li { min-height:20em; }
		.functionPossible.x3.geopush .functionPossibleInner li br { display:none; }
		.functionPossible.x3.userPush .functionPossibleInner li { min-height:20em; }
		.functionPossible.x3.userPush .functionPossibleInner li figcaption { display:block; min-height:3.6em; vertical-align:top; }
		.functionPossible.x3.userPush .functionPossibleInner li br { display:none; }
		.functionPossible.x3.richPush .functionPossibleInner li { min-height:23em; }
		.functionPossible.x3.richPush .functionPossibleInner li figcaption { display:block; vertical-align:top; }
		.functionPossible.x3.richPush .functionPossibleInner li br { display:none; }

	.functionPossibleInner figure { display:block; text-align:center; }
	.functionPossibleInner figure img { width:100%; height:auto; }
	.functionPossibleInner h3 { min-height:inherit; font-size:1.2em; text-align:center; }
	.functionPossibleInner h3 br { display:none; }
	.functionPossibleInner p {  }
	.functionPossibleInner p small { font-size:0.85em; }

	.functionPossible.x3.emojiPush .functionPossibleInner li br { display:none; }
	.functionPossible.emojiPush .note { display:block; margin-top:30px; padding:19px; border:#d7d6d6 1px solid; border-radius:2px; font-size:0.9em; }
	.functionPossible.emojiPush .note:after { content:''; display:block; clear:both; height:0; }
	.functionPossible.emojiPush .note dt { display:block; width:100%; min-height:2.2em; vertical-align:inherit; }
	.functionPossible.emojiPush .note dt:before { content:url('../img/icon_caution.png'); float:left; margin-right:0.5em; }
	.functionPossible.emojiPush .note dd { display:block; width:100%; vertical-align:inherit; }
	.functionPossible.emojiPush .note dd br { display:none; }
}


.functionDisplay { padding:80px 0; }
.functionDisplayInner { width:1080px; margin:0 auto; }
.functionDisplayInner h2 { margin-bottom:50px; font-size:2.0em; text-align:center; }

.functionDisplay.status table { width:100%; margin-bottom:40px; border-collapse:collapse; }
.functionDisplay.status th, .functionDisplay.status td { padding:10px 20px; }
.functionDisplay.status thead { font-size: 0.9em; color: #fff; background: #2c9eff; }
.functionDisplay.status thead th { font-weight:600; text-align:left; }
	.functionDisplay.status thead td:nth-child(3),
	.functionDisplay.status thead td:nth-child(4),
	.functionDisplay.status thead td:nth-child(5),
	.functionDisplay.status thead td:nth-child(6) { text-align:center; }
.functionDisplay.status tbody { background: #fff; }
.functionDisplay.status tbody tr:nth-child(even) th,
.functionDisplay.status tbody tr:nth-child(even) td { background:#fcfcfb; }
.functionDisplay.status tbody th { border-bottom:#f0f0eb 1px solid; font-weight:600; text-align:left; }
.functionDisplay.status tbody td { border-bottom:#f0f0eb 1px solid; }
	.functionDisplay.status tbody td:nth-child(3),
	.functionDisplay.status tbody td:nth-child(4),
	.functionDisplay.status tbody td:nth-child(5),
	.functionDisplay.status tbody td:nth-child(6) { text-align:center; }

.functionDisplay.status h3 { margin:40px 0 15px; font-size:1.3em; font-weight:400; text-align:center; }
.functionDisplay.status h3 br { display:none; }
.functionDisplay.status p { text-align:center; }

@media (min-width: 320px) and (max-width: 768px) {
	.functionDisplay { padding:40px 0; }
	.functionDisplayInner { width:92%; margin:0; padding:4%; }
	.functionDisplayInner h2 { margin-bottom:30px; font-size:1.6em; text-align:center; }
	.functionDisplayInner h2 br { display:inherit; }

		.functionDisplay.status table { width:100%; margin-bottom:40px; border-collapse:collapse; }
		.functionDisplay.status tr:after { content:''; display:block; clear:both; height:0; }
		.functionDisplay.status th, .functionDisplay.status td { padding:10px; box-sizing:border-box; }
		.functionDisplay.status thead { display:none; font-size:0.9em; background:#f0f0eb; }
		.functionDisplay.status thead th { display:block; float:left; width:25%; font-weight:600; text-align:left; }
		.functionDisplay.status thead td { display:block; }
			.functionDisplay.status thead td:nth-child(1) { float:left; width:75%; }
			.functionDisplay.status thead td:nth-child(3),
			.functionDisplay.status thead td:nth-child(4),
			.functionDisplay.status thead td:nth-child(5),
			.functionDisplay.status thead td:nth-child(6) { display:none; text-align:center; }

		.functionDisplay.status tbody {  }
		.functionDisplay.status tbody tr:nth-child(even) th,
		.functionDisplay.status tbody tr:nth-child(even) td { background:inherit; }
		.functionDisplay.status tbody th { display:block; float:left; width:25%; border-bottom:#f0f0eb 1px solid; font-weight:600; text-align:left; background:#f0f0eb !important; }
		.functionDisplay.status tbody td { display:block; border-bottom:0; }
			.functionDisplay.status tbody td:nth-child(2) { float:left; width:75%; border-bottom:#f0f0eb 1px solid; background:#f0f0eb !important; }
			.functionDisplay.status tbody td:nth-child(3),
			.functionDisplay.status tbody td:nth-child(4),
			.functionDisplay.status tbody td:nth-child(5),
			.functionDisplay.status tbody td:nth-child(6) { float:left; width:25%; min-height:4em; border-bottom:#d7d6d6 1px solid; text-align:center; }

	.functionDisplay.status h3 { min-height:inherit; font-size:1.2em; text-align:center; }
	.functionDisplay.status h3 br { display:none; }
	.functionDisplay.status p { text-align:left; }
	.functionDisplay.status p small { font-size:0.85em; }
	.functionDisplay.status p br { display:none; }
}

.functionOutline { padding:80px 0; }
.functionOutlineInner { width:1080px; margin:0 auto; }
.functionOutlineInner h2 { margin-bottom:50px; font-size:2.0em; text-align:center; }
.functionOutlineInner figure { display:block; margin-bottom:40px; }
.functionOutline p { text-align:center; }
	.functionOutline.userPush p { font-size:0.86em; }
	.functionOutline.userPush p a { color:#ff5831; text-decoration:none; }
	.functionOutline.emojiPush figure { display:block; position:relative; padding:40px 0; border-radius:4px; text-align:center; background:#fff; }
	.functionOutline.emojiPush figure:after { content:''; display:block; clear:both; height:0; }
	.functionOutline.emojiPush figcaption { display:block; position:absolute; bottom:80px; left:60px; width:420px; font-size:0.9em; text-align:left; }
	.functionOutline.emojiPush figcaption strong { display:block; color:#ff5831; font-size:1.2em; }

.functionOutlineDisplay { padding:0 19px; border:#d7d6d6 1px solid; border-radius:2px; background:#fff; }
.functionOutlineDisplay:after { content:''; display:block; clear:both; height:0; }
.functionOutlineDisplay figure { float:left; width:60%; margin:0; text-align:right; }
.functionOutlineDisplay dl { float:left; width:40%; margin:0; }
.functionOutlineDisplay dt { margin:12.5em 0 10px 30px; color:#ff5831; font-size:1.1em; }
.functionOutlineDisplay dd { margin:0 0 0 30px; }

@media (min-width: 320px) and (max-width: 600px) {
	.functionOutlineInner { width:96%; margin:0 2%; }
	.functionOutline.userPush .functionOutlineInner figure { width:100%; height:auto; }
	.functionOutline.userPush .functionOutlineInner figure img { width:100%; height:auto; }
	.functionOutline.userPush .functionOutlineInner p br { display:none; }

	.functionOutlineDisplay { padding:19px; border:#d7d6d6 1px solid; border-radius:2px; background:#fff; }
	.functionOutlineDisplay:after { content:''; display:block; clear:both; height:0; }
	.functionOutlineDisplay figure { float:none; width:100%; margin:0 0 10px 0; text-align:center; }
	.functionOutlineDisplay figure img { width:90%; height:auto; }
	.functionOutlineDisplay dl { float:none; width:100%; margin:0; text-align:center; }
	.functionOutlineDisplay dt { margin:0 0 10px 0; color:#ff5831; font-size:1.1em; }
	.functionOutlineDisplay dd { margin:0 0 0 30px; }

	.functionOutline.emojiPush figure { display:block; position:relative; margin-bottom:0; padding:40px 20px; border-radius:4px; text-align:center; background:#fff; }
	.functionOutline.emojiPush figure img { width:100%; height:auto; margin-bottom:20px; }
	.functionOutline.emojiPush figcaption { display:block; position:relative; bottom:inherit; left:inherit; width:100%; font-size:0.9em; text-align:left; }
	
	.top_information{
	  width:75%!important;
	}
	.info_date{
		font-weight: bold;	
	}
	.notice td {
		padding: 5px 0;
	    display: table-row;
	    float: left;
	    clear: both;
	    width: 100%;
	}
	.w_1080{
		width:auto!important;
		padding: 10px;
	}
	.flow_table{
		width: 90%;
		margin:0 auto;
	}
	.flow_table td{
		display: table-row;
		clear:both;
		float:left;
		width: 100%!important;
		padding-left: 0px!important;
		padding-top: 25px
	}
	.table_container{
		text-align: center;
	}
	.db_table td{
		text-align: center;
		width: 100%!important;
		display: table-row;
		float:right;
		padding-top:10px;
	}
	.img-responsive{
		width: auto!important;
	}
	.indexFunctionInner ul .ml_0{
		margin-left: 10px!important;
	}
	.indexFunctionInner ul .mr_0{
		margin-right: 10px!important;
	}
	.indexFunctionInner ul {
	    width: 100%;
	    margin-left: 10%;
	}
	.mb_clear{
		clear: both;
	}
	.indexFunctionInner ul li:nth-child(2n+1) {
	  clear: both;
	}
	


}
@media (min-width: 601px) {
	.flow_table.right{
	 float: left;
    width: 50%;
     margin-top: -20px;
	}
	.flow_table.left{
		float: left;
	    width: 50%;
	   
	}
}
@media (min-width: 361px) and (max-width: 411px) {
	.menu_top img {
	    width: 135px!important;
	}
}

@media (max-width: 360px) {
	.menu_top img {
	    width: 125px!important;
	}
}
@media (max-width: 320px) {
	.menu_top img { width: 110px!important; }
}

.top_information { margin: 20px auto; width: 1050px; padding: 15px 35px; border: 4px solid #EAEEF2; }

.info_date{ width: 15%; }
.notice td{
	padding: 2px 0;
	color: #000;
}
.notice_header{
	font-size: 22px;
	font-weight: bold;
}
.text_center{
	text-align: center;
}



.function-push li.heightLine-group2 {
	widows: 15px;
}


.mr_0{
	margin-right: 0!important;
}
.ml_9{
	margin-left: 0!important;
}
.indexFunctionInner ul li.heightLine-group3{
	    width: 498px;
}
.flow_table td
{
	display: table-row;
	float:left;
}
.flow_table td:nth-child(2)
{
	padding-left: 50px;
}
.w_1080{
	width: 1080px;
}
.indexStart.bg_blue{
	background: #2199ff;
}
/*----media_query----*/
@media (min-width: 320px) and (max-width: 768px) {

	.indexFunction{
		width:90%;
		margin:0 auto;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
.w_1080{
  	width:100%;
}
.indexMain .top_headline_1{
	width:50%;
	padding-left:10px;
}
.indexMain .top_image{
	max-width: 100%;
}
.top_information{
	width:90%;
	margin: 0 auto;
}
.flow_table-block{
	width:90%;
	margin:0 auto;
}
.flow_table-block .flow_table td:nth-child(2) {
 	padding-left: 10px;
}
.db_table_block{
	width:90%;
	margin:0 auto;
}
#top_3{
	width:90%;
	margin:0 auto;
}
.caseInner{
	width:90%;
	margin:0 auto;
}
.indexFunction{
	width:90%;
	margin:0 auto;
}
.indexFunction figure .img-responsive{
	max-width:100%;
}
/*------regist/form------*/
.form form {  
	width:90%;
	margin:0 auto;
}
.formInner{
	width:100%;
}
/*--------plan-----------*/
.planInner{
	width:90%;
	margin:0 auto;
}
.planInner h2{
	font-size: 1.5em;
}
.planTable{
	margin-top:20px;
}
/*-----------case------------*/

.functionInterview{
	width:100%;
}
..functionInterview h2{

}
.functionInterviewInner{
	width:100%;
}
.functionInterview li{
	width:100%;
    padding-bottom: 25px;
}
.functionInterview .logo{
	max-width:100%;
}
.functionInterview ul {
    width: 75%;
    margin: 0 auto;
}
.functionInterview li:nth-child(2) {
   margin-left:0px;
}
.caseInner .caseDetail{
	width:100%;
}
.caseInner .caseDetail li {
    padding-left: 25px;
    margin-bottom: 20px;
    width: 37%;
}
/*---------functionRealtime--------*/
.functionRealtime{
	width:90%;
	margin:0 auto;
}
.functionRealtimeHeader figure img{
	max-width: 100%;
}
.functionRealtimeStepInner{
	width:100%;
}
.functionRealtimeStepInner figure img{
	max-width: 100%;
}
.functionRealtimeStepInner figure {
    width: 50%;
    margin: 0 auto;
}
.functionRealtimeStepInner li {
   width: 30%;
   padding-bottom: 20px;
}
.functionRealtimeSpeedInner p {
    width: 90%;
    margin: 0 auto;
}
.functionRealtimeSpeed{
	width:90%;
	margin:0 auto;
}
.functionRealtimeSpeedInner{
	width:100%;
}
.functionRealtimeSpeedInner figure img{
	max-width:100%;
}
/*---------status-----------*/
.functionExInner{
	width:95%;
	margin:0 auto;
}
.functionEx.x3 .functionExInner li{
	width: 30%;
}
.functionExInner figure img{
	max-width: 100%;
}
.functionExInner h3 {
    margin: 15px 0 20px;
    font-size: 1em;
}
.functionExInner p{
	font-size: 14px;

}
.functionInterview p{
	min-height:0px;
	margin-bottom: 30px
}
.functionEx.x4 .functionExInner li {
    width: 30%;
}
.function.segment .functionExInner h3 {
    min-height: 0px;
}
/*------Userpush--------*/
.functionOutlineInner{
 	width:100%;
}
.functionOutlineInner figure img{
	max-width: 100%;
}
}

/* 11/07/2019 */
@media screen and (max-width: 370px) {
	body.mb_overflow {
		min-width: 100% !important;
		overflow-x: hidden;
	}
	.indexMain img {
		width: 90% !important;
	}
	.indexFunctionInner ul {
		margin-left: 0 !important;
	}
	.indexStartInner {
		padding: 0 !important;
		margin: 0 !important;
	}
	.menu_top img {
		width: 110px!important;
	}
	
}

@media (max-width: 370px) and (min-width: 320px) {
	body.mb_overflow .indexIntroDone a,
	body.mb_overflow .index4IntroDone a,
	body.mb_overflow .indexStartDone a,
	body.mb_overflow .indexLastDone a {
		min-width: 250px !important;
	}
}