@media (max-width: 769px) {
body {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: serif;
}
h1,h2,h3,h4{
    font-family: "acumin-pro-extra-condensed", sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
p {
    margin: 0;
    color: #9e9f9f;
}
img.pc {
    display: none;
}
img{
	width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.wrap {
	display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
	overflow:hidden;
}
.head_block {
	display: block;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    padding-bottom: 1vw;
    z-index: 99;
}
.head_block h1 {
    display: block;
    position: relative;
    width: 30%;
    line-height: 0.8;
    margin-left: 1vw;
}
.head_img_block {
	display: block;
    position: relative;
    width: 100%;
}
.head_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.head_ttl h2 {
    font-family: "acumin-pro-extra-condensed", sans-serif;
    font-weight: normal;
    display: block;
    position: relative;
    width: 100%;
    margin-top: 25vw;
    margin-left: 48vw;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1;
}
.head_ttl h3 {
	font-family: "acumin-pro-extra-condensed", sans-serif;
    font-weight: normal;
    display: block;
    position: relative;
    width: 100%;
    margin-left: 48vw;
    color: #fff;
    font-size: 0.9rem;
}
.head_ttl h4 {
	font-family: "acumin-pro-extra-condensed", sans-serif;
    font-weight: normal;
    display: block;
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-left: 48vw;
    color: #fff;
    font-size: 0.8rem;
}
.head_img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.head_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.head_box h2 {
	color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.1rem;
}
.head_sab {
    background: #c45fa6;
    margin-top: 10vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.head_sab h2 {
    color: #fff;
}
p.head_txt {
	color: #9e9f9f;
    font-family: sans-serif;
	font-size: 0.9rem;
    text-align: center;
    padding-top: 5vw;
}
.main_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.main_ttl h2 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto;
    margin-top: 8vw;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
}
.main_ttl h3 {
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 0.9rem;
}
.main_ttl h4 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto;
    color: #fff;
    text-align: center;
    font-size: 0.8rem;
}
.main_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main_box h2 {
	color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.1rem;
}
p.main_txt {
    color: #9e9f9f;
    font-family: sans-serif;
	font-size: 0.9rem;
    text-align: center;
    padding-top: 5vw;
}
.main2_img_block {
	display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main2_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.main2_ttl_bg {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
}
.main2_ttl_bg h2 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    top: -1vw;
}
.main2_ttl_bg h3 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    top: -2vw;
    font-size: 0.85rem;
}
.main2_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main2_box h2 {
	color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.1rem;
}
p.main2_txt {
	color: #9e9f9f;
    font-family: sans-serif;
	font-size: 0.9rem;
    text-align: center;
    margin-top: 5vw;
}
.main2_illust {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 5vw;
}
.main3_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main3_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.main3_ttl_bg {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
}
.main3_ttl_bg h2 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    top: -1vw;
}
.main3_ttl_bg h3 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    top: -2vw;
    font-size: 0.85rem;
}
.main3_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main3_box h2 {
	color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.1rem;
}
p.main3_txt {
	color: #9e9f9f;
    font-family: sans-serif;
	font-size: 0.9rem;
    text-align: center;
    margin-top: 5vw;
}
.main3_illust {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 5vw;
}
.main4_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main4_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.main4_ttl_bg {
	display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
}
.main4_ttl_bg h2 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    top: -1vw;
}
.main4_ttl_bg h3 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    top: -2vw;
    font-size: 0.85rem;
}
.main4_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main4_box h2 {
	color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: -1px;
}
p.main4_txt {
	color: #9e9f9f;
    font-family: sans-serif;
	font-size: 0.9rem;
    text-align: center;
    margin-top: 5vw;
}
.main4_table {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    background: #f2f2f2;
    padding-bottom: 5vw;
    margin-top: 5vw;
}
.main4_flex {
    display: flex;
    position: relative;
    justify-content: center;
    font-size: 0.7rem;
    font-family: sans-serif;
    color: #9e9f9f;
    padding-top: 5vw;
    margin-bottom: 2vw;
}
.main4_lefttxt {
    text-align: center;
    display: block;
    position: relative;
    width: 40%;
}
.main4_centertxt {
	text-align: center;
    display: block;
    position: relative;
    margin: 0px 5px;
    width: 25%;
}
.main4_righttxt {
    text-align: center;
    display: block;
    position: relative;
    width: 25%;
    line-height: 1;
}
.main4_flex2 {
display: flex;
    position: relative;
    justify-content: center;
    font-family: sans-serif;
    font-size: 0.7rem;
    color: #9e9f9f;
    margin: 5px 0;
}
.main4_lefttxt2 {
color: #fff;
    background: #919191;
    border-radius: 5px;
    text-align: center;
    display: block;
    position: relative;
    width: 40%;
}
.main4_lefttxt2 p {
    color: #fff;
}
.main4_centertxt2 {
    color: #fff;
    background: #cb70a2;
    border-radius: 5px;
    text-align: center;
    margin: 0px 5px;
    display: block;
    position: relative;
    width: 25%;
}
.main4_centertxt2 p {
    color: #fff;
}
.main4_centertxt3 {
    color: #fff;
    background: #c2c2c2;
    border-radius: 5px;
    text-align: center;
    margin: 0px 5px;
    display: block;
    position: relative;
    width: 25%;
}
.main4_centertxt3 p {
    color: #fff;
}
.main4_righttxt2 {
    color: #fff;
    background: #cb70a2;
    border-radius: 5px;
    text-align: center;
    display: block;
    position: relative;
    width: 25%;
}
.main4_righttxt2 p {
    color: #fff;
}
.main5_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main5_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.main5_ttl h2 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto;
    margin-top: 8vw;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
}
.main5_ttl h3 {
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 0.9rem;
}

.main5_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.main5_box h2 {
	color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.1rem;
}
p.main5_txt {
color: #9e9f9f;
    font-family: sans-serif;
    font-size: 0.9rem;
    text-align: center;
    padding-top: 5vw;
}
.flow_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.flow_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.flow_ttl h2 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto;
    margin-top: 8vw;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
}
.flow_ttl h3 {
	display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 0.9rem;
}
.flow_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.flow_box h2 {
    color: #c45fa6;
    font-family: sans-serif;
    text-align: center;
	font-size: 1.1rem;
}
.flow_link {
    display: block;
    position: relative;
    width: 100%;
    padding: 2vw;
    padding-left: 10vw;
    background: #c45fa6;
    font-family: sans-serif;
    color: #fff;
    margin-top: 2vw;
    margin-bottom: 10vw;
}
.flow_link a {
    display: flex;
    text-decoration: none;
    color: #fff;
    font-size: 0.7rem;
}
p.flow_txt {
    color: #9e9f9f;
    font-family: sans-serif;
    font-size: 0.9rem;
    text-align: center;
    padding-top: 5vw;
}
.flow_link p {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #fff;
}
.flow_link span {
display: inline-block;
    position: relative;
    width: 20%;
    margin-left: 33vw;
}
.qa_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.qa_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.qa_ttl h2 {
    display: block;
    position: relative;
    width: 60%;
    margin-left: 48vw;
    margin-top: 8vw;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
}
.qa_ttl h3 {
    display: block;
    position: relative;
    width: 60%;
    margin-left: 48vw;
    color: #fff;
    text-align: center;
    font-size: 0.9rem;
}
.qa_list {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 2vw 0;
    padding-left: 10vw;
    background: #c45fa6;
    font-family: sans-serif;
    color: #fff;
    font-size: 0.7rem;
    margin-top: 5px;
}
.qa_list p {
    display: block;
    position: relative;
    width: 80%;
	color: #fff;
}
.anser {
	display: none;
    font-family: sans-serif;
    padding: 2vw 0;
    padding-left: 10vw;
    width: 60%;
    font-size: 0.7rem;
}
.cosme_img_block {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.cosme_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.cosme_ttl h2 {
    color: #878787;
    font-size: 2.5rem;
    margin-left: 62vw;
    margin-top: 8vw;
    line-height: 1;
}
.cosme_ttl h3 {
    color: #878787;
    font-size: 0.9rem;
    margin-left: 62vw;
}
.cosme_link {
    display: block;
    position: relative;
    width: 100%;
    padding: 2vw 0;
    padding-left: 10vw;
    background: #c45fa6;
    font-family: sans-serif;
    color: #fff;
    margin-top: 2vw;
}
.cosme_link a {
	display: block;
    text-decoration: none;
    color: #fff;
}
.cosme_link p {
	font-size: 0.7rem;
    display: inline-block;
    position: relative;
    width: 90%;
    color: #fff;
}
.cosme_link span {
display: inline-block;
    position: relative;
    width: 15%;
    margin-left: 42vw;
}
.shop_img_block {
display: block;
    position: relative;
    width: 100%;
    margin-top: 10vw;
}
.shop_ttl {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.shop_ttl h2 {
	display: block;
    position: relative;
    width: 100%;
    margin: 0px auto;
    margin-top: 8vw;
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
}
.shop_ttl h3 {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 0.9rem;
}
.shop_link {
 display: block;
    position: relative;
    width: 100%;
    padding: 2vw;
    padding-left: 10vw;
    background: #c45fa6;
    font-family: sans-serif;
    color: #fff;
    margin-top: 2vw;
    margin-bottom: 10vw;
}
.shop_link a {
    display: flex;
    text-decoration: none;
    color: #fff;
    font-size: 0.7rem;
}
.shop_link p {
    display: inline-block;
    position: relative;
    width: 100%;
	color: #fff;
}
.shop_link span {
    display: inline-block;
    position: relative;
    width: 20%;
    margin-left: 11vw;
}
}