@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 768px) { 
#container {
    width: 100%;
    padding-bottom: 60px;
    /*padding-top: 48px;*/
}
img {
	width:100%;
}
	.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.pc{
	display:none !important;
}
    .sp{
	display:block !important;
}
	ul {
		    list-style: none;
    margin: 0;
    padding: 0;
	}
	
	/*-------head-------------*/
	.sp .head {
		       padding: 1% 0px 0%;
    border-bottom: 4px solid #F4556D;

    background-color: #fff;

	}
	.sp .mv-img {
		/*padding-top: 13%;*/
	}
	.sp .head .logo-img {
		    width: 54%;
    float: left;
	}
	.sp .head .tel-img {
		         float: right;
    width: 40%;
        /*margin-right: 16%;*/
	}
	#menu-bt {
		          float: right;
    width: 29%;
	}
	.head-left {
		       float: right;
    width: 44%;
    margin-right: 2%;
	}
	#head-menu {
		    position: fixed;
		    z-index: 999;
    top: 0;
    width: 100%;
    height: 47px;
		    background-color: #fff;
	}
	/*-------悩み------------*/
	.sp .nayami-box {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
.sp #what h2 {
	       background-image: url(images/sp/ttl-bg-or.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 5% 2% 1% 2%;
    font-size: 1rem;
    line-height: 1.4;
    text-align: center;
    margin-top: 0;
    font-weight: 400;
}
	.sp #what h2 span {
		    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
	}
	.sp #what .bg {
	          width: 100%;
    font-size: 1rem;
    margin: 3% auto 1%;
    line-height: 1.8;
    background-image: url(images/sp/box02-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 180px;
	}
	.sp #what .bg p {
		  width: 75%;
    font-size: 0.8rem;
    margin-left: 3%;
    font-weight: 600;
	}
	.sp #what .tel-link {
		    width: 86%;
    margin: 2% auto 8%;
	}
	/*-------買取------------*/
	#mainContent-sp #kaitori h3 {
	           font-size: 1rem;
    text-align: center;
    line-height: 1.6;
    margin: 0 auto;
    padding: 4% 0 2%;
    width: 96%;
		border-bottom: 2px solid #fff;
	}
	#mainContent-sp #kaitori h3 span {
		    display: block;
    font-size: 0.8rem;
		    font-weight: 400;
	}
	#mainContent-sp #kaitori {
		    background-image: url(images/sp/nayami-bg.jpg);
    background-repeat: repeat-x;
    background-size: cover;
		    padding-bottom: 10%;
	}
	.nayami-box {
		margin-top: 3%;
		padding-bottom: 1%;
		border-bottom: 1px solid #fff;
	}
	.nayami-box img {
		    width: 30%;
    float: left;
	}
	.nayami-box .left-text {
		    float: left;
    width: 70%;
	}
	.sp .fukidashi {
		       width: 93%;
    margin: 0 auto;
    padding: 0 2% 2% 2%;
    color: #fff;
    /*background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 7%;
    min-height: 50px;*/
		    border-radius: 6px;
    position: relative;
    margin-bottom: 6%;
	}
	.sp .nayami-box .font-s {
		       line-height: 1.4;
    margin-bottom: 1%;
	}
	.sp .fuki01 p,.sp .fuki03 p {
		margin: 0;
		line-height: 1.2;
		    padding: 3% 0;
	}
	.sp .pink-text {
		    font-size: 1.1rem;
    font-weight: 500;
    margin: 2% auto;
    color: #dd637a;
		    padding-left: 2%;
	}
	.sp .fuki01 {
		    background-image: url(images/sp/fuki01.png);
		    background-color: #68bdd1;
    border-radius: 6px;
    position: relative;
	}
	.sp .fukidashi:before {
		content: "";
    position: absolute;
    bottom: -23px;
    right: 80%;
    border: 12px solid transparent;
	}
	.sp .fuki01:before{	    
    border-top: 12px solid #68bdd1;
}
	.sp .fuki02 {
		    background-image: url(images/sp/fuki02.png);
		    display: inline-block;
	}
	.sp .fuki02:before{	    
    border-top: 12px solid #90b833;
}
	.sp .fuki03 {
		    background-image: url(images/sp/fuki03.png);
	}
	.sp .fuki03:before{	    
    border-top: 12px solid #fe9196;
}
	.sp .or-text li {
		       font-size: 1.2rem;
    font-weight: 600;
    color: #ff940b;
    padding: 2% 0;
    margin: 1% auto;
	}
	.sp ul.or-text {
		    width: 90%;
    padding-left: 4%;
		background: url(images/sp/nayami-3.png) right 0px top 3px no-repeat;
		    background-size: contain;
	}
	.sp .or-text li:first-child{
    background: url(images/sp/nayami-icon01.png) left 0px top 3px no-repeat;
    background-size: 32px auto;
    padding-left: 40px;
		
	}
	.sp .or-text li:nth-child(2){
		background: url(images/sp/nayami-icon02.png) left 0px top 3px no-repeat;
    background-size: 32px auto;
    padding-left: 40px;
		
	}
	.sp .or-text li:nth-child(3){
		background: url(images/sp/nayami-icon03.png) left 0px top 3px no-repeat;
    background-size: 32px auto;
    padding-left: 40px;
		
	}
	.box02-02 .brown {
		    text-align: center;
    font-weight: 600;
    color: #3c2727;
    font-size: 0.9rem;
		    margin-bottom: 0;
		    width: 90%;
    margin-left: auto;
    margin-right: auto;
	}
	.three-ttl {
		         font-size: 1.4rem;
    text-align: center;
    line-height: 1.6;
    margin: 0 auto;
    padding: 4% 0 2%;
    width: 94%;
    color: #fff;
	}
	#three-sp {
		    background-image: url(images/sp/kaitori-bg.jpg);
    background-repeat: repeat;
    background-size: contain;
	}
	
	.sp .box-ttl,.sp .box-ttl-s {
		    
    background-repeat: no-repeat;
    background-size: cover;
    width: 98%;
    margin: 1% auto;
	}
	
	.sp .box1 {
		    width: 31.33333333333%;
    float: left;
    margin: 0 1%;
		    height: 190px;
	}
	.box1 .text, .box2 .text {
    padding: 5px 0px 0 0px;
    color: #fff;
    line-height: 1.4;
}
	.sp .box-tel {
		    float: left;
    width: 65%;
    margin-top: 3%;
	}
	.sp .box-ttl p,.sp .box-ttl-s p {
		    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
        padding: 2% 0;
    line-height: 1.4;
		    margin: 0;
	}
	.sp .box-ttl p span,.sp .box-ttl-s p span{
		font-size: 0.2rem;
    color: #fff;
	}
	
	.sp h3.voice-ttl {
		    font-size: 1.2rem;
    text-align: center;
    line-height: 1.6;
    margin: 0 auto;
    padding: 4% 0 2%;
    width: 96%;
    border-bottom: 2px solid #cae5ae;
    color: #431d03;
	}
	.sp h3.voice-ttl span {
		    font-size: 0.8rem;
	}
	.sp .case-box {
		       width: 94%;
    margin: 3% auto;
    padding-bottom: 2%;
    border-bottom: 2px dotted #cacaca;
	}
	.sp .case-box img {
		width: 18%;
		float: left;
	}
	.sp .case-ttl {
		    float: left;
    width: 82%;
	}
	.sp .case-ttl .pink {
		    font-size: 1.1rem;
    margin: 0 2%;
    line-height: 1.4;
    font-weight: 600;
    color: #dc314d;
	}
	.sp .case-ttl p.font-ss {
		    margin: 0 0 2% 2%;
    font-weight: 500;
	}
	.sp .case-bottom img {
		    width: 25%;
	}
	.sp .case-bottom .font-p {
		    float: left;
    width: 73%;
    margin: 0 1%;
	}
	.sp .case-bottom .font-p span {
		background:linear-gradient(transparent 10%, #fbf48d 0%);
	}
	.sp .attention-box {
		    width: 90%;
    margin: 2% auto;
    background: #f7dddd;
    padding: 2%;
	}
	.sp .attention-box .brown {
		        font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    margin-top: 0;
		margin-bottom: 2%;
	}
	.sp .attention-box .brown span {
		    color: #ff8418;
		font-size: 1.2rem;
	}
	.sp .step-area,.sp .area-map {
		    width: 90%;
      margin: 3% auto 0;
	}
	.sp .step-area .step-img {
		    width: 10%;
    float: left;
	}
	.sp .step-area p {
		    float: left;
    width: 85%;
    margin-left: 3%;
    margin-top: 0;
	}
	.sp .step-area p img {
		    width: 40%;
    vertical-align: baseline;
	}
	.sp .step-area p span {
		color: #e60b0b;
	}
	#area-map {
		    background-image: url(images/sp/map-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 400px;
    padding-bottom: 40%;
	}
	.area-map h4 {
		font-size: 1.1rem;
    margin: 2% auto;
	}
	.area-map .font-b {
		    font-size: 1rem;
    font-weight: 500;
	}
	.sp .footer-sp {
		       background-color: #FFF5D7;
    
	}
	.sp .footer-sp .tel,.sp .footer-sp ul {
		    
    padding: 1% 2%;
		float: left;
	}
	.sp .footer-sp .tel {
		    width: 56%;
    padding-top: 2%;
	}
	.sp .footer-sp ul {
		    width: 38%;
    padding: 1% 0;
	}
	.sp .footer-sp ul li {
		        float: left;
    width: 32%;
    padding: 0px 0.6%;
	}
	#footer-sp-area {
		       position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #fff5d7;
	}
	
	nav#menu{
       width: 100%;
    padding-bottom: 42px;
    background-color: #ff94a6;
}
	
nav#menu ul{
   margin:0px;
   padding:0px;	
}
	
nav#menu ul li{
   list-style-type:none;	
}
	
nav#menu ul li a{
        width: 95%;
    display: block;
    background-color: #ffffff;
    color: #3a3a3a;
    border-bottom: 1px solid #ff94a6;
    text-align: left;
    padding: 3% 0 3% 5%;
    text-decoration: none;
}
	.footer-sp.border {
		    border-top: #F4556D 4px solid;
    text-align: center;
	}
	.footer-sp .font-bb {
		    font-size: 1rem;
	}
	.footer-sp .font-bb p.top {
		    font-weight: 500;
    line-height: 1.6;
		    margin-bottom: 1%;
	}
	.footer-sp .text-ss {
		    font-size: 0.6rem;
	}
}