@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : style.css
////////////////////////////////////////////////////////////*/

/*----------------------------------------------------------------------------------------
	Reset
---------------------------------------------------------------------------------------- */
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;font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol,ul {list-style:none}

/*----------------------------------------------------------------------------------------
	common settting
---------------------------------------------------------------------------------------- */
html {
	font-size:62.5%;
	height:100vh;
	background-color:#f5f5f5;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
body {
	color:#848488;
	line-height:1.4;
}
a {
	color: #444;
	text-decoration: none;
	border:0;
	outline:none;
}
a:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-decoration: underline;
}
a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.inner {
	width:1100px;
	margin:0 auto;
}
/*----------------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------------- */
header {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	padding:18px 0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#fff;
	z-index:999;
}
header .inner {
	padding:0 20px;
	letter-spacing: -.4em;
}
header .inner > div {
	display:inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	line-height:1;
}
header .inner > div.headerMenu {
	display:none;
}
header .headerLogo {
	width:50%;
	padding-top:3px;
}
header .headerLogo h1 {
	font-size:2rem;
	font-weight:bold;
	color:#258e60;
}
header .headerLogo a {
	color:#258e60;
}
header .headerLogo a:hover {
	text-decoration: none;
}
header .headerLogo span {
	display:inline-block;
	vertical-align: middle;
	position:relative;
	top:-3px;
	margin-right:12px;
}
header .headerLogo span img {
	height:28px;
	width:auto;
}
header .headerAction {
	text-align:right;
	letter-spacing: -.4em;
	font-size:1.4rem;
	width:50%;
}
header .headerAction > div {
	display:inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin:0 8px;
}
header .headerAction > div a:hover {
	text-decoration: none;
}
header .headerAction > div span {
	display:block;
	text-align:center;
}
header .headerAction .headerActionIcon {
	font-size:1.6rem;
	background-color:#64b32e;
	border-radius:300px;
	width:36px;
	height:36px;
	margin:0 auto;
	color:#fff;
	line-height:33px;
}
header .headerAction .headerActionText {
	margin:5px 0 0;
}
/*----------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------- */
footer {
	font-size:1.3rem;
	padding:20px 0;
}
footer .inner {
	padding:0 20px;
}
footer .footerNav {
	letter-spacing: -.4em;
	font-size:1.3rem;
}
footer .footerNav > div {
	display:inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin-right:12px;
	padding-right:12px;
	border-right:1px solid #ddd;
}
footer .footerNav > div:last-child {
	border-right:0;
}
footer .footerCopyright {
	margin-top:12px;
}
footer .footerCopyright p {
	color:#999;
	font-size:1rem;
}
/*----------------------------------------------------------------------------------------
	main
---------------------------------------------------------------------------------------- */
main {
	padding-top:67px;
}
/*----------------------------------------------------------------------------------------
	contentBeforeSignin
---------------------------------------------------------------------------------------- */
.contentBeforeSigninBody {
	width:740px;
	margin:0 auto;
	padding:30px 0;
}
/*----------------------------------------------------------------------------------------
	contentHead
---------------------------------------------------------------------------------------- */
.contentHead {
	width:1100px;
	margin:0 auto;
	padding:20px 0 0;
}
/*----------------------------------------------------------------------------------------
	contentBody
---------------------------------------------------------------------------------------- */
.contentBody {
	width:1100px;
	margin:0 auto;
	padding:30px 0;
	display:table;
}
/*----------------------------------------------------------------------------------------
	contentMain
---------------------------------------------------------------------------------------- */
.contentMain {
	display:table-cell;
	vertical-align: top;
	background-color: #fff;
	padding:40px 40px 60px;
}
/*----------------------------------------------------------------------------------------
	contentSub
---------------------------------------------------------------------------------------- */
.contentSub {
	display:table-cell;
	vertical-align: top;
	width:300px;
	padding:0 20px;
}
/*----------------------------------------------------------------------------------------
	contentTitle
---------------------------------------------------------------------------------------- */
.contentTitle h2 {
	font-size:2.4rem;
	position:relative;
	font-weight:bold;
	margin-bottom:15px;
	color:#444;
}
.contentTitle .contentStepIcon {
	vertical-align: middle;
	margin-right:12px;
	position:relative;
	top:-2px;
	margin-bottom:0;
}
/*----------------------------------------------------------------------------------------
	contentSubTitle
---------------------------------------------------------------------------------------- */
.contentSubTitle {
	border-bottom:2px solid #eee;
	padding:10px 5px;
}
.contentSubTitle h3 {
	font-size:1.6rem;
	position:relative;
	font-weight:bold;
	color:#444;
}
.contentSubTitle .contentStepIcon {
	margin-bottom:0;
	display:inline-block;
	margin-right:8px;
	background-color:transparent;
	color:#FF3F00;
	font-size:1.2rem;
	padding:0;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
	contentSubList
---------------------------------------------------------------------------------------- */
.contentSubList {
	padding:10px 5px;
	margin-left:10px;
}
.contentSubList .contentStepNumber {
	text-align:center;
	font-size:1rem;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	position:absolute;
	top:12px;
	left:0;
}
.contentSubList .contentSubListStatus {
	font-size:1rem;
	color:#aaa;
}
.contentSubList > div > div {
	padding: 0 0 0 20px;
}
.contentSubList > div a {
	font-size:1.4rem;
	padding:12px 5px 12px 26px;
	border-bottom:1px solid #eee;
	display:block;
	line-height:1.4;
	position:relative;
}
.contentSubList > div a.current {
	font-weight:bold;
	color:#222;
}
.contentSubList > div a.current .contentStepNumber {
	background-color:#115738;
}
.contentSubList > div a:hover {
	text-decoration: none;
}
.contentSubList > div a i {
	margin-left:5px;
	font-size:1.2rem;
	margin-top:-1px;
}
/*----------------------------------------------------------------------------------------
	contentTopicPath
---------------------------------------------------------------------------------------- */
.contentTopicPath {
	letter-spacing: -.4em;
}
.contentTopicPath span,
.contentTopicPath a {
	letter-spacing: normal;
	font-size:1.2rem;
	display:inline-block;
	vertical-align: middle;
	margin-right:8px;
	color:#888;
}
.contentTopicPath a:hover {
	text-decoration: none;
}
.contentTopicPath a:after {
	content:">";
	font-size:1rem;
	margin-left:8px;
	vertical-align: middle;
	display:inline-block;
	position:relative;
	top:-2px;
}
/*----------------------------------------------------------------------------------------
	contentLead
---------------------------------------------------------------------------------------- */
.contentLead p {
	font-size:1.4rem;
	line-height:1.6;
}
.contentLead p span {
	font-size:1.2rem;
}
.contentLead p.contentLeadPurpose {
	font-weight:bold;
	color:#444;
	font-size:1.8rem;
	margin-bottom:10px;
}
/*----------------------------------------------------------------------------------------
	contentText
---------------------------------------------------------------------------------------- */
.contentText p {
	font-size:1.4rem;
	margin-top:20px;
	line-height:1.5;
}
.contentText.contentContact p {
	font-size:2rem;
	margin-top:5px;
	padding:0 10px;
}
.contentText p:first-child {
	margin-top:0;
}
.contentText p.contentTextHeadline {
	font-weight:bold;
	color:#222;
	text-decoration:underline;
}
/*----------------------------------------------------------------------------------------
	contentList
---------------------------------------------------------------------------------------- */
.contentList {
	width:100%;
	margin-top:15px;
}
.contentList > div {
	border-bottom:1px solid #ddd;
	font-size:1.4rem;
	padding:10px 5px;
}
.contentList > div a {
	color:#64b32e;
	display:block;
}
.contentList > div a:hover {
	text-decoration: none;
	opacity:0.7;
}
/*----------------------------------------------------------------------------------------
	contentMedia
---------------------------------------------------------------------------------------- */
.contentMedia {
	margin:30px 0;
	background-color:#eee;
	padding:5px;
	line-height:1%;
	min-height:300px;
}
/*----------------------------------------------------------------------------------------
	contentPanel
---------------------------------------------------------------------------------------- */
.contentPanel {
	width:100%;
	display:table;
	border-spacing:2px;
}
.contentMain .contentPanel {
	border-spacing:5px;
	margin-top:30px;
}
.contentPanel > div {
	display:table-row;
}
.contentPanel .contentPanelBlock {
	display:table-cell;
	width:33.333333333333%;
	background-color:#fff;
	text-align:center;
	position:relative;
}
.contentMain .contentPanel .contentPanelBlock {
	border:1px solid #ddd;
	width:50%;
}
.contentPanel .contentPanelBlock > a {
	display:block;
	padding:80px 0;
}
.contentPanel .contentPanelBlock > span {
	opacity:0.3;
}
.contentMain .contentPanel .contentPanelBlock a {
	padding:40px;
}
.contentPanel .contentPanelBlock > a:hover {
	text-decoration: none;
	opacity:0.8;
}
/*----------------------------------------------------------------------------------------
	contentStep
---------------------------------------------------------------------------------------- */
.contentStepTitle {
	font-size:2.2rem;
	font-weight:bold;
}
.contentStepType {
	position:absolute;
	top:15px;
	right:15px;
	font-size:2.4rem;
	color:#ccc;
	background-color:transparent;
}
.contentStepStatus {
	font-size:1.4rem;
	margin-top:12px;
	color:#aaa;
}
.contentStepIcon {
	background-color:#FF3F00;
	color:#fff;
	border-radius:4px;
	font-size:1.3rem;
	padding:3px 10px;
	display:inline-block;
	margin-bottom:12px;
	font-weight:bold;
}
.contentStepNumber {
	background-color:#258e60;
	color:#fff;
	border-radius:300px;
	font-size:1.3rem;
	font-weight:bold;
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
	margin-bottom:10px;
}
/*----------------------------------------------------------------------------------------
	contentFaqList
---------------------------------------------------------------------------------------- */
.contentFaqList {
	padding:15px;
	border:1px solid #ddd;
	margin-top:30px;
}
.contentFaqList > div {
	margin:5px 0;
}
.contentFaqList > div:before {
	content:"・";
	font-size:1.4rem;
	margin-right:2px;
}
.contentFaqList a {
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentCheckList
---------------------------------------------------------------------------------------- */
.contentCheckList {
	margin-top:30px;
}
.contentCheckList > div {
	margin:10px 0;
}
.contentCheckList > div > label {
	position:relative;
}
.contentCheckList > div > label input {
	position:absolute;
	top:5px;
	left:0;
}
.contentCheckList > div > label > i {
	font-size:2rem;
	font-weight:bold;
	position:absolute;
	top:2px;
	left:5px;
}
.contentCheckList > div > label > div {
	padding-left:35px;
}
.contentCheckList > div > label > div > span {
	display:block;
	font-size:1.4rem;
}
.contentCheckList .contentCheckListTitle {
	font-size:1.8rem;
	color:#444;
}
/*----------------------------------------------------------------------------------------
	contentCopy
---------------------------------------------------------------------------------------- */
.contentCopy {
	border:2px solid rgba(255,63,0,0.3);
	padding:10px;
	margin-top:20px;
	background-color:rgba(255,63,0,0.05);
}
.contentCopy > div {
	display:table;
	width:100%;
}
.contentCopy > div > div {
	display: table-cell;
	vertical-align: middle;
	font-size:1.3rem;
	padding:10px;
	color:444;
}
.contentCopy > div > div:fist-child {
	width:70%;
}
.contentCopy > div > div:last-child {
	text-align:right;
}
.contentCopy > div a {
	background-color:#444;
	color:#fff;
	text-decoration: none;
	padding:8px 15px;
	border-radius: 4px;
}
/*----------------------------------------------------------------------------------------
	contentSearchKeyword
---------------------------------------------------------------------------------------- */
.contentSearchKeyword {
	position:relative;
	top:-8px;
	margin-bottom:5px;
	display:table;
	width:100%;
	border-collapse: collapse;
}
.contentModalBody .contentSearchKeyword {
	top:0;
	margin-top:15px;
	margin-bottom:-10px;
}
.contentSearchKeyword > div {
	display:table-cell;
	vertical-align: middle;
	width:10%;
	padding:2px;
}
.contentSearchKeyword > div:first-child {
	width:80%;
	padding-right:8px;
}
.contentSearchKeyword > div a {
	background-color:#444;
	color:#fff;
	text-decoration: none;
	display:block;
	border-radius: 4px;
	text-align:center;
	padding:6px 0;
}
.contentSearchKeyword input {
	width:100%;
	line-height:24px;
	height:24px;
	font-size: 1.3rem;
    border: 1px solid #ddd;
    display: inline-block;
}
/*----------------------------------------------------------------------------------------
	contentSearchError
---------------------------------------------------------------------------------------- */
.contentSearchError {
	text-align:center;
	padding:30px 0;
	display:none;
}
.contentSearchError p {
	font-size:1.4rem;
}
/*----------------------------------------------------------------------------------------
	contentTable
---------------------------------------------------------------------------------------- */
.contentTable {
	display:table;
	width:100%;
	margin-top:30px;
	table-layout: fixed;
	border-collapse: collapse;
}
.contentTable > div {
	display:table-row;
}
.contentTable > div > div {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:1.3rem;
	border:1px solid #ddd;
	padding:12px 8px;
}
.contentTable > div > div span {
	font-size:1rem;
}
.contentTable > div.contentTableHead > div {
	background-color:#258e60;
	color:#fff;
}
.contentTable > div > div.contentTableIndex {
	background-color:#fafafa;
}
/*----------------------------------------------------------------------------------------
	contentTableList
---------------------------------------------------------------------------------------- */
.contentTableList {
	display:table;
	width:100%;
}
.contentTableList > div {
	display:table-row;
}
.contentTableList > div > div {
	display:table-cell;
	vertical-align: top;
	padding:15px 10px;
	border-bottom:1px solid #eee;
}
.contentTableList span {
	font-size:1.4rem;
	display:block;
	margin:3px 0;
}
.contentTableList .contentTypeBadge {
	display:inline-block;
	margin-left:7px;
	font-size:1rem;
	color:#aaa;
	border:1px solid #aaa;
	padding:1px 4px;
	line-height:1;
	background-color:#fafafa;
}
.contentTableList .submitDeleteBtn {
	display:inline-block;
	margin-left:8px;
	font-size:1.1rem;
	color:#aaa;
}
.contentTableList .contentTableListHead {
	width:30%;
}
.contentTableList .contentTableListBody {
	width:50%;
	position:relative;
}
.contentTableList .contentTableListBody > div {
	margin:5px 0;
}
.contentTableList .contentTableListBody .contentTableListCategory {
	font-size:1.4rem;
	color:#333;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}
.contentTableList .contentTableListBody > div:first-child .contentTableListCategory {
	margin-top:-5px;
}
.contentTableList .contentTableListBody span.contentTableListValue,
.contentTableList .contentTableListBody span.contentTableListUnit,
.contentTableList .contentTableListBody span.contentTableListTitle {
	display:inline-block;
	vertical-align: middle;
}
.contentTableList .contentTableListBody span.contentTableListValue {
	width:80%;
}
.contentTableList .contentTableListBody span.contentTableListUnit {
	width:12%;
	font-size:1.1rem;
	padding-left:15px;
}
.contentTableList .contentTableListBody span.contentTableListTitle {
	font-size:1.4rem;
	padding-right:10px;
	color:#aaa;
}
.contentTableList .contentTableListHead .contentTableListStatus {
	display:inline-block;
	background-color:#bbb;
	color:#fff;
	font-size:1.1rem;
	border-radius:4px;
	line-height:1;
	padding:4px 8px;
	margin-right:5px;
}
.contentTableList .contentTableListHead .contentTableListStatusOn {
	background-color:#64b32e;
}
.contentTableList .contentTableListAction {
	width:20%;
	text-align:right;
}
.contentTableList .contentTableListAction a {
	display:inline-block;
	vertical-align: middle;
	margin:0 5px;
	font-size:1.4rem;
	color:#64b32e;
}
.contentTableList a:hover {
	text-decoration: underline;
}
.contentTableList .contentTableListForm {
	width:50%;
}
.contentTableList .contentTableListForm-2 {
	width:25%;
}
.contentTableList .contentTableListTopRow {
	font-size:1.3rem;
	text-align:center;
}
.contentTableList .contentTableListBottomRow > div {
	font-size:1.4rem;
	background-color:#fafafa;
}
.contentTableList .contentTableListForm > div {
	display:table;
	width:100%;
	table-layout: fixed;
}
.contentTableList .contentTableListForm > div > div {
	display:table-cell;
	font-size:1.3rem;
}
.contentTableList .contentTableListForm > div > div:first-child {
	color:#aaa;
	padding-right:10px;
	text-align:right;
}
.contentTableList .contentTableListFormResult > div > div:first-child {
	color:#222;
}
.contentTableList .contentTableListForm > div > div.contentTableListFormUnit {
	width:15%;
	padding-left:15px;
}
.contentTableList .contentTableListForm > div > div.contentTableListFormUnitResult {
	width:24%;
	padding-left:5px;
	font-size:1.1rem;
}
.contentTableList .contentTableListFormResult .contentTableListCalcDetail > div {
	text-align:right;
	color:#888;
	font-size:0.9rem;
	padding-top:5px;
}
.contentTableList .contentTableListFormResult .contentTableListCalcDetail > div > span {
	display:inline-block;
	margin:0 2px;
	color:#888;
	font-size:0.9rem;
}
.contentTableList .contentTableListForm > div > div input,
.contentTableList .contentTableListForm > div > div select {
	border:1px solid #ddd;
	width:100%;
	line-height:30px;
}
.contentTableList .contentTableListForm > div > div select {
	height:30px;
}
.contentTableList .contentTableListHeadLong {
	width:25%;
}
.contentTableList .contentTableListHeadLong-2 {
	width:35%;
}
.contentTableList .contentTableListHeadNoBorder {
	border-bottom:0;
}
/*----------------------------------------------------------------------------------------
	contentText
---------------------------------------------------------------------------------------- */
.contentText {
	margin-top:30px;
}
.contentText p {
	margin-top:15px;
	font-size:1.4rem;
	line-height:1.6;
}
.contentText p:first-child {
	margin-top:0;
}
/*----------------------------------------------------------------------------------------
	contentComplete
---------------------------------------------------------------------------------------- */
.contentComplete .contentCompleteDone {
	text-align:center;
	font-size:20rem;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
	contentSearchBox
---------------------------------------------------------------------------------------- */
.contentSearchBox {
	margin-top:40px;
	display:table;
	width:100%;
}
.contentSearchBox > div {
	display:table-cell;
	vertical-align: middle;
}
.contentSearchBox > div:first-child {
	width:13%;
	font-size:1.4rem;
}
.contentSearchBox > div:last-child {
	position:relative;
}
.contentSearchBox > div input {
	display:inline-block;
}
.contentSearchBox > div input[type=text] {
	width:100%;
	border:1px solid #ddd;
	font-size:1.3rem;
	line-height:36px;
	height:36px;
	box-sizing: border-box;
}
.contentSearchBox > div input[type=submit] {
	width:50px;
	position:absolute;
	top:0;
	right:0;
	height:36px;
	line-height:36px;
	background-color:#888;
	color:#fff;
	border:0;
	cursor:pointer;
}
/*----------------------------------------------------------------------------------------
	contentSupplement
---------------------------------------------------------------------------------------- */
.contentSupplement {
	margin-top:40px;
	text-align: center;
}
.contentSupplement p {
	font-size:1.3rem;
}
.contentSupplement p span {
	font-size:1.6rem;
	margin:0 2px;
}
/*----------------------------------------------------------------------------------------
	contentBtn
---------------------------------------------------------------------------------------- */
.contentBtn {
	margin-top:40px;
	letter-spacing: -.4em;
	text-align: center;
}
.contentBtn > div {
	display:inline-block;
	margin:0 8px;
	width:280px;
	letter-spacing: normal;
}
.contentBtn.contentBtnBlock > div {
	display:block;
	margin:8px auto;
}
.contentBtn > div a,
.contentBtn > div input {
	display:block;
	background-color:#444;
	color:#fff;
	font-size:1.3rem;
	text-align:center;
	border-radius: 6px;
	line-height:48px;
}
.contentBtn > div input {
	border:0;
	line-height:42px;
	cursor:pointer;
	width:100%;
}
.contentBtn > div a:hover {
	text-decoration: none;
}
/*----------------------------------------------------------------------------------------
	contentUpload
---------------------------------------------------------------------------------------- */
.contentUpload {
	margin-top:30px;
}
/*----------------------------------------------------------------------------------------
	contentPlanList
---------------------------------------------------------------------------------------- */
.contentPlanList {
	width:100%;
	display:table;
	margin-top:40px;
	border-collapse: collapse;
	table-layout: fixed;
}
.contentPlanList > div {
	display:table-cell;
	vertical-align: top;
	border:1px solid #ddd;
	padding:30px 30px 70px 30px;
	position:relative;
}
.contentPlanList h3 {
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	color:#258e60;
}
.contentPlanList .contentPlanListPrice {
	text-align:center;
	font-size:2.4rem;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
}
.contentPlanList ul li {
	font-size:1.5rem;
	list-style-type: disc;
	list-style-position: outside;
	margin-left:15px;
	line-height:1.8;
}
.contentPlanList .contentPlanListAction {
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	text-align:center;
}
.contentPlanList .contentPlanListAction span {
	font-size:1.8rem;
	font-weight:bold;
}
.contentPlanList .contentPlanListAction a {
	background-color:#FF3F00;
	padding:8px 30px;
	font-size:1.6rem;
	font-weight:bold;
	border-radius:6px;
	color:#fff;
}
.contentPlanList .contentPlanListAction a:hover {
	text-decoration: none;
	opacity:0.8;
}
/*----------------------------------------------------------------------------------------
	contentEmptyError
---------------------------------------------------------------------------------------- */
.contentEmptyError {
	margin-top:40px;
}
.contentEmptyError p {
	font-size:1.6rem;
	text-align:center;
}
/*----------------------------------------------------------------------------------------
	contentForm
---------------------------------------------------------------------------------------- */
.contentForm {
	width:100%;
}
.contentForm input[type="text"],
.contentForm input[type="password"],
.contentForm a.submit,
.contentForm input[type="submit"],
.contentForm select {
	width:100%;
	height:36px;
	line-height:36px;
	font-size:1.3rem;
	border:1px solid #ddd;
	display:inline-block;
}
.contentForm .contentTableListBody input[type="text"],
.contentForm .contentTableListBody input[type="password"] {
	height:24px;
	line-height:24px;
}
.contentForm .contentTableListBody select {
	height:26px;
	line-height:26px;
}
.contentForm input[type="submit"],
.contentForm a.submit {
	background-color:#444;
	color:#fff;
	text-align: center;
	font-size:1.3rem;
	height:42px;
	line-height: 42px;
	cursor:pointer;
	display:block;
	border-radius:6px;
	border:0;
}
.contentForm a.submit:hover,
.contentForm input[type="submit"]:hover {
	opacity:0.9;
	text-decoration:none;
}
.contentForm textarea {
	width:100%;
	height:100px;
	font-size:1.3rem;
	border:1px solid #ddd;
	display:inline-block;
}
.contentForm input::placeholder,
.contentForm textarea::placeholder,
::placeholder {
	color:#bbb;
}
.contentForm label {
	font-size:1.3rem;
	display:inline-block;
	margin-right:10px;
}
.contentForm label input {
	margin:0 5px;
	position:relative;
	top:-1px;
}
.contentForm > div {
	display:table;
	width:100%;
	table-layout: fixed;
	margin:0 auto;
	border-spacing: 5px;
}
.contentForm > div.contentFormAdd {
	margin:10px 0;
	text-align:center;
}
.contentForm > div.contentFormAdd span {
	font-size:1.3rem;
	cursor:pointer;
	display:inline-block;
}
.contentForm > div.contentFormSubmit {
	padding-top:10px;
}
.contentForm > div > span {
	display:table-cell;
	padding:0 5px;
}
.contentForm > div > span.contentFormSupplement {
	text-align:center;
	padding:20px 0;
}
.contentForm > div > span.contentFormSupplement a {
	font-size:1.3rem;
}
.contentForm > div > span.contentFormHead {
	width:20%;
}
.contentForm .contentFormSelect {
	padding:5px;
}
.contentForm .contentFormSelectSelected {
	font-size:1.3rem;
}
.contentForm .contentFormSelectSelector {
	margin-left:10px;
	cursor:pointer;
	text-decoration:underline;
	font-size:1.3rem;
	color:#64b32e;
}
.contentForm .contentFormSelector:hover {
	opacity:0.7;
}
/*----------------------------------------------------------------------------------------
	contentFormLead
---------------------------------------------------------------------------------------- */
.contentFormLead {
	font-size:1.4rem;
	margin-bottom:20px;
	padding:0 10px;
}
.contentFormLead span {
	font-size:1.2rem;
}
/*----------------------------------------------------------------------------------------
	contentFormComplete
---------------------------------------------------------------------------------------- */
.contentFormComplete {
	border:1px solid #888;
	padding:15px 30px;
	margin:0 5px 20px;
}
.contentFormComplete p {
	font-size:1.3rem;
	color:#888;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
	contentFormError
---------------------------------------------------------------------------------------- */
.contentFormError {
	border:1px solid #fe2e2e;
	background-color:#fbefef;
	padding:15px 30px;
	margin:0 5px 20px;
}
.contentFormError li {
	list-style: disc outside;
	font-size:1.3rem;
	color:#fe2e2e;
}
/*----------------------------------------------------------------------------------------
	contentTop
---------------------------------------------------------------------------------------- */
.contentTop {
	display:table;
	width:90%;
	table-layout:fixed;
	margin:100px auto;
}
.contentTop > div {
	display:table-cell;
	width:50%;
	vertical-align: middle;
}
.contentTop .contentTopText {
	padding-left:100px;
}
.contentTop .contentTopText p {
	font-size:2rem;
	font-weight:bold;
	margin-top:-30px;
}
.contentTop .contentTopText h2 {
	font-size:8rem;
	font-weight:bold;
	color:#258e60;	
	margin-top:30px;
	line-height:1.2;
}
.contentTop .contentTopText .contentBtn {
	text-align:left;
}
.contentTop .contentTopText .contentBtn a {
	font-size:1.8rem;
	font-weight:bold;
}
.contentTop .contentTopImage img {
	width:100%;
	height:auto;
}
/*----------------------------------------------------------------------------------------
	contentModal
---------------------------------------------------------------------------------------- */
.contentModal,
.contentModalGuide {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	display:table;
	display:none;
}
.contentModal .contentModalLayer,
.contentModalGuide .contentModalLayer {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align: middle;
}
.contentModal .contentModalWrap,
.contentModalGuide .contentModalWrap {
	width:800px;
	height:70%;
	padding:60px;
	background-color:#fff;
	margin:0 auto;
	overflow-y: auto;
	box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
	position:relative;
}
.contentModal .contentModalClose,
.contentModalGuide .contentModalClose {
	position:absolute;
	top:25px;
	right:25px;
}
.contentModal .contentModalClose span,
.contentModalGuide .contentModalClose span {
	display:block;
	width:30px;
	height:30px;
	position:relative;
	cursor:pointer;
}
.contentModal .contentModalClose span::before,
.contentModal .contentModalClose span::after,
.contentModalGuide .contentModalClose span::before,
.contentModalGuide .contentModalClose span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 30px;
	background: #ccc;
}
.contentModal .contentModalClose span::before,
.contentModalGuide .contentModalClose span::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.contentModal .contentModalClose span::after,
.contentModalGuide .contentModalClose span::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.contentModal .contentModalMain,
.contentModalGuide .contentModalGuideMain {
	display:none;
}
.contentModal .contentModalTitle,
.contentModalGuide .contentModalTitle {
	text-align:center;
}
.contentModal .contentModalTitle p,
.contentModalGuide .contentModalTitle p {
	font-size:1.8rem;
	font-weight:bold;
	color:#444;
}
.contentModal .contentModalLead,
.contentModalGuide .contentModalLead {
	margin-top:20px;
	padding:0 5px;
}
.contentModal .contentModalLead p,
.contentModalGuide .contentModalLead p {
	font-size:1.4rem;
}
.contentModal .contentModalBody,
.contentModalGuide .contentModalBody {
	margin-top:30px;	
}
.contentModal .contentModalBody .contentModalNotice,
.contentModalGuide .contentModalBody .contentModalNotice {
	margin-top:20px;
}
.contentModal .contentModalBody .contentModalNotice p,
.contentModalGuide .contentModalBody .contentModalNotice p {
	font-size:1.3rem;
}