@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    .ttl02:after {
        border-bottom: solid 3px #879FAA;
    }

    .btn05 a {
        line-height: 70px;
    }

    hr.line03 {
        padding-bottom: 50px;
        margin-bottom: 50px;
        border-bottom: solid 1px #879FAA;
    }

    .ttl05 {
        border-bottom: solid 1px #CCCCCC;
    }

    &.about-us .sec01 {
        padding: 0px;
    }

    .tbl_list01_dl dt {
        background-color: #F7F8F9;
        border: solid 1px #B0BFC5;
        border-radius: 6px 0 0 6px;
    }

    .tbl_list01_dl dd {
        border-top: solid 1px #B0BFC5;
        border-bottom: solid 1px #B0BFC5;
        border-right: solid 1px #B0BFC5;
        border-radius: 0 6px 6px 0;
    }

    .sub_images_ul.cul2 li {
        width: calc(100% / 2 - 10px);
    }

    &.page-template-tmpl_purchases_brand .sec01 {
        padding: 0px;
    }

    &.in-store-purchase .sec02 {
        padding: 80px 0;
        margin-top: 80px;
        background-color: #F7F8F9;
    }

    &.online-assessment .sec01 {
        padding: 0px;
    }

    &.online-assessment .sec02 {
        padding: 80px 0;
        margin-top: 80px;
        background-color: #F7F8F9;
    }

    .flow_list li .num {
        font-size: 22px;
    }

    .unkmenu02 li a:before {
        color: #979797;
    }

    &.guide .sec02 {
        background-color: #F7F8F9;
        padding: 80px 0 100px;
    }

    .sbox01 {
        border-radius: 6px;
    }

    &.page-template-tmpl_news {
        .ttl05 {
            border-bottom: solid 1px #5B6264;
        }
    }

    &.page-template-tmpl_campaign {
        .ttl05 {
            border-bottom: solid 1px #5B6264;
        }
    }

    .non_thum_list li {
        padding: 20px;
    }

    .non_thum_list li:first-child {
        border-top: dotted 1px #ccc;
    }

    .non_thum_list li:after {
        right: 20px;
    }

    .category-list li a:hover {
        border: solid 1px #5B6264;
        background-color: #5B6264;
    }

    &.page-template-tmpl_campaign {
        .thum_list li {
            width: calc(100% / 2 - 15px);
        }
    }

    .num_flex01 li:nth-child(even) .numarea {
        width: 30%;
    }

    .num_flex01 li:nth-child(even) .txtarea {
        margin-left: 70px;
        margin-right: 0;
    }

    .gav_close_btn {
        background-color: transparent;
    }

    .gnav .gnav__inr .header-drawer-nav li {
        border-top: solid 1px #879FAA;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .gnav .gnav__inr .header-drawer-nav li:last-child {
        border-bottom: solid 1px #879FAA;
        padding-bottom: 12px;
    }

    &.home .add_campaign {
        background-color: #F7F8F9;
    }
    
    .tp_sec13 {
        background-color: #ffffff;
    }
    
    .sub_images_ul li img {
        aspect-ratio: 1/1;
    }

}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .c-text__item {
            font-size: 140px;
        }

        .contact_infoarea {
            padding: 0 40px;
        }

        &.page-template-tmpl_purchases_brand .sec01 .sec01_brand .sec01_brand_flex .imgbox figure img {
            max-width: 100%;
        }
        
        &.page-template-tmpl_purchases_brand .sec01 .sec01_brand .sec01_brand_flex .txtbox {
            margin-right: 40px;
        }
        
        .tp_sec13 {
            padding: 80px 0;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        
        .chk_list.cul02 {
            justify-content: center;
        }
        
        .c-text__item {
            color: #FFFFFF;
        }

        &.not_purchase .sec02 .sub_images_ul.cul2 li {
            width: 100%;
        }

        .unkmenu {
            padding: 0;
        }

        &.page-template-tmpl_purchases_brand .txt_brand01 {
            margin-bottom: 10px;
        }

        &.page-template-tmpl_purchases_brand .sec01 .sec01_brand .sec01_brand_flex .txtbox {
            margin-bottom: 25px;
        }

        &.collection-service .sec01,
        &.method .sec01 {
            padding: 0 0 50px;
        }

        &.collection-service .sec02,
        &.method .sec02 {
            padding: 50px 0;
        }

        &.collection-service .sec03 .layout_a .imgbox,
        &.method .sec03 .layout_a .imgbox {
            width: 100%;
        }

        &.collection-service .sec03 .sub_images_ul.cul2 li,
        &.method .sec03 .sub_images_ul.cul2 li {
            margin-bottom: 30px;
        }

        &.collection-service .sec03,
        &.method .sec03 {
            padding: 50px 0;
        }

        &.collection-service .sec04,
        &.method .sec04 {
            padding: 50px 0;
        }

		&.reason {
			.contents_wrap {
            .contents_wrap {
                padding: 0;
            }
        }
		} 
        
        .sub_images_ul.cul2 li {
            margin-bottom: 10px;
        }
        
        .tp_sec13 {
            padding: 50px 0;
        } 
        
        

    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		&.home .c-text {
			top:43%;
		}
		
		#main_visual {
        height: calc(90vh - 60px);
		}
		
		#main_visual .swiper-container {
			height: 90vh;
		}
		
		#main_visual .swiper-container .swiper-wrapper .swiper-slide {
			height: calc(82vh);
		}

		
        #main_visual .copy_text {
            top: calc(18% - 0px);
            left: 65%;
            width: 65%;
        }

        .txt01 span {
            font-size: 20px;
        }

        .ttl00 {
            text-align: left;
        }

        .add_reason01_flex img {
            margin-top: 10px;
        }

        .ttl02.type01 .eng_txt {
            font-size: 38px;
        }

        .ttl02.type01 .jp_txt {
            font-size: 15px;
        }

        .add_reason02:before {
            height: 25vh;
        }

        .add_reason02 .g_box,
        .add_items .g_box {
            padding: 0;
            background-color: #ffffff;
        }
		
		.add_secret:before {
            height: 25vh;
        }

        .add_secret .g_box,
        .add_items .g_box {
            padding: 0;
            background-color: #ffffff;
        }

        .num_flex01 li {
            margin-bottom: 30px;
        }

        .num_flex01 li:nth-child(even) .numarea {
            width: 50%;
            margin-bottom: 20px;

        }

        .num_flex01 li:nth-child(even) .txtarea {
            margin-left: 0px;
        }

        .add_items .g_box,
        .add_items .g_box {
            padding: 30px 5%;
        }

        .add_company .btn03 {
            text-align: center;
        }

        .add_company .txtbox figure {
            text-align: center;
        }

        footer .f_company_flex .txtbox {
            text-align: center;
        }

        &.page-template-tmpl_campaign .thum_list li {
            width: 100%;
        }

        .ttl05 {
            font-size: 18px;
        }

        .ttl05 .en_txt {
            font-size: 16px;
        }

        .sub_images_ul.cul2 li {
            width: 100%;
        }

        &.in-store-purchase .sec01 .imgbox,
        &.collection-service .sec01 .imgbox,
        &.method .sec01 .imgbox,
        &.online-assessment .sec01 .imgbox {
            margin-top: 60px;
        }

        hr.line03 {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
		
		
    }
}
