@charset "UTF-8";

/*----------------------------------------------------
	鐃緒申鐃�SP
----------------------------------------------------*/

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

.cont_wrap02 {
	min-width: 100%;
}

.pc1280 {display: none;}
.sp1280 {display: block;}

}

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

.pc1080 {display: none;}
.sp1080 {display: block;}

.inner {
	width: 95%;
	max-width: 100%;
}


}

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

.pc960 {display: none;}
.sp960 {display: block;}

.inner {
	/* width: 90%; */
}

}

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

.pc768 {display: none;}
.sp768 {display: block;}

header {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
}

.bg_b{
	margin: 3px;
	width: 30px;
}

.drawer-hamburger{
	display: block;
}

.drawer-menu li{
	font-size: 1.4rem;
	padding: 6px;
	font-weight: 500;
	border-bottom: 1px solid #fff;
	margin-bottom: 13px;
}

.drawer-menu a{
	letter-spacing: 0.01rem;
	display: block;
    padding: 8px 5px;
    color: #fff;
}

#mv,
#mv .bk_img_01,
#mv .bk_img_02,
#mv .bk_img_03 {
    height: 80vw;
}

#mv p {
    font-size: 25px;
}
#mv h1 {
    font-size: 30px;
    line-height: 1.4;
}
#sec00 .area01 h2 {
    font-size: 30px;
}
#sec00 .area01 p {
    font-size: 16px;
}
#sec00 .area02 ul li a h3 {
    font-size: 22px;
    line-height: 1.4;
}
#sec00 .area02 ul li a p {
    font-size: 16px;
}
.ttl h2 {
    font-size: 25px;
}
.ttl h2 span {
    font-size: 20px;
}
#sec01 .sub_mv .sub_txt,
#sec02 .sub_mv .sub_txt,
#sec03 .sub_mv .sub_txt {
    font-size: 22px;
}
.bk_img01 {max-height: 350px;}
.bk_img02 {max-height: 350px;}
.bk_img03 {max-height: 350px;}

#sec01 .inner h3,
#sec02 .inner h3,
#sec03 .inner h3 {
    font-size: 20px;
}
#sec01 .inner .txt_01,
#sec02 .inner .txt_01,
#sec03 .inner .txt_01 {
    font-size: 16px;
}
#sec01 .inner .ul_01 li h4,
#sec02 .inner .ul_01 li h4,
#sec03 .inner .ul_01 li h4 {
    font-size: 25px;
}
#sec01 .inner .ul_01 li h4 small,
#sec02 .inner .ul_01 li h4 small,
#sec03 .inner .ul_01 li h4 small {
    font-size: 12px;
}
#sec01 .inner .ul_01 li h4 span,
#sec02 .inner .ul_01 li h4 span,
#sec03 .inner .ul_01 li h4 span {
    font-size: 18px;
}
#sec01 .inner .ul_01 li .txt_02,
#sec02 .inner .ul_01 li .txt_02,
#sec03 .inner .ul_01 li .txt_02 {
    font-size: 16px;
}
#sec01 .inner .ul_02 li h5,
#sec02 .inner .ul_02 li h5,
#sec03 .inner .ul_02 li h5 {
    font-size: 20px;
}
#sec01 .inner .ul_02 li .txt_03,
#sec02 .inner .ul_02 li .txt_03,
#sec03 .inner .ul_02 li .txt_03 {
    font-size: 16px;
}
#sec04 p.txt01 {
    font-size: 16px;
}
#sec05 p.txt01 {
    font-size: 16px;
}

}

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

.pc414 {display: none;}
.sp414 {display: block;}

#mv,
#mv .bk_img_01,
#mv .bk_img_02,
#mv .bk_img_03 {
    height: 100vw;
    background-position: 30% 50%;
}
#mv p {
    font-size: 16px;
}
#mv h1 {
    font-size: 18px;
}
#sec00 .area01 h2 {
    font-size: 17px;
}
#sec00 .area01 p {
    font-size: 14px;
}
#sec00 .area02 ul li {
    float: left;
    width: 50%;
    margin-bottom: 1em;
}
#sec00 .area02 ul li:last-child {
	width: 100%;
	margin-bottom: 0;
}
#sec00 .area02 ul li:last-child .sub_mv_bk {
	width: 50%;
    margin: 0 auto;
}
#sec00 .area02 ul li a img.sub_img {
    margin-bottom: 1em;
    width: 1.5em;
}
#sec00 .area02 ul li a {
    padding: 0 0.4em;
}
#sec00 .area02 ul li a h3 {
    font-size: 18px;
}
#sec00 .area02 ul li a p {
    font-size: 14px;
}
#sec00 img.logo_01 {
    margin: 2em auto 0;
    width: 60vw;
}
.ttl img.sub_img {
    height: 2em;
}
.ttl h2 {
    font-size: 18px;
}
.ttl h2 span {
    font-size: 16px;
}
.sub_mv .sub_txt, #sec03 .sub_mv .sub_txt {
    font-size: 18px;
}
.bk_img01 {max-height: 200px;}
.bk_img02 {max-height: 200px;}
.bk_img03 {max-height: 200px;}
.icon_img {
    width: 35vw;
}
#sec01 .sub_mv .sub_txt,
#sec02 .sub_mv .sub_txt,
#sec03 .sub_mv .sub_txt {
    font-size: 18px;
}
#sec01 .inner h3,
#sec02 .inner h3,
#sec03 .inner h3 {
    font-size: 18px;
}
#sec01 .inner .txt_01,
#sec02 .inner .txt_01,
#sec03 .inner .txt_01 {
    font-size: 14px;
}
#sec01 .inner .ul_01 li h4,
#sec02 .inner .ul_01 li h4,
#sec03 .inner .ul_01 li h4 {
    font-size: 18px;
}
#sec01 .inner .ul_01 li h4 small,
#sec02 .inner .ul_01 li h4 small,
#sec03 .inner .ul_01 li h4 small {
    font-size: 12px;
}
#sec01 .inner .ul_01 li h4 span,
#sec02 .inner .ul_01 li h4 span,
#sec03 .inner .ul_01 li h4 span {
    font-size: 14px;
}
#sec01 .inner .ul_01 li .txt_02,
#sec02 .inner .ul_01 li .txt_02,
#sec03 .inner .ul_01 li .txt_02 {
    font-size: 14px;
}
#sec01 .inner .ul_02 li h5,
#sec02 .inner .ul_02 li h5,
#sec03 .inner .ul_02 li h5 {
    font-size: 16px;
}
#sec01 .inner .ul_02 li .txt_03,
#sec02 .inner .ul_02 li .txt_03,
#sec03 .inner .ul_02 li .txt_03 {
    font-size: 14px;
}
#sec04 p.txt01 {
    font-size: 14px;
}
#sec05 p.txt01 {
    font-size: 14px;
}

.human_img_01,
.human_img_02,
.human_img_03,
.human_img_04 {
    height: 200px;
}

#sec01 .inner .ul_01 li,
#sec02 .inner .ul_01 li,
#sec03 .inner .ul_01 li {
    float: none;
    width: 50%;
    margin-right: 0;
}
#sec01 .inner .ul_01 li:last-child,
#sec02 .inner .ul_01 li:last-child,
#sec03 .inner .ul_01 li:last-child {
    width: 100%;
    margin-right: 0;
}
#sec01 .inner .ul_02 li,
#sec02 .inner .ul_02 li,
#sec03 .inner .ul_02 li {
    float: none;
    width: 100%;
    margin-right: 0;
}
#sec01 .inner .ul_02 li a,
#sec02 .inner .ul_02 li a,
#sec03 .inner .ul_02 li a {
    margin: 0 auto;
    display: block;
}
.mov_img_01,
.mov_img_02,
.mov_img_03 {
    height: 200px;
    margin-top: 5%;
}

.flex_box{
	display: block;
}
	.flex_box > div{
		max-width: 100%;
	}
	.flex_box > div h5{
		font-size: 16px;
	}
	.flex_box > div:nth-of-type(1){
		margin: 0 0 20px;
	}
	.flex_box li{
		font-size: 14px;
	}

#sec05 {
    padding: 1.5em 0;
}
#sec04 img.logo_01 {
    margin: 0 auto 1em;
    width: 60vw;
}
footer img.logo_02 {
    margin: 0 auto ;
    display: block;
    width: 30vw;
}

footer small#copyright {
    font-size: 10px;
}



}

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

.pc320 {display: none;}
.sp320 {display: block;}

}

/*----------------------------------------------------
	20210315 add FK
----------------------------------------------------*/

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

    #mv {
        padding-top: 0;
    }

    #mv .inner {
        padding-top: 70px;
    }

    #mv .link-list {
			flex-wrap: wrap;
      width: 90%;
			max-width: 250px;
      padding: 0;
			right: inherit;
    }
    #mv .link-list-item {
      padding-right: 15px;
    }
		#mv .link-list-item:first-child{
			width: 90%;
			padding: 0 0 5px 0;
		}
		#mv .link-list-item:first-child img{
			width: 130px;
		}
		#mv .link-list-item.link_instagram{
			width: 55px;
		}
		#mv .link-list-item.link_youtube{
			width: 50px;
		}
		#mv .link-list-item.link_column{
			width: 120px;
		}

    #sec00 .heading1 {
        font-size: 5.6vw;
        line-height: 1.6;
        letter-spacing: 0.2em;
        padding-bottom: 30px;
    }

    #sec00 .area01 p {
        margin-bottom: 50px;
    }

    #sec00 .area01 .logo {
        text-align: center;
    }

    #sec00 .area01 .logo img {
        width: 80%;
    }

    #sec00 .area02 ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #sec00 .area02 ul li {
        float: none;
    }

    #sec00 .area02 ul li:last-child {
        width: 50%;
        margin-bottom: 0;
    }

    #sec03 {
        padding-bottom: 30%;
    }

    #sec04 {
        padding: 0 0 55%;
        background-size: 110%;
        background-position: 0 0;
    }

    #sec04 .logo {
        bottom: 50px;
    }

    #sec04 .logo img {
        width: 50%;
    }

    .is-Pc {
        display: none;
    }

    .is-Sp {
        display: inline;
    }
}

/*----------------------------------------------------
	20220216 add AM . online shop banner 
----------------------------------------------------*/

@media only screen and (max-width: 768px) {
    #sec03 {
        padding-bottom: 10%;
    }
    section#bnr_onlineshop {
        padding-bottom: 26%;
    }
    section#bnr_onlineshop img {
        width: 300px;
    }
}