@charset "UTF-8";

/************************************************************************
*	CSS information
*	file name  : base.css
*	style info : サイトのベースとなる共通スタイルの設定
************************************************************************/


img {
	max-width: 100%;
	height: auto;
}


/* ------------------------------------------------------
::TextFormat
------------------------------------------------------ */

@font-face{/* for IE */
font-family:'m_1c';
src:url(../../fonts/mplus-1c-medium.eot)}
@font-face{/* other */
	font-family: 'm_1c';
	src: url('../../fonts/mplus-1c-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face{/* for IE */
font-family:'m_1c';
src:url(../../fonts/mplus-1c-bold.eot)}
@font-face{/* other */
	font-family: 'm_1c';
	src: url('../../fonts/mplus-1c-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face{/* for IE */
font-family:'m_1c';
src:url(../../fonts/mplus-1c-heavy.eot)}
@font-face{/* other */
	font-family: 'm_1c';
	src: url('../../fonts/mplus-1c-heavy.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

@font-face{/* for IE */
font-family:'oswald';
src:url(../../fonts/Oswald-Light.eot)}
@font-face{/* other */
	font-family: 'oswald';
	src: url('../../fonts/Oswald-Light.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

.font_m_1c {
	font-family: 'm_1c';
	font-weight: 500;
}
.font_m_1c_b {
	font-family: 'm_1c';
	font-weight: 700;
}
.font_m_1c_h {
	font-family: 'm_1c';
	font-weight: 900;
}
.font_oswald {
	font-family: 'oswald';
}

html {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.6;
}



/* Link
------------------------------------------------------ */
a {
	color: #ca2735;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}

a:visited {
	color: #ca2735;
}

a:hover, a:active {
	color: #ff4a5a;
	text-decoration: underline;
}



/* ------------------------------------------------------
::Form
------------------------------------------------------ */
form {
	font-size: 18px;
	font-size: 1.8rem;
}

form table {
	border-collapse: collapse;
}

form dt,
form dd {
	padding: 10px 0;
}

form dt {
	font-weight: normal;
	vertical-align: middle;
}

form .required span {
	color: #f00;
	display: block;
}

.size_s { width: 80px; }
.size_m { width: 100%; }
.size_l { width: 100%; }

input[type="text"],
textarea {
	max-width: 100% !important;
	margin: 5px 0;
	padding: 15px;
	border: 1px solid #333;
	font-size: 16px;
}

input[type="text"] + input[type="text"] {
	margin-top: 15px;
}

textarea {
	height: 8em;
}

input[type="submit"],button.mfp_element_button {
	display: inline-block;
	margin: 30px auto;
	padding: 15px 30px;
	border-radius: 4px;
	box-shadow: 0 4px 0 #a15c0a;
	color: #fff;
	background-color: #f78d10;
	border: none;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.mfp_buttons {
	margin: 0 auto;
}

button#mfp_button_cancel {
	background-color: #eee !important;
	color: #999;
	box-shadow: 0 5px 0 #ccc;
}
button#mfp_button_send,button#mfp_button_cancel {
	margin: 0 10px;
}

input[type="submit"]:hover,button.mfp_element_button:hover {
	box-shadow: none;
	transition:.2s ease-in-out;
	-webkit-transform:scale(1);
	-webkit-transition:.2s ease-in-out;
	transform:scale(1);
	-webkit-transform: translate3d(0, 4px, 0);
	transform: translate3d(0, 4px, 0);
}

::-webkit-input-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
	display: block;
}

table#mfp_confirm_table tr th {
	font-weight: bold !important;
	padding-bottom: 0 !important;
}


/* ------------------------------------------------------
::Module
------------------------------------------------------ */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}

.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #333;
	font-size: 30px;
	font-size: 3rem;
	text-decoration: none;
	padding: 5px 15px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border-radius: 4px;
}

.pagetop a:hover {
	display: block;
	background-color: #b2d1fb;
	text-align: center;
	color: #fff;
	text-decoration: none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.btn a {
	padding: 5px 15px;
	border-radius: 4px;
	box-shadow: 0 3px 0 #e1590e;
	color: #fff;
	background-color: #f78d10;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	transition:.2s ease-in-out;
	-webkit-transition:.2s ease-in-out;
}

.btn a:hover {
	box-shadow: none;
	-webkit-transform: translate3d(0, 4px, 0);
	transform: translate3d(0, 4px, 0);
}

.btn a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.btn .fa {
	padding-right: 10px;
}

.conversionArea {
	background: #f8f7de;
	font-size: 1.3rem;
	text-align: center;
}

.conversionArea .title {
	display: inline-block;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-family:'m_1c';
	font-weight: 500;
	font-size: 2.6rem;
	line-height: 1.3;
	background: url(../img/border_dot.png) repeat-x 0 100%;
	background-size: 6px 3px;
}

.conversionArea .title .txt_s {
	display: block;
	margin-bottom: 10px;
	font-size: 1.3rem;
	line-height: 1;
}

.conversionArea .title .orange {
	color: #eb7f00;
}

.conversionArea .btn {
	margin: 0 auto;
}

.conversionArea .btn a {
	padding: 10px;
}

.conversionArea .tel dt {
	font-size: 1.8rem;
	margin-bottom: 10px;
}

.conversionArea .tel dt:before {
	bottom: 0;
}

.conversionArea .tel {
  background: rgba(255,255,255,.8);
  margin: 35px auto 0;
  padding: 20px;
}

.conversionArea .tel dd {
	font-size: 2.4rem;
}

.conversionArea .tel dd span {
	font-size: 1.4rem;
	margin-right: 10px;
}

.conversionArea .tel .office {
	display: inline-block;
  line-height: 1;
}

.conversionArea .tel .office a {
	color: #262626;
	text-decoration: none;
}

.conversionArea .tel .time {
	font-weight: normal;
  font-size: 1.2rem;
}



/* ------------------------------------------------------
::Layout
------------------------------------------------------ */
html, body {
	height: 100%;
}

body {
	color: #333;
	background: #f4f4f4;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-size: 1.4rem;
	line-height: 1.75;
	text-align: left;
}

.wrap {
	position: relative;
	width: 100%;
	height:auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 200px;
	overflow: hidden;
}

.inner {
	width: 90%;
	min-width: 300px;
	margin: 0 auto;
}

.flex {
	justify-content: space-between;
	display: flex;
}



/* ------------------------------------------------------
::Header
------------------------------------------------------ */
.header {
	color: #fff;
	background: #21272e;
	height: 5,px;
}
.header:after {
	content: '';
	display: block;
	clear: both;
}

.telArea {
	float: right;
  width: 70%;
}
.header .tel {
	float: left;
	height: 40px;
	padding: 5px;
	margin-left: 2%;
	width: 48%;
	line-height: 1.25;
}
.header .tel a {
	color: #fff !important;
}
.tel dt {
	font-size: 1rem;
	line-height: 1.2;
}

.tel dd {
	margin-top: 0.2em;
	font-size: 1.3rem;
	line-height: 1.2;
}
.btn_contact {
	width: 30%;
  float: left;
}
.btn_contact a {
	color: #195389;
	background: #fff;
	font-family:'m_1c';
	font-weight: 700;
	text-align: center;
	display: block;
	line-height: 1.5;
	padding: 10px 5px;
	height: 60px;
}

.businessHour {
	clear: both;
	font-size: 10px;
  padding: 0 10px;
  height: 20px;
  margin-right: -15%;
  -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
            transform-origin: 0;
}



/* ------------------------------------------------------
::MainVidual
------------------------------------------------------ */
.mainVidual {
	position: relative;
	height: 0;
	padding-top: 135%;
	text-align: center;
	color: #fff;
	background: url(../img/bg_top.jpg) no-repeat 50% 0 #f4f4f4;
	background-size: 100%;
}

.mainVidual .inner {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mainVidual .catch .s_txt {
	font-size: 3rem;
}

.mainVidual .catch .l_txt {
	font-size: 3.7rem;
}

.mainVidual .flex {
	margin: 0 22px;
}

.mainVidual .siteid {
	width: 68vw;
	margin-top: 54%;
	margin-left: 50%;
	transform: translateX(-50%);
}

.mainVidual .copy {
	font-size: 1.3rem;
	letter-spacing: .05em;
  color: #fff;
	text-align: center;
	margin-top: 40%;
}

.mainVidual .copy .catch {
	font-size: 2rem;
	margin-bottom: 5px;
}



/* ------------------------------------------------------
::Main
------------------------------------------------------ */
.main .inner {
	padding-bottom: 60px;
}

.main .conversionArea .inner {
	padding: 35px 0;
}

.headline1 {
	padding: 60px 0 35px;
	color: #262626;
	font-size: 2.8rem;
	line-height: 1.2;
	font-family:'m_1c';
	font-weight: 700;
	text-align: center;
}

.headline1:before {
	display: block;
	margin-bottom: 10px;
	color: #262626;
	font-family:'oswald';
	font-weight: 100;
	font-size: 1.3rem;
}

.headline1 .line {
	display: inline-block;
	padding-bottom: 15px;
	border-bottom: 2px solid #ca2735;
}

.headline2 {
	padding: 6px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.headline3 {
	font-size: 2rem;
	text-align: center;
	font-family: 'm_1c';
	font-weight: 700;
	letter-spacing: .15em;
	margin: 50px 0 20px;
	padding-bottom: 5px;
}
.headline3 span {
	padding: 0 55px;
	position: relative;
	display: inline-block;
}
.headline3 span:before,
.headline3 span:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 45px;
	height: 1px;
	background: #262626;
	top: 50%;
}
.headline3 span:before {
	left: 0;
}
.headline3 span:after {
	right: 0;
}

.lead {
	text-align: center;
	margin-bottom: 20px;
}


/* コンセプト
------------------------------------------------------ */
.concept {
	text-align: center;
}

.concept .lead {
	font-size: 2.2rem;
}

.concept .text {
	line-height: 2.4;
}


/* ブース混ムの３大メリット
------------------------------------------------------ */
.merit {
	background: #fff;
}
.merit .headline1 {
	line-height: 1.1;
	margin-bottom: 30px;
	font-size: 2.2rem
}

.merit .headline1 .txt_s {
	font-size: 1.4rem;
	font-weight: 500;
	display: block;
	line-height: 1.2;
}

.merit .headline1 .txt_s em {
	font-style: normal;
  font-size: 2rem;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
	text-shadow:0px 4px 1px #ca2735,0px 3px 1px #ca2735,1px 3px 1px #ca2735,2px 3px 1px #ca2735,3px 3px 1px #ca2735,3px 2px 1px #ca2735,3px 1px 1px #ca2735,3px 0px 1px #ca2735,4px 0px 1px #ca2735,3px -1px 1px #ca2735,3px -2px 1px #ca2735,3px -3px 1px #ca2735,3px -4px 1px #ca2735,2px -4px 1px #ca2735,1px -4px 1px #ca2735,0px -5px 1px #ca2735,-1px -4px 1px #ca2735,-2px -4px 1px #ca2735,-3px -4px 1px #ca2735,-3px -3px 1px #ca2735,-4px -3px 1px #ca2735,-4px -2px 1px #ca2735,-4px -1px 1px #ca2735,-4px 0px 1px #ca2735,-4px 1px 1px #ca2735,-4px 2px 1px #ca2735,-3px 3px 1px #ca2735,-3px 3px 1px #ca2735,-2px 3px 1px #ca2735,-1px 3px 1px #ca2735;
}

.merit .headline1 .txt_ol {
	font-size: 90px;
	font-size: 4.2rem;
	font-weight: 900;
	color: #ca2735;
}

.merit li {
	padding: 0 10px;
	text-align: center;
}

.merit li + li {
	margin-top: 40px;
}

.merit li h3 {
	font-family: 'm_1c';
	font-weight: 700;
	justify-content: center;
	line-height: 1.4;;
	vertical-align: bottom;
	font-size: 2.4rem;
	margin-bottom: 10px;
	padding: 5px 0;
	height: 3em;
	position: relative;
  padding-left: 55px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.merit li h3 span {
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - 25px);
	font-size: 36px;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	border-radius: 25px;
	text-align: center;
}

.merit li.totalSupport h3,
.merit li.costReduction h3 {
	padding-top: 20px;
}

.merit li .img {
	max-width: 200px;
  display: block;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto 20px;
}

.merit li .text {
	text-align: left;
}


/* 実績紹介
------------------------------------------------------ */
.introduction {
	background: url(../img/introduction_bg.gif) repeat 0 0;
}

.introduction .headline1 {
	line-height: 1.1;
}

.introduction .headline1:before {
	content: 'introduction';
}

.thumList li {
	float: left;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.thumList li a {
	display: block;
	color: #262626;
	}

.thumList li a:hover {
	color: #ff4a5a;
}

.thumList li:nth-child(4n) {
	margin-right: 0;
}

.thumList li figure {
	box-shadow:0px 0px 15px rgba( 38, 44, 51, 0.15 );
	overflow: hidden;
	width: 212px;
	height: 160px;
	border: 5px solid #fff;
	margin-bottom:10px;
}

.thumList li img {
	font-size:0;
	transition:.2s ease-in-out;
	-webkit-transform:scale(1);
	-webkit-transition:.2s ease-in-out;
	transform:scale(1);
	max-width: none;
	position: relative;
	top: -6px;
	left: -6px;
}
.thumList li a:hover img {
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
}

.thumList li span {
	font-size: 10px;
	font-size: 1rem;
}

.inline {
	display: none;
}


/* ブース混ムの強み
------------------------------------------------------ */
.force {
	background-image: linear-gradient(
	-45deg,
	#dbd2d2 10%,
	#e2d7d7 10%, #e2d7d7 50%,
	#dbd2d2 55%, #dbd2d2 65%,
	#e2d7d7 65%, #e2d7d7
	);
	background-size: 10px 10px;
}

.force .headline1:before {
	content: 'boothcom’s force';
}

.force_unit {
	position: relative;
	margin-top: 42px;
	padding: 30px;
	background: #fff;
}

.force_unit .icon {
	position: absolute;
	top: -23px;
	left: -20px;
}

.force_unit .img {
	float: left;
}

.force_unit .txtArea {
	margin-left: 388px;
	line-height: 1.8;
}

.force_unit .txtArea h4 {
	color: #ca2735;
	font-size: 24px;
	font-size: 2.4rem;
	padding: 10px 0;
}


/* サービス紹介
------------------------------------------------------ */
.service {
	background: url(../img/service_bg.gif) repeat center;
}

.service .headline1:before {
    content: 'service';
}

.service .lead {
	font-size: 2.2rem;
}

.main_service {
	margin-top: 40px;
}

.main_service .text {
	position: relative;
	text-align: center;
}

.main_service:nth-child(even) .text {
	float: right
}

.main_service h3 {
	margin-bottom: -30px;
	display: inline-block;
	padding: 15px 30px;
	color: #fff;
	background: #ca2735;
	font-family: 'm_1c';
	font-size: 1.8rem;
	font-weight: normal;
	letter-spacing: .05em;
}

.main_service .text p {
	background: #fff;
  padding: 40px 30px 30px;
  text-align: left;
}

.accompany_service_list {
	margin-top: 40px;
}

.baloon {
	position: relative;
	padding: 10px;
	background: #fff;
	border: 4px solid #e2d7d7;
	font-size: 1.8rem;
	text-align: center;
}

.baloon:before,
.baloon:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
}

.baloon:before {
	bottom: -20px;
	width: 36px;
	height: 18px;
	margin-top: 100px;
	margin-left: -18px;
	border-top: 18px solid #e2d7d7;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
}

.baloon:after {
	bottom: -13px;
	width: 26px;
	height: 13px;
	margin-left: -13px;
	border-top: 13px solid #fff;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
}

.baloon span {
	color: #ca2735;
}

.accompany_service {
	position: relative;
	margin-top: 40px;
	background: #fff;
	padding: 30px 25px;
}

.accompany_service:nth-of-type(3n) {
	margin-right: 0;
}

.accompany_service:before {
	content: '';
	display: block;
	position: absolute;
	top: -17px;
	left: 50%;
	width: 34px;
	height: 34px;
	margin-left: -17px;
	background: #fff;
	border: 10px solid #ca2735;
	border-radius: 17px;
}

.accompany_service dt {
	margin-bottom: 10px;
	font-family: 'm_1c';
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}

a.btn_link {
	display: inline-block;
  width: 100%;
  margin-top: 20px;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  text-align: center;
}

a.btn_link:after {
	content: '';
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-left: 4px;
  border-top: 4px solid transparent;
  border-left: 6px solid #ca2735;
  border-bottom: 4px solid transparent;
}

a.btn_link:hover {
	color: #663035;
	background: #f8d1d4;
	border-color: #dd727c;
}


/* パッケージプラン
------------------------------------------------------ */
.plan {
	display: -webkit-box;
	display: flex;
  flex-wrap: wrap;
	position: relative;
	margin-top: 35px;
}
.plan:after {
	content: '';
	display: block;
	clear: both;
}

.plan_textBlock {
	order: 2;
	width: 100%;
	color: #fff;
	background: #004c6a;
	padding: 20px;
	vertical-align: top;
}

.plan_title {
	font-family: 'm_1c';
	font-weight: 700;
	font-size: 3rem;
	text-align: center;
}

.plan_list {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	counter-reset: my-counter;
	list-style: none;
	padding: 0 0 10px;
}
.plan_list li {
	margin-bottom: 12px;
	padding-left: 30px;
	position: relative;
	line-height: 1.25;
}
.plan_list li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -25px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 14px;
}

.plan_price dd {
	font-family: 'm_1c';
	font-weight: 700;
	font-size: 40px;
	font-size: 4rem;
	letter-spacing: .05em;
	font-style: italic;
}
.plan_price dd span {
	font-weight: 500;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: normal;
}

.plan_imgBlock {
	width: 100%;
	order: 1;
	vertical-align: top;
}
.plan_imgBlock .lead {
	color: #004c6a;
	padding: 20px 0 5px;
	margin: 0;
	font-size: 1.8rem;
	font-family:'m_1c';
	font-weight: 500;
}
.slide_wrap {
	background: #fff;
	border: 3px solid #004c6a;
	padding: 20px;
}

.slide_wrap .bx-wrapper {
	overflow: visible !important;
}
.slide_wrap .bx-viewport {
	width: 250px !important;
	overflow: hidden !important;
}
.slide_wrap .bx-wrapper .bx-controls-direction a {
	border-color: #004c6a;
	margin-top: -10px;
	z-index: 20;
}
.slide_wrap .bx-wrapper .bx-prev {
	left: calc(50% - 135px);
}

.slide_wrap .bx-wrapper .bx-next {
	right: calc(50% - 135px);
}


/* サービスの流れ
------------------------------------------------------ */
.flow {
	background: url(../img/flow_bg.gif) repeat 0 0;
}

.flow .headline1:before {
	content: 'service flow';
}

.flowList {
	margin: 0;
	padding: 0;
}

.flowList li {
	min-height: 150px;
	padding: 20px;
	list-style: none;
	position: relative;
	background: #fff;
}

.flowList li + li {
	margin-top: 20px;
}

.flowList li:before {
	width: 30px;
  height: 30px;
  background: #e2d7d7;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -15px;
  content: "";
  z-index: 99;
  transform: rotate(45deg);
}

.flowList li:after {
	width: 30px;
  height: 30px;
  background: #fff;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -15px;
  content: "";
  z-index: 99;
  transform: rotate(45deg);
}

.flowList li.step6:before,
.flowList li.step6:after {
	display: none;
}

.flowList li .img {
	display: table-cell;
	width: 35%;
	padding-right: 10px;
	line-height: 0;
	margin-right: 20px;
	vertical-align: middle;
}

.flowList li .text {
	display: table-cell;
	vertical-align: middle;
}

.flowList li h3 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 5px;
}

.flowList li.step1 h3 {
	margin-top: 10px;
	}



/* お問い合わせ
------------------------------------------------------ */
.form {
	background: #fff;
}

.form p {
	font-size: 1.4rem;
}

.form .headline1 {
	color: #333;
}

.form .headline1:before {
	content: 'mail form';
}

.form_inq dl {
	width: 100%;
	margin: 20px auto 0;
}

form#mailformpro dl dt {
	font-size: 1.6rem !important;
	margin-top: 20px;
}

.must {
	font-size: 1.3rem;
}

.form_inq dd {
	font-size: 1.6rem !important;
}

.terms {
	margin-top: 40px;
	margin-bottom: 50px;
	font-size: 1.2rem;
}

.terms h3 {
	margin-bottom: 20px;
	font-size: 1.8rem;
	text-align: center;
}

.terms .policy {
	height: 234px;
	margin-top: 15px;
	padding: 20px;
	background: #fff;
	border: 2px solid #ccc;
	text-align: left;
	line-height: 2;
	overflow: scroll;
}

.terms .policy h4 {
	font-size: 1.5rem;
}

.terms .policy dt {
	margin-top: 10px;
	font-weight: bold;
}

.form .btn {
	text-align: center;
}

.form .btn input {
	display: inline-block;
}

.form .btn input {
-webkit-transform: translate3d(0, 4px, 0);
}

form#mailformpro {
	padding: 0;
}



/* ------------------------------------------------------
::Footer
------------------------------------------------------ */
.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
	padding: 40px 0;
	color: #ffffff;
	background: #262626;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}

.footer a {
	color: #fff;
}

.footer .footerLogo {
	width: 200px;
	margin: 0 auto 30px;
}



/* ------------------------------------------------------
::Thanks
------------------------------------------------------ */
#thanks {
	background: none;
}

#thanks .header {
	height: auto;
}

#thanks .footer{
	height: 100px;
}

/*0312*/
#link_for_design_booth{
	margin-top: 50px;
}