@charset "utf-8";

/*
Theme Name:YTHカメラ
Author:wokobo
Description:This is my original theme.
Version:1.0.2
*/

.pc {
    display: block;
}

.sp {
    display: none;
}

@media only screen and (max-width: 1239px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/* ----------------------------------------------------------
Common Setting
---------------------------------------------------------- */

html {
    font-size: 62.5%;
}

/*body*/

body {
    color: #555555;
    font-family: 'Noto Sans Japanese', 'メイリオ', 'Meiryo',
        'ヒラギノ角ゴ ProN W3';
    font-size: 1.6rem;
    line-height: 1.5;
}

.inner {
    width: 1240px;
    margin: 0 auto;
}

/*img*/

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

/*link*/

a:link,
a:visited,
a:active {
    color: #7abfcd;
    text-decoration: none;
    transition: 0.5s;
}

a:hover {
    text-decoration: none;
    outline: 0;
    opacity: 0.8;
}

input:hover,
a:hover img {
    outline: 0;
    opacity: 0.8;
}

wbr {
    word-break: break-all;
}

/* ----------------------------------------------------------
common
---------------------------------------------------------- */

.contents .inner {
    display: flex;
    justify-content: space-between;
}

.contents_left {
    width: 250px;
}

.contents_right {
    width: 950px;
	margin-top: -58xp;
}

.section_title {
    width: 100%;
    background-color: #7abfcd;
    display: flex;
    align-items: center;
    padding: 15px 25px;
    box-sizing: border-box;
}

.section_title h2 {
    color: #fefefe;
    text-align: center;
    white-space: nowrap;
    font-size: 2.8rem;
    font-weight: 500;
    padding: 0 40px;
}

.buying_category .section_title h2,
.voice .section_title h2,
.faq .section_title h2,
.company .section_title h2 {
    letter-spacing: 15px;
}

.section_title h2 span {
    letter-spacing: 0;
}

.content-heading {
    /* font-size: 1.8rem; */
    font-weight: 500;
}

.section_title div {
    width: 100%;
    height: 2px;
    background-color: #fefefe;
}

.page_mv {
    text-align: center;
    width: 100%;
}

/* ----------------------------------------------------------
header
---------------------------------------------------------- */

.header {
    border-top: 7px solid #7abfcd;
}

.header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

.header .inner>* {
    align-self: center;
}

/* ----------------------------------------------------------
mv
---------------------------------------------------------- */

.mv {
    padding: 25px 0;
}

.mv01 {
    text-align: center;
}

/* ----------------------------------------------------------
side_banner
---------------------------------------------------------- */
.side_banner>li {
    position: relative;
    box-shadow: 0 0.9px 1.5px rgb(204 204 204 / 6%),
        0 3px 3.1px rgb(204 204 204 / 8%), 0 5.1px 5.4px rgb(204 204 204 / 9%),
        0 8.2px 8.4px rgb(0 0 0 / 9%), 0 14.2px 14.2px rgb(204 204 204 / 10%),
        0 50.5px 49px rgb(204 204 204 / 13%);
}

.side_banner>li:not(:first-child) {
    margin-top: 20px;
}

.side_banner>li img {
    width: 100%;
    object-fit: contain;
}

.side_banner li .button-play::before {
    background: center / 20% no-repeat url(https://camera-kaitorisatei.com/test/wp-test/wp-content/themes/yth_camera/images/button-play.svg);
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 100;
    position: absolute;
}

/* ----------------------------------------------------------
buying_category
---------------------------------------------------------- */

.category_title {
    display: flex;
    align-items: flex-end;
    margin-top: -40px;
    margin-bottom: 20px;
    padding-top: 80px;
}

.category_title_text {
    color: #7abfcd;
    font-size: 2.4rem;
    font-weight: 500;
    margin-left: 10px;
}

.category_layout {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.category_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 310px;
    padding: 8px 12px 8px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.category_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 175px;
}

.category_right::after {
    content: '';
    background: center / contain no-repeat url(https://camera-kaitorisatei.com/wp-content/themes/yth_camera/images/arrow.png);
    width: 2.4rem;
    height: 2.4rem;
}

.category_text {
    color: #7abfcd;
    font-size: 1.8rem;
    font-weight: 500;
}

.category_img {
    width: 10rem;
}

.category_arrow {
    width: 2.5rem;
}

.category_title_icon {
    width: 5.4rem;
}

/* ----------------------------------------------------------
buying_results
---------------------------------------------------------- */

.top .buying_results {
    margin-top: 60px;
}

.buying_results_layout {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.buying_results_box {
    text-align: center;
    font-weight: 500;
    width: 225px;
    border: 1px solid #7abfcd;
    box-sizing: border-box;
    margin-bottom: 20px;
    justify-content: space-between;
    display: flex;
    flex-flow: column nowrap;
}

.buying_results_top {
    border-bottom: 1px solid #7abfcd;
}

.buying_results_bottom {
    padding-bottom: 7px;
}

.buying_results_name {
    font-size: 1.6rem;
    margin: 7px 0;
    min-height: 4.8rem;
}

.buying_results_k_price {
    font-size: 1.6rem;
    margin-top: 7px;
}

.buying_results_m_price {
    font-size: 1.6rem;
    margin-bottom: 7px;
}

.buying_results_text {
    color: #fefefe;
    font-size: 1.4rem;
    background-color: #ed6864;
    position: relative;
    margin-bottom: 10px;
}

.buying_results_text::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-color: #ed6864;
    position: absolute;
    transform: translate(-50%, 0) rotate(45deg);
    bottom: -0.25rem;
    left: 50%;
    z-index: -1;
}

.buying_results_arrow {
    line-height: 0;
}

.buying_results_price {
    color: #ed6864;
    font-size: 3.2rem;
    line-height: 1.2;
}

.buying_results_price span {
    font-size: 1.6rem;
}

.buying_results_deal {
    color: #7abfcd;
    font-size: 2.4rem;
}

.buying_results_deal span {
    font-size: 1.2rem;
}

.buying_results_deal span:last-of-type {
    color: #fefefe;
    line-height: 1.5;
    background-color: #7abfcd;
    font-size: 1.6rem;
    padding: 0 5px;
    margin-left: 7px;
}

.buying_results_banner {
    margin-top: 20px;
}

.buying_results_banner_text {
    color: #d6ae4e;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.buying_results_img {
    position: relative;
}

.buying_results_img::before {
    padding-top: 66.67%;
    content: '';
    display: block;
}

.buying_results_img img {
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* ----------------------------------------------------------
reason
---------------------------------------------------------- */

.reason {
    margin-top: 60px;
}

.reason_layout {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.reason_box {
    width: 300px;
}

.reason_title {
    color: #7abfcd;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
}

.reason_img,
.reason_text {
    margin-top: 15px;
}

/* ----------------------------------------------------------
step
---------------------------------------------------------- */

.step {
    margin-top: 60px;
}

.step> :not(:first-child) {
    margin-top: 40px;
}

.step_video_text {
    color: #7abfcd;
    text-align: center;
    font-size: 2.1rem;
}

.youtube {
    text-align: center;
    margin-top: 30px;
}

.step_banner img {
    width: 100%;
}

.step4_layout {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

.step4 {
    text-align: center;
    margin-top: 20px;
}

.step4_text {
    color: #7abfcd;
    font-size: 3.2rem;
    font-weight: 500;
    text-align: center;
}

.step_img_sp {
    display: none;
}

.step_layout {
    display: flex;
    height: 240px;
}

.step_left {
    width: 90px;
}

.step_right {
    width: 840px;
    padding: 25px 240px 25px 25px;
    box-sizing: border-box;
}

.step_right .step_right_title {
    color: #7abfcd;
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.step_right .step_right_text:nth-of-type(2),
.step_right .step_right_text:nth-of-type(4) {
    margin: 10px 0;
}

.step_right_text span {
    border: 2px solid #555555;
    padding: 0 7px;
}

.step_right_list {
    margin-top: 20px;
}

.step_right_list span {
    color: #ed6864;
    font-weight: 700;
}

.step01_layout {
    margin-top: 50px;
}

.step01_layout .step_left {
    background: url('images/step01_title.png') center / 50% no-repeat, #5ecedd;
}

.step01_layout .step_right {
    background: url('images/step01_img.png') center right 25px / 190px no-repeat,
        #f7f5f2;
}

.step02_layout,
.step03_layout,
.step04_layout {
    margin-top: 25px;
}

.step02_layout .step_left {
    background: url('images/step02_title.png') center / 50% no-repeat, #5ecedd;
}

.step02_layout .step_right {
    background: url('images/step02_img.png') center right 25px / 190px no-repeat,
        #f7f5f2;
}

.step_layout.step03_layout {
    height: auto;
}

.step03_layout .step_left {
    background: url('images/step03_title.png') center / 50% no-repeat, #5ecedd;
}

.step03_layout .step_right {
    background: url('images/step03_img.png') center right 25px / 190px no-repeat,
        #f7f5f2;
}

.step04_layout .step_left {
    background: url('images/step04_title.png') center / 50% no-repeat, #5ecedd;
}

.step04_layout .step_right {
    background: url('images/step04_img.png') center right 25px / 190px no-repeat,
        #f7f5f2;
}

/* ----------------------------------------------------------
voice
---------------------------------------------------------- */

.voice {
    margin-top: 60px;
}

.voice_video {
    margin-top: 30px;
}

.voice_banner {
    margin-top: 30px;
}

.voice_layout {
    padding: 25px 25px 25px 220px;
    margin-bottom: 30px;
    height: 220px;
    border-radius: 8px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    position: relative;
}

.voice_layout00 {
    margin-top: 50px;
    background: url('https://camera-kaitorisatei.com/uploads/voice_img08.png') center left 25px / 170px no-repeat,
        #fefefe;
}

.voice_layout01 {
    margin-top: 50px;
    background: url('images/voice_img01.png') center left 25px / 170px no-repeat,
        #fefefe;
}

.voice_layout02 {
    margin-top: 50px;
    background: url('images/voice_img02.png') center left 25px / 170px no-repeat,
        #fefefe;
}

.voice_layout03 {
    margin-top: 50px;
    background: url('images/voice_img03.png') center left 25px / 170px no-repeat,
        #fefefe;
}

.voice_layout04 {
    margin-top: 50px;
    background: url('images/voice_img04.png') center left 25px / 170px no-repeat,
        #fefefe;
    height: auto;
}

.voice_layout05 {
    margin-top: 50px;
    background: url('images/voice_img05.png') center left 25px / 170px no-repeat,
        #fefefe;
}

.voice_layout06 {
    margin-top: 50px;
    background: url('images/voice_img06.png') center left 25px / 170px no-repeat,
        #fefefe;
    height: auto;
}

.voice_layout07 {
    margin-top: 50px;
    background: url('images/voice_img07.png') center left 25px / 170px no-repeat,
        #fefefe;
}

.voice_title {
    color: #7abfcd;
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: 5px;
}

.voice_profile {
    font-size: 1.4rem;
    position: absolute;
    right: 25px;
    bottom: 25px;
}

/* ----------------------------------------------------------
faq
---------------------------------------------------------- */

.faq {
    margin-top: 60px;
}

.faq_layout {
    background-color: #f2f9f9;
    padding: 25px;
}

.faq_title_layout {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px dotted #7abfcd;
    margin-bottom: 15px;
}

.faq_title {
    color: #7abfcd;
    font-size: 2.1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.faq_title::before {
    content: '';
    flex: 0 0 10%;
    width: 4.8rem;
    height: 5.6rem;
    background: center / contain url(./images/faq_icon.png) no-repeat;
}

.faq_text {
    font-size: 1.6rem;
}

.faq_layout {
    margin-top: 20px;
}

.faq_layout01 {
    margin-top: 50px;
}

/* ----------------------------------------------------------
ok_ng
---------------------------------------------------------- */

.ok_ng {
    margin-top: 60px;
}

.ok_title_layout,
.ng_title_layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.ok_title_layout {
    background: url('images/ok_bg.png') center left / 100px no-repeat;
}

.ng_title_layout {
    background: url('images/ng_bg.png') center left / 100px no-repeat;
}

.ok_title,
.ng_title {
    font-size: 2.4rem;
    padding-left: 35px;
}

.ok_title span,
.ng_title span {
    color: #ed6864;
    font-size: 4.5rem;
    font-weight: 500;
}

.ok_title_layout .ok,
.ng_title_layout .ng {
    max-width: 35.3rem;
}

.ok_layout {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.ok_box {
    text-align: center;
    width: 228px;
}

.ok_img01 {
    margin-bottom: 20px;
}

.ok_icon {
    margin-top: 10px;
}

.ok_text {
    font-size: 1.4rem;
    font-weight: 500;
}

.ok_text::before {
    background: center / contain url(https://camera-kaitorisatei.com/uploads/ok_icon.png) no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    position: static;
    display: inline-block;
    content: '';
    margin: 0 0.8rem 0 auto;
    vertical-align: middle;
}

.ok_text span {
    color: #ed6864;
    font-size: 1.8rem;
}

.ng_list li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.ng_text {
    font-size: 1.8rem;
}

.ng_text::before {
    background: center / contain url(https://camera-kaitorisatei.com/test/wp-test/wp-content/themes/yth_camera/images/ng_icon.png) no-repeat;
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8rem;
}

.footer_menu {
    display: flex;
    justify-content: center;
}

.footer_menu li:first-of-type {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #7abfcd;
}

.footer_menu li a {
    font-size: 1.4rem;
}

.footer_menu li a:hover {
    text-decoration: underline;
    opacity: 1;
}

/* ----------------------------------------------------------
footer
---------------------------------------------------------- */

.footer {
    background-color: #7abfcd;
}

.footer .inner {
    padding: 6.4rem 0 10.5rem 0;
}

.footer_layout {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.footer_title {
    order: 2;
}

.footer_title>* {
    width: fit-content;
    margin: 0 auto;
}

.footer_typography {
    margin-top: 2.4rem;
}

.footer_box {
    /* margin-left: 25px; */
    order: 1;
}

.old_sales_text {
    color: #fefefe;
    font-size: 1.4rem;
}

.footer_table {
    border-collapse: separate;
    border-spacing: 0.8rem;
    text-align-last: left;
}

.footer_table_head {
    font-weight: 500;
}

.footer_table_data {
    word-break: keep-all;
}

.copyright {
    color: #fefefe;
    flex: 0 0 100%;
    font-size: 1.2rem;
    text-align: center;
    order: 999;
}

.footer_right {
    color: #fefefe;
    font-size: 1.4rem;
}

/* ----------------------------------------------------------
float_menu
---------------------------------------------------------- */

.float_menu {
    background-color: #9ed5dd;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 300;
}

.float_menu .inner {
    padding: 15px 0;
}

.float_menu_title_sp {
    display: none;
}

.float_menu_layout {
    display: flex;
    justify-content: center;
}

.float_menu_layout li {
    margin-right: 15px;
}

.float_menu_layout li:first-of-type {
    margin-right: 25px;
}

.float_menu_layout li:last-of-type {
    margin-right: 0;
}

/* ----------------------------------------------------------
meker/category page
---------------------------------------------------------- */

.bread_menu {
    margin: 10px 0 10px 0;
}

.bread_menu .inner {
    padding-left: 30px;
    box-sizing: border-box;
}

.point {
    margin-top: 60px;
}

.point_title {
    font-size: 2.4rem;
    text-align: center;
}

.point_title span {
    color: #d3a544;
    font-size: 4.5rem;
    font-weight: 500;
}

.point_layout {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.point_layout01 {
    margin-top: 50px;
}

.point_left {
    width: 665px;
}

.point_left_title {
    font-size: 2.1rem;
    font-weight: 500;
    margin-top: 15px;
}

.point_left_text {
    font-size: 1.6rem;
    margin-top: 10px;
}

.point_img {
    width: 265px;
}

/* ----------------------------------------------------------
line page
---------------------------------------------------------- */

.line_banner,
.tel_banner {
    text-align: center;
    margin-top: 50px;
}

.line_text {
    font-size: 2.8rem;
    text-align: center;
    margin-top: 60px;
}

.line_text span {
    color: #bf0d23;
}

.line_notes {
    color: #fefefe;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 15px;
}

.line_notes span {
    background-color: #bf0d23;
    padding: 5px 25px;
    border-radius: 8px;
}

.line_step_layout {
    display: flex;
    background-color: #f7f5f2;
}

.line_step_left {
    width: 90px;
}

.line_step_right {
    width: 160px;
    text-align: right;
}

.line_step_center {
    padding: 25px;
    width: 720px;
}

.line_step_title {
    color: #3aae36;
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.line_step_text {
    font-size: 1.6rem;
}

.line_add_btn {
    margin-top: 20px;
}

.line_step_notes {
    font-size: 1.4rem;
    margin-top: 10px;
}

.line_step01_layout {
    margin-top: 50px;
}

.line_step01_layout .line_step_left {
    background: url('images/step01_title.png') center / 50% no-repeat, #3aae36;
}

.line_step02_layout .line_step_left {
    background: url('images/step02_title.png') center / 50% no-repeat, #3aae36;
}

.line_step03_layout .line_step_left {
    background: url('images/step03_title.png') center / 50% no-repeat, #3aae36;
}

.line_step02_layout,
.line_step03_layout {
    margin-top: 25px;
}

/* ----------------------------------------------------------
form page
---------------------------------------------------------- */

.assessment_contents {
    margin-top: 60px;
}

.assessment_text {
    text-align: center;
    margin-top: 20px;
}

.page-id-81 .sp_menu_btn,
.page-id-81 .nav_section,
.page-id-81 .bread_menu {
    display: none !important;
}

.form {
    margin-top: 50px;
}

.form_dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.form_dl dt {
    display: flex;
    width: 250px;
}

.form_dl dt .form_item {
    font-size: 2.1rem;
}

/* .optioonal is added 2021/06/01 */
.form_dl dt .required,
.form_dl dt .optional {
    font-size: 1.6rem;
    padding-top: 3px;
    margin-left: 10px;
}

.form_dl dt .required,
.form_dl dt .optional {
    color: #fefefe;
}

.form_dl dt .required span,
.form_dl dt .optional span {
    padding: 0 10px 2px;
    border-radius: 8px;
}

.form_dl dt .required span {
    background-color: #ee6864;
}

.form_dl dt .optional span {
    background: #cccccc;
}

.form_dl dt .required.option span {
    background-color: #7abfcd;
}

/* flex-flow and gap is added 2021/05/30 */
.form_dl dd {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 680px;
    gap: 0 1rem;
}

.form_dl .form_input input,
.form_dl .form_input textarea,
.form_dl .select select {
    font-size: 2.1rem;
    padding: 7px;
    box-sizing: border-box;
}

/* margin is added for forms have multiple lines(ex. address) 2021/05/30 */
.form_input.address_input:not(:first-of-type) {
    margin-top: 1rem;
}

.tel_dl dd,
.file_dl dd,
.bank_dl dd {
    display: block;
}

.name_input input,
.kana_input input,
.tel_input input,
.zipcode_input input,
.bank_input input {
    width: 335px;
}

.address_input input,
.mail_input input {
    width: 680px;
}

.mail_atto {
    font-size: 2.1rem;
}

.tel_input_notes,
.file_input_notes {
    color: #ee6864;
    font-size: 1.4rem;
}

.tel_input_notes {
    margin-top: 7px;
}

.bank_text {
    font-size: 2.1rem;
    margin-bottom: 7px;
}

.bank_input {
    margin-bottom: 10px;
}

.contents_input textarea {
    width: 680px;
    height: 200px;
}

.sctl_title {
    font-size: 2.8rem;
    text-align: center;
    margin-top: 50px;
}

.sctl_contents {
    background-color: #f7f5f2;
    padding: 25px;
    margin-top: 20px;
    height: 200px;
    overflow: scroll;
}

.sctl_check_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.sctl_check_box dd {
    margin-left: 5px;
    font-size: 1.8rem;
}

.form_btn {
    text-align: center;
    margin-top: 50px;
}

.form_btn input {
    color: #fefefe;
    font-size: 2.1rem;
    border: none;
    background-color: #f4b648;
    padding: 10px 70px;
    cursor: pointer;
}

.thanks_title {
    font-size: 2.8rem;
    text-align: center;
    margin-top: 40px;
}

.thanks_text {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 20px;
}

.mw_wp_form p.form_input_text,
.mw_wp_form p.form_confirm_text {
    display: none;
    text-align: center;
    margin-top: 20px;
}

.mw_wp_form.mw_wp_form_input p.form_input_text {
    display: block;
}

.mw_wp_form.mw_wp_form_confirm p.form_confirm_text {
    display: block;
}

.mw_wp_form.mw_wp_form_confirm .form_dl dd {
    justify-content: flex-start;
}

.back_button {
    margin-right: 10px;
}

/* ダンボール追加 2022/02/09 */

.form_dl.box_dl dd {
    display: block;
}

.form_dl.box_dl dd {
    font-size: 2.1rem;
}

.form_dl.box_dl dd select {
    font-size: 1.8rem;
    padding: 5px;
    box-sizing: border-box;
}

.form_dl dd.box .select {
    margin-bottom: 10px;
}

.form_dl dd.box .select select {
    width: 70%;
}

.form_dl.box_dl dd .box_select {
    margin-bottom: 5px;
}

.form_dl.box_dl dt {
    display: block;
}

.form_dl.box_dl .box_size {
    margin-top: 10px;
}

.form_dl.box_dl .box_size img {
    width: 90%;
}

.form_dl.box_dl .box_notes {
    font-size: 1.4rem;
	color: #ed6864;
	margin-top: 10px;
}

/* ----------------------------------------------------------
assessor / company 2021.1.7追加
---------------------------------------------------------- */

.assessor {
    margin-top: 60px;
}

.assessor_img_main {
    margin-top: 30px;
}

.assessor_text {
    margin-top: 30px;
}

.assessor_layout {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.assessor_box {
    margin-top: 65px;
    width: 30%;
}

.assessor_img {
    text-align: center;
}

.assessor_img img {
    width: 200px;
}

.assessor_position {
    text-align: center;
    font-size: 1.4rem;
    margin-top: 30px;
}

.assessor_name {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 500;
}

.company {
    margin-top: 60px;
    padding-bottom: 25px;
}

.company_layout {
    margin-top: 30px;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}

.company_left {
    width: 330px;
}

.company_right {
    padding-top: 70px;
}

.company_title {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.company_title h3 {
    color: #7abfcd;
    white-space: nowrap;
    font-size: 1.8rem;
    font-weight: 500;
    padding-right: 10px;
}

.company_title div {
    width: 100%;
    height: 2px;
    background-color: #7abfcd;
}

.company_text {
    font-size: 1.4rem;
    margin-top: 7px;
}

.company_img {
    margin-top: 15px;
    width: 100%;
}

/* ----------------------------------------------------------
pc
---------------------------------------------------------- */

@media only screen and (min-width: 1240px) {
    /* ----------------------------------------------------------
nav_section
---------------------------------------------------------- */

    .nav_section {
        background-color: #7abfcd;
        /* position: absolute; */
        /* top: 132px; */
        width: 100%;
    }

    .nav_dammy {
        height: 69px;
    }

    .is_sticky {
        position: sticky;
        top: 0;
        z-index: 2000;
    }

    .nav {
        display: flex;
        position: relative;
    }

    .menu {
        width: 14.286%;
    }

    .menu_inner {
        position: relative;
    }

    .menu_inner .bar {
        width: 2px;
        height: 28px;
        background-color: #fefefe;
        position: absolute;
        top: 20px;
        left: -1px;
    }

    .menu:last-of-type .menu_inner .bar:last-of-type {
        left: auto;
        right: -1px;
    }

    .menu:nth-of-type(3),
    .menu:nth-of-type(4) {
        transition: 0.5s;
    }

    .menu:nth-of-type(3):hover,
    .menu:nth-of-type(4):hover {
        background: #fefefe;
    }

    .menu:nth-of-type(3):hover p,
    .menu:nth-of-type(4):hover p {
        color: #7abfcd;
    }

    .menu_inner>a {
        color: #fefefe;
        padding: 17px 0;
        display: block;
    }

    .menu_inner>a:hover {
        color: #7abfcd;
        background: #fefefe;
        opacity: 1;
    }

    #menu_maker .menu_inner>a,
    #menu_category .menu_inner>a {
        pointer-events: none;
    }

    .menu_inner p {
        font-size: 1.8rem;
        line-height: 1.2;
        text-align: center;
    }

    .menu_inner p span {
        font-size: 1.2rem;
    }

    .menu_drop {
        position: absolute;
        left: 0;
        top: 69px;
        width: 1240px;
        background-color: #f7f5f2;
        padding: 30px 20px;
        box-sizing: border-box;
        display: none;
        z-index: 300;
    }

    .menu_drop .menu_drop_layout {
        display: flex;
        flex-wrap: wrap;
    }

    .menu_drop_box {
        background: url('images/drop_menu_arrow.png') bottom right / 25px no-repeat,
            #fefefe;
        margin-right: 20px;
        display: flex;
        padding: 15px;
        box-sizing: border-box;
        width: 285px;
		height: 100px;
        position: relative;
    }

    .menu_drop_layout a:nth-of-type(4n) .menu_drop_box {
        margin-right: 0;
    }

    .menu_drop_layout a {
        margin-bottom: 20px;
    }
	
	.menu_drop_layout a:nth-of-type(9),
	.menu_drop_layout a:nth-of-type(10),
	.menu_drop_layout a:nth-of-type(17),
	.menu_drop_layout a:nth-of-type(18){
        margin-bottom: 0;
    }

    .menu_drop_text {
        font-size: 1.8rem;
        font-weight: 500;
        margin-left: 7px;
    }

    .menu_drop_notes {
        color: #7abfcd;
        font-size: 2.8rem;
        margin-top: 10px;
        position: absolute;
        bottom: 30px;
        right: 20px;
    }

    /*company追加*/

    #menu_company .menu_inner>a {
        pointer-events: none;
    }

    .menu_drop02 {
        display: none;
        position: absolute;
        top: 69px;
        width: 177px;
        box-sizing: border-box;
        z-index: 300;
    }

    .menu_drop02 li a {
        color: #7abfcd;
        text-align: center;
        display: block;
        padding: 17px 0;
        background-color: #f7f5f2;
    }

    .menu_drop02 li:last-of-type {
        border-top: 1px solid #fefefe;
    }

    .menu_drop02 li a:hover {
        color: #7abfcd;
        background: #fefefe;
        opacity: 1;
    }

    /* .side_banner fixed 2021/05/30 */
    .contents_left {
        position: relative;
    }

    .contents_left>.widget_container,
    .contents_left>.widget_container>.custom-html-widget {
        height: 100%;
    }

    .side_banner {
        position: relative;
        top: auto;
        bottom: auto;
        transform: none;
    }

    .is_fixed {
        bottom: auto;
        position: sticky;
        top: 50%;
        transform: translateY(-50%);
    }

    .is_absolute {
        position: absolute;
        top: auto;
        bottom: 0;
        transform: translateY(-96px);
    }

    .copyright {
        margin-top: 6.4rem;
    }
}

/* ----------------------------------------------------------
ipad
---------------------------------------------------------- */

@media only screen and (max-width: 1239px) {
    /* ----------------------------------------------------------
Common Setting
---------------------------------------------------------- */

    .inner {
        width: 95%;
        margin: 0 auto;
    }

    /* ----------------------------------------------------------
common
---------------------------------------------------------- */

    .bread_menu {
        margin: 142px 0 10px 0;
    }

    .contents .inner {
        display: block;
    }

    .contents_right {
        width: 100%;
    }

    /* ----------------------------------------------------------
header
---------------------------------------------------------- */

    .header {
        background-color: #fefefe;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 300;
        border-top: 7px solid #7abfcd;
    }

    .header .inner {
        padding: 15px 0;
    }

    /* ----------------------------------------------------------
nav_section
---------------------------------------------------------- */

    .sp_menu_btn {
        position: fixed;
        right: 15px;
        top: 30px;
        z-index: 500;
    }

    .nav_section {
        background-color: #dddddd;
        position: fixed;
        right: 0;
        top: 0;
        width: 70%;
        padding-top: 131px;
        display: none;
        z-index: 400;
    }

    .nav_section .inner {
        width: 100%;
    }

    .menu {
        background-color: #7abfcd;
        border-bottom: 1px solid #fefefe;
    }

    #menu_maker,
    #menu_category {
        background: url('images/sp_menu_arrow.png') top 20px right 15px / 25px no-repeat,
            #7abfcd;
    }

    #menu_maker.active,
    #menu_category.active {
        background: url('images/sp_menu_arrow_active.png') top 20px right 15px / 25px no-repeat,
            #7abfcd;
    }

    .nav .menu:last-of-type {
        border-bottom: none;
    }

    .menu_inner>a {
        color: #fefefe;
        padding: 15px 15px;
        display: block;
    }

    #menu_maker .menu_inner>a,
    #menu_category .menu_inner>a {
        pointer-events: none;
    }

    .menu_inner p {
        font-size: 2.4rem;
    }

    .menu_drop {
        padding: 0 20px 15px 20px;
        box-sizing: border-box;
        display: none;
    }

    .menu_drop_box {
        padding: 15px;
    }

    .menu_drop_layout a {
        color: #d7eff2;
        font-size: 2.4rem;
        display: block;
    }

    .menu_drop_notes {
        color: #fefefe;
        font-size: 2.4rem;
        margin-top: 15px;
    }

    /*company追加*/

    #menu_company {
        background: url('images/sp_menu_arrow.png') top 20px right 15px / 25px no-repeat,
            #7abfcd;
    }

    #menu_company.active {
        background: url('images/sp_menu_arrow_active.png') top 20px right 15px / 25px no-repeat,
            #7abfcd;
    }

    #menu_company .menu_inner>a {
        pointer-events: none;
    }

    .menu_drop02 {
        display: none;
        padding: 0 20px 15px 20px;
    }

    .menu_drop02 li {
        padding: 15px;
        box-sizing: border-box;
    }

    .menu_drop02 li a {
        color: #d7eff2;
        font-size: 2.4rem;
        display: block;
    }

    /* ----------------------------------------------------------
mv
---------------------------------------------------------- */

    .mv {
        /* padding: 0 0 25px 0; */
    }

    .top .mv {
        /* padding: 132px 0 25px 0; */
    }

    /* ----------------------------------------------------------
side_banner
---------------------------------------------------------- */

    .side_banner {
        display: none;
    }

    /* ----------------------------------------------------------
buying_category
---------------------------------------------------------- */

    .category_layout a {
        width: 32%;
    }

    .category_box {
        display: block;
        width: 100%;
    }

    .category_right {
        margin-top: 10px;
        width: 100%;
    }

    .category_img img {
        width: 100%;
    }

    /* ----------------------------------------------------------
buying_results
---------------------------------------------------------- */

    .top .buying_results {
        margin-top: 40px;
    }

    .buying_results_layout {
        margin-top: 30px;
    }

    .buying_results_box {
        width: 24%;
    }

    /* ----------------------------------------------------------
reason
---------------------------------------------------------- */

    .reason {
        margin-top: 40px;
    }

    .reason_layout {
        display: block;
    }

    .reason_box {
        width: 100%;
        overflow: hidden;
    }

    .reason_layout .reason_box:nth-of-type(2) {
        margin: 20px 0;
    }

    .reason_title {
        text-align: left;
    }

    .reason_img,
    .reason_text {
        margin-top: 0;
    }

    .reason_title,
    .reason_text {
        width: 68%;
    }

    .reason_img {
        width: 30%;
    }

    .reason_layout .reason_box:first-of-type .reason_title,
    .reason_layout .reason_box:first-of-type .reason_text,
    .reason_layout .reason_box:nth-of-type(2) .reason_img,
    .reason_layout .reason_box:last-of-type .reason_title,
    .reason_layout .reason_box:last-of-type .reason_text {
        float: right;
    }

    .reason_layout .reason_box:first-of-type .reason_img,
    .reason_layout .reason_box:nth-of-type(2) .reason_title,
    .reason_layout .reason_box:nth-of-type(2) .reason_text,
    .reason_layout .reason_box:last-of-type .reason_img {
        float: left;
    }

    /* ----------------------------------------------------------
step
---------------------------------------------------------- */

    .step {
        margin-top: 40px;
    }

    .step4_layout {
        padding: 0;
    }

    .step4_box {
        width: 23%;
    }

    .step4_img {
        text-align: center;
    }

    .step_layout {
        height: 240px;
    }

    .step_left {
        width: 70px;
    }

    .step_right {
        width: 100%;
        padding: 15px 230px 15px 15px;
    }

    .step_right .step_right_title {
        margin-bottom: 5px;
    }

    .step01_layout .step_right {
        background: url('images/step01_img.png') center right 15px / 190px no-repeat,
            #f7f5f2;
    }

    .step02_layout .step_right {
        background: url('images/step02_img.png') center right 15px / 190px no-repeat,
            #f7f5f2;
    }

    .step03_layout .step_right {
        background: url('images/step03_img.png') center right 15px / 190px no-repeat,
            #f7f5f2;
    }

    .step04_layout .step_right {
        background: url('images/step04_img.png') center right 15px / 190px no-repeat,
            #f7f5f2;
    }

    /* ----------------------------------------------------------
voice
---------------------------------------------------------- */

    .voice {
        margin-top: 40px;
    }

    .voice_video {
        margin-top: 20px;
    }

    .voice_banner {
        margin-top: 20px;
    }

    .voice_layout {
        height: auto;
    }

    .voice_layout00,
    .voice_layout01,
    .voice_layout02,
    .voice_layout03,
    .voice_layout04,
    .voice_layout05,
    .voice_layout06,
    .voice_layout07 {
        margin-top: 30px;
    }

    .voice_profile {
        text-align: right;
        position: static;
        margin-top: 10px;
    }

    /* ----------------------------------------------------------
ok_ng
---------------------------------------------------------- */

    .ok_ng {
        margin-top: 40px;
    }

    .ok_box {
        text-align: center;
        width: 24%;
    }

    .ok_img01 {
        margin-bottom: 10px;
    }

    .sp_banner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    .sp_banner li {
        margin-bottom: 10px;
        width: 49%;
    }

    /* ----------------------------------------------------------
footer
---------------------------------------------------------- */

    .footer {
        background-color: #7abfcd;
    }

    .footer .inner {
        padding: 5.6rem 0 10.5rem 0;
    }

    .footer_layout {
        /* display: block; */
    }

    .footer_layout> :not(:first-child) {
        margin-top: 1.6rem;
    }

    .footer_title {
        order: 1;
    }

    .footer_logo {
        text-align: center;
    }

    .footer_box {
        /* text-align: center;
        margin-top: 20px; */
        /* margin-left: 0; */
        order: 2;
    }

    .footer_right {
        text-align: center;
        margin-top: 20px;
    }

    .copyright {
        margin-top: 6.4rem;
    }

    /* ----------------------------------------------------------
float_menu
---------------------------------------------------------- */

    /* ----------------------------------------------------------
meker/category page
---------------------------------------------------------- */

    .point_left {
        width: calc(100% - 285px);
    }

    .point_img {
        width: 265px;
    }

    /* ----------------------------------------------------------
line page
---------------------------------------------------------- */

    .line_step_left {
        width: 70px;
    }

    .line_step_right {
        width: 150px;
    }

    .line_step_center {
        width: calc(100% - 220px);
        box-sizing: border-box;
    }

    /* ----------------------------------------------------------
form page
---------------------------------------------------------- */

    .assessment_text {
        text-align: left;
    }

    .form_dl {
        display: block;
    }

    .form_dl dt {
        margin-bottom: 10px;
    }

    .form_dl dt {
        width: 100%;
    }

    .form_dl dd {
        width: 100%;
    }

    .form_dl.box_dl .box_size {
        margin-bottom: 10px;
    }

    .form_dl.box_dl .box_size img {
        width: 50%;
    }

    .name_input,
    .kana_input,
    .zipcode_input,
    .tel_input,
    .bank_input {
        width: 49%;
    }

    .name_input input,
    .kana_input input,
    .zipcode_input input,
    .tel_input input,
    .mail_input input,
    .address_input,
    .address_input input,
    .bank_input input,
    .file_input,
    .file_input input,
    .contents_input,
    .contents_input textarea {
        width: 100%;
    }

    .assessment_mv {
        padding-top: 142px;
    }
}

/* ----------------------------------------------------------
sp
---------------------------------------------------------- */

@media only screen and (max-width: 767px) {
    /* ----------------------------------------------------------
common
---------------------------------------------------------- */

    .contents .inner {
        display: block;
    }

    .contents_right {
        width: 100%;
        /* margin-top: -58px; */
    }

    .section_title {
        padding: 7px 15px;
    }

    .section_title h2 {
        font-size: 2.1rem;
        padding: 0 10px;
    }

    .buying_category .section_title h2,
    .buying_results .section_title h2,
    .voice .section_title h2,
    .faq .section_title h2,
    .company .section_title h2 .heading {
        letter-spacing: 5px;
    }

    .buying_results .section_title h2 {
        white-space: normal;
        letter-spacing: 0;
        width: 100%;
    }

    .buying_results .section_title div {
        display: none;
    }

    /* ----------------------------------------------------------
header
---------------------------------------------------------- */

    .header {
        border-top: 5px solid #7abfcd;
    }

    .header .inner {
        padding: 10px 0;
    }

    .header_logo {
        width: 50%;
    }

    .sp_menu_btn {
        width: 10%;
    }

    /* ----------------------------------------------------------
mv
---------------------------------------------------------- */

    .mv {
        padding-top: 0;
        padding-bottom: 0;
    }

    .top .mv {
        padding-top: 19%;
        padding-bottom: 0;
    }

    /* ----------------------------------------------------------
nav_section
---------------------------------------------------------- */

    .sp_menu_btn {
        top: 20px;
        right: 20px;
    }

    .nav_section {
        padding-top: 17%;
        background: linear-gradient(to bottom, #dddddd 17vw, rgba(0, 0, 0, 0) 17vw);
    }

    .nav {
        height: calc(100vh - 17vw);
        overflow-y: scroll;
        background-color: transparent;
    }

    #menu_maker,
    #menu_category {
        background: url('images/sp_menu_arrow.png') top 18px right 15px / 20px no-repeat,
            #7abfcd;
    }

    #menu_maker.active,
    #menu_category.active {
        background: url('images/sp_menu_arrow_active.png') top 18px right 15px / 20px no-repeat,
            #7abfcd;
    }

    .menu_inner p {
        font-size: 1.8rem;
    }

    .menu_drop_layout a {
        font-size: 1.6rem;
    }

    .menu_drop_box {
        padding: 10px 15px;
    }

    .menu_drop_notes {
        font-size: 1.6rem;
    }

    /*company追加*/

    #menu_company {
        background: url('images/sp_menu_arrow.png') top 18px right 15px / 20px no-repeat,
            #7abfcd;
    }

    #menu_company.active {
        background: url('images/sp_menu_arrow_active.png') top 18px right 15px / 20px no-repeat,
            #7abfcd;
    }

    .menu_drop02 li {
        padding: 10px 15px;
    }

    .menu_drop02 li a {
        font-size: 1.6rem;
    }

    /* ----------------------------------------------------------
buying_category
---------------------------------------------------------- */

    .category_title {
        margin-top: -18%;
        margin-bottom: 2%;
        padding-top: 22%;
    }

    .category_title_icon {
        width: 12%;
    }

    .category_title_text {
        font-size: 1.8rem;
        margin-left: 10px;
    }

    .category_box {
        display: block;
        width: 100%;
        padding: 7px;
        margin-bottom: 10px;
    }

    .category_right {
        width: 100%;
        height: 50px;
        align-items: center;
        margin-top: 10px;
        justify-content: flex-end;
    }

    .category_right::after {
        width: 1.6rem;
        height: 1.6rem;
    }

    .category_img img {
        width: 100%;
    }

    .category_text {
        font-size: 1.4rem;
        flex: 1 1 calc(100% - 1.6rem);
    }

    .category_text br {
        display: none;
    }

    .category_arrow {
        width: 13%;
        margin-top: 7px;
    }

    .category_arrow img {
        width: 15px;
    }

    /* ----------------------------------------------------------
buying_results
---------------------------------------------------------- */

    .top .buying_results {
        margin-top: 40px;
    }

    .buying_results_layout {
        margin-top: 30px;
    }

    .buying_results_box {
        width: 49%;
        margin-bottom: 10px;
    }

    .buying_results_name {
        font-size: 1.5rem;
    }

    .buying_results_k_price {
        font-size: 1.5rem;
    }

    .buying_results_m_price {
        font-size: 1.5rem;
    }

    .buying_results_price {
        font-size: 2.8rem;
    }

    .buying_results_price span {
        font-size: 1.4rem;
    }

    .buying_results_deal {
        font-size: 1.8rem;
    }

    .buying_results_deal span:last-of-type {
        font-size: 1.2rem;
    }

    .buying_results_banner {
        margin-top: 10px;
    }

    .buying_results_banner_text {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    /* ----------------------------------------------------------
reason
---------------------------------------------------------- */

    .reason_layout {
        margin-top: 20px;
    }

    .reason_layout .reason_box:nth-of-type(2) {
        margin: 15px 0;
    }

    .reason_title {
        font-size: 1.6rem;
    }

    .reason_text {
        font-size: 1.4rem;
    }

    .reason_title,
    .reason_text {
        width: 73%;
    }

    .reason_img {
        width: 25%;
    }

    /* ----------------------------------------------------------
step
---------------------------------------------------------- */

    .step_video_text {
        font-size: 1.8rem;
        margin-top: 30px;
    }

    .youtube {
        position: relative;
        padding-bottom: 50%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 2rem;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .step4_layout {
        padding: 0;
        margin-top: 30px;
    }

    .step4_box {
        width: 23%;
    }

    .step4 {
        margin-top: 10px;
    }

    .step4_text {
        font-size: 1.6rem;
    }

    .step_layout {
        height: auto;
    }

    .step_left {
        width: 7%;
    }

    .step_right {
        padding: 10px;
        width: 93%;
    }

    .step_layout {
        margin-top: 0;
    }

    .step_right .step_right_title {
        font-size: 1.8rem;
    }

    .step_right .step_right_text,
    .step_right .step_right_list {
        font-size: 1.4rem;
    }

    .step01_layout .step_right {
        background: #f7f5f2;
    }

    .step02_layout .step_right {
        background: #f7f5f2;
    }

    .step03_layout .step_right {
        background: #f7f5f2;
    }

    .step04_layout .step_right {
        background: #f7f5f2;
    }

    .step_img_sp {
        display: block;
        margin-top: 20px;
        width: 100%;
    }

    /* ----------------------------------------------------------
voice
---------------------------------------------------------- */

    .voice_layout {
        padding: 10px 10px 10px 20%;
    }

    .voice_layout00 {
        margin-top: 20px;
        background: url('https://camera-kaitorisatei.com/uploads/voice_img08.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout01 {
        margin-top: 20px;
        background: url('images/voice_img01.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout02 {
        margin-top: 20px;
        background: url('images/voice_img02.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout03 {
        margin-top: 20px;
        background: url('images/voice_img03.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout04 {
        margin-top: 20px;
        background: url('images/voice_img04.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout05 {
        margin-top: 20px;
        background: url('images/voice_img05.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout06 {
        margin-top: 20px;
        background: url('images/voice_img06.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_layout07 {
        margin-top: 20px;
        background: url('images/voice_img07.png') top 10px left 10px / 15% no-repeat,
            #fefefe;
    }

    .voice_title {
        font-size: 1.8rem;
    }

    .voice_text {
        font-size: 1.4rem;
    }

    .voice_profile {
        font-size: 1.2rem;
    }

    /* ----------------------------------------------------------
faq
---------------------------------------------------------- */

    .faq_layout {
        padding: 15px;
    }

    .faq_title_layout {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .faq_title {
        font-size: 1.8rem;
        width: 90%;
    }

    .faq_text {
        font-size: 1.4rem;
    }

    .faq_layout01 {
        margin-top: 30px;
    }

    /* ----------------------------------------------------------
ok_ng
---------------------------------------------------------- */

    .ok_title_layout,
    .ng_title_layout {
        display: block;
        margin-top: 20px;
        background: none;
    }

    .ok_title,
    .ng_title {
        font-size: 1.8rem;
        line-height: 2;
        padding-left: 20px;
    }

    .ok_title span,
    .ng_title span {
        font-size: 2.4rem;
    }

    .ok_title {
        background: url('images/ok_bg.png') center left / contain no-repeat;
    }

    .ng_title {
        background: url('images/ng_bg.png') center left / contain no-repeat;
    }

    .ng {
        text-align: right;
    }

    .ok img,
    .ng img {
        width: 60%;
    }

    .ok_layout {
        display: block;
        margin-top: 20px;
    }

    .ok_box {
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .ok_img_layout {
        order: 2;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .ok_text_layout {
        order: 1;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .ok_img {
        width: 49%;
    }

    .ok_img img {
        width: 100%;
    }

    .ok_img01 {
        margin-bottom: 0;
    }

    .ok_icon {
        margin-top: 0;
        margin-right: 7px;
    }

    .ok_text {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .ok_text span {
        color: #ed6864;
        font-size: 1.8rem;
    }

    .ng_list li {
        margin-bottom: 10px;
    }

    .ng_text {
        font-size: 1.6rem;
    }

    .sp_banner {
        display: block;
    }

    .sp_banner li {
        width: 100%;
    }

    .footer_menu {
        justify-content: flex-start;
        border-top: 1px solid #7abfcd;
        border-bottom: 1px solid #7abfcd;
    }

    .footer_menu li {
        width: 50%;
        box-sizing: border-box;
        background: url('images/arrow.png') center right 5px / 12px no-repeat;
        padding-right: 15px;
    }

    .footer_menu li:first-of-type {
        margin-right: 7px;
    }

    .footer_menu li a {
        font-size: 1.2rem;
        display: block;
        padding: 7px 0;
    }

    .footer_menu li a:hover {
        text-decoration: none;
    }

    /* ----------------------------------------------------------
footer
---------------------------------------------------------- */

    .footer .inner {
        padding: 4rem 0 27% 0;
    }

    .footer_logo {
        width: 30%;
    }

    .footer_typography {
        width: 80%;
        margin-top: 0.8rem;
    }

    .old_sales_text {
        font-size: 1.2rem;
    }

    .footer_table {
        border-spacing: 0 0.8rem;
    }

    .footer_table_head,
    .footer_table_data {
        display: block;
    }

    .copyright {
        font-size: 1.2rem;
    }

    .footer_right {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    /* ----------------------------------------------------------
float_menu
---------------------------------------------------------- */

    .float_menu .inner {
        padding: 10px 0;
    }

    .float_menu_title_sp {
        color: #fefefe;
        font-size: 1.6rem;
        text-align: center;
        display: block;
    }

    .float_menu_layout li:first-of-type {
        display: none;
    }

    .float_menu_layout {
        margin-top: 7px;
    }

    .float_menu_layout li {
        margin-right: 10px;
    }

    /* ----------------------------------------------------------
meker/category page
---------------------------------------------------------- */

    .bread_menu {
        font-size: 1.4rem;
        margin: 19% 0 7px 0;
    }

    .bread_menu .inner {
        padding-left: 0;
    }

    .point {
        margin-top: 40px;
    }

    .point_title {
        font-size: 1.8rem;
        text-align: center;
    }

    .point_title span {
        font-size: 3.2rem;
    }

    .point_layout {
        margin-top: 20px;
    }

    .point_layout01 {
        margin-top: 30px;
    }

    .point_left {
        width: 73%;
    }

    .point_icon img {
        width: 50%;
    }

    .point_left_title {
        font-size: 1.8rem;
        margin-top: 10px;
    }

    .point_left_text {
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .point_img {
        width: 25%;
        margin-top: 12%;
    }

    /* ----------------------------------------------------------
line page
---------------------------------------------------------- */

    .line_banner,
    .tel_banner {
        margin-top: 30px;
    }

    .line_text {
        font-size: 2.1rem;
        margin-top: 40px;
    }

    .line_notes {
        font-size: 1.4rem;
        margin-top: 10px;
        background-color: #bf0d23;
        padding: 5px 10px;
        border-radius: 8px;
    }

    .line_notes span {
        background-color: transparent;
        padding: 0;
    }

    .line_step_left {
        width: 7%;
    }

    .line_step_right {
        width: 30%;
    }

    .line_step_center {
        padding: 10px;
        width: 63%;
    }

    .line_step_title {
        font-size: 1.8rem;
    }

    .line_step_text {
        font-size: 1.4rem;
    }

    .line_add_btn {
        margin-top: 10px;
    }

    .line_add_btn img {
        width: 70%;
    }

    .line_step_notes {
        font-size: 1.2rem;
        margin-top: 7px;
    }

    .line_step01_layout {
        margin-top: 30px;
    }

    .line_step02_layout,
    .line_step03_layout {
        margin-top: 20px;
    }

    /* ----------------------------------------------------------
form page
---------------------------------------------------------- */

    .assessment_contents {
        margin-top: 40px;
    }

    .assessment_text {
        margin-top: 15px;
    }

    .form {
        margin-top: 30px;
    }

    .form_dl dt .form_item {
        font-size: 1.8rem;
    }

    .form_dl dt .required {
        font-size: 1.2rem;
        padding-top: 5px;
        margin-left: 7px;
    }

    .form_dl dd.box .select select {
        width: 100%;
    }

    .form_dl.box_dl .box_size {
        margin-bottom: 10px;
    }

    .form_dl.box_dl .box_size img {
        width: 70%;
    }

    .form_dl .form_input input,
    .form_dl .form_input textarea,
    .form_dl .select select {
        font-size: 1.8rem;
        padding: 5px;
    }

    .contents_input textarea {
        height: 40vw;
    }

    .mail_atto {
        font-size: 1.8rem;
    }

    .tel_input,
    .bank_input {
        width: 100%;
    }

    .bank_text {
        font-size: 1.8rem;
        margin-bottom: 7px;
    }

    .date_dl .form_item br {
        display: none;
    }

    .file_input_notes {
        font-size: 1.4rem;
    }

    .sctl_title {
        font-size: 1.8rem;
        margin-top: 30px;
    }

    .sctl_contents {
        font-size: 1.4rem;
        padding: 15px;
        margin-top: 10px;
        height: 30vw;
        overflow: scroll;
    }

    .sctl_check_box {
        margin-top: 10px;
    }

    .sctl_check_box dd {
        font-size: 1.4rem;
    }

    .form_btn {
        margin-top: 30px;
    }

    .form_btn input {
        font-size: 1.6rem;
        padding: 7px 50px;
    }

    .thanks_title {
        font-size: 1.8rem;
        margin-top: 30px;
    }

    .thanks_text {
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .assessment_mv {
        padding-top: 19%;
    }

    /* ----------------------------------------------------------
assessor / company 2021.1.7追加
---------------------------------------------------------- */

    .assessor {
        margin-top: 20px;
    }

    .assessor_text {
        font-size: 1.4rem;
        margin-top: 20px;
    }

    .assessor_layout {
        display: block;
    }

    .assessor_box {
        margin-top: 30px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .assessor_img {
        width: 17%;
    }

    .assessor_img img {
        width: 100%;
    }

    .assessor_contents {
        width: 80%;
    }

    .assessor_contents_layout {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .assessor_position {
        font-size: 1.2rem;
        margin-top: 0;
        margin-right: 10px;
    }

    .assessor_name {
        font-size: 1.8rem;
    }

    .assessor_text {
        margin-top: 5px;
    }

    .company {
        margin-top: 40px;
    }

    .company_layout {
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }

    .company_left {
        width: 100%;
    }

    .company_right {
        margin-top: 20px;
        padding-top: 0;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
    }

    .company_right iframe {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .company_logo {
        text-align: center;
    }

    .company_img {
        text-align: center;
    }

    .company_img img {
        width: 100%;
    }

    /* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
/* ----------------------------------------------------------
*/
}