@charset "UTF-8";

/* CSS Document */
@media screen and (max-width: 767px) {

    /* メディアクエリー */
    html {
        -webkit-text-size-adjust: 100%;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font: 15px/2.4 'Roboto', "Hiragino Sans", Meiryo, sans-serif;
        color: #000;
        font-weight: 500;
    }

    header,
    article,
    footer,
    aside,
    time,
    nav,
    small,
    section {
        display: block;
    }

    p,
    ul,
    table,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1.2em;
    }

    ul li,
    ol li {
        list-style-type: none;
    }

    a img {
        border-style: none;
		width: 100%;
    	height: 100%;
    	object-fit: cover;
    }

    a {
        color: #4C4B4B;
        text-decoration: none;
    }

    img,
    iframe {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
    }

    table {
        border-collapse: collapse;
    }

    table th,
    table td {
        vertical-align: top;
    }

    .spnone {
        display: none;
    }

    figure {
        text-align: center;
    }

    @font-face {
        font-family: "Hiragino Sans";
        src: local(HiraginoSans-W4);
        font-weight: 500;
    }

    @font-face {
        font-family: "Hiragino Sans";
        src: local(HiraginoSans-W6);
        font-weight: 700;
    }

    @font-face {
        font-family: "Hiragino Sans";
        src: local(HiraginoSans-W7);
        font-weight: 800;
    }

    @font-face {
        font-family: "Hiragino Sans";
        src: local(HiraginoSans-W8);
        font-weight: 900;
    }

    .common-width {
        margin: 0 4%;
    }
    
    input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
    

    /*******************************
    
    ハンバーガーメニュー
    
    ********************************/
    .sp-menu .btn {
        position: fixed;
        top: 7px;
        right: 7px;
        width: 50px;
        height: 45px;
        z-index: 3;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 1001;
        background: #FF6800;
        display: flex;
        justify-content: center;
    }

    .sp-menu .btn span {
        position: absolute;
        width: 30px;
        height: 4px;
        background: #fff;
        border-radius: 5px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .sp-menu .btn .line1 {
        top: 10px;
        transition: 0.5s;
    }

    .sp-menu .btn .line1.close {
        display: none;
        transition: 0.5s;
    }

    .sp-menu .btn .line2 {
        top: 20px;
    }

    .sp-menu .btn .line2.close {
        transition: 0.3s;
        transform: rotate(-45deg);
        background: #fff;
    }

    .sp-menu .btn .line3 {
        top: 30px;
    }

    .sp-menu .btn .line3.close {
        transition: 0.3s;
        transform: rotate(45deg);
        top: 20px;
        background: #fff;
    }

    .sp-menu .js-move {
        position: fixed;
        right: -80vw;
        width: 80vw;
        height: 100%;
        top: 0;
        background: #fff;
        font-size: 16px;
        box-sizing: border-box;
        z-index: 2;
        transition: 0.5s;
        border-left: 5px solid #3a6108;
        padding: 100px 20px;
        z-index: 1000;
    }

    .sp-menu .js-move.on {
        right: 0;
        transition: 0.5s;
    }

    .sp-menu .js-move ul li a {
        display: block;
        margin: 0 0 1em 0;
        border-bottom: 1px solid #ff6800;
        font-size: 14px;
        font-weight: bold;
    }

    .sp-menu_whole {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        background-color: rgba(51, 51, 51, 0.5);
        display: none;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .sp-menu_whole.active {
        display: block;
        transition: 0.5s;
    }

    /*******************************
    
    ヘッダー
    
    ********************************/
    header .inner {
        display: flex;
        align-items: center;
        position: fixed;
        background: #fff;
        height: 60px;
        width: 100%;
        z-index: 2000;
    }

    header .inner .header-logo {
        margin: 0;
        line-height: 1;
    }

    header .inner .header-logo a {
        display: block;
/*         width: 70%; */
			padding: 0;
    }
	.logo-text {
		font-size: 13px;
		line-height: 1.2;
	}

    /*******************************
    
    フッター
    
    ********************************/
    footer{
        padding: 0 0 13vw 0;
    }
    
    footer .footer-menu {
        background: #FBDD6F;
    }

    footer .footer-menu ul {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 11px 0;
        margin: 0;
        flex-wrap: wrap;        
    }

    footer .footer-menu ul li {
        padding: 0 1%;
        border-right: 1px solid #000;
    }

    footer small {
        text-align: center;
        padding: 10px 0 10px 0;
        color: #fff;
        background: #333333;
    }

    footer .sp-navi {
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 9999;
        background: #fff;
        display: flex;
        padding: 1% 0;
        justify-content: space-around;
        height: 13vw;
    }


    footer .sp-navi a {
        width: 32%;
        padding: 1%;
        text-align: center;
        line-height: 1.5;
        font-size: 3vw;
    }



    footer .sp-navi .left-btn {
        background: #3399cc;
        color: #fff;
        font-weight: 800;
        font-family: "Hiragino Sans";
        border-radius: 10px;
        font-size: 2.5vw;

    }

    footer .sp-navi .left-btn:before {
        font-family: "Font Awesome 5 Free";
        content: "\f879";
        margin: 0 3px 0 0;
        color: #fff;
        font-size: 3vw;
        display: inline-block;
        font-weight: bold;
    }

    footer .sp-navi .center-btn {
        background: #f775d4;
        color: #fff;
        font-weight: 800;
        font-family: "Hiragino Sans";
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;

    }
    
        footer .sp-navi .center-btn:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0e0";
        margin: 0 9px 0 0;
        color: #fff;
        display: inline-block;
        font-weight: bold;
            font-size: 5vw;
    }

    footer .sp-navi .right-btn {
        font-weight: 800;
        font-family: "Hiragino Sans";
        color: #fff;
        background: #00b900;
        border-radius: 10px;
                display: flex;
        justify-content: center;
        align-items: center;


    }

    footer .sp-navi .right-btn:before {
        background-image: url(../images/top/line-icon.png);
        display: inline-block;
        content: '';
        width: 25px;
        height: 25px;
        margin: 0 9px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /*******************************
    
    共通パーツ
    
    ********************************/
    .page-line {
        background-position: top;
        background-repeat: no-repeat;
        padding: 40px 0 100px 0;
    }

    .page-line .inner h2 {
        font-size: 12vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .page-line .inner h2:before {
        background-image: url(../images/top/line-left.png);
        content: '';
        display: inline-block;
        width: 6vw;
        height: 15vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 20px 0 0;
    }

    .page-line .inner h2:after {
        background-image: url(../images/top/line-right.png);
        content: '';
        display: inline-block;
        width: 6vw;
        height: 15vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 0 0 20px;
    }

    .page-line .inner h2 .color {
        color: #FF6633;
    }

    .page-line .inner a {
        width: 90%;
        margin: 0 4%;
        background: linear-gradient(to bottom, #5BEC23 0%, #08B408 70%, #08B408 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        padding: 7px 20px;
        font-size: 7vw;
        border-radius: 10px;
        box-shadow: 0 8px 0 0 #2F8010;
        text-shadow: 0 2px 2px #252E2D;
        font-weight: bold;
    }

    .page-line .inner a:before {
        background-image: url(../images/top/line-icon.png);
        display: inline-block;
        content: '';
        width: 12vw;
        height: 12vw;
        margin: 0 20px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .pref {
        color: #fff;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .fukuoka {
        background: #009999;
    }

    .saga {
        background: #CC66CC;
    }

    .nagasaki {
        background: #0099FF;
    }

    .kumamoto {
        background: #FF9900;
    }

    .oita {
        background: #FF6666;
    }

    .kagoshima {
        background: #999900;
    }

    .miyazaki {
        background: #339900;
    }

    .okinawa {
        background: #FF6699;
    }

    .page-content {
        margin: 0 4%;
    }

    .page-content h3, .page-content .single-page-title {
        text-align: center;
        font-size: 7vw;
        font-weight: 700;
        font-family: "Hiragino Sans";
        position: relative;
        padding: 0 0 25px 0;
        line-height: 1;
    }

    .page-content h3, .page-content .single-page-title:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100px;
        height: 4px;
        background-color: #FF6633;
        content: '';
        display: inline-block;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

    .page-content .t-center {
        text-align: center;
    }

    /*******************************
    
    トップページ
    
    ********************************/
    .top-image {
        padding: 60px 0 0 0;
    }

    .top-nayami {
        background-image: url(../images/top/sp-top-nayami.png);
        background-size: cover;
        background-position: center;
        min-height: 33vw;
        padding: 20px 4% 0 4%;
    }

    .top-nayami h2 {
        text-align: center;
        font-size: 6vw;
        display: block;
        background: #fff;
        border-radius: 40px;
        position: relative;
        font-family: 'Hiragino Sans';
    }

    .top-nayami h2 .underline {
        background: linear-gradient(transparent 70%, #D5E6BF 70%);
        font-weight: 900;
    }

    .top-nayami h2:after {
        position: absolute;
        bottom: -15px;
        left: 50%;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 28px 0 28px;
        border-color: #fff transparent transparent transparent;
        content: '';
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

    .top-nayami ul {
        padding: 0 0 13vw 0;
    }

    .top-nayami ul li {
        font-size: 3.5vw;
        color: #fff;
        border-bottom: 1px dotted #fff;
        font-weight: 400;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .top-nayami ul li:nth-child(n+3) {
        width: 100%;
        line-height: 1.5;
    }

    .top-nayami ul li:before {
        content: '';
        display: inline-block;
        background-image: url(../images/top/top-nayami-mark.png);
        width: 10%;
        height: 26px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 10px 0 0;
    }

    .top-contact {
        margin: 0 0 60px 0;
    }

    .top-contact h2 {
        text-align: center;
        font-weight: 900;
        font-size: 6vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top-contact h2:before {
/*         background-image: url(../images/top/top-satei1.png); */
        width: 10.4vw;
        height: 7.7vw;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
    }

    .top-contact h2:after {
/*         background-image: url(../images/top/top-satei2.png); */
        width: 11vw;
        height: 8.2vw;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
    }

    .top-contact .table {
        width: 100%;
        position: relative;
    }

    .top-contact .table .required {
        background: #D80303;
        color: #fff;
        padding: 5px;
        margin: 0 0 0 10px;
        font-weight: 400;
    }

    .top-contact .table table {
        width: 100%;
    }

    .top-contact .table table .input-box {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #CCC;
        border-radius: 5px;
    }

    .top-contact .table table th {
        display: block;
        text-align: left;
    }

    .top-contact .table table td {
        display: block;
        padding: 12px 0;
    }

    .top-contact .table table textarea {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .btn-check {
        text-align: center;
        position: relative;
    }

    .submit {
        background: #EA2842;
        color: #fff;
        font-size: 5vw;
        font-weight: 700;
        width: 80%;
        padding: 10px 0px;
        border-radius: 40px;
        position: relative;
        display: inline-block;
        box-shadow: 0 8px 0 0 #C7D1E4;
    }

    .btn-check .back {
        background: none;
        border: none;
        margin: 0 35px 0 0;
        text-decoration: underline;
        cursor: pointer;
        outline: none;
    }

    .block-submit:after {
        font-family: "Font Awesome 5 Free";
        content: "\f101";
        margin: 0 9px 0 0;
        font-size: 5vw;
        color: #fff;
        position: absolute;
        top: 31%;
        right: 45px;
        display: inline-block;
        line-height: 1;
        font-weight: bold;
    }

    .top-voice {
/*         background-image: url(../images/top/top-voice.jpg); */
		background-image: url(../images/top/top-voice-sp_2212.jpg);
		background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0 30px 0;
    }

    .top-voice h2 {
/*         font-size: 8vw; */
		font-size: 4.8vw;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 50px 0;
    }

    .top-voice h2:before {
/*         content: ''; */
        background-image: url(../images/top/top-voice-left1.png);
        width: 7vw;
        height: 15vw;
        display: inline-block;
        margin: 0 20px 0 0;
    }

    .top-voice h2:after {
/*         content: ''; */
        background-image: url(../images/top/top-voice-right.png);
        width: 7vw;
        height: 15vw;
        display: inline-block;
        margin: 0 0 0 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .top-voice h2 strong {
        color: #F0FF04;
    }

    .top-voice .separate {
/*         width: 95%; */
        margin: 0 4%;
    }

    .top-voice .separate p {
        line-height: 1.5;
    }

    .top-voice .separate .name {
        font-size: 4vw;
    }

    .top-voice .separate a {
/*         width: 95%; */
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        box-sizing: border-box;
        display: block;
        box-shadow: 0 3px 3px #252E2D;
        margin: 0 0 20px 0;
    }

    .top-voice .separate a figure {
        margin: 0 0 20px 0;
		position: relative;
		aspect-ratio: 127.65/94.98;
    }
    
        .top-kaitori .btn-purchase {
    background: #fff;
    outline: none;
    color: #000;
    font-weight: 700;
    width: 80%;
    margin: 50px auto 30px;
    padding: 9px 0px;
    border-radius: 40px;
    position: relative;
    display: block;
    text-align: center;
    }
    
/*         .top-kaitori .separate .name {
        font-size: 5vw;
    } */
	
/* 	    .top-kaitori .separate .name {
        font-size: 15px;
    } */


    
    

    .top-promise {
        background-image: url(../images/top/top-promise.jpg);
        padding: 20px 0;
        background-size: auto;
    }

    .top-promise .img-left {
        width: 30%;
        margin: -70px 0 auto;
    }

    .top-promise h2 {
        text-align: center;
        color: #fff;
        display: flex;
        margin: 0 0 30px 15%;
        position: relative;
    }

    .top-promise h2 .color-head {
        background: #ff6800;
        padding: 12px;
        transform: rotate(-10deg);
        width: 15vw;
        height: 15vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px 0 0;
        font-size: 11vw;
    }

    .top-promise h2 .color-normal {
        background: #6FA924;
        width: 12vw;
        height: 12vw;
        color: #fff;
        font-size: 8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 2px 0 0;
    }

    .top-promise h2 .color1 {
        background: #6FA924;
        width: 12vw;
        height: 12vw;
        color: #F0FF04;
        font-size: 8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 2px 0 0;
    }

    .top-promise .content {
        background: #fff;
        margin: 0 4%;
    }

    .top-promise .content-line {
        width: 100%;
        margin: 0 auto 20px;
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: center;
    }

    .top-promise .content-line h3 {
        font-size: 12px;
        font-weight: 900;
        line-height: 1.5;
        position: relative;
		  margin-bottom: 0 !important;
        width: 100%;
    }
    .top-promise .content-line figure{
        padding: 5px;
    }

    .top-promise .content-line h3 small {
        font-size: 11px;
        font-weight: 500;
    }
	.content-line-ttl {
    padding: 20px 5% 0 20%;
}
	.top-promise .content-line .content-line-ttl p {
        font-size: 11px;
        font-weight: 500;
		line-height: 1rem;
		max-width: 244px;
    }
    .top-promise .content:nth-of-type(1) .content-line:before {
        content: '';
        background-image: url(../images/top/top-promise_number1.png);
        display: inline-block;
        width: 12vw;
        height: 12vw;
        position: absolute;
        top: 30%;
        left: 4%;
        background-size: contain;
        background-repeat: no-repeat;
    }


    .top-promise .content:nth-of-type(2) .content-line:before {
        content: '';
        background-image: url(../images/top/top-promise_number2.png);
        display: inline-block;
        width: 12vw;
        height: 12vw;
        position: absolute;
        top: 30%;
        left: 4%;
        background-size: contain;
        background-repeat: no-repeat;
    }


    .top-promise .content:nth-of-type(3) .content-line:before {
        content: '';
        background-image: url(../images/top/top-promise_number3.png);
        display: inline-block;
        width: 12vw;
        height: 12vw;
        position: absolute;
        top: 30%;
        left: 4%;
        background-size: contain;
        background-repeat: no-repeat;
    }
	.top-promise .content:nth-of-type(3) .content-line h3 {
		 padding: 20px 5% 0 20%;
	}

    .top-area {
        background-image: url(../images/top/top-area.jpg);
        background-size: cover;
        background-position: center;
        padding: 30px 0 0 0;
    }

    .top-area h2 {
        font-size: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 10px 0;
        line-height: 1;
    }

    .top-area h2:before {
        background-image: url(../images/top/top-area-left.png);
        width: 3vw;
        height: 10vw;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        margin: 0 20px 0 0;
    }

    .top-area h2:after {
        background-image: url(../images/top/top-area-right.png);
        width: 3vw;
        height: 10vw;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        margin: 0 0 0 15px;
    }

    .top-area .separate {
        margin: 0 4%;
        display: flex;
        flex-direction: row-reverse;
    }

    .top-area .separate .right figure {
        margin: 0 0 20px 0;
    }

    .top-area .separate .right p {
        line-height: 1.5;
    }

    .top-area .separate .left {
        width: 0%;
    }

    .top-reason {
        background: #5586d8;
        padding: 40px 0;
        position: relative;
    }

    .top-reason:before {
        position: absolute;
        top: 6%;
        left: 1%;
        content: '';
        display: inline-block;
        background-image: url(../images/top/top-reason-point.png);
        width: 18vw;
        height: 18vw;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .top-reason h2 {
        text-align: center;
        color: #5586D8;
        background: #F0FF04;
        padding: 15px;
        display: block;
        width: 60%;
        font-size: 8vw;
        line-height: 1;
        margin: 0 auto 30px;
        font-weight: bold;
        box-sizing: border-box;
        position: relative;
        z-index: 10;
    }

    .top-reason .separate {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 4%;
    }

    .top-reason .separate .box {
        background-image: url(../images/top/top-reason-bg.jpg);
        width: 32%;
        border-radius: 10px;
        box-sizing: border-box;
        background-repeat: no-repeat;
        position: relative;
        background-size: contain;
    }

    .top-reason .separate .box:nth-child(3):after {
        content: '';
        position: absolute;
        right: -3vw;
        top: -43vw;
        display: inline-block;
        background-image: url(../images/top/top-reason_people.png);
        width: 39vw;
        height: 43vw;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .top-reason .separate .box-number {
        position: absolute;
        top: 0;
        left: 50%;
        content: '';
        display: inline-block;
        font-size: 10vw;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        line-height: 1;
        color: rgba(85, 134, 216, 0.37);
    }

    .top-reason .separate .box h3 {
        font-size: 3vw;
        font-weight: 900;
        line-height: 1.3;
        padding: 35% 5% 20px 5%;
        font-family: "Hiragino Sans";
        text-align: center;
        margin: 0;
    }

    .top-reason .separate .box h3 .color {
        color: #F31A1A;
        font-weight: 900;
        font-size: 3vw;
    }

    .top-buy {
        padding: 0 0 40px 0;
    }

    .top-buy h2 {
        text-align: center;
        font-size: 10vw;
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 0 30px 0;
        padding: 0 10%;
    }

    .top-buy h2:before {
        content: '';
        display: inline-block;
        background-image: url(../images/top/flow.png);
        width: 18vw;
        height: 13vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 15px 0 0;
    }

    .top-buy h2:after {
        position: absolute;
        bottom: -12px;
        left: 60%;
        display: inline-block;
        content: '';
        background-image: url(../images/top/flow1.png);
        width: 70vw;
        height: 15vw;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .top-buy .head .intro {
        font-weight: bold;
        line-height: 1.5;
        margin: 0 4% 20px;
    }

    .top-buy .head .intro .color {
        color: #F31A1A;
        font-weight: bold;
    }

    .top-buy .separate {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 4%;
    }

    .top-buy .separate .step {
        width: 30%;
        border-radius: 50%;
        text-align: center;
        min-height: 15vw;
        padding: 2% 0 0 0;
        box-sizing: border-box;
        position: relative;
        height: 28vw;
    }

    .top-buy .separate .step p.step-number {
        font-size: 3vw;
        font-weight: bold;
        color: rgba(255, 247, 35, 0.5);
        line-height: 1;
        margin: 0 0 10px 0;
    }

    .top-buy .separate .step p.step-number .number {
        font-size: 200%;
        font-weight: bold;
    }

    .top-buy .separate .step p.step-ttl {
        color: #fff;
        font-size: 1.5vw;
        font-weight: bold;
        line-height: 1;
    }

    .top-buy .separate .step p.step-ttl .comment {
        font-size: 1.4vw;
    }

    .top-buy .separate .step:first-of-type {
        background: #6FA924;
    }

    .top-buy .separate .step:first-of-type:after {
        background-image: url(../images/top/kaitori-nagare.png);
        content: '';
        display: inline-block;
        width: 1.9vw;
        height: 2.4vw;
        position: absolute;
        top: 50%;
        right: -3vw;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
    }

    .top-buy .separate .step:first-of-type h3 {
        margin: 0 0 1vw 0;
    }

    .top-buy .separate .step:first-of-type figure img {
        width: 7vw;
    }

    .top-buy .separate .step:nth-of-type(2) {
        background: #3A6108;
    }

    .top-buy .separate .step:nth-of-type(2):after {
        background-image: url(../images/top/kaitori-nagare.png);
        content: '';
        display: inline-block;
        width: 1.9vw;
        height: 2.4vw;
        position: absolute;
        top: 50%;
        right: -3.5vw;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
    }

    .top-buy .separate .step:nth-of-type(3) {
        background: #FF6633;
    }

    .top-buy .separate .step:nth-of-type(3) h3 {
        margin: 0 0 1vw 0;
    }

    .top-buy .separate .step figure img {
        width: 7vw;
    }

    .top-feature h2 {
        text-align: center;
        font-weight: bold;
        font-size: 9vw;
        line-height: 1;
        display: flex;
        align-items: center;
        padding: 20px 0 5px 9%;
        background-image: url(../images/top/sp-top-feature.png);
        background-size: contain;
        margin: 0;
        background-repeat: no-repeat;
    }

    .top-feature h2 .strong {
        color: #3A6108;
        font-size: 14vw;
    }

    .top-feature h2:before {
        content: '';
        display: inline-block;
        background-image: url(../images/top/top-feature-check.png);
        width: 8vw;
        height: 8vw;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .top-feature .block {
        background: #FF6800;
        padding: 4%;
    }

    .top-feature .block.color-change {
        background: #6FA924;
    }

    .top-feature .block-inner {
        width: 100%;
        background: #fff;
        display: flex;
        justify-content: space-between;
    }

    .top-feature .block-inner figure {
        padding: 5px;
        width: 60%;
        display: flex;
        align-items: center;
    }

    .top-feature .block-inner .left {
        width: 70%;
    }

    .top-feature .block-inner .left .whole {
        display: flex;
        align-items: center;
        margin: 0 0 20px 0;
    }

    .top-feature .block-inner .left-title {
        border-top-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-bottom-right-radius: 80px;
        -webkit-border-bottom-right-radius: 80px;
        -moz-border-radius-bottomright: 80px;
        background: #3A6108;
        display: flex;
        align-items: center;
        width: 65%;
        color: #fff;
        font-size: 4vw;
        line-height: 1;
        padding: 3px 25px;
        box-sizing: border-box;
        margin: 0 0 10px 0;
    }

    .top-feature .block-inner .left-number {
        background: #fff;
        color: #3a6108;
        width: 6vw;
        height: 6vw;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 0 0 5px;
    }

    .top-feature .block-inner .left-text {
        font-weight: 900;
        line-height: 1.5;
        padding: 0px 0 5px 15px;
        margin: 0;
    }

    .top-feature .block-inner .left-text .color {
        color: #F31A1A;
        font-weight: 900;
    }

    .top-deal {
        padding: 30px 0 60px 0;
        margin: 0 4%;
    }

    .top-deal .type {
        width: 100%;
        margin: 0 auto 55px;
        border-right: 3px solid #5586D8;
        border-left: 3px solid #5586D8;
        border-bottom: 3px solid #5586D8;
    }

    .top-deal .type h2 {
        background-image: url(../images/top/top-kaitori.png);
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        font-size: 8vw;
        color: #FFFC00;
        line-height: 1.6;
        text-shadow: 0 3px 3px #252E2D;
        position: relative;
        margin: 0 0 20px 0;
    }

    .top-deal .type h2:after {
        background-image: url(../images/top/top-kaitori-right.png);
        content: '';
        display: inline-block;
        width: 14vw;
        height: 14vw;
        position: absolute;
        right: 5%;
        top: -20%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .top-deal .type .comment {
        font-size: 5vw;
        color: #FF6633;
        font-weight: bold;
        margin: 0 0 20px 0;
        line-height: 1;
    }

    .top-deal .type p {
        font-weight: bold;
        line-height: 1.5;
        padding: 0 25px;
    }

    .top-deal .buy {
        width: 100%;
        border-right: 3px solid #31BF31;
        border-left: 3px solid #31BF31;
        border-bottom: 3px solid #31BF31;
    }

    .top-deal .buy h2 {
        background-image: url(../images/top/top-buy.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        font-size: 8vw;
        color: #FFFC00;
        line-height: 1.6;
        position: relative;
        margin: 0 0 20px 0;
        text-shadow: 0 3px 3px #252E2D;
    }

    .top-deal .buy h2:after {
        background-image: url(../images/top/top-buy-right.png);
        content: '';
        display: inline-block;
        width: 19vw;
        height: 19vw;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 3%;
        top: -23%;
    }

    .top-deal .buy .comment {
        font-size: 5vw;
        color: #FF6633;
        font-weight: bold;
        margin: 0 0 20px 0;
        line-height: 1;
        padding: 0 25px;
    }

    .top-deal .buy p {
        font-weight: bold;
        line-height: 1.5;
        padding: 0 25px;
    }

    .top-faq {
        background: #FFA200;
        padding: 40px 15px;
    }

    .top-faq h2 {
        text-align: center;
        font-size: 8vw;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-faq h2:before {
        background-image: url(../images/top/faq.png);
        content: '';
        display: inline-block;
        width: 21vw;
        height: 17vw;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 5px 0 0;
    }

    .top-faq h2 .color {
        color: #F0FF04;
    }

    .top-faq .content {
        width: 100%;
		margin-top:20px;
    }
	    .top-faq .content:first-child {
		margin-top:0;
    }

    .top-faq .content-q {
/*         display: flex; */
/*         background: #fff; */
/*         border-bottom: 1px solid #7F5E1A; */
		background: #FF6800;
/*         cursor: pointer; */
/*         width: 95%; */
		width:100%;
        position: relative;
        margin: 0 auto;
		border-radius:30px;
    }

    .top-faq .content-q.on:after {
        background-image: url(../images/top/minus.png);
        width: 6vw;
        height: 6vw;
        top: 20px;
        right: 25px;
    }

/*     .top-faq .content-q:after {
        background-image: url(../images/top/plus.png);
        width: 6vw;
        height: 6vw;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        position: absolute;
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 25px;
    } */

    .top-faq .content-q:nth-child(n+2) {
        margin: 15px 0 0 0;
    }

    .top-faq .content-q .mark-q {
/*         background: #FF6633;
        color: #fff;
        font-size: 5vw;
        padding: 12px;
        line-height: 1;
        margin: 0;
        width: 12vw;
        box-sizing: border-box;
        text-align: center; */
		display:none;
    }

    .top-faq .content-q .answer {
        font-weight: 500;
        font-size: 4vw;
        margin: 0 0 0 3px;
        padding: 12px;
        line-height: 1;
/*         width: 70%; */
        width:100%;	
		color:#FFFFFF;
    }

    .top-faq .content-a {
/*         display: none; */
        width: 95%;
/*         background: #fff; */
        margin: 0 auto;
    }

/*     .top-faq .content-a .inner {
        display: flex;
        align-items: baseline;
    } */

    .top-faq .content-a .mark-a {
/*         background: #5586D8;
        color: #fff;
        font-size: 5vw;
        padding: 12px;
        line-height: 1;
        margin: 0;
        width: 12vw;
        box-sizing: border-box;
        text-align: center; */
		display:none;
    }

    .top-faq .content-a .answer {
/*         font-size: 4vw; */
		font-size: 15px;
        margin: 0 0 0 3px;
        line-height: 1.5;
        padding: 12px;
/*         width: 70%; */
		width:100%;
    }

    .top-line {
        background-image: url(../images/top/line-obi.png);
        background-position: top;
        background-repeat: no-repeat;
        padding: 80px 0;
    }

    .top-line .inner {
        width: 100%;
    }

    .top-line .inner h2 {
        font-size: 12vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .top-line .inner h2:before {
        background-image: url(../images/top/line-left.png);
        content: '';
        display: inline-block;
        width: 6vw;
        height: 15vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 20px 0 0;
    }

    .top-line .inner h2:after {
        background-image: url(../images/top/line-right.png);
        content: '';
        display: inline-block;
        width: 6vw;
        height: 15vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 0 0 20px;
    }

    .top-line .inner h2 .color {
        color: #FF6633;
    }

    .top-line .inner a {
        background: linear-gradient(to bottom, #5BEC23 0%, #08B408 70%, #08B408 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        padding: 7px 20px;
        font-size: 7vw;
        border-radius: 10px;
        box-shadow: 0 8px 0 0 #2F8010;
        text-shadow: 0 2px 2px #252E2D;
        font-weight: bold;
        width: 90%;
        margin: 0 auto;
    }

    .top-line .inner a:before {
        background-image: url(../images/top/line-icon.png);
        display: inline-block;
        content: '';
        width: 12vw;
        height: 12vw;
        margin: 0 20px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /*******************************
    
    会社概要
    
    ********************************/
    .page-top {
        position: relative;
        margin: 0 0 35px 0;
        padding: 60px 0 0 0;
    }

    .page-top .title {
        position: absolute;
        top: 55%;
        right: 2%;
        display: inline-block;
        content: '';
        text-align: right;
    }

    .page-top .title h2, .page-top .title .page-title {
        line-height: 1;
        margin: 0 0 10px 0;
        color: #fff;
        font-family: "Hiragino Sans";
        font-weight: 800;
        font-size: 6vw;
    }

    .page-top .title p {
        line-height: 1;
        color: #fff;
        font-size: 3vw;
        font-family: 'Avenir';
    }

    .about-content .table {
        width: 100%;
    }

    .about-content .table dl {
        width: 100%;
        display: flex;
        margin: 0 0 5px 0;
    }

    .about-content .table dl dd {
        background: #C5EBB0;
        width: 30%;
        padding: 5px 15px;
    }

    .about-content .table dl dt {
        border-bottom: 1px solid #ccc;
        width: 75%;
        padding: 5px 15px;
    }

    /*******************************
    
    お問い合わせ
    
    ********************************/
    .contact-content .table {
        width: 100%;
    }

    .contact-content .table select {
        padding: 10px;
        width: 50%;
    }

    .contact-content .table label {
        display: block;
    }

    .contact-content .table .required {
        background: #D80303;
        color: #fff;
        padding: 5px;
        margin: 0 0 0 10px;
        font-weight: 400;
    }

    .contact-content .table table {
        margin: 0 0 40px 0;
        width: 100%;
    }

    .contact-content .table table .input-box {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #666;
        border-radius: 5px;
    }

    .contact-content .table table th {
        display: block;
        font-family: "Hiragino Sans";
        font-weight: 900;
        width: 100%;
        text-align: left;
    }

    .contact-content .table table td {
        padding: 5px 0;
        width: 100%;
        display: block;
    }

    .contact-content .table table textarea {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #666;
        border-radius: 5px;
    }

    .contact-content .table .btn-check {
        text-align: center;
        position: relative;
    }

    .contact-content .table .btn-check a {
        background: #EA2842;
        color: #fff;
        font-size: 5vw;
        font-weight: 700;
        width: 85%;
        padding: 10px 0px;
        border-radius: 40px;
        position: relative;
        display: inline-block;
        box-shadow: 0 8px 0 0 #C7D1E4;
    }

    .contact-content .table .btn-check a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f101";
        margin: 0 9px 0 0;
        font-size: 5vw;
        color: #fff;
        position: absolute;
        top: 35%;
        right: 30px;
        display: inline-block;
        line-height: 1;
    }

    /*******************************
    
    よくあるご質問
    
    ********************************/
    #page-faq {
        background: #fff;
        padding: 0;
    }

/*     #page-faq .content-a .inner {
        box-shadow: 0 2px 1px #252E2D;
    } */

    /*******************************
    
    買取実績
    
    ********************************/
    .purchase-content .tab ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 0 60px 0;
    }

    .purchase-content .tab ul li {
        text-align: center;
        width: 47%;
        border: 1px solid #FF6633;
        border-radius: 10px;
        line-height: 1;
        margin: 0 0 10px 0;
        cursor: pointer;
    }

    .purchase-content .tab ul li a {
        color: #ff6633;
        font-weight: 700;
        padding: 20px 0;
        display: block;
    }

    .purchase-content .tab ul li .fa-angle-down {
        color: #ff6633;
    }

    .purchase-content .detail {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 20px 0;
        justify-content: space-between;
    }

    .purchase-content .detail h2 {
        font-family: "Hiragino Sans";
        font-weight: 700;
/*         font-size: 5vw; */
        line-height: 1.5;
        margin:0;
    }

    .purchase-content .detail a {
        width: 47%;
        margin: 0 0 25px 0;
        display: block;
    }

    .purchase-content .detail a:nth-child(4) {
        margin: 0 0 25px 0;
    }

    .purchase-content .detail a:nth-child(8) {
        margin: 0 0 25px 0;
    }

    .purchase-content .detail a p {
        margin: 0;
        line-height: 1.5;
    }

    .purchase-content .detail a figure {
        margin: 0 0 15px 0;
		position: relative;
    	aspect-ratio: 81/61;
    }

    .purchase-content .wp-pagenavi {
        display: flex;
        justify-content: center;
        margin: 0;
    }

    .purchase-content .wp-pagenavi a {
        color: #666;
        padding: 10px;
        margin: 0 5px 0 0;
        border: 1px solid #666;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        height: 44px;
        width: 44px;
        font-size: 20px;
        justify-content: center;
    }

    .purchase-content .wp-pagenavi .current {
        background: #999;
        color: #fff;
        border: 1px solid #999;
        padding: 10px;
        margin: 0 5px 0 0;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        height: 44px;
        width: 44px;
        font-size: 20px;
        justify-content: center;
    }
	
	.single-purchase.page-content {
		margin: 0 4% 35px;
		padding: 0;
	}

    .single-purchase h2 {
        font-size: 6vw;
        font-family: "Hiragino Sans";
        font-weight: 700;
        margin: 0;
        line-height: 1.5;
    }

    .single-purchase figure {
        text-align: center;
        margin: 0 0 15px 0;
    }

    .single-purchase table {
        margin: 0 0 50px 0;
        width: 100%;
    }

    .single-purchase table th {
        color: #FF6633;
        border-bottom: 1px solid #FF6633;
        padding: 7px 0;
        width: 35%;
        font-weight: 700;
    }

    .single-purchase table td {
        border-bottom: 1px dotted #FF6633;
        padding: 7px 0;
        font-weight: 400;
        font-family: "Hiragino Sans";
    }

    .single-purchase .link-contact {
        background: #EA2842;
        color: #fff;
        font-size: 5vw;
        font-weight: 700;
        width: 80%;
        padding: 10px 0px;
        border-radius: 40px;
        position: relative;
        display: block;
        margin: 0 auto 40px;
        box-shadow: 0 8px 0 0 #C7D1E4;
        text-align: center;
    }

    .single-purchase .link-contact:after {
        font-family: "Font Awesome 5 Free";
        content: "\f101";
        margin: 0 9px 0 0;
        font-size: 5vw;
        color: #fff;
        position: absolute;
        top: 35%;
        right: 15px;
        display: inline-block;
        line-height: 1;
    }

    .single-purchase .back-whole {
        display: block;
        text-align: center;
        margin: 0 auto;
        position: relative;
        font-size: 5vw;
    }

    .single-purchase .back-whole:before {
        font-family: "Font Awesome 5 Free";
        content: "\f101";
        margin: 0 9px 0 0;
        font-size: 1.6vw;
        color: #353535;
        position: absolute;
        top: 33%;
        right: 15px;
        display: block;
        line-height: 1;
    }

    #PRIVACY .common-width1 {
        margin: 0 4%;
    }

    #PRIVACY h4 {
        font-size: 5vw;
        font-weight: bold;
        margin: 0;
    }


    #PRIVACY article {
        margin: 0 0 0.8em 0;
    }
	
	#top-contact-check{
		font-size:5vw;
	}
	/* 2022/12/23 追加CSS */
	.single-purchase-bc {
		margin: 0 0 35px;
		padding-top: 60px;
	}
	.breadcrumb {
		font-size: 12px;
		margin: 0 4%;
		padding: 0;
	}

}

/* トップカテゴリーユニット */
section.top-category-unit {
    margin: 50px 0;
    padding: 0 20px;
}
    .top-category-unit-inner .tab ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .top-category-unit-inner .tab ul li {
        text-align: center;
        width: 47%;
        border: 1px solid #FF6633;
        border-radius: 10px;
        line-height: 1;
        margin: 0 0 10px 0;
        cursor: pointer;
		padding: 25px 0;
    }

    .top-category-unit-inner .tab ul li a {
        color: #ff6633;
        font-weight: 700;
        display: block;
    }

    .top-category-unit-inner .tab ul li .fa-angle-down {
        color: #ff6633;
    }

p.purchase-price {
    padding-top: 5px;
}

/* toppage-bottom-banner */
section.toppage-botton-banner {
    margin-bottom: 40px;
}

/* メディアクエリー閉じタグ */
}