@charset "utf-8";
p.caption {
max-width: 800px;
margin: 30px auto 0 auto;
}
p.lead {
font-size: 1rem;
}

.main-img {
max-width: 800px;
margin: 0 auto;
}

.main-img img {
margin-bottom:30px;
}

@media (min-width: 768px) {
section.form-styles .form-box textarea::placeholder {
color: transparent;
}

section.form-styles .form-box input[type=text].short, 
section.form-styles .form-box input[type=tel].short,
section.form-styles .form-box .form-select.priceshort {
width:200px;
}

.inputline-text {
line-height:42px;
}

span.pricefromto {line-height: 50px;}
}/* MIN768PC */

@media (max-width: 767px) {
section.consult-form.form-styles h4 span.cap {
margin-top: 0;
line-height: 1.3em;
}

section.form-styles .form-box input[type=text].short, 
section.form-styles .form-box input[type=tel].short,
section.form-styles .form-box .form-select.priceshort {
width:calc(100% - 5em);
}

.inputline-text {
line-height:42px;
width:5em;
}

.sp-bottom10 {
margin-bottom:10px;
}
span.pricefromto {line-height: 50px;}

}/* MAX767SP */


@media (max-width: 767px) {
section.form-styles .form-box .form-checkbox label, 
section.form-styles .form-box .form-radio label, 
.form-box #disp_add_sub label, 
.form-box #disp_traffic_station label {
}
}

/* LINE SP */
article.Line dl.line dt.opened{ 
    background-image: none;
    background-color: #E9F0F9;
    color: #0073C0;
    clear: both;
    font-weight: bold;
    margin: 15px auto 10px auto;
    padding: 5px 3%;
    text-align:center;
}

article.Line dl.line ul li{ 
    width:100%;
    padding:0;
}

article.Line dl.line dd.divLineButton, article dl.line dd.divLineButton{
    float: right;
    padding: 5px 0;
}

article.Line dl.line dt.tdRegistLine, article dl.line dt.tdRegistLine {
    float: left;
    padding: 5px 0;
    color:#000;
}

article .inner.link-btn a.line {
    background: #00BC02;
    font-size: 5vw;
    max-width: 800px;
    width: calc(100% - 40px);
    display: block;
    font-weight: bold;
    border-radius: 4px;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin: 5px 20px 30px;
    text-decoration: none;
}


/* ボタン追加 */
.btn-area {
/*position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 990;*/
text-align: center;
}

.btn-area.is-hide {
position: absolute;
left: 50%;
bottom: -40px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.btn-area.refine-search p {
background:url(/bb-commons/images/search/icon-refine-search.png) no-repeat center bottom #0078BE;
letter-spacing: 0;
color: #FFFFFF;
line-height: 78px;
cursor: pointer;
font-size: 34px;
}

.btn-area.refine-search p a {
text-decoration:none;
color: #FFFFFF;
}

@media (max-width: 767px) {
.btn-area.refine-search p {
font-size: 1.45em;
height: 50px;
background-size: 156px;
background-position-y: bottom!important;
padding: 10px 200px 10px 5px;
background-position: calc(((100vw - 205px) / 2) - 78px);
line-height: 50px;
box-sizing: border-box;
padding: 0 5px;
background-size: auto 95%;
background-position-x: center;
}
}


@media (min-width: 768px) {
.main-img-wide img {
margin: 0 -20px 30px -20px;
max-width: calc(100% + 40px);
}
}

@media (max-width: 767px) {
.main-img-wide img {
margin: 0 -20px 30px -20px;
max-width: calc(100% + 40px);
}
}