﻿/****************************************

	hikkoshi.css

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


h1 {
    display: block;
    float: left;
    margin-top: 0.5rem;
}
	
section.center{
	text-align: center;
	margin-top: 5.5rem;
}


section.service{
	background: rgba(0,104,182,0.7);
	color: #fff;
	margin-top: 4rem;
}


div.main_img img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}


h2.main_title  {
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin:auto;
	width: calc(100%/4);
	/*padding-top: 11%;*/
	padding-top: 12.5%;
	font-family: "Noto Sans Japanese",sans-serif;
	text-align: center;
	background:rgba(0,104,182,0.7);
	color: #fff;
	font-size: 2rem;
	font-weight: lighter;
}



h2.title{
	/*font-size: 1.8rem;
	line-height:2.5rem;
	color: #595757;
	padding: 1.7rem 0;
	text-align: center;
	font-weight: lighter;*/
}


section.service h2.title {
    color: #fff;
    padding-bottom: 0;
    padding-top: 2rem;
	text-align: center;
	font-size: 2rem;
    font-weight: bold;
}


p.hikkoshi_text{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.2rem;
	margin-top: 2rem;
	width: 90%;
	margin: 1rem auto 0;
	line-height: 2rem;
}


a.mitsumori_link_btn{
	display: block;
	width: 90%;
	padding: 0.8rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #c30e23; /* Old browsers */
	background: -moz-linear-gradient(top,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin: 5.5rem auto 0;
}


a.mitsumori_link_btn div.mitsumori_BTN{
	padding: 1.5rem;
	border: solid 1px #fff;
}


/*a.mitsumori_link_btn span.yajirushi{
	font-size: 3rem;
	color: #fff;
}*/


ul.service_list {
    margin: 0 auto;
    text-align: justify;
    width: 90%;
	max-width: 118rem;
	padding-bottom: 4rem;
}


ul.service_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


ul.service_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100%;
	background: #fff;
	border-radius: 1rem;
	margin-top: 2rem;
}


ul.service_list h3{
	background: #d2e2f4;
	color: #0068b6;
	font-size: 1.8rem;
	padding: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}


ul.service_list ul{
    width: 90%;
	margin: 1.5rem 1rem;
}

ul.service_list ul li.s_img{
	width: 25%;
    display: inline-block;
	vertical-align: top;
}

ul.service_list ul li.s_text{
	font-size: 1.3rem;
	color: #595757;
	width: 72%;
    display: inline-block;
	text-align: left;
	line-height: 2rem;
	padding-left: 0.5rem;
	padding-top: 0.5rem;
}

ul.service_list ul li.s_text_middle{
	padding-top: 1.5rem;
}


/*p.center_text {
    width: 90%;
	margin: 0 auto;
}*/

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

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

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

li.plan1{
	background: #22ab38;
}

li.plan2{
	background: #eb6da5;
}

li.plan3{
	background: #9b72af;
}

li.plan4{
	background: #f39700;
}

.green{
	background: #00913a;
}

.pink{
	background: #d5007f;
}

.purple{
	background: #7d4697;	
}

.orange{
	background: #ea5415;
}

/*.brown{
	background: #c8a062;
	opacity: 0.9;
}*/


h4, h5 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #fff;
    font-weight: lighter;
    padding: 1rem;
}

h4{
    font-size: 1.8rem;
}

h5 {
    background: #c89f62;
    font-size: 1.7rem;
}

h5.office_move_h5{
	padding-top: 1rem;
	border-radius: 0;
}

h4.brown{
	color: #c8a062;
	padding: 0.5rem 0 0.5rem 0.5rem;
	margin-top: 2rem;
	font-weight: bold;
	text-align: left;
	border-left: 1rem solid;
	border-radius: 0;
}

img.figure_img {
    height: auto;
    max-width: 49.9rem;
    width: 93%;
}

img.wide_img {
    height: auto;
    max-width: 46.4rem;
    width: 93%;
}

img.sagyou_img {
    margin: 2rem auto;
	max-width: 34.2rem;
	width: 93%;
}

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

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

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%;
}

ul.house_moving_list li p, div.border p, ul.office_moving_list p {
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.5rem;
    margin: 2rem;
}

h2.h2_house_moving, h2.h2_office_moving {
	/*background: rgba(0, 0, 0, 0) url("../img/box_img.jpg") no-repeat scroll center left / contain;*/
	color:  #0068b6;
    padding: 2rem 8rem;
	box-sizing: border-box;
	width: 95%;
	font-weight: bold;
	text-align: center;
	border: solid 2px;
    font-size: 2rem;
}

h2.h2_office_moving {
    /*background: rgba(0, 0, 0, 0) url("../img/box_img_brown.jpg") no-repeat scroll center center;*/
	color:  #c89f62;
	border: solid 2px;
}

h3.h3_house_moving, h3.h3_office_moving {
    color: #0068b6;
    font-size: 1.5rem;
	line-height: 2rem;
    font-weight: lighter;
    margin: 2rem auto 0;
    width: 90%;
	text-align: left;
}

h3.h3_office_moving {
    color: #7f4e21;
}

h3.back_white {
    background: #fff none repeat scroll 0 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(3rem / -2);
    width: 18rem;
	text-align: center;
}

div.border {
    border: 1px solid #0068b6;
    margin: 0 auto 5rem;
    position: relative;
   text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
    width: 91%;
}

ul.option {
    margin: 3rem auto 2rem;
    width: 90%;
}

h6 {
    color: #0068b6;
    font-size: 1.3rem;
    text-align: left;
}

div.border p {
    color: #595757;
    margin: 3.5rem auto 2.5rem;
    width: 90%;
}

ul.option p {
    margin: 0.5rem 1rem;
    text-align: left;
    width: 100%;
	line-height: 2rem;
}

ul.option > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
}

p.text_left_1,p.text_left_2{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.3rem;
    line-height: 2.5rem;
}

p.text_left_1{
	box-sizing: border-box;
	margin: 3.5rem auto 0!important;
}

p.text_left_2{
	box-sizing: border-box;
	margin: 0 auto 2.5rem!important;
}

p.text_left_3{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.3rem;
    line-height: 2.5rem;
	margin-left: auto!important;
	margin-right: auto!important;
}

	
span.pc_middle{
	display: none;
}

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

div.office_box {
    border-radius: 1rem;
    margin: 0.5rem auto 0;
    width: 91%;
}

div.office_move_box {
    margin: 1rem auto;
    padding: 2rem;
	border: solid 0.1rem #c89f62;
}

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

ul.office_moving_list h6.office_move_h6{
	line-height: 2rem;
}

ul.office_moving_list h6.PC_h6_margin{
    margin-top: 3rem;
}

ul.office_moving_list li {
    background: #fff none repeat scroll 0 0;
    position: relative;
    width: 100%;
}

ul.office_moving_list > li {
    border-radius: 0;
}

ul.office_moving_list p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 3rem;
    margin: 1rem;
}

ul.office_moving_list p {
    color: #595757;
    text-align: justify;
}

ul.office_moving_list {
    width: 100%;
	margin: auto;
}

section.bottom_box{
	background: #d3ecfb;
	margin: 8rem 0 0 0;
	padding-bottom: 3rem;
}

section.bottom_box p{
	font-size: 1.4rem;
	font-weight: lighter;
	color: #595757;
	padding-top: 2.2rem;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	width: 90%;
	margin: 0 auto;
	line-height: 2.2rem;
}

section.bottom_box a{
	margin-top: 2rem;
}


div.pc_tab_list{
	display: none;
}

span.SP_S_inline{
	display: inline;
}

span.pc_inline{
	display: none;
}

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

for スマホ（横）～タブレット(768px以下)

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


ul.service_list ul li.s_text{
	padding-top: 1.5rem;
}

span.SP_S_inline{
	display: none;
}

}





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

for タブレット～PC(980px以下)

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

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


div.main_img{
	display: block;
	position: relative;
}

div.sp_main_img{
	display: none;
}

div.contents_box{
	padding-top: 17.6rem;
}


h2.main_title  {
	font-size: 2.8rem;
}


h2.title{
	font-size: 2.4rem;
	line-height:4.5rem;
	padding: 3.5rem 0;
}


section.service h2.title{
	color: #fff;
	padding-top: 7rem;
	padding-bottom: 0;
}


h2.h2_office_moving{
	background: url(../img/box_img_brown.jpg) no-repeat;
	background-position: center;
}


h3.h3_house_moving,
h3.h3_office_moving{
	color: #0068b6;
	font-size: 2.4rem;
	font-weight: lighter;
	margin: 2rem auto 0;
	width: 90%;
	text-align: center;
	line-height: 3.4rem;
}


h3.h3_office_moving{
	color: #6a3907;
	margin: 0 auto;
}


p.hikkoshi_text{
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-top:2rem;
	text-align: center;
}




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

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


ul.house_moving_list,
ul.office_moving_list {
	padding-bottom: 4rem;
}

ul.office_moving_list {
	width: 93%;
	padding-top: 3rem
}

ul.service_list::after,
ul.house_moving_list::after,
ul.office_moving_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


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

ul.office_moving_list > li {
	border-radius: 0;
}


ul.house_moving_list > li {
    width: 47%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}


ul.office_moving_list li {
	position: relative;
    width: 100%;
	background: #fff;
}



li.plan1{
	background: #22ab38;
}

li.plan2{
	background: #eb6da5;
}

li.plan3{
	background: #9b72af;
}

li.plan4{
	background: #f39700;
}

.green{
	background: #00913a;
}

.pink{
	background: #d5007f;
}

.purple{
	background: #7d4697;	
}

.orange{
	background: #ea5415;
}

.brown{
	background: #c8a062;
	opacity: 0.9;
}

ul.service_list h3{
	background: #d2e2f4;
	color: #0068b6;
	font-size: 2rem;
	padding: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}


ul.service_list ul{
    width: 90%;
	margin: 1.5rem 1rem;
}

ul.service_list ul li.s_img{
	width: 27%;
    display: inline-block;
	vertical-align: top;
}

ul.service_list ul li.s_text{
	font-size: 1.4rem;
	color: #595757;
	width: 72%;
    display: inline-block;
	text-align: left;
	line-height: 2.5rem;
}

ul.service_list ul li.s_text_middle{
	padding-top: 1rem;
}


h4, h5,h4.brown{
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	color: #fff;
	font-size: 2.4rem;
	font-weight: lighter;
	padding: 1.8rem;
}

h4.brown{
	border-left: none;
	text-align: center;
	margin-top: 0;
}

h5{
	font-size: 1.9rem;
	padding: 1rem;
	background: #c89f62;
}

h5.office_move_h5{
	padding-top: 0.3rem;
}

ul.house_moving_list li p,
div.border p,
ul.office_moving_list p {
	color: #fff;
	font-size: 1.4rem;
	margin: 2rem;
	line-height: 3rem;
}

ul.office_moving_list p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 3rem;
    margin: 1rem;
}

div.sagyou{
	width: 93%;
	margin: 3rem auto;
	background: #fff;
	box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-moz-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-webkit-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	border-radius: 1rem;
}

img.sagyou_img{
	margin: 2rem auto;
}

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

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

div.border{
	border: solid 1px #0068b6;
	position: relative;
	width: 91%;
	text-align: center;
	margin: 0 auto 7rem;
}

div.border_last{
	margin: 0 auto;
}

h3.back_white{
	background: #fff;
	position: absolute;
	top:calc(3rem/-2);
	left:0;
	right:0;
	margin: 0 auto;
	width: 28rem;
}

div.border p {
	color: #595757;
	margin: 3.5rem auto 2.5rem;
	width: 90%;
}

p.text_left{
	text-align: left;
}

ul.option{
	width: 95%;
	margin: 5rem auto 2rem;
}

ul.option > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 45%;
}

li.option_left{
	margin-right: 3rem;
}

h6{
	font-size: 1.4rem;
	color: #0068b6;
	text-align: left;
}

ul.option  p{
	text-align: left;
	margin: 1rem;
	width: 100%;
}

div.office_box{
	background: url(../img/office_back.jpg) no-repeat;
	border-radius: 1rem;
	width: 91%;
	margin: 3rem auto 0;
}

div.office_move_box{
	margin: 0 auto;
	padding: 2rem;
	border: none;
}

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

ul.office_moving_list p{
	color: #595757;
	text-align: justify;
}

ul.office_moving_list > li {
    margin-top: 2rem;
}

section.bottom_box{
	background: #d3ecfb;
	margin: 8rem 0 9rem;
	padding-bottom: 3rem;
}

section.bottom_box p{
	font-size: 2.4rem;
	font-weight: bold;
	color: #595757;
	padding-top: 6rem;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	line-height: 3.2rem;
}

section.bottom_box a{
	margin-top: 5rem;
}

img.figure_img{
	max-width: 49.9rem;
	height: auto;
	width: 93%;
}

img.wide_img{
	max-width: 46.4rem;
	height: auto;
	width: 93%;
}

section.service{
	background: rgba(0,104,182,0.7);
	color: #fff;
	margin-top:3rem;
}

section.service h2.title {
    color: #fff;
    padding-bottom: 2rem;
    padding-top: 4rem;
}
h2.title {
    font-size: 2.4rem;
    line-height: 4.5rem;
    padding: 3.5rem 0;
}
	
h2.title{
	font-size: 2.1rem;
	line-height:3rem;
	padding: 2rem 0;
}

h3.service_list{
	background: #d2e2f4 none repeat scroll 0 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #0068b6;
    font-size: 2rem;
    padding: 1rem;
}

ul.service_inner{
	margin: 1.5rem 1rem;
	width: 90%;
}

li.s_text {
    color: #595757;
   display: inline-block;
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-align: left;
	width: 71.6%;
}

li.s_img {
    display: inline-block;
    vertical-align: top;
	width: 27%;
}

li.s_text_middle{
	padding-top: 1.3rem;
}

ul.service_list > li {
    background: #fff none repeat scroll 0 0;
    border-radius: 1rem;
    display: inline-block;
    letter-spacing: normal;
    margin-top: 2rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 49%;
}

section.service{
	padding-bottom:0;
}

h2.h2_house_moving,
h2.h2_office_moving{
	background: url(../img/box_img.jpg) no-repeat;
	background-size: 13rem;
	background-position: center;
	padding: 11rem 10rem 8rem;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
	font-weight: lighter;
}

h2.h2_office_moving{
	background: url(../img/box_img_brown.jpg) no-repeat;
	background-size: 13rem;
	background-position: center;
}

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

ul.house_moving_list > li{
    display: block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 75%;
	border-radius: 1rem;
	margin: 3rem 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%;
}

a.mitsumori_link_btn{
	display: block;
	width: 49.4rem;
	padding: 0.8rem;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #c30e23; /* Old browsers */
	background: -moz-linear-gradient(top,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin: 6rem auto 3rem;
}

p.text_left_1,p.text_left_2{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.4rem;
    line-height: 3rem;
}

p.text_left_1{
	box-sizing: border-box;
	margin: 3.5rem auto 0!important;
}

p.text_left_2{
	box-sizing: border-box;
	margin: 0 auto 2.5rem!important;
}

p.text_left_3{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.4rem;
    line-height: 3rem;
	margin-left: auto!important;
	margin-right: auto!important;
}

	
span.pc_middle{
	display: none;
}

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

section.office_mag{
	margin-top: 2rem;
}

span.SP_S_inline{
	display: none;
}

span.pc_inline{
	display: inline;
}

}




/****************************************
for PC
*****************************************/

@media print,screen and (min-width:981px) {

/*div.contents_box{
	padding-top: 17.6rem;
}

div.main_img{
	display: block;
	position: relative;
}

div.sp_main_img{
	display: none;
}*/

h2.main_title  {
	font-size: 2.8rem;
}


section.service h2.title{
	color: #fff;
	padding-top: 7rem;
	padding-bottom: 0;
}


h2.h2_house_moving,
h2.h2_office_moving{
	background: url(../img/box_img.jpg) no-repeat;
	background-position: center;
	padding: 12rem 10rem 8rem;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
	/*width: 84.5%;*/
	font-weight: lighter;
}


h2.h2_office_moving{
	background: url(../img/box_img_brown.jpg) no-repeat;
	background-position: center;
}


h3.h3_house_moving,
h3.h3_office_moving{
	color: #0068b6;
	font-size: 2.4rem;
	font-weight: lighter;
	margin-top: 5rem;
	text-align: center;
	line-height: 3.4rem;
}


h3.h3_office_moving{
	color: #6a3907;
}


p.hikkoshi_text{
	font-size: 1.4rem;
	line-height: 3.4rem;
	margin-top:2rem;
	text-align: center;
}




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

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


ul.house_moving_list,
ul.office_moving_list {
	padding-bottom: 4rem;
}

ul.office_moving_list {
	width: 93%;
}

ul.service_list::after,
ul.house_moving_list::after,
ul.office_moving_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


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

ul.office_moving_list > li {
	border-radius: 0;
}


ul.house_moving_list > li {
    width: 47%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	margin: 7rem 0 0 0;
}


ul.office_moving_list li {
	background: url(../img/office_box.png) no-repeat;
	background-size: contain;
	height: 30.7rem;
	position: relative;
    width: 32%;
}



li.plan1{
	background: #22ab38;
}

li.plan2{
	background: #eb6da5;
}

li.plan3{
	background: #9b72af;
}

li.plan4{
	background: #f39700;
}

.green{
	background: #00913a;
}

h5.green{
	font-weight: bold;
	line-height: 2.2rem;
}

.pink{
	background: #d5007f;
}

h5.pink{
	font-weight: bold;
	line-height: 2.2rem;
}

.purple{
	background: #7d4697;	
}

h5.purple{
	font-weight: bold;
	line-height: 2.2rem;
}

.orange{
	background: #ea5415;
}

h5.orange{
	font-weight: bold;
	line-height: 2.2rem;
}

.brown{
	background: #c8a062;
	opacity: 0.9;
}

ul.service_list h3{
	background: #d2e2f4;
	color: #0068b6;
	font-size: 2rem;
	padding: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}


ul.service_list ul{
    width: 90%;
	margin: 1.5rem 1rem;
}

ul.service_list ul li.s_img{
	width: 27%;
    display: inline-block;
	vertical-align: top;
}

ul.service_list ul li.s_text{
	font-size: 1.4rem;
	color: #595757;
	width: 72%;
    display: inline-block;
	text-align: left;
	line-height: 2.5rem;
}

ul.service_list ul li.s_text_middle{
	padding-top: 1rem;
}


h4, h5,h4.brown{
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	color: #fff;
	font-size: 2.4rem;
	font-weight: lighter;
	padding: 1.8rem 0 1.6rem 0;
	line-height: 4.2rem;
}

h4.brown{
	border-left: none;
	text-align: center;
	margin-top: 0;
}

h5{
	background: transparent;
	font-size: 1.9rem;
	padding: 1rem;
}



h5.office_move_h5{
	padding-top: 0.3rem;
}


ul.house_moving_list li p,
div.border p,
ul.office_moving_list p {
	color: #fff;
	font-size: 1.4rem;
	margin: 2rem;
	line-height: 3rem;
}

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

ul.house_moving_list li p{
	margin: 2rem 2rem 0.5rem 2rem;
}

ul.office_moving_list p {
	color: #595757;
}

div.sagyou{
	width: 86%;
	margin: 3rem auto 1rem;
	background: #fff;
	box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-moz-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-webkit-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	border-radius: 1rem;
}

img.sagyou_img{
	margin: 2rem auto 1rem;
}

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

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

div.border{
	border: solid 1px #0068b6;
	position: relative;
	width: 91%;
	text-align: center;
	margin: 0 auto 10rem;
}

h3.back_white{
	background: #fff;
	position: absolute;
	top:calc(3rem/-2);
	left:0;
	right:0;
	margin: 0 auto;
	width: 28rem;
}

div.border p {
	color: #595757;
	margin: 3.5rem auto 2.5rem;
	width: 82%;
}

p.text_left{
	text-align: left;
}

ul.option{
	width: 95%;
	margin: 5rem auto 2rem;
}

ul.option > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 45%;
}

li.option_left{
	margin-right: 8rem;
}

h6{
	font-size: 1.4rem;
	color: #0068b6;
	text-align: left;
}

ul.option  p{
	text-align: left;
	margin: 1rem;
	width: 100%;
}

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

h5.h5_office_move{
	padding-top: 0.3rem;
	font-size: 2.4rem;
}

div.office_move_box{
	position: absolute;
	top:1rem;
	left:0;
	right:0;
	margin: 0 auto;
	padding: 2rem 2.5rem 2.5rem 2rem;
	border: none;
}

ul.office_moving_list h6.h6_office_move{
	font-size: 1.5rem;
	color: #7f4e21;
	text-align: center;
	margin-top: 2rem;
	line-height: 3.4rem;
}

ul.office_moving_list p.p_office_move{
	color: #595757;
	text-align: justify;
	line-height: 3.4rem;
	margin-top: 1rem;
}

section.bottom_box{
	background: #d3ecfb;
	margin: 10rem 0 9rem;
	padding-bottom: 3rem;
}

section.bottom_box p{
	font-size: 2.4rem;
	font-weight: bold;
	color: #595757;
	padding-top: 6rem;
	text-align: center;
	width: 100%;
	line-height: 3.5rem;
}

section.bottom_box a{
	margin-top: 5rem;
}

img.figure_img{
	max-width: 49.9rem;
	height: auto;
	width: 93%;
}

img.wide_img{
	max-width: 46.4rem;
	height: auto;
	width: 93%;
}

/*ul.service_list {
    display: table;
    margin: 0 auto;
    max-width: 118rem;
    padding-bottom: 7rem;
    width: 95%;
}

li.s_left,li.s_right,li.s_right{
    display: table-cell;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 30%;
	border-radius: 1rem;
	margin-top: 6rem;
}

li.pc_tr{
	display:table-row!important
}

li.pc_spacer{
	display: table-cell;
	width: 2%!important;
}*/

h3.service_list{
	background: #d2e2f4 none repeat scroll 0 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #0068b6;
    font-size: 2rem;
    padding: 1rem;
}

table.servise_list{
	max-width: 118rem;
	width: 95%;
	margin: 5rem auto 0;
}

td.white_box{
	border-radius: 1rem;
    letter-spacing: normal;
    margin-top: 6rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 30%;
	background: #fff;
	display:table-cell;
}

td.pc_spacer{
	width: 5%;
}

td.pc_spacer{
	display:table-cell;
	height: 6rem;
}

ul.service_inner{
	margin: 1.5rem 1rem;
	width: 90%;
}

li.s_text {
    color: #595757;
   display: inline-block;
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-align: left;
	/*width: 72%;*/
	width: 71.6%;
}

li.s_img {
    display: inline-block;
    vertical-align: top;
	width: 27%;
}

li.s_text_middle{
	padding-top: 1.3rem;
}

section.service{
	background: url(../img/hikoshi-6service_back.jpg);
	padding-bottom: 7rem;
}

div.sp_tab_list{
	display: none;
}

div.pc_tab_list{
	display: block;
}

a.mitsumori_link_btn{
	display: block;
	width: 49.4rem;
	padding: 0.8rem;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #c30e23; /* Old browsers */
	background: -moz-linear-gradient(top,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c30e23 0%, #d3664f 50%, #c30e23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin: 10rem auto 5rem;
}

p.text_left_1,p.text_left_2{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.4rem;
    line-height: 3rem;
}

p.text_left_1{
	margin: 3.5rem auto 0!important;
}

p.text_left_2{
	margin: 0 auto 2.5rem!important;
}

p.text_left_3{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	font-size: 1.4rem;
    line-height: 3rem;
	margin-left: auto!important;
	margin-right: auto!important;
}

span.pc_middle{
	display: inline;
}

span.text_inline{
	display: inline;
	padding-left: 0;
}

span.SP_S_inline{
	display: none;
}

span.pc_inline{
	display: inline;
}


}