/* responsive */
.pc{}
.sp560,
.sp480,
.sp440,
.sp380,
.sp{display: none}


@media screen and (min-width: 769px) {
#wrapper{min-width: 960px;margin: 0 auto;}
footer .foot_btn a:hover,
.head_ct .btn a:hover,
.hover a:hover{opacity: 0.7}

.main_visual{background: url('../images/pc_mv_bg.png') center /cover no-repeat;}
.main_visual::before{width: 1196px;height: 794px;position: absolute;top: 74px;left: calc(50% - 363px);content: '';background: url('../images/pc_mv_ic.png') center /cover no-repeat;z-index: -1;}

.main_visual h1{position: relative;left: -20px}

.sec02_content::before{background: url('../images/pc_sec02_bg.png') top center /cover no-repeat;width: 100%;height: 1840px;position: absolute;top: 0;left: 0;content: '';pointer-events: none;}
.sec02_list .item_mb{margin: 240px 0 290px;}
.sec02_list .item_mb dd{left: -95px;top: -40px;}
.sec02_list dd{position: absolute;top: -30px;right: -125px;}
.sec02_list dl:last-child dd{right: -135px;top: -30px;}
.sec02_list dl:nth-child(2n){justify-content: flex-end;}

.sec03 h2{text-align: left;margin-bottom: 0;position: relative;left: -15px;}
.sec04_arr{width: 2000px;position: relative;left: calc(50% - 1000px);top: -2px;}

.sec05 h2{margin-bottom: 57px;}
.sec05 p{margin-bottom: 30px;}
.sec05 .center{margin-bottom: 45px;}

.sec07_item:nth-child(2n) .sec07_ct{flex-direction: row-reverse;}
.sec07_item:nth-child(2n) .sec07_ct .sec07_txt{padding: 0px 30px 0 0;}

.sec07_item.mb60{margin-bottom: 60px;}
.sec07_item.mb90{margin-bottom: 92px;}
.sec07_item.mb100{margin-bottom: 100px;}

.sec08_item h3.mgb5{margin-bottom: 5px;}
.sec08_item .mgb35{margin-bottom: 50px;}

.sec09_top::before{width: 100%;height: 886px;background: url('../images/pc_sec09_bg.png') center /cover no-repeat;position: absolute;top: 0;left: 0;content: '';z-index: -1;}
.sec09_top::after{width: 0;height: 0;border-style: solid;border-width: 118px 375px 0 375px;border-color: #565151 transparent transparent transparent;position: absolute;bottom: -118px;left: calc(50% - 375px);content: '';z-index: 1}

.sec09_top h2{margin-bottom: 40px;}
.sec09_item:nth-child(2n) .sec09_content{flex-direction: row-reverse;}
.sec09_item:nth-child(2n) .sec09_content .sec09_txt{padding: 30px 35px 0 0;}
.sec09_item.mb40{margin-bottom: 40px;}
.sec09_item.mb70{margin-bottom: 70px;}
.sec09_item.mb75{margin-bottom: 75px;}
.sec09_item.mb80{margin-bottom: 80px;}
.sec09_item .sec09_content.align{align-items: center;}
.sec09_item .mba10{margin-bottom: -10px;}
.sec10_list ul li h3.mb60{margin-bottom: 55px;}
.sec11 h2{position: relative;left: 10px;}
.sec11 ul{left: 40px;}
.sec11 ul::before{left: -100px;}
.sec11 ul::after{}

.sec14 ul li:nth-child(2n){position: relative;right: -10px;}

footer .foot_logo{position: relative;top: 10px;}
footer .foot_btn{position: relative;right: -9px;}
footer ul{position: absolute;bottom: 67px;left: 7px;}
}


@media screen and (max-width: 768px) {

    #wrapper,
    header,
    main,
    footer,
    .inner{width: 100% !important;min-width: inherit !important;}
    .inner {box-sizing: border-box;padding: 0 15px;}
    .sp {display: block;}
    .pc {display: none;}
    /*---*/
    main h2,
    main h3{margin-bottom: 40px;}

    /*==========================================================================*/
    /*                               ALL                                        */
    /*==========================================================================*/

    
    /*==========================================================================*/
    /*                               MAIN                                       */
    /*==========================================================================*/
    .head_ct{align-items: center;}
    .main_visual{padding: 80px 0 40px;border-width: 5px;}
    .main_visual .inner{padding: 0;}
	.main_visual img{width: 100%;}


    /* SECTION 01 */
    .sec01{background: none;padding: 0;}
	.sec01 img{width: 100%;}
    .sec01 h2{padding: 0px;}
	.sec01 h2{margin-bottom: 40px;}
    .sec01 .inner{padding: 0;}
    .sec01 p{position: relative}
    .sec01 p::before{width: 0;height: 0;border-style: solid;border-width: 20px 26px 0 26px;border-color: #ffffff transparent transparent transparent;position: absolute;top: 0;left: calc(50% - 26px);content: '';z-index: 1}
    
    /* SECTION 02 */
    .sec02{padding-top: 30px;}
    .sec02 h2{margin-bottom: 30px;}
    .sec02_content{padding: 60px 0px;background: url('../images/sec06_bg.png') top left repeat;}
    .sec02_list dl{flex-direction: column;justify-content: center;margin-bottom: 80px;}
    .sec02_list dl:last-child{margin-bottom: 0;}
    .sec02_list dt{margin-bottom: 30px;}

    /* SECTION 03 */
    .sec03{padding: 0;background: none;}
	.sec03 img{width: 100%;}
    .sec03 h2{margin-bottom: 0;}
    .sec03 .inner{padding: 0;}

    /* SECTION 04 */
    .sec04{background: url('../images/sp_sec04_bg.png') top center /cover no-repeat;padding: 30px 0 20px;}
    .sec04_ct{width: 100%;padding: 20px 15px 10px;}
    .sec04_ct::before{width: calc(100% - 10px);height: calc(100% - 10px);top: 5px;left: 5px;}
    .sec04_ct ul{padding: 0;}
    .sec04_ct ul li{font-size: 20px;}
    .sec04_ct ul li::before{top: 3px;}
    .sec04_arr{margin-bottom: 0;}
	.sec04_arr img{width: 100%}


    /* SECTION 05 */
    .sec05{padding: 40px 0 60px;}
    .sec05 p{margin-bottom: 20px; text-align: left;}
    .sec05 .center{text-align: center}

    /* SECTION 06 */
    .sec06 h2{padding: 30px 0px;}
    .sec06_content{padding: 40px 0 60px;}
    .sec06_list ul li{padding:15px;border-width: 5px;margin-bottom: 30px;}
    .sec06_list ul li:last-child{margin-bottom: 0;}
    .sec06_list ul li h3{margin-bottom: 20px;}
    .sec06_list ul li p{margin-bottom: 20px;}

    /* SECTION 07 */
    .sec07{padding: 60px 0;}
    .sec07 h2{margin-bottom: 40px;}
    .sec07_item h3,
    .sec07_item:not(:last-child){margin-bottom: 30px;}
    .sec07_item .sec07_ct{flex-direction: column;justify-content: center;align-items: flex-start;width: 690px;max-width: 100%;margin: 0 auto;}
    .sec07_item .sec07_img{width: 100%;text-align: center;margin-bottom: 20px;}
    .sec07_item .sec07_txt{padding: 0;}
    .sec07_item .sec07_txt p{margin-bottom: 20px;}
    .sec07_item .sec07_txt p:last-child{margin-bottom: 0;}


    /* SECTION 08 */
    .sec08{padding: 60px 0;}
    .sec08_list{padding-top: 0;}
    .sec08_item{padding: 20px;}
    .sec08_item:not(:last-child){margin-bottom: 30px;}
    .sec08_item:not(:last-child)::before{height: 30px;bottom: -31px;}
    .sec08_item h3{margin-bottom: 20px;}
    .sec08_item p{text-align: left}

    /* SECTION 09 */
    .sec09{}
    .sec09_top{padding: 60px 0 30px;background: url('../images/sp_sec09_bg.jpg') top center /cover no-repeat;}
    .sec09_top::after{width: 0;height: 0;border-style: solid;border-width: 60px 50vw 0 50vw;border-color: #565251 transparent transparent transparent;position: absolute;bottom: -60px;left:0;content: '';z-index: -1}
    .sec09_top_ct{padding: 30px 20px;}
    .sec09_top_ct h3{margin-bottom: 20px;}
    .sec09_top_ct ul{padding: 0;}
    .sec09_top_ct ul li{font-size: 20px;}
    .sec09_top_ct ul li::before{top: 3px;}
    .sec09_top_ct ul li:last-child{margin-bottom: 0;}

    .sec09_bot{padding: 55px 0 40px;}
    .sec09_bot h3{margin-bottom: 30px;}
    .sec09_bot h3 + p{margin-bottom: 25px;}
    .sec09_reason{margin-top: 50px;}
    .sec09_item:not(:last-child){margin-bottom: 35px;}
    .sec09_item p{margin-bottom: 25px;}
    .sec09_content{flex-direction: column;padding: 0;}
    .sec09_content .sec09_txt{padding: 0; margin-bottom: 20px;}
    .sec09_content .sec09_txt p{margin-bottom: 15px;}
    .sec09_content .sec09_txt p:last-child{margin-bottom: 0;}
    .sec09_content .sec09_img{margin-bottom: 30px;text-align: center}

    /* SECTION 10 */
    .sec10{padding: 0 0 60px;}
    .sec10_arr{position: relative;top: inherit;left: inherit;margin-bottom: 40px;}
    .sec10_list ul li{border-width: 5px;padding: 20px;margin-bottom: 40px;}
    .sec10_list ul li:last-child{margin-bottom: 0;}
    .sec10_list ul li h3{margin-bottom: 20px;margin-right: -30px;}
    .sec10_list ul li p{padding: 0;margin-bottom: 25px;}
    .sec10_list ul li .sm{top: inherit;}

    /* SECTION 11 */
    .sec11{padding: 0px 0 60px;}
    .sec11 .inner{padding: 0;}
    .sec11 .inner ul{padding: 0 0 0 30px;}
    .sec11 ul{width: 540px;}
    .sec11 ul li{font-size: 20px;padding-left: 15px;}
    .sec11 ul li:last-child{margin-bottom: 0;}
    .sec11 ul li::before{width: 8px;height: 8px;top: 10px;left: 0;}
    .sec11 ul::before{width: 30px;height: 30px;left: 0;top: -5px;}
    .sec11 ul::after{width: 30px;height: 30px;right: 30px;bottom: -5px;}

    /* SECTION 12 */
    .sec12{padding: 60px 0;}
    .sec12 h2{margin-bottom: 30px;}
    .sec12 p{margin-bottom: 15px; text-align: left;}

    /* SECTION 13 */
    .sec13{padding: 60px 0;}
    .sec13 h2{margin-bottom: 30px;}
    .sec13_faq dl:not(:last-child){margin-bottom: 40px;}
    .sec13_faq dt{padding: 15px 0;line-height: 1.6em;margin-bottom: 20px;font-size: 18px;}
    .sec13_faq dt span{margin-right: 10px;}

    /* SECTION 14 */
    .sec14{padding: 80px 0;}
    .sec14 h2{margin-bottom: 50px;}
    .sec14 ul{padding: 0;}
    .sec14 ul li{width: 100%;margin-bottom: 25px;}
    .sec14 ul li:last-child{margin-bottom: 0;}
    .sec14 ul li .img{margin-bottom: 10px;text-align: center}
    .sec14 ul li .big{font-size: 20px;margin-bottom: 10px;}
    .sec14 ul li p{}

    /* SECTION 15 */
    .sec15{padding: 80px 0;}


    /* SECTION CTA */
    .sec_cta_01_ct{padding: 0;}
    .sec_cta_01_ct .hover{padding: 20px 0;margin: 0 auto;top: inherit;width: 690px;max-width: 100%;}
    .sec_cta_01_ct .hover span{font-size: 10px;top: 0;}

    .sec_cta_02_ct{padding: 0 0 20px;}
    .sec_cta_02_ct .hover{padding: 20px 0 0;}

    .sec_cta_02_ct p .sm,
    .sec_cta_02_ct p,
    .sec_cta_04_ct p{font-size: 12px;}
    .sec_cta_03 p{margin-bottom: 30px; font-size: 12px;}

    .sec_cta_04_ct{padding-bottom: 20px;}

    .sec_cta_01,
    .sec_cta_02,
    .sec_cta_03,
    .sec_cta_04{padding: 40px 0;}

    /* FOOTER */
    footer .inner{padding: 0;}
    footer .foot_ct{flex-direction: column;padding: 40px 0 0;align-items: center;justify-content:center}
    footer .foot_ct .foot_logo{width: 171px;margin-bottom: 20px;}
    footer .foot_ct .foot_btn{padding: 0 15px;margin-bottom: -5px;}
    footer ul{width: 100%;}
    footer ul li{display: block;width: 100%;border-bottom:  1px solid #000;padding: 25px 0;text-align: center;margin-bottom: 0;}

    footer address{border: none;padding: 30px 0;}
/*==========================================================================*/
/*　　　　　　　　　　　　　　　　floting bnr 　　　　　　　　　　　　　　　　　　　　　*/
/*==========================================================================*/
.fl_bnr img{
	width: 100%;
}

}

@media screen and (max-width: 480px) {
.pc480{display: none}
.sp480{display: block}

.sec02_list dl{margin-bottom: 35px;}

.sec11 ul li{font-size: 4.2vw;}
.sec11 ul li::before{top: calc(50% - 4px);}
.sec11 ul::after{right: 15px;}
.sec11 ul::before{left: 15px;}
.sec_cta_01_ct .hover{margin: 0;}

}


@media screen and (max-width: 440px) {
.pc440{display: none}
.sp440{display: block}

.sec09_top_ct ul li{font-size: 4.5vw;padding-left: 25px;}
.sec04_ct ul li{font-size: 4.25vw;padding-left: 25px;}
.sec09_top_ct ul li::before,
.sec04_ct ul li::before{width: 18px;height: 18px;top: 1px;}
}


@media screen and (max-width: 320px) {
.pc380{display: none}
.sp380{display: block}

.sec14 ul li p{font-size: 12px;line-height: 1.8em;}
.sec11 .inner ul{padding-left: 22px;}
}