@charset "utf-8";
/* CSS Document */

/* /passiv/sp/index.html
----------------------------------------------------------------------------------------------*/
.root .index #mainContentsInner02{
background:#636363;
padding-bottom:15px;
}
.root .index #movieBox01{
box-shadow:0 0 5px #494949;
border-radius:3px;
background:url(/passiv/sp/images/index_bg_base_01.gif) no-repeat 0 0;
background-size:290px 105px;
width:270px;
height:85px;
margin:0 auto;
padding:10px;
}
.root .index #movieBox01 .ttl01{
margin:0 0 30px;
text-align:center;
}
.root .index #movieBox01 ul{
border-radius:3px;
border:1px solid #000;
margin:0;
}
.root .index #movieBox01 ul:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.root .index #movieBox01 ul li{
box-sizing:border-box;
float:left;
background: #656565;
background: -moz-linear-gradient(top,  #656565 0%, #545454 50%, #4b4b4b 50%, #3f3f3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(50%,#545454), color-stop(50%,#4b4b4b), color-stop(100%,#3f3f3f));
background: -webkit-linear-gradient(top,  #656565 0%,#545454 50%,#4b4b4b 50%,#3f3f3f 100%);
background: -o-linear-gradient(top,  #656565 0%,#545454 50%,#4b4b4b 50%,#3f3f3f 100%);
background: -ms-linear-gradient(top,  #656565 0%,#545454 50%,#4b4b4b 50%,#3f3f3f 100%);
background: linear-gradient(to bottom,  #656565 0%,#545454 50%,#4b4b4b 50%,#3f3f3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#3f3f3f',GradientType=0 );
width:50%;
margin-left:-1px;
text-align:left;
}
.root .index #movieBox01 ul li.button01{
border-radius:2px 0 0 2px;
}
.root .index #movieBox01 ul li.button02{
border-radius:0 2px 2px 0;
border-left:1px solid #000;
}

.root .index #movieBox01 ul li.button01 a{
box-shadow:1px 0 3px 2px #393939 inset;
border-radius:2px 0 0 2px;
}
.root .index #movieBox01 ul li.button02 a{
box-shadow:-1px 0px 3px 2px #393939 inset;
border-radius:0 2px 2px 0;
}
.root .index #movieBox01 ul li a{
display:block;
padding:8px 10px;
}

/* /passiv/sp/contact.html
----------------------------------------------------------------------------------------------*/
.sectionType01{
padding:0 10px;
}
.iconTypeA01{
display:block;
height:23px;
padding:0 5px;
line-height:23px;
background:#b81a26;
text-shadow:none;
-moz-text-shadow:none;
-webkit-text-shadow:none;
font-size:14px;
color:#fff;
}
.root .contact{
overflow:hidden;
}
.root .contact:before,
.root .contact:after {
content: "";
background: #fff !important;
border-top:2px solid #939293;
position: absolute;
top: 0;
bottom:0;
}
.root .contact:before{
left:50%;
right:0;
}
.root .contact:after{
right:50%;
left:0;
}
.root .contact .ttl01{
margin:0;
padding:8px 0 11px;
background:url(/passiv/sp/images/contact_ttl_bg_01.png) no-repeat;
background-size:100%;
font-size:15px;
font-weight:bold;
color:#fff;
text-align:center;
}
.root .contact #mainContentsInner01 {
background: url(/passiv/sp/common/images/mod_bg_base_01.gif) no-repeat 50% 0;
background-size: 320px 2px;
padding: 2px 0 15px;
position: relative;
z-index: 100;
}
.root .contact .stepBox {
display:table;
overflow: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 12px;
}
.root .contact .stepBox li {
display:table-cell;
width: 33%;
height: 51px;
background: #a99075;
}
.root .contact .stepBox li span {
display: block;
height: 51px;
text-indent: -9999999px;
position: relative;
}
.root .contact .stepBox li:nth-child(1) span {
background: url(/passiv/sp/images/contact_step_01.png) no-repeat center;
background-size: 79px 28px;
}
.root .contact .stepBox li:nth-child(2) span {
background:url(/passiv/sp/images/contact_step_02.png) no-repeat center;
background-size: 63px 28px;
}
.root .contact .stepBox li:nth-child(3) span {
background:url(/passiv/sp/images/contact_step_03.png) no-repeat center;
background-size: 62px 28px;
}
.root .contact .stepBox li.current {
background: #4c2225;
}
.root .contact .stepBox li:nth-child(1) span:before{
z-index:100;
}
.root .contact .stepBox li:nth-child(2) span:before{
z-index:99;
}
.root .contact .stepBox li:nth-child(3) span:before{
z-index:98;
}
.root .contact .stepBox li:nth-child(1) span:before,
.root .contact .stepBox li:nth-child(2) span:before,
.root .contact .stepBox li.current:nth-child(1) span:before,
.root .contact .stepBox li.current:nth-child(2) span:before,
.root .contact .stepBox li.back:nth-child(1) span:before,
.root .contact .stepBox li.backt:nth-child(2) span:before {
content: "";
display: block;
position: absolute;
top: 0;
right: -12px;
width: 12px;
height: 51px;
background:url(/passiv/sp/images/contact_stepBox_arrow_02.gif) no-repeat;
background-size:100%;
}
.root .contact .stepBox li.back:nth-child(1) span:before,
.root .contact .stepBox li.back:nth-child(2) span:before {
background:url(/passiv/sp/images/contact_stepBox_arrow_03.gif) no-repeat;
background-size:100%;
}
.root .contact .stepBox li.current:nth-child(1) span:before,
.root .contact .stepBox li.current:nth-child(2) span:before{
background:url(/passiv/sp/images/contact_stepBox_arrow_01.gif) no-repeat;
background-size:100%;
}
.root .contact .stepImg{
box-sizing:border-box;
padding:0 10px;
text-align:center;
font-size:14px;
color:#a03860;
}
.root .contact .stepImg p{
margin:0 0 6px;
font-weight:bold;
}
.root .contact .stepImg .img{
margin:0 0 16px;
}
.root .contact h3{
margin:0 -10px;
padding:10px;
background:#7e6b5a;
line-height:1.5;
font-size:16px;
font-weight:bold;
color:#fff;
text-align:left;
}
.root .contact .formBox01{
text-align:left;
}
.root .contact .formBox01 dt{
position:relative;
margin:0 -10px 10px;
padding:15px 10px 7px;
border-top:1px solid #ebebeb;
font-size:15px;
font-weight: bold;
color:#333333;
}
.root .contact .formBox01 dt:first-child{
border:none;
}
.root .contact .formBox01 dt span{
position:absolute;
top:15px;
right:10px;
}
.root .contact .formBox01 dd{
margin:0 0 15px 0 ;
font-weight: bold;
}
.root .contact .formBox01 dd.text{
padding:0 5px;
line-height:1.5;
}
.root .contact .formBox01 dd p{
margin:0 0 5px;
}
.root .contact .formBtn01{
margin:0 0 15px;
padding-top:15px;
border-top:1px solid #ebebeb;
}
.root .contact .formBtn01 a{
display:block;
height:44px;
line-height:44px;
background: url(/passiv/sp/images/contact_btn_bg_left.gif) no-repeat left top,
            url(/passiv/sp/images/contact_btn_bg_right.gif) no-repeat right top,
            url(/passiv/sp/images/contact_btn_bg_center.gif) repeat-x left top;
background-size: 20px 44px, 24px 44px, 10px 44px;
font-size:15px;
color:#fff;
text-decoration:none;
}
.root .contact .formBox01 input,
.root .contact .formBox01 select {
font-size: 16px; 
}
.root .contact .formBox01 dd select{
width:300px;
}
.root .contact .formBox01 dd label{
width:100%;
display:inline-block;
box-sizing:border-box;
margin:0 0 15px;
font-size:13px;
color:#333333;
vertical-align:middle;
text-indent:-1em;
padding:0 0 0 1em;
}
.root .contact .formBox01 dd input[type="text"],
.root .contact .formBox01 dd input[type="tel"],
.root .contact .formBox01 dd input[type="email"]{
width:100%;
height:36px;
padding:0 0 0 10px;
background:#e8e8e8;
border-radius:3px;
border:none;
box-sizing:border-box;
}
.root .contact .formBox01 dd textarea{
display:block;
width:100%;
box-sizing:border-box;
padding:5px;
background: #e8e8e8;
border: none;
border-radius:5px;
font-size:13px;
resize:none;
}
.root .contact .formBox01 dd input[type="checkbox"],
.root .contact .formBox01 dd input[type="radio"]{
margin:-3px 5px 0 0;
}
.root .contact .formBox01 .notesMark{
margin:6px 0 0;
font-size: 75%;
color: #838383 !important;
font-weight:normal;
}
.root .contact .linkTypeA02{
margin-top:24px;
}
.root .contact .linkTypeA01 a,
.root .contact .linkTypeA02 a{
display:inline-block;
padding:2px 0;
color:#00a0e9;
text-decoration:none;
font-weight:bold;
font-size:12px;
position:relative;
}
.root .contact .linkTypeA01 a{
padding-right:19px;
}
.root .contact .linkTypeA02 a{
padding-left:19px;
}
.root .contact .linkTypeA01 a:after,
.root .contact .linkTypeA02 a:after{
position:absolute;
top:50%;
content:"";
display:inline-block;
width:14px;
height:21px;
}
.root .contact .linkTypeA01 a:after{
right:0;
margin-top:-12px;
background:url(/passiv/sp/images/mod_arrow_01.gif) no-repeat;
}
.root .contact .linkTypeA02 a:after{
left:0;
margin-top:-11px;
background:url(/passiv/sp/images/mod_arrow_02.gif) no-repeat;
}
.root .contact .thanksTxt{
padding:56px 0;
text-align:center;
font-size:22px;
line-height:27px;
font-weight:bold;
color:#4c2225;
}
.root .contact .errorBox{
margin:0 -10px;
padding:15px 0;
background:#b81a26;
font-weight:bold;
text-align:center;
}
.root .contact .errorBox p{
position:relative;
margin:0;
padding-left:26px;
display:inline-block;
font-size:14px;
color:#fff;
}
.root .contact .errorBox p:before,
.root .contact dt.alertType01:before,
.root .contact p.alertType01:before{
position:absolute;
top:50%;
left:0;
content:"";
display:inline-block;
width:20px;
height:20px;
margin-top:-10px;
background:url(/passiv/sp/images/contact_icon_01.png) no-repeat;
background-size:100%;
}
.root .contact dt.alertType01:before,
.root .contact p.alertType01:before{
left:10px;
margin-top:-8px;
background:url(/passiv/sp/images/contact_icon_02.png) no-repeat;
background-size:100%;
}
.root .contact  dt.alertType01,
.root .contact  p.alertType01{
padding-left:36px;
color:#b81a26;
}
.root .contact  p.alertType01{
position:relative;
padding-left:26px;
}
.root .contact p.alertType01:before{
margin-top:-11px;
left:0;
}
.root .contact .formBox01 dd.alertType02 input[type="text"],
.root .contact .formBox01 dd.alertType02 input[type="tel"],
.root .contact .formBox01 dd.alertType02 input[type="email"],
.root .contact .formBox01 dd.alertType02 textarea{
background:#f6dcde;
}
.root .contact .formBox01 dd input::-webkit-input-placeholder {
font-size:12px !important;
font-weight:bold;
}
.root .contact .formBox01 dd input:-moz-placeholder {
font-size:12px !important;
font-weight:bold;
}
.root .contact .formBox01 dd.alertType02 input::-webkit-input-placeholder {
font-size:12px !important;
font-weight:bold;
color:#bd858a;
}
.root .contact .formBox01 dd.alertType02 input:-moz-placeholder {
font-size:12px !important;
font-weight:bold;
color:#bd858a;
}
.root .contact .formBox01 .errorTxt{
margin-top:5px;
font-size:14px;
color:#b81a26;
text-align:center;
}