/************************************

	common_header_middle.css

*************************************/

/****************************************
for PC（解像度低めのPC）
*****************************************/

@media print,screen and (min-width:980px) and ( max-width:1310px){
	span.pc_middle{
	display: none;
}

span.text_inline{
	display: block;
	padding-left: 1.4rem;
}

}

@media print,screen and (min-width:980px) and ( max-width:1250px){
	ul.office_moving_list li {
    background: url(../img/office_box2.png) no-repeat;
    background-size: contain;
    height: 30.5rem;
    position: relative;
    width: 27rem;
}

ul.office_moving_list h6 {
    color: #7f4e21;
    font-size: 1.3rem;
    margin-top: 3rem;
    text-align: center;
}

ul.office_moving_list h6.SP_S_h6_margin{
	margin-top: 4rem;
}

ul.office_moving_list p {
    font-size: 1.2rem;
    line-height: 2rem;
    margin: 2rem;
    color: #595757;
    text-align: justify;
}

ul.office_moving_list p.SP_S_p_margin{
    margin-top: 3rem;
}

div.office_move_box {
    left: 0.5rem;
    margin: 0 auto;
    padding: 2rem;
    position: absolute;
    top: 1rem;
	box-sizing: border-box;
	border: none;
}

div.office_box {
    background: rgba(0, 0, 0, 0) url("../img/office_back.jpg") no-repeat scroll 0 0;
    border-radius: 1rem;
    margin: 6rem auto 0;
    /*width: 91%;*/
	width: 88.6rem;
}

}

@media print,screen and (min-width:980px) and ( max-width:1030px){


ul.house_moving_list{
    margin: 0 auto;
    text-align: justify;
    width: 95%;
	max-width: 118rem;
	padding-bottom: 7rem;
}

ul.house_moving_list > li{
    display: block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 75%;
	border-radius: 1rem;
	margin: 6rem auto;
}

ul.house_moving_list > li {
    width: 75%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	padding-bottom: 3rem;
}

div.sagyou {
    background: #fff none repeat scroll 0 0;
    border-radius: 1rem;
    box-shadow: 2px 2px 5px 2px rgba(2, 2, 2, 0.35);
    margin: 3rem auto 0;
    width: 90%;
}

img.economy_single{
	max-width: 10.9rem;
	height: auto;
}

img.standard_family{
	max-width: 23.6rem;
	height: auto;
}

}



@media print,screen and (min-width:768px) and ( max-width:836px){

a.two_line_pad{
	padding-top: 1rem!important;
}

}




/*グーグルwebフォントの読み込み指定
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/* IE10以降だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){

}