@charset "UTF-8";

/* -----------------------------------------------------------------
reset
------------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
img {
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b, strong {
	font-weight: bold;
}

/* ------ WinFirefox40.0以降の崩れ対策 ------ */
@-moz-document url-prefix() {
	input, select, textarea {
		font-family: 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif;
	}
}

/* ------ Eloquaフォーム解除 ------ */
.elq-form {
	background-color: #F0F0F0 !important;
	padding: 30px 30px 40px !important;
	margin-top: 30px !important;
}
.elq-form * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif !important;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
}
.mac .elq-form *,
.iphone .elq-form *,
.ipod .elq-form *,
.ipad .elq-form * {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif !important;
}
.elq-form .item-padding {
	padding: 0 !important;
}
.elq-form .item-padding + .item-padding {
	margin-top: 20px !important;
}
.elq-form .field-p {
	margin: 0 !important;
}
.elq-form .field-style {
	width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.elq-form .field-size-top-small,
.elq-form .field-size-top-medium,
.elq-form .field-size-top-large {
	width: 100% !important;
	margin-top: 10px !important;
}
.elq-form .field-wrapper.individual {
	float: none !important;
}
.elq-form .label-position.top {
	color: #222 !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	line-height: 1.4 !important;
	font-weight: bold !important;
	padding: 0 !important;
}
.elq-form .instructions.default {
	color: #222 !important;
	font-size: 11px !important;
	font-size: 1.1rem !important;
	line-height: 1.4 !important;
	margin-top: 10px !important;
	padding: 0 !important;
}
.elq-form input {
	height: auto !important;
	line-height: 100% !important;
}
.elq-form input[type=text], .elq-form textarea, .elq-form select[multiple=multiple] {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	line-height: 1.4 !important;
	border: none !important;
	padding: 9px 10px !important;
}
.LV_validation_message.LV_invalid {
	display: inline-block !important;
	font-size: 12px !important;
	font-size: 1.2rem !important;
	line-height: 1.4 !important;
	margin-top: 10px !important;
}
.elq-form .section-break {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	line-height: 1.4 !important;
	margin-top: 35px !important;
}
.elq-form .section-break .heading {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	line-height: 1.4 !important;
	font-weight: bold !important;
}
.submit-button {
	font-size: 20px !important;
	font-size: 2rem !important;
	line-height: 1 !important;
	font-weight: bold !important;
	color: #FDFDFD !important;
	background-color: #F27000 !important;
	width: 100% !important;
	max-width: 250px !important;
	border: none !important;
	border-radius: 2px !important;
	padding: 20px 0 !important;
	cursor: pointer !important;
}
.submit-button:hover {
	/*background-color: #FF8A1A !important;*/
	opacity: .8;
}

/* ------ Eloquaフォーム解除（新エディター） ------ */
.elq-form a {
	color: #F27000 !important;
	text-decoration: underline !important;
}
.elq-form a:hover {
	text-decoration: none !important;
}
.elq-form .container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.form-element-layout {
	padding: 0 !important;
}
.elq-form .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.elq-form .row + .row {
	margin-top: 20px !important;
}
.elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12,.elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12,.elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12,.elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.elq-form .elq-label {
	font-weight: bold !important;
	margin-bottom: 10px !important;
}
.form-element-instruction {
	font-size: 11px !important;
	font-size: 1.1rem !important;
	margin-top: 10px !important;
}
.form-element-form-text {
	margin-top: 15px !important;
}
.submit-button-style {
	font-size: 20px !important;
	font-size: 2rem !important;
	line-height: 1 !important;
	font-weight: bold !important;
	color: #FDFDFD !important;
	background-color: #F27000 !important;
	width: 100% !important;
	max-width: 250px !important;
	border: none !important;
	border-radius: 2px !important;
	padding: 20px 0 !important;
	cursor: pointer !important;
}
.submit-button-style:hover {
	/*background-color: #FF8A1A !important;*/
	opacity: .8;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	outline: 1px solid #0c0;
}


/* ------ 全体構造 ------ */
html {
	font-size: 62.5%; /* 10px */
}
body {
	background-color: #fff;
	color: #222;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.4;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mac body,
.iphone body,
.ipod body,
.ipad body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

/* ------ 背景100% ------ */
* {
	margin: 0;
	padding: 0;
}
html {
	/*height: 100%;*/
}
body {
	/*height: 100%;*/
}
#body {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	max-width: 768px;
}
body.w1184 {
	/*background: url('/form/common/img/bg.png') bottom right no-repeat;*/
}
body.w1184 #body {
	max-width: 1184px;
}
#body {
	height: 100%;
	min-height: 100%;
}
body > #body {
	height: auto;
}
img {
	max-width: 100%;
	height: auto;
	width: auto; /*for IE8*/
	vertical-align: top;
}

/* ------ リンク設定 ------ */
a {
	color: #F27000;
	text-decoration: underline;
}
a:link {
	color: #F27000;
	text-decoration: underline;
}
a:visited {
	color: #F27000;
	text-decoration: underline;
}
a:active {
	color: #F27000;
	text-decoration: none;
}
a:hover {
	color: #F27000;
	text-decoration: none;
}

/* ------ ヘッダー ------ */
#body #headerarea {
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 25px 0px;
	border-bottom: 3px #F27000 solid;
}
#body #headerarea img {
	vertical-align: top;
	border: 0px;
	width: auto;
	height: 75px;
}
#body #headerarea img + img {
	margin-left: 50px;
}

/* ------ メイン／本文／ステップ ------ */
/*
#body .textarea1 #stepbox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#body .textarea1 ul#ulstep {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 37px;
}
#body .textarea1 ul#ulstep li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #222222;
	height: 37px;
	list-style: none;
}

#body #mainarea .textarea1 ul#ulstep li#error {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 12px 78px;
    background-color: #ff0000;
    width: 170px;
    height: 15px;
}
*/

/* -- フロー（背景をクライアント毎に変える） -- */
/*
li.flow {
	height: 37px;
	list-style: none;
	text-align: center;
	background: #c6c6c6;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:140px;
}

li.flow_2 {
	height: 37px;
	list-style: none;
	text-align: center;
	background: #c6c6c6;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:160px;
}

li.flow p ,li.flow_2 p ,li.flow_on p ,li.flow_on_2 p {
	position: relative;
	z-index: 20;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: bold;
}

li.flow::after {
	content: "";
	width: 26px;
	height: 26px;
	background: #c6c6c6;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	right: -13px;
	z-index: 5;
}

li.flow_on {
	height: 37px;
	list-style: none;
	text-align: center;
	color: #FFFFFF;
	background: #636262;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:140px;
}

li.flow_on_2 {
	height: 37px;
	list-style: none;
	text-align: center;
	color: #FFFFFF;
	background: #636262;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:160px;
}

li.flow_on::after {
	content: "";
	width: 26px;
	height: 26px;
	background: #636262;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	right: -13px;
	z-index: 5;
}

li.flow_on:first-child, li.flow_on:first-child {
	margin-left: 0px;
}
*/

/* ------ ステップ ------ */
#body .textarea1 ul.ulstep + * {
	margin-top: 20px;
}
#body .textarea1 ul.ulstep li.error {
	width: 100%;
	max-width: 240px;
	background-color: #ff0000;
	list-style: none;
	text-align: center;
}
#body .textarea1 ul.ulstep li.error p {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: bold;
	background: url('/form/common/img/error_1.gif') no-repeat 0 13px;
	padding: 10px 0 10px 24px;
}

/* ------ テキストボックス1 ------ */
/*
#body .textarea1 .textbox1 {
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 8px 10px;
	border: #ff0000 1px solid;
	max-width: 607px;
}
*/

/* ------ 個人情報 ------ */
#body #privacybox {
	margin: 30px 0 0;
	padding: 0;
}
#body #privacybox > p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}
#body #privacybox > h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 15px;
}
#body #privacybox-scroll {
	padding: 10px;
	background-color: #fff;
	width: auto;
	height: 128px;
	border: #d1d1d1 1px solid;
	overflow: scroll;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
}
#body #privacybox-scroll > pre {
	white-space: pre;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	overflow: auto;
}
#body #privacy {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}
#body #privacybox + #privacy {
	margin-top: 10px;
}

/* ------ 本文 ------ */
/*
#body h2 {
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 22px 0px;
	color: #222222;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: bold;
	border-bottom: 3px solid #d1d1d1;
}
#body #explain {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-size: 100%;
}
#body #explain p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}
#body #explain .info {
	margin-top: -25px;
	position: relative;
}
#body #explain p.text1 {
	line-height: 1.6;
	margin: 0px 6px 0px 40px;
	padding: 3px 4px 2px 4px;
	display: inline;
	background-color: #ffea00;
	float: left;
}
#body #explain p.text2 {
	margin: 3px 0px 0px 0px;
	padding: 4px 40px 0px 100px;
}
#body .textarea1 h3 {
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 12px 0px;
	color: #222222;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.8;
}
#body .textarea1 p {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#body .textarea1 p.small1 {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.2rem;
	line-height: 1.4;
}
*/

/* ------ 本文／AEフォーム ------ */
/*
#body #mainarea .textarea1 #aeform {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #d1d1d1 1px solid;
}
*/

/* ------ メイン／本文／------ */
/*
#body p.category {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#body p.small1 {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}
#body p.text_info {
	float: left;
	margin: 40px 0 0;
	padding: 0;
}
*/
/*
#body input[type=text], #body textarea {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 0px;
	border: #b4b4b4 1px solid;
	background-color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	-webkit-appearance: none;
	border-radius: 0;
}
*/
/*
#body textarea {
	height: 10em;
}

#body input.active[type=text], #body textarea.active {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 0px;
	border: #d1d1d1 1px solid;
	background-color: #ffffb2;
	-webkit-appearance: none;
	border-radius: 0;
}
*/

/* ------ メインエリア／本文／ボタン ------ */
/*
.submit-button {
    color:#222222;
    width: 100% !important;
    height: 50px !important;
    margin: 0 0 20px 0;
    border: 0;
    font-size: 17px !important;
    font-size: 1.7rem !important;
    font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
	outline: none;
	background-color: #f7af01;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffda38), color-stop(100%, #f7af01));
	background-image: -webkit-linear-gradient(top, #ffda38, #f7af01);
	background-image: -moz-linear-gradient(top, #ffda38, #f7af01);
	background-image: -o-linear-gradient(top, #ffda38, #f7af01);
	background-image: linear-gradient(top, #ffda38, #f7af01);
	background-image: linear-gradient(to bottom, #ffda38, #f7af01);
}

.submit-button:hover {
	background-color: #ffda38;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7af01), color-stop(100%, #ffda38));
	background-image: -webkit-linear-gradient(top, #f7af01, #ffda38);
	background-image: -moz-linear-gradient(top, #f7af01, #ffda38);
	background-image: -o-linear-gradient(top, #f7af01, #ffda38);
	background-image: linear-gradient(top, #f7af01, #ffda38);
	background-image: linear-gradient(to bottom, #f7af01, #ffda38);
}
*/

/* ------ フッター ------ */
#body #footerarea {
	margin: 45px 0 75px;
	padding: 0;
}
#body #footerarea .text_info {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#body #footerarea p#copy {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.4;
	margin-top: 10px;
}

/* ------ メインエリア ------ */
#body #mainarea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ------ テキストエリア1 ------ */
#body .textarea1 {
	margin: 50px 0 0;
	padding: 0;
}

/* ------ テキストエリア2 ------ */
#body .textarea2 {
}
#body .textarea2 > h1 {
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 1.4;
}
#body .textarea2 > h1 > span {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.4;
}
#body .textarea2 > h1 + p {
	margin-top: 30px;
}
#body .textarea2 > p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}
body.w768 #body .textarea2 > p {
	font-size: 16px;
	font-size: 1.6rem;
}
#body .textarea2 > * + p {
	margin-top: 30px;
}
#body .textarea2 > p + p {
	margin-top: 15px;
}
#body .textarea2 > h2 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: normal;
}
#body .textarea2 > * + h2 {
	margin-top: 30px;
}
#body .textarea2 > ul.mod_ul1 {
	list-style: none;
	padding: 20px 20px 20px 40px;
	border: #d1d1d1 1px solid;
}
#body .textarea2 > * + ul.mod_ul1 {
	margin-top: 10px;
}
#body .textarea2 > ul.mod_ul1 > li {
	position: relative;
}
#body .textarea2 > ul.mod_ul1 > li + li {
	margin-top: 10px;
}
#body .textarea2 > ul.mod_ul1 > li:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: -18px;
	top: 9px;
	background: #F27000;
	border-radius: 100%;
}
#body .textarea2 > ul.mod_ul1 > li > p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
}

/* ------ テキストボックス1 ------ */
#body .mod_textbox1 {
	border: #d1d1d1 1px solid;
	padding: 20px;
}
#body * + .mod_textbox1 {
	margin-top: 30px;
}
#body .mod_textbox1 > h2 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}
#body .mod_textbox1 > * + h2 {
	margin-top: 30px;
}
#body .mod_textbox1 > ul.mod_ul1 {
	list-style: none;
	padding-left: 20px;
}
#body .mod_textbox1 > * + ul.mod_ul1 {
	margin-top: 10px;
}
#body .mod_textbox1 > ul.mod_ul1 > li {
	position: relative;
}
#body .mod_textbox1 > ul.mod_ul1 > li + li {
	margin-top: 10px;
}
#body .mod_textbox1 > ul.mod_ul1 > li:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: -15px;
	top: 9px;
	background: #F27000;
	border-radius: 100%;
}
#body .mod_textbox1 > ul.mod_ul1 > li > p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}

/* ------ SNSエリア ------ */
#body .mod_snsarea > * {
	display: inline-block;
	vertical-align: top;
}
#body .textarea2 > h1 + .mod_snsarea {
	margin-top: 20px;
}
#body .mod_snsarea + * {
	margin-top: 30px;
}

/* ------ AEフォーム（Eloquaフォーム） ------ */
#body #aeform {
}
#body #aeform > p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}
#body #aeform > p + p {
	margin-top: 15px;
}

/* ------ 2カラム ------ */
.mod_twocolumns {
}
.mod_twocolumns .mod_column {
}
.mod_twocolumns .mod_column.first_column {
	float: left;
	width: 66.46959%; /* 787px */
}
.mod_twocolumns .mod_column.last_column {
	float: right;
	width: 30.15202%; /* 357px */
}

/* ------ サムネイル画像 ------ */
.mod_img1 {
	width: 100%;
	text-align: center;
}
.mod_img1 > img {
	width: 100%;
	max-width: 572px;
	display: block;
	margin: 0 auto;
}
* + .mod_img1 {
	margin-top: 30px;
}
.mod_img1 > p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}
.mod_img1 > * + p {
	margin-top: 50px;
}
.mod_img1 > p.small1 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 20px !important;
	color: #f00;
}
.mod_img1 > a.btn1 {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
	color: #FDFDFD;
	background-color: #F27000;
	width: 100%;
	max-width: 368px;
	border: none;
	border-radius: 2px;
	padding: 16px;
	margin: 0 auto;
}
.mod_img1 > a.btn1:hover {
	/*background-color: #FF5B5B !important;*/
	opacity: .8;
}
.mod_img1 > * + a.btn1 {
	margin-top: 30px;
}

/* ------ clearfix ------ */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /********** IE6 **********/
*:first-child+html .clearfix {
	zoom: 1;
} /********** IE7 **********/

/* ------ フォント ------ */
.frd {
	color: red;
}
/*
.new {
	margin: 0px 0px 0px 5px;
	color: #ff0000;
}
#closeButton {
	border: 0;
}
*/

/* ------ input要素フォント設定 ------ */
/*
#body #mainarea .textarea1 table.tb1 input[type="text"], #body #mainarea .textarea1 table.tb1 textarea, #body #mainarea .textarea1 select {
	font-family: 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.4;
	height: 26px;
}
@-moz-document url-prefix("") {
	select {
		height: 1.8em !important;
	}
}
*/

/* ------ 微調整 ------ */
.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.fs16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}
.fs22 {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

/* ------ デバイス対応 ------ */
.is_pc {
	display: block;
}
.is_sp {
	display: none;
}

@media screen and (max-width: 1184px) {
	body.w1184 #headerarea,
	body.w1184 #mainarea,
	body.w1184 #footerarea {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (max-width: 768px) {
	body {
		background-size: 80% !important;
	}
	body.w768 #headerarea,
	body.w768 #mainarea,
	body.w768 #footerarea {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	#body #headerarea img {
		height: 60px !important;
	}
	#body #headerarea img + img {
		margin-left: 40px !important;
	}
	.mod_twocolumns .mod_column {
		float: none !important;
		width: 100% !important;
	}
	.mod_twocolumns .mod_column.last_column {
		margin-top: 30px !important;
	}
	.is_pc {
		display: none !important;
	}
	.is_sp {
		display: block !important;
	}
}

@media screen and (max-width: 767px) {
	html {
		font-size: 59.375%; /* 95% */
	}
	#body .textarea2 > h1 {
		font-size: 30px;
		font-size: 3rem;
	}
	#body .textarea2 > h1 > span {
		font-size: 26px;
		font-size: 2.6rem;
	}
}