@charset "UTF-8";


body { width:100%; color:#212121; font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size:16px; -webkit-font-smoothing:antialiased; line-height:1.6; background:#fff; }
img { vertical-align:top; }
a { color:#5f52a0; text-decoration:underline; }
a:hover { color:#5f52a0; opacity:0.8; }
a:hover img { /* opacity:0.8; */ }
a[target='_blank']:after { content:''; display:inline-block; position:relative; top:-0.35rem; width:0.6rem; height:0.6rem; margin:0 0.2em 0 0; background:url('../img/common/icon_newwindow.png') no-repeat 0 0; background-size:100% auto; }
button { display:block; width:100%; margin:inherit; padding:inherit; border:0; border-radius:0; font-size:1.1em; background:inherit; -webkit-appearance:none; appearance:none; }


/* common */
* { box-sizing:border-box; }
b, strong { font-weight:600; }
.pages i { font-style:italic; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.indent { padding:0 4rem; }

.colorOrange { color:#f46431; }

.btn { display:inline-block; padding:0.9rem 3.6rem; border-radius:4px; line-height:1.0; font-size:1.4rem; font-weight:600; text-decoration:none; background:#fff; box-shadow:0 4px 0 0 rgba(0,0,0,0.15); -webkit-transition:0.25s; -moz-transition:0.25s; -o-transition:0.25s; transition:0.25s; }
.primary { border:#464e79 2px solid; color:#464e79 !important; }
.primary:hover { border:#464e79 2px solid; color:#fff !important; background:#464e79; -webkit-transition:0.25s; -moz-transition:0.25s; -o-transition:0.25s; transition:0.25s; }
.secondary { padding:0.9rem 5.0rem; border:#464e79 1px solid; color:#464e79 !important; font-size:1.6rem; font-weight:400; }
.secondary:hover { border:#464e79 1px solid; color:#fff !important; background:#464e79; -webkit-transition:0.25s; -moz-transition:0.25s; -o-transition:0.25s; transition:0.25s; }

i.mic { display:inline-block; padding-left:1.5rem; background:url('../img/common/icon_mic.png') no-repeat 0 0; background-size:auto 100%; }
a:hover i.mic { background:url('../img/common/icon_mic-wh.png') no-repeat 0 0; background-size:auto 100%; }
i.contact { display:inline-block; padding-left:2.2rem; background:url('../img/common/icon_contact.png') no-repeat 0 0.2rem; background-size:auto 75%; }
a:hover i.contact { background:url('../img/common/icon_contact-wh.png') no-repeat 0 0.2rem; background-size:auto 75%; }


/* accordion */
.accordionHead {  }
.accordionHead:before { content:''; position:absolute; top:50%; right:12px; width:28px; height:14px; margin-top:-7px; background:url('../img/common/icon_accordion.png') no-repeat 0 0; background-size:100% auto; }
.accordionHead.active:before { content:''; position:absolute; top:50%; right:12px; width:28px; height:14px; margin-top:-9px; background:url('../img/common/icon_accordion.png') no-repeat 0 bottom; background-size:100% auto; }
.accordionHead + ul { display:none; }
.accordionHead + ul {
	background:#214eb8;
	background:#1f4398;
	background:-moz-linear-gradient(top, #1f4398 0%, #214eb9 30%);
	background:-webkit-linear-gradient(top, #1f4398 0%,#214eb9 30%);
	background:linear-gradient(to bottom, #1f4398 0%,#214eb9 30%);
}
.accordionHead + ul.active { display:block; }
.accordionHead + ul li {  }
.accordionHead + ul li a { display:block; padding:12px; border-bottom:rgba(0,0,0,0.2) 1px solid; border-top:rgba(255,255,255,0.1) 1px solid; color:#fff; text-decoration:none; text-shadow:0 1px 0 0 rgba(0,0,0,0.4); background:url('../img/common/icon_arrow-wh-right.png') no-repeat 97% center; background-size:auto 30%; }
.accordionHead + ul li a.l2 { font-size:0.85em; }
.accordionHead + ul li a small { display:block; font-size:0.75em; }
.accordionHead + ul li a:hover { background-color:rgba(255,255,255,0.05); }

/* scroll */
.scroll { position:relative; overflow-y:scroll; width:92%; height:16.5em; margin:20px auto; }
	.main_2ndStepInner h3 { margin-bottom:1.2em; }
	.main_2ndStepInner p { margin-bottom:1.2em; }
	.main_2ndStepInner ol { margin-bottom:1.2em; }
	.main_2ndStepInner li { margin-bottom:0.6em; margin-left:2.4em; list-style:decimal; }



/* head */
.Header { position:relative; z-index:15; width:100%; min-width:1080px; }
.HeaderInner { position:relative; z-index:2; width:1200px; min-height:740px; margin:0 auto; padding-top:8.5em; }
.HeaderInner:after { content:''; display:block; clear:both; height:0; }
.HeaderLogo { margin-bottom:2.0em; }
.HeaderInner h1 { color:#fff; font-size:1.35em; margin-bottom:0.5em; }
.HeaderInner p { color:#fff; font-size:0.9em; }
.HeaderInner .next { position:absolute; left:50%; bottom:5em; width:70px; height:70px; border-radius:35px;color:inherit; line-height:70px; font-size:0.8em; text-align:center; text-decoration:none; background:rgba(255,255,255,0.4); }

/* HeaderAside */
.HeaderAside { position:fixed; top:20px; right:5%; z-index:21; }
	.HeaderAsideLogo { position:fixed; top:0; left:0; padding:0.6em; background:rgba(255,255,255,0.8); }
	.HeaderAsideLogo img { width:auto; height:40px; }
.HeaderAside ul { text-align:right; }
.HeaderAside ul:after { content:''; display:block; clear:both; height:0; }
.HeaderAside li { display:inline-block; margin-left:0.5em; }
.HeaderAside li a { display:inline-block; width:100px; height:100px; border-radius:50px; color:inherit; line-height:145px; font-family:'Open sans'; font-size:0.7em; text-align:center; text-decoration:none; background-color:rgba(255,255,255,0.4); box-shadow:0 0 4px 0 rgba(0,0,0,0.15); }
	.HeaderAside li:nth-child(1) a { background:rgba(255,255,255,0.4) url('../img/common/icon_head_about.png') no-repeat center 40%; }
	.HeaderAside li:nth-child(2) a { background:rgba(255,255,255,0.4) url('../img/common/icon_head_phone.png') no-repeat center 40%; }
	.HeaderAside li:nth-child(3) a { background:rgba(255,255,255,0.4) url('../img/common/icon_head_paperplane.png') no-repeat center 40%; }
	.HeaderAside li:nth-child(4) a { background:rgba(255,255,255,0.4) url('../img/common/icon_head_language.png') no-repeat center 40%; }

/* slide */
.slide { position:fixed; top:0; left:0; width:100%; min-height:740px; }
.slide div > div { position:relative; overflow:hidden; width:100%; height:740px; text-align:center; }
.slide div > div img { width:102%; min-width:1200px; height:auto; min-height:740px; }

/* PageNav */
.PageNav { position:fixed; z-index:20; top:50%; right:15px; }
.PageNav ul { width:20px; }
.PageNav li { display:block; height:15px; margin:0 0 15px; }
.PageNav li a { display:block; position:relative; width:8px; height:8px; border-radius:8px; color:#fff; font-size:0.8em; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.2); }
.PageNav li a span { display:inline-block; position:absolute; top:-1.0em; right:15px; width:auto; padding:0.25em 1.0em; border-radius:3px; text-align:right; white-space:nowrap; opacity:0.0; -webkit-transition:0.25s; -moz-transition:0.25s; -o-transition:0.25s; transition:0.25s; }
.PageNav li a:hover span { background:rgba(95,82,160,0.8); opacity:1.0; -webkit-transition:0.25s; -moz-transition:0.25s; -o-transition:0.25s; transition:0.25s; }
.PageNav li a span:before { content:''; position:absolute; top:50%; right:-6px; margin-top:-2x; border:transparent 3px solid; border-left:rgba(95,82,160,0.8) 3px solid; }

/* main */
.Main { position:relative; z-index:16; width:100%; min-width:1200px; background:#fff; }
	.MainInner {  }
	.MainInner:after { content:''; display:block; clear:both; height:0; }

/* Bread */
/*
.Bread { width:1080px; margin:0.5rem auto 5rem; }
.Bread ul { font-size:0.7rem; }
.Bread ul li { display:inline-block; }
.Bread ul li:after { content:' ＞ '; }
.Bread ul li:last-child:after { content:none; }
.Bread ul li a { color:#ffa128; }
*/

/* indexIntroHead */
.indexIntro { position:relative; overflow:hidden; width:100%; min-width:1200px; min-height:740px; padding:80px 0; color:#fff; background:#f46431; }
	.indexIntro .creative { position:absolute; top:0; left:-100px; /*width:100%;*/ height:30%; background:#e92709 url('../img/index/icon_intro_creative.png') no-repeat 115px center; }
	.indexIntro .scripting { position:absolute; top:30%; left:-300px; /*width:10px;*/ height:40%; background:#df0f02 url('../img/index/icon_intro_script.png') no-repeat 315px center; }
	.indexIntro .system { position:absolute; top:70%; left:-300px; /*width:10px;*/ height:30%; background:#f08745 url('../img/index/icon_intro_system.png') no-repeat 315px center; }
.indexIntroInner { position:relative; width:1200px; margin:0 auto; }
.indexIntroHead {  }
.indexIntroHead h2 { min-height:75px; margin-bottom:0.25em; padding:0.55em 0 0 60px; font-size:2.5em; background:url('../img/index/icon_index-about.png') no-repeat 0 0; }
.indexIntroHead p { margin-bottom:2.5em; }
.indexIntroBody {  }
.indexIntroBody:after { content:''; display:block; clear:both; height:0; }
.indexIntroLeft { float:left; width:60%; }
.indexIntroLeft ul { margin-bottom:3em; }
.indexIntroLeft li { margin-bottom:1em; }
.indexIntroLeft dl { display:table; width:100%; }
.indexIntroLeft dl:after { content:''; display:block; clear:both; height:0; }
.indexIntroLeft dt { float:left; width:6em; height:6em; border-radius:6em; border:rgba(255,255,255,0.5) 1px solid; margin-right:1em; padding-top:2.55em; line-height:1.1; font-size:0.8em; text-align:center; }
.indexIntroLeft li:nth-child(3) dt { padding-top:1.85em; }
.indexIntroLeft dd { display:table-cell; width:100%; vertical-align:middle; }
.indexIntroLeft a { display:inline-block; margin-right:1em; padding:1.0em 4em; border-radius:4px; border:#fff 1px solid; color:#fff; line-height:1.0; font-weight:600; text-decoration:none; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.indexIntroLeft a:hover { border:#f46431 1px solid; color:#f46431; background:rgba(255,255,255,1.0); box-shadow:0 0 3px 0 rgba(0,0,0,0.2); -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.indexIntroRight { display:block; float:right; width:40%; text-align:right; }

/* indexCE */
.indexCE { position:relative; overflow:hidden; width:100%; min-width:1200px; }
.indexCEInner { position:relative; overflow:hidden; width:1200px; min-height:740px; margin:0 auto; padding:80px 0; }
	.indexCE .websystem { display:block; position:absolute; top:50%; left:0; z-index:-1; width:33%; background:rgba(34,127,229,0.1); }
	.indexCE .website { display:block; position:absolute; top:50%; left:33%; z-index:-1; width:34%; height:10px; background:rgba(255,176,0,0.1); }
	.indexCE .solution { display:block; position:absolute; top:50%; left:67%; z-index:-1; width:33%; background:rgba(95,82,160,0.1); }
/*
	.indexCE .websystem { display:block; position:absolute; bottom:0; left:0; z-index:-1; width:33%; background:rgba(34,127,229,1.0); }
	.indexCE .website { display:block; position:absolute; bottom:0; left:33%; z-index:-1; width:34%; height:10px; background:rgba(255,176,0,1.0); }
	.indexCE .solution { display:block; position:absolute; bottom:0; left:67%; z-index:-1; width:33%; background:rgba(95,82,160,1.0); }
*/
.indexCEHead { margin-bottom:3em; text-align:center; }
.indexCEHead h2 { margin-bottom:2em; font-size:1.1em; font-weight:600; }
.indexCEHead p { margin-bottom:2em; font-size:0.9em; }
.indexCEHead a { display:inline-block; padding:0.8em 4em; border:#ed5a2e 1px solid; border-radius:4px; color:#ed5a2e; line-height:1.0; font-weight:600; text-decoration:none; background:#fff; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.indexCEHead a:hover { border:#ed5a2e 1px solid; color:#fff; background:#ed5a2e; box-shadow:0 0 3px 0 rgba(0,0,0,0.2); -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.indexCEBody {  }
.indexCEBody ul {  }
.indexCEBody ul:after { content:''; display:block; clear:both; height:0; }
.indexCEBody li { position:relative; float:left; width:33%; }
.indexCEBody li:nth-child(2) { width:34%; }
	.indexCEBody li:nth-child(1):after { content:'websystem'; display:block; position:absolute; top:-2em; right:10px; z-index:2; width:100%; color:rgba(0,0,0,0.2); font-family:'open sans'; font-weight:300; text-align:right; }
	.indexCEBody li:nth-child(2):after { content:'webrenewal'; display:block; position:absolute; top:-2em; right:10px; z-index:2; width:100%; color:rgba(0,0,0,0.2); font-family:'open sans'; font-weight:300; text-align:right; }
	.indexCEBody li:nth-child(3):after { content:'solution'; display:block; position:absolute; top:-2em; right:10px; z-index:2; width:100%; color:rgba(0,0,0,0.2); font-family:'open sans'; font-weight:300; text-align:right; }
.indexCEBody li figure { display:block; position:relative; overflow:hidden; width:100%; height:160px; margin-bottom:1em; text-align:center; }
.indexCEBody li img { position:relative; z-index:1; width:auto; height:100%; }
.indexCEBody li figcaption { display:block; position:absolute; z-index:2; top:50%; left:0; width:100%; margin-top:-0.5em; color:#fff; font-size:1.1em; font-weight:600; text-shadow:0 0 6px rgba(0,0,0,0.75); }
.indexCEBody li p { padding:0 1.5em; font-size:0.83em; }
.indexCEBody li a { position:relative; z-index:2; color:inherit; text-decoration:none; }

/* indexService */
.indexService { background:url('../img/index/bg_service.png') no-repeat center center; background-size:cover; }
.indexServiceInner { width:1200px; min-height:740px; margin:0 auto; padding:80px 0; color:rgba(0,0,0,0.6); }
.indexServiceHead { margin-bottom:3em; text-align:center; }
.indexServiceHead h2 { display:inline-block; padding:0 0 0 120px; font-size:3em; background:url('../img/index/icon_service.png') no-repeat 0 0; }
.indexServiceBody {  }
.indexServiceBody ul {  }
.indexServiceBody ul:after { content:''; display:block; clear:both; height:0; }
.indexServiceBody li { float:left; width:23%; margin:0 1%; }
	.chartWrap { margin-bottom:1.0em; line-height:1.0; font-family:'Open sans'; font-size:3.2em; font-weight:300; text-align:center; }
	.chartWrap .chart { position:relative; display:inline-block; width:240px; height:240px; }
	.chartWrap .chart canvas { position:absolute; top:0; left:0; border-radius:100%; border:rgba(0,0,0,0.65) 1px solid; }
	.chartWrap .percent { display:block; position:absolute; top:40px; left:40px; width:160px; height:160px; line-height:220px; z-index:2; border-radius:100%; text-align:center; }
		.chartWrap .percent.webdesign { background:url('../img/index/bg_service-webdesign.png') no-repeat right top; }
		.chartWrap .percent.development { background:url('../img/index/bg_service-development.png') no-repeat right 10%; }
		.chartWrap .percent.ecommerce { background:url('../img/index/bg_service-ecommerce.png') no-repeat 45% 15%; }
		.chartWrap .percent.advertising { background:url('../img/index/bg_service-advertising.png') no-repeat center 15%; }
	.chartWrap .percent:after { content:'%'; margin-left:0.1em; font-size:.5em; }
.indexServiceBody li { float:left; width:23%; margin:0 1%; }
.indexServiceBody dl { text-align:center; }
.indexServiceBody dt { margin-bottom:0.25em; font-family:'Open sans'; font-size:1.45em; font-weight:300; }
.indexServiceBody dd { font-size:0.83em; }

/* indexHistory */
.indexHistory { color:#fff; background:#ffb000; }
.indexHistoryInner { width:1200px; margin:0 auto; padding:80px 0 0 0; }
.indexHistoryHead { margin-bottom:2em; }
.indexHistoryHead h2 { padding-top:100px; line-height:1.0; font-family:'Open sans'; font-size:2em; font-weight:300; text-align:center; background:url('../img/index/icon_histroy_title.png') no-repeat center top; }
.indexHistoryBody { position:relative; padding-bottom:80px; }
	.indexHistoryBody:before { content:''; display:block; position:absolute; top:0; left:50%; width:30px; height:100%; background:rgba(255,255,255,.40); }
	.indexHistoryBody:after { content:''; display:block; position:absolute; top:0; right:50%; width:30px; height:100%; background:rgba(255,255,255,.20); }
.indexHistoryBody ul { padding-top:100px; }
.indexHistoryBody li { position:relative; z-index:2; width:86%; min-height:200px; margin:0 auto -40px; }
.indexHistoryBody li dl {  }
.indexHistoryBody li dt { position:absolute; top:0; left:50%; width:120px; height:120px; margin:-60px 0 0 -60px; border-radius:90px; border:#fff 4px solid; line-height:120px; font-familt:'Open sans'; font-size:1.2em; font-weight:600; text-align:center; background:#ffb000; }
.indexHistoryBody li dd { position:relative; /*top:-60px;*/ top:30px; width:36%; line-height:1.4; text-align:center; opacity:0.0; }
	.indexHistoryBody li:nth-child(1) dd { top:-10px; }
	.indexHistoryBody li:nth-child(odd) dd { float:right; }
	.indexHistoryBody li:nth-child(even) dd { float:left; }
.indexHistoryBody li figure { display:block; position:relative; width:240px; height:160px; margin:-100px auto 15px auto; border:#fff 2px solid; border-radius:3px; background:#fff; }
.indexHistoryBody li figure:after { content:''; display:block; position:absolute; left:50%; bottom:-14px; margin:0 0 0 -3px; border:transparent 6px solid; border-top:#fff 6px solid; }
.indexHistoryBody li figure img { border-radius:3px; }

.indexHistoryBody li a { color:inherit; }

/* foot */
.foot { clear:both; min-width:1200px; color:#909090; background:#eaeaea; }
.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:30; width:40px; height:40px; background:rgba(255,176,0,0.85) url('../img/common/arrow_top.png') no-repeat center center; background-size:auto 40%; cursor:pointer; }
.footInner { padding:15px 50px; 15px 15px }
.footInner:after { content:''; display:block; clear:both; height:0; }
.footInner a { color:inherit; text-decoration:none; }
.footInfo { float:left; width:50%; font-family:'Open sans'; font-size:0.8rem; font-weight:300; }
.copyright { float:right; width:50%; padding:1.5em 0 0 0; font-family:'Open sans'; font-size:0.7em; font-weight:300; text-align:right; }
.copyright small { display:block; }

/*Page*/
.Page {  }
	.Page .Header {  margin-bottom:3em; padding:0 0 2em; border-bottom:#e6e6e6 1px solid; }
	.Page .HeaderInner { min-height:120px; padding-top:3em; }/*header min-height*/
	.Page .HeaderLogo { margin-bottom:1.4em; }
	.Page .HeaderInner h1 { color:inherit; font-size:1.35em; margin-bottom:0.5em; }
	.Page .HeaderInner p { color:inherit; font-size:0.9em; }
	.Page .HeaderAside li.back a { background:rgba(255,255,255,0.4) url('../img/common/icon_head_back.png') no-repeat center 40% !important; background-size:auto 30% !important; }

.pages { width:100%; max-width:1200px; min-width:1080px; margin:0 auto 4em; }
	.pages .pagesHeader { position:relative; margin-bottom:2em; padding-bottom:1.2em; border-bottom:#f46431 3px solid; }
	.pages .pagesHeader:before { content:''; display:block; position:absolute; z-index:2; right:0; bottom:-3px; width:50%; height:3px; background:#101010; }
	.pages h1 { margin-bottom:0.2em; font-size:2.2em; }
	.pages h2 { position:relative; margin-bottom:1.0em; font-size:2.7em; }
		.pages h2:before { content:''; display:inline-block; position:relative; top:0.35em; float:left; width:0.45em; height:0.45em; border-radius:1em; border:#f46431 8px solid; margin-right:0.3em; }
		.pages h2:after { content:''; display:block; clear:both; height:0; }
	.pages h3 { margin-bottom:1.0em; padding:0.55em 1.0em; border-bottom:#f46431 1px solid; border-left:#f46431 4px solid; line-height:1.0; font-size:1.3em; box-shadow:0 2px 0 0 rgba(0,0,0,0.1); }
	.pages h4 { margin-bottom:1.0em; padding:0.55em 1.0em; border-radius:3px; color:#fff; line-height:1.0; font-size:1.2em; font-weight:600; background:#f46431; }
	.pages .subhead { color:#f46431; font-style:italic; font-size:0.4em; }
	.pages p { margin-bottom:2.0em; }
	.pages hr { margin:0 0 2em 0; padding:0; border:0; border-top:#ccc 1px solid; }
	.pages ul { margin-bottom:2.0em; }
		.pages ul li { position:relative; margin-bottom:0.6em; padding:0 0 0 1.5em; }
		.pages ul li:before { content:''; position:absolute; top:0.6em; left:0.85em; border:transparent 3px solid; border-left:#f46431 3px solid; font-size:1.0em; }
	.pages ol { margin-bottom:2.0em; padding-left:2.5em; list-style:decimal; }
		.pages ol li { position:relative; margin-bottom:0.6em; padding:0 0 0 0.3em; }
	.pages dl { margin-bottom:2.0em; }
	.pages dl:after { content:''; display:block; clear:both; height:0; }
		.pages dt { display:inline-block; position:relative; clear:both; float:left; width:25%; padding:1.0em 0 0 0.65em; border-top:#ddd 1px dotted; font-weight:600; }
		.pages dt:before { content:''; position:absolute; top:1.55em; left:0; border:transparent 3px solid; border-left:#f46431 3px solid; font-size:1.0em; }
		.pages dd { display:inline-block; float:right; width:75%; padding:1.0em 0; border-top:#ddd 1px dotted; }



	.pages table { width:100%; margin:0 0 2em 0; padding:0; border:0; border-collapse:collapse; }
	.pages thead { border-bottom:#ddd 3px double; }
	.pages tbody { border-bottom:#ddd 3px double; }
	.pages th, .pages td { padding:0.65em; text-align:center; }
	.pages thead th { font-size:; font-weight:600; }
		.pages thead th:nth-child(1) { width:20%; }
	.pages thead td { color:#f46431; }
	.pages tbody th { padding-left:1.0em; font-weight:600; text-align:left; }
	.pages table tr:nth-child(even) { background:#f9f9f9; }
	.pages table tr:hover { background:rgba(95,82,160,0.1); }



.Outer { margin-bottom:2em; }
.Outer:after { content:''; display:block; clear:both; height:0; }
.Outer .x2 { float:left; width:49%; }
	.Outer .x2:nth-child(1) { margin-right:1%; }
	.Outer .x2:nth-child(2) { margin-left:1%; }
.Outer .x3 { float:left; width:32%; }
	.Outer .x3:nth-child(1) {  }
	.Outer .x3:nth-child(2) { margin:0 2%; }
	.Outer .x3:nth-child(3) {  }
.Outer .x4 { float:left; width:24%; }
	.Outer .x4:nth-child(1) {  }
	.Outer .x4:nth-child(2) { margin:0 1.333%; }
	.Outer .x4:nth-child(3) { margin-right:1.333%; }
	.Outer .x4:nth-child(4) {  }

.pages form {  }
.pages input, .pages select, .pages textarea { margin:0; padding:0; border:0; font-size:16px; background:transparent; outline:0; }
.pages input[type='text'],
.pages input[type='email'],
.pages input[type='tel'] { min-width:50%; margin:0; padding:0.5em 1.0em; border-radius:3px; border:#ddd 1px solid; line-height:1.0; box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-appearance:none; appearance:none; }
	.pages input[type='checkbox'] { position:relative; top:0.1em; width:1.0em; height:1.0em; margin-right:0.5em; border-radius:3px; border:#ddd 1px solid; }
	.pages input[type='radio'] { position:relative; top:0.0em; width:1.0em; height:1.0em; margin-right:0.5em; border-radius:100%; border:#ddd 1px solid; }
.pages select { position:relative; min-width:50%; margin:0; padding:0.5em 2.0em 0.5em 1.0em; border-radius:6px; border:#ddd 1px solid; line-height:1.0; background:#fcfcfc url('../img/common/select-arrow.png') no-repeat 96% center; background-size:auto 30%; box-shadow:0 1px 2px 0 rgba(0,0,0,0.15); -webkit-appearance:none; appearance:none; }
.pages textarea { min-width:95%; min-height:10em; margin:0; padding:0.5em; border-radius:3px; border:#ddd 1px solid; box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-appearance:none; appearance:none; }
.pages input:focus, .pages select:focus, .pages textarea:focus { border:#f46431 1px solid; }

.pages input[type='button'] { display:inline-block; min-width:20%; margin:0 1em; padding:0.6em 2.0em; border:#ddd 1px solid; border-radius:4px; line-height:1.0; font-size:1.2em; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.15); background:#fcfcfc; cursor:pointer; }
.pages input[type='submit'] { display:inline-block; min-width:20%; margin:0 1em; padding:0.6em 2.0em; border:#ddd 1px solid; border-radius:4px; color:#fff; line-height:1.0; font-size:1.2em; font-weight:600; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.2); cursor:pointer; }
.pages input[type='submit'] {
	background:#f46431;
	background:-moz-linear-gradient(top, #f46431 0%, #e55a30 100%);
	background:-webkit-linear-gradient(top, #f46431 0%, #e55a30 100%);
	background:linear-gradient(to bottom, #f46431 0%, #e55a30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46431', endColorstr='#e55a30',GradientType=0 );
}
.pages input[type='submit']:hover {
	background:#e55a30;
	background:-moz-linear-gradient(top, #e55a30 0%, #f46431 100%);
	background:-webkit-linear-gradient(top, #e55a30 0%, #f46431 100%);
	background:linear-gradient(to bottom, #e55a30 0%, #f46431 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55a30', endColorstr='#f46431',GradientType=0 );
}