@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:form.css */
/* creation date:2015年11月8日 */
/* last updated:2015年11月8日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	001.ttlBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
.blockArea {
	background:url(https://www.marutaka-c.com/common/images/common/bg_ttl.png) repeat-x top;
	position:relative;
	top:-90px;
	overflow:hidden;
	margin-bottom:-90px;
}

#freespaceBlock #sideTtlBlock h2 {
　width:0px;
  height:0px;
}

.boxArea #pankuzu {
	width:840px;
	float:right;
}
.boxArea .innerBlock {
	width: 840px;
        margin: 0 auto;
        clear: both;
}
}
@media screen and (min-width: 640px) {

.innerBlock .textBox figure {
	width:px;
	height:px;
	position:absolute;
	right:0px;
	top:40px;
}
.innerBlock .textBox p {
	line-height:2;
	padding-bottom:2em;
}
.innerBlock .textBox p b {
	font-size:108%;
}
.innerBlock .contactBox {
	width:442px;
	height:114px;
	text-align:center;
	margin:0 auto 70px;
	background:url(../../images/contact/bg_tel_box.png) no-repeat;
}
.innerBlock .contactBox dl {
	padding:25px 0 10px;
	background:url(../../images/contact/bg_line.png) no-repeat center bottom;
}
.innerBlock .contactBox dl dt {
	font-size:108%;
	line-height:40px;
	font-weight:bold;
	display:inline-block;
	padding-right:25px;
}
.innerBlock .contactBox dl dd {
	font-size:243%;
	line-height:40px;
	display:inline-block;
}
.innerBlock .contactBox p {
	font-size:86%;
	padding-top:5px;
}

.innerBlock section {
	text-align:center;
	padding-bottom:100px;
	background:url(https://www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 30px;
}
.innerBlock section.planBox {
	padding-bottom:50px;
}
.innerBlock section h3 {
	font-size:172%;
	line-height:60px;
	background:#fff;
	display:inline-block;
	padding:0 10px;
}

.innerBlock section .indispensable {
	width:40px;
	height:16px;
	font-size:86%;
	line-height:16px;
	text-align:center;
	color:#fff;
	background:#e54905;
	margin:0 auto;
}
.innerBlock section.contentBox ul {
	width:70%;
	margin:0 auto;
}
.innerBlock section ul {
	text-align:left;
	padding-top:10px;
}
.innerBlock section ul li {
	padding-bottom:5px;
        display:inline-block;
}
.innerBlock section dl dt span {
	width:40px;
	height:16px;
	font-size:86%;
	line-height:16px;
	text-align:center;
	color:#fff;
	background:#e54905;
	margin:0 auto;
	float:left;
}
.innerBlock section dl {
	padding:15px 0;
}
.innerBlock section dl dt {
	width:30%;
	font-weight:bold;
	padding:8px 10px 10px 30px;
	float:left;
	text-align:right;
}
.innerBlock section dl dd {
	width:70%;
	text-align:left;
	float:right;
	padding:0px 0 0 40px;
}
.innerBlock section dl dd > input[type="email"] ,
.innerBlock section dl dd > input[type="text"] {
	width:400px;
	border:1px solid #000;
	padding:10px;
	margin:0;
}
.innerBlock section .in input[type="text"] {
	width:250px;
	padding:5px;
	border:1px solid #000;
}
.innerBlock section textarea {
	width:95%;
	height:90px;
	border:1px solid #000;
	padding:10px;
	margin:0;
}
.innerBlock section dl dd select {
	width:220px;
	height:40px;
	background:#fff;
	border:1px solid #000;
	border-radius:0px;
	padding:10px;
	margin:0;
}
.innerBlock section dl dd > input#post2 ,
.innerBlock section dl dd > input#post {
	width:88px;
	margin-left:5px;
}
.innerBlock section dl dd p {
	padding-bottom:15px;
}
.innerBlock section .in {
	font-size:86%;
	padding-left:2em;
	padding:5px 0 5px 2em;
}
.innerBlock section dl dd.checkbox {
	line-height:2.0;
}
.innerBlock .btnArea {
	text-align:center;
	background:url(/common/images/corporate/bg_line.png) no-repeat 50% 0px;
	padding:50px 0;
}
.innerBlock .btnArea input {
	width:240px;
	font-size:114%;
	letter-spacing:2px;
	font-weight:bold;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:40px;
	color:#fff;
	background:#362b22;
	display:inline-block;
	border:none;
	outline:none;
	margin:0 5px;
	border-radius:5px;
	cursor:pointer;
	-webkit-appearance: none;
}
.innerBlock .btnArea input:hover {
	background:#000;
}
.innerBlock label {
	display:inline-block;
}
.innerBlock label input {
	margin-right:5px;
	display:inline-block;
	position:relative;
	top:-2px;
}

/* --------------------------------------------------
	002.config
-------------------------------------------------- */

.innerBlock .mw_wp_form_confirm .contactBox ,
.innerBlock .mw_wp_form_confirm .textBox ,
.mw_wp_form_confirm .confignone ,
.mw_wp_form_confirm dt span ,
.mw_wp_form_confirm .indispensable {
	display:none;
}
.mw_wp_form_confirm ul li .in span {
	font-size:86%;
	color:#777;
}
.mw_wp_form_confirm .more ,
.mw_wp_form_confirm ul li .in {
	min-height:40px;
	background:#eee;
	padding:10px;
	border-radius:3px;
}
.innerBlock .mw_wp_form_confirm section dl dd {
	min-height:40px;
	border:1px solid #000;
	padding:10px;
}


/* --------------------------------------------------
	003.thanks
-------------------------------------------------- */
.innerBlock .thanksBox {
	text-align:center;
	padding:100px 0;
}
.innerBlock .thanksBox p {
	padding-bottom:25px;
}
.innerBlock .thanksBox .catch {
	font-size:143%;
	padding-bottom:25px;
}

.innerBlock .thanksBox p small {
	font-size:71%;
}
}

@media screen and (max-width: 639px) {
.innerBlock {
	padding-bottom:0px;
}
.innerBlock .textBox {
	text-align:left;
	position:relative;
	padding:10px;
}
.innerBlock .textBox figure {
	text-align:center;
	padding:10px 0;
}
.innerBlock .textBox figure img {
	width:70%;
	margin:0 auto;
}
.innerBlock .textBox p {
	line-height:2;
	padding-bottom:2em;
}
.innerBlock .textBox p b {
	font-size:108%;
}
.innerBlock .contactBox {
	text-align:center;
	margin:0 10px 20px;
	border:1px solid #333;
}
.innerBlock .contactBox dl {
	padding:15px 0 10px;
	border-bottom:1px dashed #333;
}
.innerBlock .contactBox dl dt {
	font-size:108%;
	line-height:30px;
	font-weight:bold;
}
.innerBlock .contactBox dl dd {
	font-size:243%;
	line-height:40px;
	display:inline-block;
}
.innerBlock .contactBox p {
	font-size:86%;
	padding-top:5px;
}

.innerBlock section {
	text-align:center;
	padding:15px 10px;
	border-top:1px solid #333;
}
.innerBlock section h3 {
	font-size:116%;
	line-height:1.5;
	color:#fff;
	background:#333;
	display:block;
	padding:15px 10px;
}

.innerBlock section .indispensable {
	width:30px;
	height:16px;
	font-size:71%;
	line-height:16px;
	text-align:center;
	color:#fff;
	background:#e54905;
	margin:5px auto;
}
.innerBlock section.contentBox ul {
	margin:0 auto;
}
.innerBlock section ul {
	text-align:left;
	padding-top:10px;
}
.innerBlock section ul li {
	padding-bottom:5px;
        display:inline-block;
}
.innerBlock section dl dt span {
	width:30px;
	height:16px;
	font-size:71%;
	line-height:16px;
	text-align:center;
	color:#fff;
	background:#e54905;
	display:block;
	float:left;
	margin-right:5px;
}
.innerBlock section dl {
	text-align:left;
	padding:15px 0;
	border-bottom:1px solid #eee;
}
.innerBlock section dl dt {
	font-weight:bold;
	padding-bottom:5px;
}
.innerBlock section dl dd {
}
.innerBlock section dl dd > input[type="email"] ,
.innerBlock section dl dd > input[type="text"] {
	width:100%;
	border:1px solid #000;
	padding:10px;
	margin:0;
}
.innerBlock section .in input[type="text"] {
	width:100%;
	padding:5px;
	border:1px solid #000;
}
.innerBlock section textarea {
	width:95%;
	height:90px;
	border:1px solid #000;
	padding:10px;
	margin:0;
}
.innerBlock section dl dd select {
	width:220px;
	height:40px;
	background:#fff;
	border:1px solid #000;
	border-radius:0px;
	padding:10px;
	margin:0;
}
.innerBlock section dl dd > input#post2 ,
.innerBlock section dl dd > input#post {
	width:88px;
	margin-bottom:5px;
}
.innerBlock section dl dd p {
	padding-bottom:15px;
}
.innerBlock section .in {
	font-size:86%;
	padding-left:2em;
	padding:5px 0 5px 2em;
}
.innerBlock section dl dd.checkbox {
	line-height:2.5;
}
.innerBlock .btnArea {
	text-align:center;
	padding:0 5px;
}
.innerBlock .btnArea input {
	width:95%;
	font-size:114%;
	letter-spacing:2px;
	font-weight:bold;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:40px;
	color:#fff;
	background:#362b22;
	border:none;
	outline:none;
	margin:0 auto 5px;
	border-radius:5px;
	cursor:pointer;
	display:block;
	-webkit-appearance: none;
}
.innerBlock label {
	display:inline-block;
}
.innerBlock label input {
	margin-right:5px;
	display:inline-block;
	position:relative;
	top:-2px;
}

/* --------------------------------------------------
	002.config
-------------------------------------------------- */

.innerBlock .mw_wp_form_confirm .contactBox ,
.innerBlock .mw_wp_form_confirm .textBox ,
.mw_wp_form_confirm .confignone ,
.mw_wp_form_confirm dt span ,
.mw_wp_form_confirm .indispensable {
	display:none;
}
.mw_wp_form_confirm ul li .in span {
	font-size:86%;
	color:#777;
}
.mw_wp_form_confirm .more ,
.mw_wp_form_confirm ul li .in {
	min-height:40px;
	background:#eee;
	padding:10px;
	border-radius:3px;
}
.innerBlock .mw_wp_form_confirm section dl dd {
	min-height:40px;
	border:1px solid #000;
	padding:10px;
}


/* --------------------------------------------------
	003.thanks
-------------------------------------------------- */
.innerBlock .thanksBox {
	text-align:center;
}
.innerBlock .thanksBox p {
	padding:0 15px 25px;
}
.innerBlock .thanksBox .catch {
	font-size:143%;
	padding-bottom:25px;
}

.innerBlock .thanksBox p small {
	font-size:71%;
}
}


@media screen and (min-width: 640px) {
#freespaceBlock .fp-outlineBlock {
    background: url(https://www.marutaka-c.com/common/images/corporate/showroom/bg_gray.png) no-repeat;
    margin: 0 auto;
    padding: 50px;
    text-align: left;
    background-size:contain;
}
.boxArea #sideTtlBlock h2 {
    text-align: left;
    font-size:1.5m;
}

.boxArea #sideTtlBlock {
    width: 100%;
    float: left;
    padding:0px;
    text-align:center;
}

small {
    font-size: 30%;
    display: block;
}
}

@media screen and (max-width: 639px) {
#sideTtlBlock h2, #ttlBlock .in h2 {
    font-size: 143%;
    line-height: 1.3;
}}

#freespaceBlock .formArea {
    border: 1px solid #000;
    padding: 4%;
}

@media screen and (min-width: 640px) {
#freespaceBlock div.btn a {
    width: 273px;
    height: 68px;
    font-size: 114%;
    line-height: 1.3;
    font-weight: bold;
    display: block;
    background: url(https://www.marutaka-c.com/common/images/corporate/showroom/bg_btn.png) no-repeat;
    padding: 10px 0 10px 80px;
    margin: 0 auto;
    position: relative;
}

#freespaceBlock div.btn a div.icon {
    width: 70px;
    text-align: center;
    line-height: 68px;
    position: absolute;
    left: 10px;
    top: 0px;
}

#freespaceBlock div.btn a i {
    width: 1em;
    line-height: 2;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    right: 18px;
}

#freespaceBlock .btn a span {
    font-size: 75%;
}
}
.fp-outlineBlock u {
text-align:right;
display:block;
}

#freespaceBlock h3.free-tytle {
font-size: 144%;
padding:5% 0%;
}