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

/*--------------------------------------------------------------
0.0 Color Policy
--------------------------------------------------------------*/
/*
key #C90086
light #EEBBDD
dark #2A2127

accesnt 00C986
light BBEEDD

*/

/*--------------------------------------------------------------
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 {background: #EEBBDD; color: #021;}
header a {color: #C90086;}

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

.main-nav {background: #C90086;}
.main-nav ul::after {content: ""; display: block; clear: both;}
.main-nav li {float: left; width: 20%; border-left: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(0,0,0,0.3);}
.main-nav a {display: block; text-align: center; color: #FFF; text-decoration: none;}

.site-branding a {display: block;}

footer {margin-top: 20px; padding-top: 20px; padding-bottom: 60px; background: #100; border-top: 1px solid #000; 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 {}

	.site-branding {position: relative; height: 100px;}
	.logo {position: absolute; left: 0; right: 0; top: 0; width: 440px; height: 124px; margin: 0 auto; padding: 25px 35px; background: #FFF; text-align: center;}
	.logo a {display: block;}
	.logo img {width: 370px; height: auto;}
	.header-inquiry {position: absolute; right: 0; top: 0; width: 300px; padding: 10px; line-height: 20px; text-align: right;}
	.header-inquiry-phone {line-height: 36px; font-size: 28px;}
	.header-inquiry-phone a {text-decoration: none;}
	.header-inquiry-phone i {position: relative; top: 2px;}
	.header-inquiry-note {line-height: 22px; font-size: 14px;}
	.breadcramb {position: absolute; left: 10px; bottom: 15px; 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;}

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

	.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 {}
	.inner {width: 960px; margin-left: auto; margin-right: auto;}

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

@media (max-width: 767px) {
	/* Mobile */
	.tagline {display: none;}
	.logo {padding: 15px 30px; background: #FFF;}
	.logo a {display: block;}
	.logo img {width: 100%; height: auto;}
	
	.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 {margin-top: -5px; padding: 9px 0; font-size: 12px; line-height: 12px; color: #333; width: 100%; height: 30px; overflow: hidden;}
	.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
--------------------------------------------------------------*/

@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-plain em {color: #C90086; font-weight: bold;}

	.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;}

	.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 {padding: 60px 0; width: 980px; margin: 0 auto;}*/
	.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; background: #C90086; color: #FFF;}
	.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; color: #FFBBDD; font-size: 120%; border-bottom: 5px dotted #FFBBDD;}

	.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; background: #100; color: #FFF;}
	.section-editor h3 {clear: both; margin: 30px 0 15px; color: #100; font-size: 24px;}
	.section-editor h4 {clear: both; margin: 15px 0; color: #100; font-size: 20px;}
	.section-editor h5 {clear: both; margin: 15px 0; color: #100; font-size: 18px;}
	.section-editor h6 {clear: both; margin: 15px 0; color: #100; 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 -30px; padding: 0 1000px 30px; background: #F4FAF8;}
	.section-editor-green h2 {background: #00C986;}
	.section-editor-green h3,
	.section-editor-green h4,
	.section-editor-green h5,
	.section-editor-green h6 {color: #00C986;}
	.section-editor-red {margin: 0 -1000px -30px; padding: 0 1000px 30px; background: #FFF8F8;}
	.section-editor-red h2 {background: #C90086;}
	.section-editor-red h3,
	.section-editor-red h4,
	.section-editor-red h5,
	.section-editor-red h6 {color: #C90086;}
	.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: #C90086; line-height: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.section-editor-green 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: #00C986; line-height: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.section-editor-red::after {content: ""; display: block; clear: both;}
	.section-editor-green::after {content: ""; display: block; clear: both;}

	.font-tiny {font-size: 12px;}
	.font-small {font-size: 14px;}
	.font-large {font-size: 20px;}
	.font-huge {font-size: 24px;}
	strong {font-weight: bold; color: #C90086; border-bottom: 3px dotted #C90086;}
	.section-editor-green strong {color: #00C986; border-color: #00C986;}

	.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; background: #EEBBDD; color: #100;}
	.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; background: #C90086; color: #FFF; 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; background: #C90086; color: #FFF; text-decoration: none; border-radius: 10px;}
	.section-editor-green .link-button a {background: #00C986;}

	.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: #C90086; 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: #C90086; 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-plain em {color: #C90086; font-weight: bold;}

	.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; background: #C90086; color: #FFF;}
	.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; color: #FFBBDD; font-size: 120%; border-bottom: 5px dotted #FFBBDD;}

	.section-editor-inner {padding: 0 10px 30px;}
	.section-editor h2 {clear: both; margin: 30px -10px 15px; padding: 5px 15px; font-size: 20px; background: #100; color: #FFF;}
	.section-editor h3 {clear: both; margin: 15px 0; color: #100; font-size: 18px;}
	.section-editor h4 {clear: both; margin: 15px 0; color: #100; font-size: 16px;}
	.section-editor h5 {clear: both; margin: 15px 0; color: #100; font-size: 15px;}
	.section-editor h6 {clear: both; margin: 15px 0; color: #100; font-size: 14px;}
	.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 -30px; padding: 0 10px 30px; background: #F4FAF8;}
	.section-editor-green h2 {background: #00C986;}
	.section-editor-green h3,
	.section-editor-green h4,
	.section-editor-green h5,
	.section-editor-green h6 {color: #00C986;}
	.section-editor-red {margin: 0 -10px -30px; padding: 0 10px 30px; background: #FFF8F8;}
	.section-editor-red h2 {background: #C90086;}
	.section-editor-red h3,
	.section-editor-red h4,
	.section-editor-red h5,
	.section-editor-red h6 {color: #C90086;}
	.section-editor .alignleft.half {display: inline-block; width: 48%; margin: 0 1%;}
	.section-editor .alignleft.capture {border: 1px solid #CCC;}

	.font-tiny {font-size: 10px;}
	.font-small {font-size: 12px;}
	.font-large {font-size: 16px;}
	.font-huge {font-size: 20px;}
	strong {font-weight: bold; color: #C90086; border-bottom: 3px dotted #C90086;}
	.section-editor-green strong {color: #00C986; border-color: #00C986;}	

	.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; background: #C90086; color: #FFF; text-decoration: none; border-radius: 5px;}
	.section-editor-green .link-button a {background: #00C986;}

	.box-inquiry {margin: 30px -10px; padding: 15px 10px; background: #EEBBDD; color: #100;}
	.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;background: #C90086; color: #FFF; 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;background: #C90086; color: #FFF; 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: #C90086; 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: #C90086; border-radius: 5px;}
}