@charset "UTF-8";

/* CSS Document */
@media screen and (min-width: 768px) {

    /* メディアクエリー */
    /****************************************************/
    共通パーツ * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html,
    body,
    div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    caption,
    article,
    aside,
    dialog,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background-color: transparent;
        list-style: none;
        font-style: normal;
        font-weight: normal;
    }

    body {
        font: 16px/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;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    a:hover {
        text-decoration: none;
    }

    img {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
        border-style: none;
    }

    table {
        width: 100% !important;
        border-collapse: collapse;
    }

    table th,
    table td {
        vertical-align: top;
        text-align: left;
        font-weight: 500;
    }

    a[href^="tel:"] {
        pointer-events: none;
        /*リンクを非リンクに変える*/
        cursor: default;
        /*マウスカーソルを矢印のまま変えない*/
    }

    article,
    aside,
    dialog,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
        display: block;
    }

    .pcnone {
        display: none;
    }

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

    @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-width1{
        max-width: 1040px;
        margin: 0 auto;
    }

    .common-width2 {
        max-width: 1000px;
        margin: 0 auto;
    }

    .page-line {
        background-position: top;
        background-repeat: no-repeat;
        padding: 80px 0 100px 0;
    }

    .page-line .inner {
        max-width: 65%;
        margin: 0 auto;
    }

    .page-line .inner h2 {
        font-size: 70px;
        font-weight: 900;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        margin: 0 0 40px 0;
    }

    .page-line .inner h2:before {
        background-image: url(../images/top/line-left.png);
        content: '';
        display: inline-block;
        width: 3.2vw;
        height: 7.7vw;
        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: 3.4vw;
        height: 8.1vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 0 0 20px;
    }

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

    .page-line .inner a {
        width: 685px;
        margin: 0 auto;
        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: 54px;
        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: 5vw;
        height: 4.8vw;
        margin: 0 40px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

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

    .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 h3, .page-content .single-page-title {
        text-align: center;
        font-size: 40px;
        font-weight: 900;
        font-family: "Hiragino Sans";
        position: relative;
        padding: 0 0 25px 0;
        line-height: 1;
    }

    .page-content h3::after, .page-content .single-page-title:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 131px;
        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;
    }

    /*******************************
    
    ヘッダー
    
    ********************************/
    header .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1040px;
        margin: 0 auto;
        height: 80px;
    }

    header .inner .header-logo {
        margin: 0;
        line-height: 1;
    }
	  
	header .inner .header-logo .logo-text {
		font-size: 20px;
		line-height: 1.2;
	}

    header .pc-nav ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }

    header .pc-nav ul .tel {
        font-size: 30px;
        font-weight: bold;
        margin: 0 15px 0 0;
        display: flex;
        align-items: center;
    }

    header .pc-nav ul .tel a {
        font-family: 'Futura';
        font-weight: bold;
        font-size: 30px;
    }

    header .pc-nav ul .tel:before {
        font-family: "Font Awesome 5 Free";
        content: "\f879";
        margin: 0 9px 0 0;
        font-size: 24px;
        color: #6FA924;
    }

    header .pc-nav ul .adjust-li {
        line-height: 1;
        position: relative;
    }

    header .pc-nav ul .adjust-li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f879";
        margin: 0;
        font-size: 24px;
        color: #6FA924;
        position: absolute;
        top: 5px;
        left: -30px;
    }

    header .pc-nav ul .adjust-li .only-kasopage {
        font-size: 16px;
        display: block;
        text-align: center;
        margin: 5px 0 0 0;
    }

    header .pc-nav ul .line 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: 16px;
        border-radius: 10px;
        box-shadow: 0 4px 0 0 #2F8010;
        font-weight: bold;
        box-sizing: border-box;
    }

    header .pc-nav ul .line a:before {
        background-image: url(../images/top/line-icon.png);
        display: inline-block;
        content: '';
        width: 2vw;
        height: 2vw;
        margin: 0 15px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    header .inner-2 {
        background: #FF6800;
    }

      header .inner-2 > ul {
        max-width: 1040px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    header .inner-2 > ul li {
        width: 25%;
        text-align: center;
        border-left: 1px solid #fff;
        max-width: 1040px;
    }

    header .inner-2 > ul li:last-of-type {
        border-right: 1px solid #fff;
    }

    header .inner-2 > ul li a {
        color: #fff;
        font-size: 18px;
        font-weight: 300;
        display: block;
    }
	
/* ドロップダウンメニュー */
	li.dorp-menu {
		position: relative;
	}
	ul.drop-menu-unit{
		display:none;
		position: absolute;
      top: 44px;
      left: 0;
		 background: #FF6800;
		width: 100%;
		z-index:999;
	}
	.drop-menu-item a{
		border-bottom: 1px solid #FFFFFF;
	}
	li.dorp-menu:hover ul.drop-menu-unit {
    display: block;/*Gナビメニューにホバーしたら表示*/
	  border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
	li.dorp-menu:hover > a {
		border-bottom: 1px solid #FFFFFF;
	}
	.drop-menu-item{
    background-color: #FF6800;
    height: 60px;
    transition: all .3s;
    position: relative;
}
.drop-menu-item:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
/* 	background: #FFFFFF; */
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
	border-bottom:1px solid #FFF;
}
.drop-menu-item a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

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

    footer .footer-menu ul {
        display: flex;
        justify-content: center;
        max-width: 50%;
        margin: 0 auto;
        height: 60px;
        align-items: center;
    }

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

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

    /*******************************
    
    トップページ
    
    ********************************/
    .top-nayami {
        background-image: url(../images/top/top-nayami.png);
        background-size: cover;
        min-height: 643px;
        padding: 50px 0 30px 0;
        margin: 0 0 70px 0;
        background-position: center;
    }

    .top-nayami h2 {
        text-align: center;
        font-size: 57px;
        max-width: 980px;
        margin: 0 auto 3%;
        display: block;
        background: #fff;
        border-radius: 40px;
        position: relative;
        font-family: 'Hiragino Sans';
        line-height: 1.5;
        padding: 21px 0;
    }

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

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

    .top-nayami ul {
        max-width: 980px;
        margin: 0 auto;
    }

    .top-nayami ul li {
        font-size: 22px;
        color: #fff;
        border-bottom: 1px dotted #fff;
        max-width: 85%;
        display: flex;
        align-items: center;
    }

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

    .top-contact {
        padding: 0 0 110px 0;
    }

    .top-contact .common-width {
        max-width: 1040px;
        margin: 0 auto;
    }

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

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

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

    .top-contact .table {
        max-width: 65%;
        margin: 0 auto;
        position: relative;
    }

    .top-contact .table:before {
/*         background-image: url(../images/top/top-satei3.png); */
        width: 12.2vw;
        height: 7.2vw;
        content: '';
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        top: 30%;
        left: -15vw;
    }

    .top-contact .table:after {
/*         background-image: url(../images/top/top-satei4.png); */
        width: 10.4vw;
        height: 7.7vw;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        position: absolute;
        top: 28%;
        right: -15vw;
    }

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

    .top-contact .table table {
        border: 1px solid #666;
        margin: 0 0 40px 0;
    }

    .top-contact .table table tr {
        border-bottom: 1px solid #666;
    }

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

    .top-contact .table table th {
        width: 30%;
        background: #C7F4FF;
        padding: 12px;
        border-right: 1px solid #666;
    }

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

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

    .table .btn-check {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .top-contact .table .btn-check:before {
/*         background-image: url(../images/top/top-satei5.png); */
        width: 197px;
        height: 142px;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        position: absolute;
        top: 35%;
        left: -7vw;
    }

    .top-contact .table .btn-check:after {
/*         background-image: url(../images/top/top-satei6.png); */
        width: 165px;
        height: 172px;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        position: absolute;
        top: 20%;
        right: -7vw;
    }

    .block-submit {
        position: relative;
    }

    .submit {
        background: #EA2842;
        outline: none;
        color: #fff;
        font-size: 1.6vw;
        font-weight: 700;
        width: 435px;
        margin: 0 auto;
        padding: 9px 0px;
        border-radius: 40px;
        position: relative;
        display: inline-block;
        box-shadow: 0 8px 0 0 #C7D1E4;
    }

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

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



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

    .top-voice h2 {
        font-size: 50px;
        font-weight: 800;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 20px 0;
    }

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

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

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

    .top-voice .separate {
        max-width: 1040px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .top-voice .separate p {
        line-height: 1.5;
        font-size: 18px;
    }

    .top-voice .separate .name {
        font-size: 22px;
    }

    .top-voice .separate a {
/* 		width: 30%; */
		width: calc((100% - 84px) / 4);
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        box-sizing: border-box;
    }

    .top-voice .separate a figure {
        text-align: center;
        margin: 0 0 10px 0;
		position: relative;
		aspect-ratio: 256/192;
    }

    .top-kaitori figure img {
/*         height: 205px; */
/*         object-fit: contain; */
		object-fit: cover;
		width: 100%;
		height: 100%;
    }

    .top-kaitori .btn-purchase {
        background: #fff;
        outline: none;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        width: 435px;
        margin: 80px auto 0;
        padding: 9px 0px;
        border-radius: 40px;
        position: relative;
        display: block;
        text-align: center;
    }



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

    .top-promise .img-left {
        max-width: 1040px;
        margin: -100px auto 0;
    }

    .top-promise h2 {
        text-align: center;
        color: #fff;
        font-size: 77px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        position: relative;
    }

    .top-promise h2 .color-head {
        background: #ff6800;
        padding: 12px;
        transform: rotate(-10deg);
        font-weight: 900;
        width: 120px;
        height: 120px;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        margin: 0 20px 0 0;
        font-size: 90px;
    }

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

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

    .top-promise .content {
        background: rgba(255, 255, 255, 0.58);
    }

    .top-promise .content-line {
        max-width: 1040px;
        margin: 0 auto 20px;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .top-promise .content-line h3 {
        font-size: 40px;
        font-weight: 900;
        line-height: 1.5;
        position: relative;
        width: 550px;
	     margin-bottom: 0;
	}

    .top-promise .content-line h3 small {
        font-size: 24px;
        font-weight: 500;
    }
	.top-promise .content-line {
		padding: 35px 0 0 110px;
	}
	    .top-promise .content-line .content-line-ttl p {
        font-size: 24px;
        font-weight: 500;
			max-width: 600px;
        line-height: 3rem;
    }

    .top-promise .content:nth-of-type(1) .content-line:before {
        content: '';
        background-image: url(../images/top/top-promise_number1.png);
        display: inline-block;
        width: 83px;
        height: 83px;
        position: absolute;
        top: 15%;
        left: 1%;
    }

    .top-promise .content:nth-of-type(2) h3 {
        font-size: 40px;
    }

    .top-promise .content:nth-of-type(2) .content-line:before {
        content: '';
        background-image: url(../images/top/top-promise_number2.png);
        display: inline-block;
        width: 83px;
        height: 83px;
        position: absolute;
        top: 15%;
        left: 1%;
    }
	
    .top-promise .content:nth-of-type(3) h3 {
        font-size: 32px;
    }
    .top-promise .content:nth-of-type(3) .content-line:before {
        content: '';
        background-image: url(../images/top/top-promise_number3.png);
        display: inline-block;
        width: 83px;
        height: 83px;
        position: absolute;
        top: 15%;
        left: 1%;
    }

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

    .top-area h2 {
        font-size: 50px;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 30px 0;
    }

    .top-area h2:before {
        background-image: url(../images/top/top-area-left.png);
        width: 1.4vw;
        height: 4.6vw;
        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: 1.6vw;
        height: 4.4vw;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        display: inline-block;
        margin: 0 0 0 15px;
    }

    .top-area .separate {
        max-width: 1040px;
        margin: 0 auto;
        display: flex;
        flex-direction: row-reverse;
    }

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

    .top-area .separate .right p {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.5;
    }

    .top-reason {
        background: #5586d8;
        padding: 75px 0 50px 0;
    }

    .top-reason h2 {
        text-align: center;
        color: #5586D8;
        background: #F0FF04;
        padding: 15px;
        display: block;
        width: 485px;
        font-size: 71px;
        line-height: 1;
        margin: 0 auto 55px;
        font-weight: bold;
        position: relative;
        box-sizing: border-box;
    }

    .top-reason h2:before {
        position: absolute;
        top: -40px;
        left: -165px;
        content: '';
        display: inline-block;
        background-image: url(../images/top/top-reason-point.png);
        width: 138px;
        height: 127px;
    }

    .top-reason h2:after {
        content: '';
        position: absolute;
        right: -55%;
        bottom: -60px;
        display: inline-block;
        background-image: url(../images/top/top-reason_people.png);
        width: 303px;
        height: 334px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .top-reason .separate {
        max-width: 1040px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .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: cover;
    }

    .top-reason .separate .box-number {
        position: absolute;
        top: 0;
        left: 50%;
        content: '';
        display: inline-block;
        font-size: 110px;
        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: 30px;
        font-weight: 900;
        line-height: 1.3;
        padding: 40% 5% 40px 5%;
        font-family: "Hiragino Sans";
        text-align: center;
        margin: 0;
    }

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

    .top-buy {
        padding: 0 0 70px 0;
        background-image: url(../images/top/flow-bg.png);
    }

    .top-buy h2 {
        text-align: center;
        font-size: 78px;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 0 30px 0;
    }

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

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

    .top-buy .head {
        max-width: 65%;
        margin: 0 auto;
    }

    .top-buy .head .intro {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
    }

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

    .top-buy .separate {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1040px;
        margin: 0 auto;
    }

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

    .top-buy .separate .step p.step-number {
        font-size: 25px;
        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: 50px;
        font-weight: bold;
    }

    .top-buy .separate .step p.step-ttl {
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        margin: 0 0 10px 0;
    }

    .top-buy .separate .step p.step-ttl .comment {
        font-size: 24px;
    }

    .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: 35px;
        height: 44px;
        position: absolute;
        top: 50%;
        right: -20%;
        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: 20px 0 1vw 0;
    }

    .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: 35px;
        height: 44px;
        position: absolute;
        top: 50%;
        right: -20%;
        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: 20px 0 1vw 0;
        font-size: 38px;
    }


    .top-feature h2 {
        font-size: 85px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Hiragino Sans";
        font-weight: 800;
        background-image: url(../images/top/top-feature.jpg);
        background-position: top;
        background-repeat: no-repeat;
        margin: 0;
        height: 260px;
    }

    .top-feature h2 .strong {
        color: #3A6108;
        font-size: 110px;
        font-weight: 800;
    }

    .top-feature h2:before {
        content: '';
        display: inline-block;
        background-image: url(../images/top/top-feature-check.png);
        width: 90px;
        height: 83px;
    }

    .top-feature .block {
        background: #FF6800;
        padding: 20px;
    }

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

    .top-feature .block-inner {
        max-width: 1040px;
        margin: 0 auto;
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .top-feature .block-inner figure {
        padding: 10px;
    }

    .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: flex-end;
        width: 250px;
        color: #fff;
        font-size: 38px;
        line-height: 1;
        padding: 5px 25px;
        box-sizing: border-box;
        margin: 0 0 20px 0;
    }

    .top-feature .block-inner .left-number {
        background: #fff;
        color: #3a6108;
        width: 49px;
        height: 49px;
        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;
        font-size: 36px;
        line-height: 1.5;
        padding: 0 0 40px 30px;
        margin: 0;
    }

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

    .top-deal {
        padding: 50px 0 90px 0;
    }

    .top-deal .type {
        max-width: 1040px;
        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: 70px;
        color: #FFFC00;
        font-weight: 900;
        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: 133px;
        height: 139px;
        position: absolute;
        right: 10%;
        top: -20%;
        background-size: contain;
        background-repeat: no-repeat;
    }

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

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

    .top-deal .buy {
        max-width: 1040px;
        margin: 0 auto;
        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: 70px;
        color: #FFFC00;
        font-weight: 900;
        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: 158px;
        height: 119px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 10%;
        top: -20%;
    }

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

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

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

    .top-faq h2 {
        text-align: center;
        font-size: 64px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 800;
    }

    .top-faq h2:before {
        background-image: url(../images/top/faq.png);
        content: '';
        display: inline-block;
        width: 191px;
        height: 133px;
        margin: 0 20px 0 0;
    }

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

    .top-faq .content {
/*         max-width: 1040px; */
		max-width: 900px;
        margin: 30px auto 0;
    }
	.top-faq .content:first-child {
		margin-top:0;
	}

    .top-faq .content-q {
/*         display: flex; */
        align-items: center;
/*         background: #fff; */
/*         border-bottom: 1px solid #7F5E1A; */
/*         cursor: pointer; */
        position: relative;
/*         box-shadow: 0 1px 2px #252e2d; */
		background-color: #FF6800;
    border-radius: 30px;
    }

    .top-faq .content-q.on:after {
        background-image: url(../images/top/minus.png);
        width: 30px;
        height: 8px;
        top: 30px;
        right: 30px;
    }
/* 
    .top-faq .content-q:after {
        background-image: url(../images/top/plus.png);
        width: 37px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        position: absolute;
        display: inline-block;
        position: absolute;
        top: 15px;
        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: 41px;
        line-height: 1;
        margin: 0;
        width: 66px;
        height: 66px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center; */
		display:none;
    }

    .top-faq .content-q .answer {
        font-weight: 500;
        font-size: 22px;
        margin: 0 0 0 20px;
        padding: 18px 0;
        line-height: 1;
		color:#FFFFFF;
    }

    .top-faq .content-a {
/*         display: none;
        background: #fff; */
    }

    .top-faq .content-a .inner {
/*         display: flex;
        align-items: baseline;
        box-shadow: 0 1px 2px #252e2d; */
    }

    .top-faq .content-a .mark-a {
/*         background: #5586D8;
        color: #fff;
        font-size: 41px;
        line-height: 1;
        margin: 0;
        width: 66px;
        height: 66px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center; */
		display:none;
    }

    .top-faq .content-a .answer {
        margin: 0;
/*         font-size: 22px; */
		font-size: 18px;
        margin: 0 0 0 20px;
        line-height: 1.5;
        padding: 16px 0;
/*         width: 80%; */
    }

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

    .top-line .inner {
        max-width: 1040px;
        margin: 0 auto;
    }

    .top-line .inner h2 {
        font-size: 84px;
        font-weight: 900;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 40px 0;
    }

    .top-line .inner h2:before {
        background-image: url(../images/top/line-left.png);
        content: '';
        display: inline-block;
        width: 3.2vw;
        height: 7.7vw;
        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: 3.4vw;
        height: 8.1vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 0 0 20px;
    }

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

    .top-line .inner a {
        width: 685px;
        margin: 0 auto;
        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: 54px;
        border-radius: 10px;
        box-shadow: 0 8px 0 0 #2F8010;
        text-shadow: 0 2px 2px #252E2D;
        font-weight: bold;
    }

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

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

    .page-top .title {
        position: absolute;
        top: 50%;
        right: 23%;
        display: inline-block;
        content: '';
        text-align: right;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
    }

    .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: 700;
        font-size: 36px;
    }

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

    .about-content .table {
        max-width: 960px;
        margin: 0 auto;
    }

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

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

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

    /*******************************
    
    お問い合わせ
    
    ********************************/
    .contact-content {
        padding: 0 0 10px 0;
    }

    .contact-content .common-width {
        max-width: 1040px;
        margin: 0 auto;
    }

    .contact-width {
        max-width: 864px;
        margin: 0 auto;
    }

    .contact-content .table {
        max-width: 864px;
        margin: 0 auto;
        position: relative;
    }

    .contact-content .table p {
        line-height: 1.5;
        margin: 0 0 55px 0;
        font-weight: 300;
        font-size: 20px;
    }

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

    .contact-content .table table {
        border: 1px solid #666;
        margin: 0 0 40px 0;
    }

    .contact-content .table table tr {
        border-bottom: 1px solid #666;
    }

    .contact-content .table table label {
        margin: 0 20px 0 0;
    }

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

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

    .contact-content .table table th {
        width: 30%;
        background: #C7F4FF;
        padding: 12px;
        border-right: 1px solid #666;
        font-size: 18px;
    }

    .contact-content .table table td {
        padding: 12px;
        font-size: 18px;
    }

    .contact-content .table table textarea {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        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: 30px;
        font-weight: 700;
        width: 435px;
        margin: 0 auto;
        padding: 9px 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: 1.6vw;
        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 3px #252E2D; */
    }

    #page-faq .mark-q {
        font-size: 41px;
        height: 66px;
        padding: 10px;
    }

    #page-faq .content-q {
/*         box-shadow: 0 1px 2px #252E2D; */
		background:#FF6800;
		border-radius: 30px;
}
    }

    /*******************************
    
    買取実績
    
    ********************************/
    .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: 20%;
        border: 1px solid #FF6633;
        border-radius: 10px;
        line-height: 1;
        margin: 0 0 10px 0;
        position: relative;
        cursor: pointer;
    }

    .purchase-content .tab ul li:hover {
        background: #ff6633;
        transition: 0.5s;
    }

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

    .purchase-content .tab ul li:hover a {
        color: #fff;
        transition: 0.5s;
    }

    .purchase-content .tab ul li a:after {
        position: absolute;
        bottom: 5px;
        right: 50%;
        content: "\f107";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        color: #ff6633;
        transform: translateX(50%);
    }

    .purchase-content .tab ul li:hover a:after {
        color: #fff;
    }

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

    .purchase-content .detail h2 {
        font-family: "Hiragino Sans";
        font-weight: 700;
        font-size: 18px;
		line-height: 2rem;
		margin-bottom: 0;
    }

    .purchase-content .detail a {
        width: 23%;
        margin: 0 1% 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;
        font-size: 14px;
        line-height: 1.5;
    }

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

    .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-top: 70px;
	}

    .single-purchase .common-width1 {
        max-width: 960px;
    }

    .single-purchase p {
        font-size: 20px;
    }

    .single-purchase h2 {
        font-size: 28px;
        font-family: "Hiragino Sans";
        font-weight: 700;
        line-height: 1.5;
    }

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

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

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

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

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

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

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

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


    #PRIVACY h4 {
        font-size: 24px;
        font-weight: bold;
        margin: 0;
    }


    #PRIVACY article {
        margin: 0 0 1.2em 0;
    }	
	.breadcrumb {
		font-size: 14px;
	}
	
/* トップカテゴリーユニット */
	.section.top-category-unit {
    margin: 100px 0;
}
	.top-category-unit-inner{
        max-width: 1040px;
        margin: 0 auto;
    }
	
	    .top-category-unit-inner .tab ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
			margin-bottom: 0;
    }

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

    .top-category-unit-inner .tab ul li:hover {
        background: #ff6633;
        transition: 0.5s;
    }

    .top-category-unit-inner .tab ul li a {
        color: #ff6633;
        font-size: 20px;
        display: block;
        font-weight: 700;
        transition: 0.5s;
    }

    .top-category-unit-inner .tab ul li:hover a {
        color: #fff;
        transition: 0.5s;
    }

    .top-category-unit-inner .tab ul li a:after {
        position: absolute;
        bottom: 5px;
        right: 50%;
        content: "\f107";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        color: #ff6633;
        transform: translateX(50%);
    }
    .top-category-unit-inner .tab ul li:hover a:after {
        color: #fff;
    }
	
/* お問い合わせフォーム */
	span.pres-txt {
    font-size: 14px;
    color: darkgrey;
}
	input.submit {
    cursor: pointer;
}

/*  */
p.purchase-price {
    font-size: 16px;
    font-weight: 700;
    padding-top: 15px;
}

/* toppage-bottom-banner */
section.toppage-botton-banner {
    max-width: 1200px;
		 margin: 0 auto 100px;
    padding: 0 15px;
    text-align: center;
}
	section.toppage-botton-banner img {
		max-width: 100%;
	}



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