/*
Theme Name: LINEAT
Author: AD5
Author URI: http://wordpress.ad5.jp/
Version: 0.1.0
Text Domain: lineat
*/

/*--------------------------------------------------------------
0.0 Color Policy
--------------------------------------------------------------*/
/*
key #00B900
*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ul,ol {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none;}

del {text-decoration:line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

input, select {vertical-align:middle;}

img {vertical-align:bottom; border:none; font-size:0; line-height:0;}

em {font-style:normal;}

body {-webkit-text-size-adjust:none; font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'ƒ‚ƒŠƒTƒ VƒS R', 'Droid Sans', ƒƒCƒŠƒI, 'sans-serif'; font-size:14px;}

address {font-style:normal;}

/*--------------------------------------------------------------
2.0 Default
--------------------------------------------------------------*/

body {line-height: 2; color: #102;}
a {color: #102;}
a:hover {color: #535b58;}
* {box-sizing:border-box;}

@media (min-width: 768px) {
	/* Desktop */
	body {font-size: 16px;}
	.mobile-only {display: none !important;}
}

@media (max-width: 767px) {
	/* Mobile */
	body {font-size: 14px;}
	img {max-width: 100%; height: auto;}
	iframe {max-width: 100%; height: auto;}
	.pc-only {display: none !important;}
}

/*--------------------------------------------------------------
3.0 Module
--------------------------------------------------------------*/

.clearfix:after {content: ""; display: block; clear: both;}
.tac {text-align: center;}
.tar {text-align: right;}
.w10p {width: 10%;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w50p {width: 50%;}
.w60p {width: 60%;}
.w70p {width: 70%;}


/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/

header {color: #00B900; background: #FFF;}
header a {color: #00B900;}

.tagline {padding: 5px 10px; background: #00B900; font-size: 12px; color: #FFF; font-weight: normal;}

.main-nav {}
.main-nav ul::after {content: ""; display: block; clear: both;}
.main-nav li {float: left; width: 16.66%; border-left: 1px solid #DDE8DD;}
.main-nav li:first-child {border: none;}
.main-nav a {display: block; text-align: center; color: #00B900; text-decoration: none;}

footer {padding-top: 20px; padding-bottom: 60px; background: #00B900; border-top: 1px solid #FFF; color: #FFFFFF;}
footer a,
footer a:hover {color: #FFFFFF;}
.footer-nav {margin-bottom: 25px;}
.site-copyright {text-align: center;}

.sticky-nav {position: fixed; left: 0; bottom: 0; width: 100%; background: #100; border-top: 1px solid #544; box-shadow: 0 -2px 5px #888;}
.sticky-nav ul::after {content: ""; display: block; clear: both;}
.sticky-nav li {float: left; width: 25%; border-right: 1px solid #544;}
.sticky-nav li:last-child {border-right: none;}
.sticky-nav a {display: block; color: #FFF; text-align: center; text-decoration: none;}

@media (min-width: 768px) {
	/* Desktop */
	header {}

	.inner {width: 1020px; margin-left: auto; margin-right: auto;}
	.inner::after {content:""; display: block; clear: both;}

	.site-branding {float: left; width: 220px; height: 70px; padding: 15px 10px;}
	.site-branding img {width: 100%; height: auto;}

	.main-nav {float: right; width: 760px; height: 70px; padding: 10px;}
	.main-nav a {height: 50px; padding: 10px 0; line-height: 30px; font-size: 16px;}
	.main-nav a i {margin-right: 5px;}

	.breadcramb {padding: 6px 10px; font-size: 13px; line-height: 13px; color: #333;}
	.breadcramb a {color: #333;}
	.breadcramb-list::after {content: ""; display: block; clear: both;}
	.breadcramb-list > span {position: relative; float: left; padding-left: 15px;}
	.breadcramb-list > span::before {content:"\f0da"; position: absolute; left: 7px; top: -1px; z-index: 0; color: #BBB; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	.footer-nav ul {width: 960px; margin: 0 auto 15px;}
	.footer-nav ul::after {content: ""; display: block; clear: both;}
	.footer-nav li {float: left; margin-right: 15px;}
	.footer-nav li i {margin-right: 5px;}
	.copyright {text-align: center;}

	.page-body {}

	.sticky-nav a {font-size: 15px; padding: 10px 0;}
	.sticky-nav a i {margin-right: 5px;}
}

@media (max-width: 767px) {
	/* Mobile */
	header .inner {padding-left: 0; padding-right: 0;}
	.tagline {display: none;}
	.site-branding {padding: 10px 30px;}
	
	.main-nav a {height: 40px; padding: 5px 0; overflow: hidden; line-height: 10px; font-size: 10px; letter-spacing: -1px;}
	.main-nav a i {display: block; height: 15px; margin-bottom: 5px; line-height: 15px; font-size: 15px;}
	.main-nav a span {display: none;}

	.header-inquiry {padding: 10px; line-height: 20px; text-align: center; font-size: 13px;}
	.header-inquiry-phone {display: inline-block; margin-right: 5px; font-size: 16px;}
	.header-inquiry-phone a {text-decoration: none;}
	.header-inquiry-note {display: inline-block; font-size: 12px;}

	.footer-nav ul {margin-bottom: 15px; padding: 0 15px;}
	.footer-nav li {margin-bottom: 10px;}
	.footer-nav li i {margin-right: 5px;}
	.copyright {text-align: center;}

	.breadcramb {padding: 9px 5px; font-size: 12px; line-height: 12px; color: #333; width: 100%; height: 30px; overflow-x: scroll;}
	.breadcramb a {color: #333;}
	.breadcramb-list {white-space: nowrap; overflow: scroll; height: 45px;}
	.breadcramb-list > span {display: inline-block; position: relative; padding-left: 15px;}
	.breadcramb-list > span::before {content:"\f0da"; position: absolute; left: 7px; top: -1px; z-index: 0; color: #BBB; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	.inner {padding-left: 10px; padding-right: 10px;}

	.sticky-nav a {font-size: 13px; padding: 5px 0 0; line-height: 1.7;}
	.sticky-nav a i {display: block; font-size: 20px;}
}

/*--------------------------------------------------------------
5.0 Sections and Widgets
--------------------------------------------------------------*/

.page-title-plain {background: #00B900; color: #FFF;}
.page-title-inner em {color: #66D966; border-bottom: 5px dotted #66D966;}

.section-plain em {color: #00B900; font-weight: bold;}

.section-editor h2 {background: #888; color: #FFF;}
.section-editor h3 {color: #00B900;}
.section-editor h4 {color: #00B900;}
.section-editor h5 {color: #00B900;}
.section-editor h6 {color: #00B900;}

.section-editor-green {background: #F4F8F4;}
.section-editor-green h2 {background: #00B900;}
.section-editor-green h3,
.section-editor-green h4,
.section-editor-green h5,
.section-editor-green h6 {color: #00B900;}
.section-editor-yellow {background: #FFFFF8;}
.section-editor-yellow h2 {background: #B9B900;}
.section-editor-yellow h3,
.section-editor-yellow h4,
.section-editor-yellow h5,
.section-editor-yellow h6 {color: #B9B900;}

.section-editor-green .tablepress tfoot th,
.section-editor-green .tablepress thead th {background: #00B900;}
.section-editor-yellow .tablepress tfoot th,
.section-editor-yellow .tablepress thead th {background: #B9B900;}

strong {font-weight: bold; color: #00B900; border-bottom: 3px dotted #00B900;}
.section-editor-yellow strong {color: #B9B900; border-color: #B9B900;}	

.link-button a {display: inline-block; width: 100%; padding: 10px 0; text-align: center; font-size: 16px; background: #00B900; color: #FFF; text-decoration: none; border-radius: 5px;}
.section-editor-green .link-button a {background: #00B900;}
.section-editor-yellow .link-button a {background: #B9B900;}

.box-inquiry {background: #DDF2DD; color: #010;}
.box-inquiry a {background: #00B900; color: #FFF;}


@media (min-width: 768px) {
	.section-plain {}
	.section-plain .section-head {text-align: center;}
	.section-plain .section-head h2 {padding: 15px; font-size: 24px;}
	.section-plain .section-body {max-width: 980px; margin: 0 auto; padding: 30px 10px;}
	.section-plain p {margin-bottom: 1em;}
	.section-plain p:last-child {margin-bottom: 0;}

	.section-list {}
	.section-list .section-head {text-align: center;}
	.section-list .section-head h2 {padding: 15px; font-size: 24px;}
	.section-list .section-body {max-width: 980px; margin: 0 auto; padding: 30px 10px;}

	.page-title-home {padding: 10vw; background-size: cover; background-position: center center; text-align: right;}
	.page-title-home .catch-copy {display: inline-block; padding: 1vw 2vw; background: rgba(0,0,0,0.5); font-size: 2.5vw; font-weight: bold; color: #FFF;}
	.page-title-image {padding: 4vw 10vw; background-size: cover; background-position: center center;}
	.page-title-image h1 span {display: inline-block; padding: 1.5vw 2vw 1vw; background: rgba(0,0,0,0.5); font-size: 4vw; line-height: 4vw; color: #FFF;}
	.page-title-image .catch-copy {display: inline-block; margin-top: 4vw; padding: 1vw 2vw; background: rgba(0,0,0,0.5); font-size: 1.5vw; font-weight: bold; color: #FFF;}
	.page-title-plain {padding: 30px;}
	.page-title-plain .page-title-inner {width: 960px; margin: 0 auto;}
	.page-title-plain h1 {font-size: 36px;}
	.page-title-plain .catch-copy {margin-top: 30px; font-size: 16px;}
	.page-title-inner em {font-style: normal; font-size: 120%;}

	.section-editor {width: 100%; overflow: hidden;}
	.section-editor-inner {width: 980px; margin: 0 auto; padding: 0 10px 30px;}
	.section-editor h2 {clear: both; margin: 30px -1000px; padding: 15px 1000px; font-size: 24px;}
	.section-editor h3 {clear: both; margin: 30px 0 15px; font-size: 24px;}
	.section-editor h4 {clear: both; margin: 15px 0; font-size: 20px;}
	.section-editor h5 {clear: both; margin: 15px 0; font-size: 18px;}
	.section-editor h6 {clear: both; margin: 15px 0; font-size: 16px;}
	.section-editor p {margin: 15px 0;}
	.section-editor h2:first-child {margin-top: 0;}
	.section-editor .alignleft {float: left; width: 465px; height: auto; margin: 0 15px 15px 0;}
	.section-editor .alignleft.half {width: 225px;}
	.section-editor .alignleft.capture {border: 1px solid #CCC;}
	.section-editor .alignright {float: right; width: 465px; height: auto; margin: 0 15px 15px 0;}
	.section-editor table {margin: 15px 0; width: 100%;}
	.section-editor th {padding: 5px 10px; border: 1px solid #100; vertical-align: middle;}
	.section-editor td {padding: 5px 10px; border: 1px solid #100; vertical-align: middle;}
	.section-editor thead th {background: #000; background: #422; color: #FFF; text-align: center;}
	.section-editor tbody th {background: #000; background: #EDD; color: #100; text-align: left;}
	.section-editor-green {margin: 0 -1000px -10px; padding: 0 1000px 30px;}
	.section-editor-yellow {margin: 0 -1000px -10px; padding: 0 1000px 30px;}
	.section-editor ol {margin: 15px 0; padding-left: 30px; list-style-type: decimal;}
	.section-editor ul {margin: 30px 0;}
	.section-editor ul li {position: relative; margin-bottom: 15px; padding-left: 30px;}
	.section-editor ul li::before {content: "\f0da"; position: absolute; left: 1em; top: 1em; display: block; height: 30px; margin-top: -15px; font: normal normal normal 14px/1 FontAwesome; color: #00B900; line-height: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.section-editor-yellow::after {content: ""; display: block; clear: both;}
	.section-editor-green::after {content: ""; display: block; clear: both;}
	.section-editor-green > p:first-child,
	.section-editor-yellow > p:first-child,
	.section-editor-green > h3:first-child,
	.section-editor-yellow > h3:first-child {margin-top: 0; padding-top: 15px}

	.font-tiny {font-size: 12px;}
	.font-small {font-size: 14px;}
	.font-large {font-size: 20px;}
	.font-huge {font-size: 24px;}

	.box-alpha {margin-bottom: 30px; padding: 15px 25px; border: 1px solid #988; background: #FFF;}
	.box-alpha h3 {margin-top: 0; margin-bottom: 15px;}
	a.box-alpha {position: relative; display: block; padding-right: 50px; text-decoration: none;}
	a.box-alpha::after {content: "\f0da"; position: absolute; right: 20px; top: 50%; display: block; height: 30px; margin-top: -15px; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; color: #DDD; line-height: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	.box-inquiry {position: relative; margin: 30px 0; padding: 15px 30px;}
	.box-inquiry h3 {margin-top: 0; margin-bottom: 0; color: #100; font-size: 24px;}
	.box-inquiry-phone-pc {font-size: 60px; font-weight: bold; line-height: 90px;}
	.box-inquiry-phone-pc i {position: relative; top: 3px;}
	.box-inquiry-phone-sp {display: none;}
	.box-inquiry-phone-text {line-height: 30px; font-size: 20px; font-weight: bold;}
	.box-inquiry-mail {position: absolute; right: 30px; top: 80px;}
	.box-inquiry-mail a {display: block; width: 300px; margin: 0 30px; padding: 10px; text-align: center; font-size: 20px; text-decoration: none; border-radius: 5px;}

	.boxes {margin: 30px 0;}
	.boxes::after {content:""; display: block; clear: both;}
	.boxes-2 .box {float: left; width: 48%;}
	.boxes-2 .box:nth-child(2n+1) {margin-right: 4%;}

	.captures {margin: 30px 0; font-size: 0;}
	.captures::after {content: ""; display: block; clear: both;}
	.captures img {float: left; height: auto; border: 1px solid #CCC;}
	.captures-2 {padding-left: 80px;}
	.captures-2 img {width: 360px; margin-right: 80px;}
	.captures-3 {padding-left: 15px;}
	.captures-3 img {width: 300px; margin-right: 15px;}
	.captures-4 {padding-left: 24px;}
	.captures-4 img {width: 210px; margin-right: 24px;}

	.link-button {margin: 30px 0; text-align: center;}
	.link-button a {display: inline-block; width: 600px; padding: 20px 0; text-align: center; font-size: 24px; text-decoration: none; border-radius: 10px;}
	.box .link-button {margin: 15px 0;}
	.box .link-button:last-child {margin-bottom: 5px;}
	.box .link-button a {display: block; width: 100%; padding: 10px 0; text-align: center; font-size: 20px; text-decoration: none; border-radius: 10px;}

	.section-form {width: 980px; margin: 0 auto; padding: 0 10px 30px;}
	.section-form-message {margin: 30px 0; padding: 10px 15px;}
	.section-form-message-error {color: #F00; border: 1px solid #F00; background: #FEE;}
	.section-form-message-success {color: #0C0; border: 1px solid #0C0; background: #EFE;}
	.section-form-control {margin-bottom: 20px;}
	.section-form-control dt {margin-top: 20px; margin-bottom: 10px; font-weight: bold; color: #100;}
	.section-form-control dt:first-child {margin-top: 0;}
	.section-form-control dd {margin-bottom: 10px;}
	.section-form-control dd p {margin-bottom: 10px;}
	.section-form-control dd p:last-child {margin-bottom: 0;}
	.section-form-control input[type="text"],
	.section-form-control input[type="email"] {width: 100%; height: 40px; padding: 5px; line-height: 28px; font-size: 16px; border: 1px solid #AAA;}
	.section-form-control label {display: inline-block; margin: 0 5px 10px 0; padding: 5px 10px; background: #EEE; border: 1px solid #DDD; border-radius: 3px;}
	.section-form-control input[type="checkbox"] {position: relative; top: -2px; margin-right: 5px;}
	.section-form-control textarea {width: 100%; height: 200px; padding: 5px; font-size: 16px; border: 1px solid #AAA;}
	.section-form-control-error {color: #F00; font-weight: bold;}
	.required::after {content: "*"; color: #00B900; margin-left: 5px;}
	.section-form-button {text-align: center;}
	.section-form-button-submit {display: inline-block; width: 300px; padding: 10px 0; font-size: 18px; color: #FFF; background: #00B900; border-radius: 5px;}
}

@media (max-width: 767px) {
	.section-plain {}
	.section-plain .section-head {}
	.section-plain .section-head h2 {padding: 10px; font-size: 18px; line-height: 30px;}
	.section-plain .section-body {margin: 0 auto; padding: 20px 10px;}
	.section-plain p {margin-bottom: 1em;}
	.section-plain p:last-child {margin-bottom: 0;}

	.section-list {}
	.section-list .section-head {text-align: center;}
	.section-list .section-head h2 {padding: 10px; font-size: 18px; line-height: 30px;}
	.section-list .section-body {margin: 0 auto; padding: 20px 10px;}

	.section-alpha {background: #FAF6F6; color: #100;}
	.section-alpha .section-head {background: #100; color: #FFF}

	.section-beta {background: #F4FAF8; color: #021;}
	.section-beta .section-head {background: #00C986; color: #FFF}

	.page-title-inner {}
	.page-title-image {min-height: 200px; background-size: cover; background-position:center center;}
	.page-title-image h1 {padding: 5px 10px; background: rgba(0,0,0,0.5); font-size: 20px; color: #FFF;}
	.page-title-image .catch-copy {margin-top: 150px; padding: 5px 10px; background: rgba(0,0,0,0.5); font-size: 14px; font-weight: bold; color: #FFF;}
	.page-title-plain {padding: 30px 15px;}
	.page-title-plain h1 {font-size: 20px;}
	.page-title-plain .catch-copy {margin-top: 30px; font-size: 16px;}
	.page-title-home {padding-top: 30vw; background-size: cover; background-position:center center;}
	.page-title-home .catch-copy {padding: 2vw 4vw; background: rgba(0,0,0,0.5); line-height: 8vw; font-size: 5vw; font-weight: bold; color: #FFF;}
	.page-title-inner em {font-style: normal; font-size: 120%;}

	.section-editor-inner {padding: 0 10px 30px;}
	.section-editor h2 {clear: both; margin: 30px -10px 15px; padding: 5px 15px; font-size: 20px;}
	.section-editor h3 {clear: both; margin: 15px 0; font-size: 18px;}
	.section-editor h4 {clear: both; margin: 15px 0; font-size: 16px;}
	.section-editor h5 {clear: both; margin: 15px 0; font-size: 15px;}
	.section-editor h6 {clear: both; margin: 15px 0; font-size: 14px;}
	.section-editor p {margin: 15px 0;}
	.section-editor h2:first-child {margin-top: 0;}
	.section-editor img {display: block; max-width: 100%; margin: 0 auto 10px;}
	.section-editor table {margin: 15px 0; width: 100%;}
	.section-editor th {padding: 5px 10px; border: 1px solid #100; vertical-align: middle;}
	.section-editor td {padding: 5px 10px; border: 1px solid #100; vertical-align: middle;}
	.section-editor thead th {background: #000; background: #422; color: #FFF; text-align: center;}
	.section-editor tbody th {background: #000; background: #EDD; color: #100; text-align: left;}
	.section-editor-green {margin: 0 -10px -10px; padding: 0 10px 30px;}
	.section-editor-yellow {margin: 0 -10px -10px; padding: 0 10px 30px;}
	.section-editor .alignleft.half {display: inline-block; width: 48%; margin: 0 1%;}
	.section-editor .alignleft.capture {border: 1px solid #CCC;}
	.section-editor ol {margin: 15px 0; padding-left: 30px; list-style-type: decimal;}
	.section-editor ul {margin: 30px 0;}
	.section-editor ul li {position: relative; margin-bottom: 15px; padding-left: 30px;}
	.section-editor ul li::before {content: "\f0da"; position: absolute; left: 1em; top: 1em; display: block; height: 30px; margin-top: -15px; font: normal normal normal 14px/1 FontAwesome; color: #00B900; line-height: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.section-editor-green > p:first-child,
	.section-editor-yellow > p:first-child,
	.section-editor-green > h3:first-child,
	.section-editor-yellow > h3:first-child {margin-top: 0; padding-top: 15px}

	.font-tiny {font-size: 10px;}
	.font-small {font-size: 12px;}
	.font-large {font-size: 16px;}
	.font-huge {font-size: 20px;}

	.box-alpha {margin-bottom: 30px; padding: 10px 15px; border: 1px solid #988; background: #FFF;}
	.box-alpha h3 {margin-top: 0; margin-bottom: 10px;}
	a.box-alpha {position: relative; display: block; padding-right: 30px; text-decoration: none;}
	a.box-alpha::after {content: "\f0da"; position: absolute; right: 10px; top: 50%; display: block; height: 20px; margin-top: -10px; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; color: #DDD; line-height: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	.captures {padding: 10px; font-size: 0;}
	.captures::after {content: ""; display: block; clear: both;}
	.captures img {float: left; width: 48%; height: auto; margin: 0 1% 5px; border: 1px solid #CCC;}

	.link-button {margin: 30px 0; text-align: center;}
	.link-button a {display: inline-block; width: 100%; padding: 10px 0; text-align: center; font-size: 16px; text-decoration: none; border-radius: 5px;}
	.box .link-button {margin: 15px 0;}
	.box .link-button:last-child {margin-bottom: 0;}

	.box-inquiry {margin: 30px -10px; padding: 15px 10px;}
	.box-inquiry h3 {margin-top: 0; margin-bottom: 10px; text-align: center; color: #100; font-size: 16px;}
	.box-inquiry-phone-pc {display: none;}
	.box-inquiry-phone-sp {margin-bottom: 10px; text-align: center;}
	.box-inquiry-phone-sp a {display: inline-block; width: 290px; padding: 5px; text-align: center; font-size: 24px; text-decoration: none; border-radius: 5px;}
	.box-inquiry-phone-sp i {position: relative; top: 1px;}
	.box-inquiry-phone-text {margin-bottom: 10px; text-align: center; font-size: 14px;}
	.box-inquiry-mail {text-align: center;}
	.box-inquiry-mail a {display: inline-block; width: 290px; padding: 5px; text-align: center; font-size: 20px; text-decoration: none; border-radius: 5px;}

	.section-form {padding: 0 10px 30px;}
	.section-form-message {margin: 30px 0; padding: 10px 15px;}
	.section-form-message-error {color: #F00; border: 1px solid #F00; background: #FEE;}
	.section-form-message-success {color: #0C0; border: 1px solid #0C0; background: #EFE;}
	.section-form-control {margin-bottom: 20px;}
	.section-form-control dt {margin-bottom: 10px; font-weight: bold; color: #100;}
	.section-form-control dd {margin-bottom: 10px;}
	.section-form-control dd p {margin-bottom: 10px;}
	.section-form-control dd p:last-child {margin-bottom: 0;}
	.section-form-control input[type="text"],
	.section-form-control input[type="email"] {width: 100%; height: 40px; padding: 5px; line-height: 28px; font-size: 16px; border: 1px solid #AAA;}
	.section-form-control label {display: inline-block; margin: 0 5px 10px 0; padding: 5px 10px; background: #EEE; border: 1px solid #DDD; border-radius: 3px;}
	.section-form-control input[type="checkbox"] {position: relative; top: -2px; margin-right: 5px;}
	.section-form-control textarea {width: 100%; height: 200px; padding: 5px; font-size: 16px; border: 1px solid #AAA;}
	.section-form-control-error {color: #F00; font-weight: bold;}
	.required::after {content: "*"; color: #00B900; margin-left: 5px;}
	.section-form-button {text-align: center;}
	.section-form-button-submit {display: inline-block; width: 100%; padding: 10px 0; font-size: 18px; color: #FFF; background: #00B900; border-radius: 5px;}

	.table-outer table {width: 100%;}
	.table-outer {overflow: scroll; white-space: nowrap;}
	.table-outer::-webkit-scrollbar {height: 5px;}
	.table-outer::-webkit-scrollbar-track {background: #F1F1F1;}
	.table-outer::-webkit-scrollbar-thumb {background: #BCBCBC;}
}