@charset "utf-8";

main.fs-l-main {
    margin: 0;
    width: auto;
    max-width: none;
    display: block;
    padding: 0;
}

section.fs-l-pageMain {
    max-width: none;
}

.fs-preview-header {
    display: none;
}

.fs-c-productList {
    max-width: 108rem;
    margin: 0 auto;
    padding: 0 2rem 8rem;
}

.fs-c-productList {
    display: none;
}

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: calc(100vw / 128);
}

body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", helvetica, sans-serif;
    font-size: 1.6rem;
    min-height: 100vh;
    color: #333;
    background: #fff;
    letter-spacing: .05em;
    line-height: 1.5;
}

body.open {
    overflow: hidden;
}

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

img[data-src] {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

img[data-src].lazyloaded {
    opacity: 1;
}

a:visited {
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: #fff !important;
}

.detail_area1_l_d_note p,
.detail_area1_l_note p,
.detail_area2_r_r p,
.item_c_b_b li a span.early_icon,
.item_c_b_f,
.item_c_b_h_r_data,
.item_c_b_h_r_text,
.item_c_i_r,
.item_c_note,
.noto_sans,
.voice_area_box_text p,
.voice_area_button button,
dl.detail_area1_l_d_box {
    font-family: "Noto Sans JP", sans-serif;
}

div.main {
    width: 100%;
    overflow: hidden;
    /*padding-top: 5rem;*/
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .08);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .08);
    z-index: 1000;
    background: #fefefe;
    width: 100%;
    height: 8rem;
}

.header_inner {
    max-width: 108rem;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header h2 img {
    height: 5.1rem;
}

.h_menu {
    margin-left: auto;
}

.dw_cnt ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dw_cnt ul li {
    margin-left: 5rem;
}

.dw_cnt ul li:first-child {
    margin-left: 0;
}

.dw_cnt ul li a {
    font-size: 1.5rem;
    /*font-weight: 600;*/
}
.dw_cnt ul li a:hover {
    color: #d67905!important;
}

.h_icon {
    margin-left: 5rem;
    margin-left: auto;
}

.h_icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.h_icon ul li {
    margin-left: .4rem;
}

.h_icon ul li:first-child {
    margin-left: 0;
}

footer {
    background: #333;
    color: #fff;
    padding: 4rem 0;
}

ul.f_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

ul.f_menu li {
    margin: 0 2.5rem;
}

ul.f_menu li a {
    font-size: 1.3rem;
    font-weight: 500;
}

ul.f_menu.top {
    margin-bottom: 2rem
}

ul.f_menu.bottom li {
    margin: 0;
}

ul.f_menu.bottom li:nth-child(2)::after,
ul.f_menu.bottom li:nth-child(2)::before {
    content: "｜";
    font-size: 1.2rem;
    font-weight: 500;
}

ul.f_menu.bottom li a {
    font-size: 1.2rem;
    font-weight: 500;
}

.mv_area {
    position: relative;
    margin-bottom: 8rem;
}

.mv_box {
    position: absolute;
    bottom:3rem;
    left: calc(calc(100% - 108rem)/ 2);
    max-width: 41rem;
}

.mv_b_title {
    margin-bottom: 11rem;
    max-width: 26rem;
    padding-bottom: 1.4rem;
    position: relative;
}

.mv_b_title h1 {
    font-family: serif;
    font-size: 2.8rem;
    font-weight: 500;
    color: #333;
    /*text-shadow: 0 .4rem .8rem #333;*/
    letter-spacing: .1em;
    /*background-color: rgba(0, 0, 0, 0.1);*/
}

.mv_b_title::before {
    content: "";
    display: block;
    width: 100%;
    height: .2rem;
    background: -webkit-gradient(linear, left top, right top, from(#b44582), color-stop(#d37883), color-stop(#6d3c6b), to(transparent));
    background: linear-gradient(90deg, #b44582, #d37883, #6d3c6b, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
}

.mv_b_img {
    margin-top: -3.5rem;
    margin-left: -5.5rem;
    margin-bottom: -2.2rem;
    max-width: calc(75.2rem / 2);
}

.mv_b_btn {
    text-align: center;
    margin-left: -4.5rem;
    position: relative;
    z-index: 1;
}

.mv_b_btn a {
    display: inline-block;
    width: 24rem;
    line-height: 6rem;
    background: #333;
    border-radius: 10rem;
    -webkit-box-shadow: .3rem .3rem 0 #fda12f;
    box-shadow: .3rem .3rem 0 #fda12f;
}

.mv_b_btn a img {
    vertical-align: middle;
    height: 3.4rem;
}

.mv_b_btn a:hover {
    opacity: 1;
    position: relative;
    top: .3rem;
    left: .3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*
.mv_icon {
    position: absolute;
    right: calc(calc(100% - 108rem)/ 2 - 5rem);
    bottom: -10rem;
}
.mv_icon img {
    width: 16rem;
}
*/

.mv_icon{
    display: flex;
    justify-content: flex-end;
}
.mv_icon a.icon_img{
    width: 16rem;
    height: 16rem;
    text-indent: -9999px;
    margin-top: -5rem;
}
.mv_icon a.icon_img:hover{
    opacity: 10;
    position: relative;
    top: .3rem;
    left: .3rem;

}
.mv_icon .icon_img a:hover {
    background-position: 0 -60px;
}

.mv_icon a.icon_img:first-child{
    background: url("../images/mv_icon1.svg") no-repeat;
}
/*.mv_icon a.icon_img:nth-child(2){
    background: url("../images/mv_icon3.svg") no-repeat;
}
.mv_icon a.icon_img:last-child{
    background: url("../images/mv_icon2.svg") no-repeat;
}*/
.mv_icon a.icon_img:hover:first-child{
    background: url("../images/mv_icon1_hover.svg") no-repeat;
}
/*.mv_icon a.icon_img:hover:nth-child(2){
    background: url("../images/mv_icon3_hover.svg") no-repeat;
}
.mv_icon a.icon_img:hover:last-child{
    background: url("../images/mv_icon2_hover.svg") no-repeat;
}*/
.mv_icon a.hayawari{
    background: url("../images/mv_icon3.svg") no-repeat;
}
.mv_icon a.s_hayawari{
    background: url("../images/mv_icon2.svg") no-repeat;
}
.mv_icon a.hayawari:hover{
    background: url("../images/mv_icon3_hover.svg") no-repeat;
}
.mv_icon a.s_hayawari:hover{
    background: url("../images/mv_icon2_hover.svg") no-repeat;
}

.intro_area {
    padding: .5rem 0 8rem;
}

.intro_area_inner {
    max-width: 99.2rem;
    margin: 0 auto;
}

.common_title {
    text-align: center;
    margin-bottom: 2rem;
}

.common_title h3, .intro_area2_title h3 {
    font-size: 2.6rem;
    font-weight: 500;
    text-align: justify;
    margin: 5rem 0;
}
.common_title h3 span {
    font-weight: 600;
    font-size: 3rem;
}

/*.common_title h3 img {
    vertical-align: baseline;
    margin: 0 .5rem;
}*/

.intro_cnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -4.8rem;
}

.intro_box {
    width: 47rem;
    margin-right: 5rem;
    margin-bottom: 4.8rem;
}

.intro_box:nth-child(even) {
    margin-right: 0;
}

.intro_box>div {
    padding-left: 9.2rem;
    position: relative;
}

.intro_b_num {
    position: absolute;
    left: 0;
    top: 0;
    width: 9.2rem;
    height: 9.2rem;
}

.intro_b_titlebox {
    min-height: 10.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.intro_b_title strong {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: .01em;
}

.intro_b_title {
    padding-left: 1rem;
    border-bottom: .1rem solid #333;
    margin-bottom: 2rem;
    padding-bottom: 1.2rem;
    line-height: 1.3;
    width: 100%;
}

.intro_b_text {
    margin-bottom: 1.6rem;
}

.intro_b_text p {
    line-height: 1.7;
    font-weight: 500;
}

.intro_area2{
    padding: 5rem 0 .5rem;
    background-color: #F1F1F1;
    margin-top: 10rem;
}
.intro_area2_inner{
    max-width: 99.2rem;
    margin: 0 auto;
}
.intro_area2_text{
    margin: 0 5rem;
}
.intro2_box{
    margin: 5rem;
    border-bottom: 1px solid #ccc ;
    padding: 0 0 5rem;

}
.intro2_box:last-child{
    border: 0;
    padding: 0;
}

.intro2_box h4{
    font-size: 1.8rem;
    margin: 2rem 0;
}
.intro2_box_inner{
    display: flex;
}

.intro2_box_inner_txt{
    font-size: 1.4rem;
    line-height: 1.7;
    padding-right: 2rem;
    max-width: 60.6rem;
}

.btn_area {
    /*background-image: url(https://hanger.itembox.design/item/lp/images/btn_area_bg.jpg);*/
    background-color: #F1F1F1;
    background-size: cover;
    background-position: center;
    padding: 6rem 0;
}
.btn_area:nth-child(3){
    background-color: #fff;
    padding: 10rem 0 0;
}

.btn_area_inner {
    text-align: center;
}

.btn_area_inner a {
    display: inline-block;
    max-width: 50rem;
    line-height: 8rem;
    width: 100%;
    background: #fda12f;
    position: relative;
    border-radius: 10rem;
    -webkit-box-shadow: 0 .5rem 0 #d67905;
    box-shadow: 0 .5rem 0 #d67905;
}

.btn_area_inner a img {
    vertical-align: middle;
}

.btn_area_inner a img.btn_text {
    height: 4.9rem;
}

.btn_area_inner a img.btn_icon {
    position: absolute;
    top: -2.7rem;
    right: 4rem;
    height: 8.6rem;
}

.btn_area_inner a:hover {
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: .5rem;
}

.item_area {
    padding: 8rem 0;
}

.item_area_inner {
    max-width: 108rem;
    margin: 0 auto;
}

.item_title.common_title {
    margin-bottom: 5rem;
}
.item_area_inner h3 {
    text-align: center;
}

.item_c_intro {
    margin-bottom: 3rem;
    background-color: #F1F1F1;
    /*background-color: #fef0df;
    background-image: url(https://hanger.itembox.design/item/lp/images/item_c_intro_bg.svg);*/
    background-repeat: no-repeat;
    background-position: left 3.3rem bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 2rem 2rem 4rem;
}

.item_c_i_r {
    width: 34rem;
    background: #fff;
    border-radius: .5rem;
    padding: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.item_c_i_l {
    width: calc(100% - 34rem);
    padding-right: 2rem
}

.item_c_i_l_title {
    text-align: center;
    padding-top: .8rem;
    margin-bottom: 1rem;
}

.item_c_i_l_title strong {
    font-size: 2.4rem;
    font-weight: 500;
}

.item_c_i_l_text {
    margin-bottom: .8rem;
}

.item_c_i_l_text p {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    line-height: 2;
}

.item_c_i_l_link {
    text-align: center;
}

.item_c_i_r_l {
    width: calc(100% - 7rem);
    padding-right: 1rem;
}

.item_c_i_r_r {
    width: 7rem;
    padding-top: 3rem;
}

.item_c_i_r_l strong {
    font-size: 1.4rem;
    display: block;
    margin-bottom: .8rem;
    font-weight: 500;
}

.item_c_i_r_l p {
    font-size: 1.3rem;
}

.item_c_note {
    margin-bottom: 4rem;
}

.item_c_note p {
    text-align: center;
    font-size: 1.4rem;
}

.item_c_note p span {
    color: #d04d4d;
}

.item_c_note p i {
    font-style: normal;
    font-size: 1.6rem;
}

.item_c_note p a {
    color: #d04d4d;
    text-decoration: underline;
    margin-left: 1rem;
}

.item_c_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item_c_box {
    width: 50rem;
    margin-right: 8rem;
    margin-bottom: 6rem;
}

.item_c_box:nth-child(even) {
    margin-right: 0;
}

.item_c_b_h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}

.item_c_b_h_l {
    width: 20rem;
}

.item_c_b_h_r {
    width: calc(100% - 20rem);
    padding-left: 5rem;
}

.item_c_b_h_r_title {
    margin-bottom: 1.2rem;
}

.item_c_b_h_r_title strong {
    font-size: 2rem;
    font-weight: 500;
}

.item_c_b_h_r_text {
    margin-bottom: 1.2rem
}

.item_c_b_h_r_text p {
    color: #777;
    font-size: 1.2rem;
    font-weight: 500;
}

.item_c_b_h_r_data small {
    font-size: 1.2rem;
    font-weight: 500;
    display: block;
}

.item_c_b_h_r_data strong {
    font-size: 1.2rem;
    font-weight: 500;
    display: block;
}

.item_c_b_h_r_data strong i {
    font-size: 2.4rem;
    font-style: normal;
    color: #333;
    padding-right: .4rem;
}

.item_c_b_b {
    margin-bottom: 2rem;
}

.item_c_b_b ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1rem;
}

.item_c_b_b li {
    width: calc(50% - .5rem);
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.item_c_b_b li:nth-child(even) {
    margin-right: 0;
}

.item_c_b_b li a {
    display: block;
    width: 100%;
    line-height: 4.4rem;
    text-align: center;
    border-radius: .5rem;
    color: #fff;
    background: #333;
    font-size: 1.3rem;
    position: relative;
}

.item_c_b_b li.early_bird1 a {
    background: #cf5656;
}

.item_c_b_b li.early_bird2 a {
    background: #db8475;
}

.item_c_b_b li a i.num {
    font-size: 1.8rem;
}

.item_c_b_b li a i {
    font-style: normal;
    padding: 0 .3rem;
}

.item_c_b_b li a b {
    font-weight: 500;
}

.item_c_b_b li a i.sign {
    font-size: 1rem;
}

.item_c_b_b li a span {
    vertical-align: middle;
}

.item_c_b_b li a span.early_icon {
    background: #fff;
    border-radius: 10rem;
    font-size: 1.2rem;
    /*font-weight: 700;*/
    text-align: center;
    display: inline-block;
    width: 5rem;
    height: 2.4rem;
    line-height: 2.4rem;
    color: #cf5656;
    position: absolute;
    left: 1.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.item_c_b_b li.early_bird2 a span.early_icon {
    color: #db8475;
}

.item_c_b_b li a span.early_icon+span {
    padding-left: 6rem;
}

.item_c_b_f {
    position: relative;
    padding-left: 5.2rem;
}

.item_c_b_f_l {
    width: 3.2rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .1rem solid #ded9d8;
}

.item_c_b_f_l p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #777;
    font-weight: 500;
    letter-spacing: .5rem;
}

.item_c_b_f_r dl {
    border-bottom: .1rem solid #ded9d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .8rem;
    padding-bottom: .8rem;
}

.item_c_b_f_r dt {
    width: 14rem;
    padding-left: 1rem;
}

.item_c_b_f_r dd {
    width: calc(100% - 14rem);
}

.item_c_b_f_r dd,
.item_c_b_f_r dt {
    color: #777;
    font-size: 1.3rem;
    font-weight: 500;
}

.item_c_b_f_r dd small {
    display: block;
    font-size: 1.2rem;
    padding-top: .2rem;
}

.item_c_b_f_r dl:first-child {
    padding-top: .8rem;
}

.item_c_b_h_r_title img {
    display: block;
}

.detail_area1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.detail_area1_l,
.detail_area1_r {
    width: 50%;
    padding: 8rem 0 4rem;
}

.detail_area1_l {
    padding-right: 4rem;
}

.detail_area1_r {
    padding-left: 4rem;
    background: #F7F7F7;
}

.detail_area1_l_inner,
.detail_area1_r_inner {
    max-width: 50rem;
}

.detail_area1_l_inner {
    margin-left: auto;
}

.detail_area1__title {
    margin-bottom: 2rem;
}

.detail_area1__title strong {
    font-size: 2.4rem;
    font-weight: 500;
}

.detail_area1__text {
    margin-bottom: 1.2rem;
}

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

.detail_area1_l_note {
    margin-bottom: 3rem;
}

.detail_area1_l_note p {
    display: inline-block;
    font-size: 1.3rem;
    border-bottom: .1rem solid #d04d4d;
    padding-bottom: .2rem;
}

.detail_area1_l_img {
    margin-bottom: 4.8rem;
}

.detail_area1_l_data {
    border: .1rem solid #d04d4d;
    position: relative;
}

.detail_area1_l_data::before {
    content: "";
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(https://hanger.itembox.design/item/lp/images/detail_area1_l_data_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -1.9rem;
    left: 0;
    right: 0;
    margin: auto;
}

.detail_area1_l_d_title {
    text-align: center;
    padding: 2.5rem 0;
    border-bottom: .1rem solid #ddd;
}

.detail_area1_l_d_title strong {
    color: #d04d4d;
    font-size: 2.4rem;
    font-weight: 500;
}

dl.detail_area1_l_d_box {
    border-bottom: .1rem solid #ddd;
    padding: 1.6rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

dl.detail_area1_l_d_box+dl.detail_area1_l_d_box {
    border: 0;
    padding: 3rem 0;
}

dl.detail_area1_l_d_box dd,
dl.detail_area1_l_d_box dt {
    width: 50%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
}

dl.detail_area1_l_d_box dd {
    text-align: left;
    font-weight: 500;
}

.detail_area1_l_d_note {
    background: #F5F5F5;
    margin: 0 2rem 2rem;
    padding: 2rem;
}

.detail_area1_l_d_note p {
    font-size: 1.3rem;
    line-height: 2;
}

.detail_area1_l_d_note p span {
    color: #d04d4d;
}

.detail_area1_r_img {
    margin-bottom: 3rem;
}

.detail_area1_r_img picture {
    display: block;
    margin-bottom: .8rem;
}

.detail_area1_r_imglist ul {
    margin-bottom: -2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.detail_area1_r_imglist li {
    width: 15rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.detail_area1_r_imglist li:nth-child(3n) {
    margin-right: 0;
}

.detail_area2 {
    padding: 8rem 0 8rem;
}

.detail_area2_repeat {
    max-width: 108rem;
    margin: 0 auto 5rem;
    background: #F1F1F1;
    border-radius: 2rem;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_area2_r_l {
    width: calc(100% - 59rem);
    position: relative;
}

.detail_area2_r_r {
    background: #fff;
    width: 59rem;
    padding: 1.5rem 2rem;
}

.detail_area2_r_r p {
    font-size: 1.4rem;
    font-weight: 400;
}

.detail_area2_r_r p span {
    color: #d04d4d;
}

.detail_area2_r_l_text {
    text-align: center;
    padding-top: 2.8rem;
}

d {
    font-size: 1.9rem;
    font-weight: 500;
}

.detail_area2_r_l_text::before {
    content: "";
    display: block;
    width: 8.4rem;
    height: 5.2rem;
    background-image: url(https://hanger.itembox.design/item/lp/images/detail_area2_repeat_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.detail_area2_r_l_title {
    text-align: center;
    padding-top: 1.8rem;
}
.detail_area2_r_l_title img {
    width: 315px;
    margin-top: 2rem;
}
.detail_area2_set {
    border-top: .1rem solid #ddd;
    position: relative;
    padding-top: 8rem;
}

.detail_area2_set_img {
    position: absolute;
    top: -6rem;
    left: -65rem;
    right: 0;
    margin: auto;
    width: calc(72.4rem / 2);
    height: calc(47.2rem / 2);
}

.detail_area2_set_title {
    text-align: center;
    margin-bottom: 4.2rem;
}

.detail_area2_set_title strong {
    font-size: 4rem;
    font-weight: 500;
}

.detail_area2_set_box {
    max-width: 102rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_area2_s_b_l {
    width: calc(100% - 42.6rem);
    padding-right: 4rem;
}

.detail_area2_s_b_r {
    width: 42.6rem;
}

.detail_area2_s_b_l p {
    font-size: 1.6rem;
    line-height: 2;
    font-weight: 500;
    margin-bottom: 3rem;
}

.detail_area1_l_d_link {
    margin-top: 2rem;
    text-align: right;
}

.detail_area1_l_d_link img {
    vertical-align: top;
    width:25px;
}

.detail_area1_l_d_link span {
    font-size: 1.5rem;
    font-weight: 500;
    border-bottom: .1rem solid #333;
    padding-bottom: .5rem;
    display: inline-block;
    margin-left: .5rem;
}

.order_area {
    padding: 8rem 0
}

.order_area_inner {
    max-width: 108rem;
    margin: 0 auto;
}

.common_title strong {
    font-size: 4rem;
    font-weight: 500;
    display: block;
    margin-bottom: 2rem;
}

.common_title p {
    font-size: 1.6rem;
    font-weight: 500;
}

.order_area_h {
    max-width: 77.2rem;
    margin: 0 auto 4rem;
}

.order_area_b_box {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.order_area_b_box:last-child {
    margin-bottom: 0;
}

.order_area_b_b_r {
    width: 79.4rem;
}

.order_area_b_b_l {
    width: calc(100% - 79.4rem);
}

.order_area_b_b_l img {
    height: 15rem;
}

.order_area_b_box:nth-child(2) .order_area_b_b_l img {
    height: 13.5rem;
}

.order_area_b_b_r_box {
    background: #f9f9f9;
    padding: 5rem;
}

.order_area_b_b_r_box p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.order_area_b_b_r_box p:last-child {
    margin-bottom: 0;
}

.order_area_b_b_r_box p.btn {
    text-align: center;
    padding-top: .5rem;
}

.order_area_b_b_r_box p.btn a {
    display: inline-block;
    max-width: 33.5rem;
    line-height: 7rem;
    width: 100%;
    background: #fda12f;
    position: relative;
    border-radius: 10rem;
    -webkit-box-shadow: 0 .5rem 0 #d67905;
    box-shadow: 0 .5rem 0 #d67905;
}

.order_area_b_b_r_box p.btn a:hover {
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: .5rem;
}

.order_area_b_b_r_box p.btn img {
    vertical-align: middle;
}

.order_area_b_b_r_box p.btn img.btn_icon {
    position: absolute;
    height: 6.5rem;
    width: 8rem;
    right: -2rem;
    top: -2rem;
}

.order_area_b_b_r_box p.btn img.btn_text {
    height: 4.4rem;
}

.order_area_b_b_r_box p.note {
    font-size: 1.3rem;
    color: #d04d4d;
}

/*.order_area_b_box:nth-child(2) .order_area_b_b_r_box {
    background: #F7F7F7
}

.order_area_b_box:nth-child(3) .order_area_b_b_r_box {
    background: #e4f0ee
}

.order_area_b_box:nth-child(4) .order_area_b_b_r_box {
    background: #dcecea
}

.order_area_b_box:nth-child(5) .order_area_b_b_r_box {
    background: #d4e8e5
}
*/
.voice_area {
    background: #f0f0f0;
    padding: 8rem 0;
}

.voice_area_inner {
    max-width: 108rem;
    margin: 0 auto;
}

.voice_area_cnt_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.voice_area_box {
    width: 35rem;
    padding: 4rem;
    background: #fff;
    max-height: 35rem;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.voice_area_box::before {
    content: "";
    display: block;
    width: 100%;
    height: 5rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(transparent));
    background: linear-gradient(0deg, #f9f9f9, transparent);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.voice_area_box_title {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.voice_area_box_title strong {
    font-weight: 400;
}

.voice_area_box_text p {
    font-size: 1.4rem;
    line-height: 2;
}

.voice_area_box_text p.img {
    margin-bottom: 1.2rem;
}

.voice_area_button {
    text-align: center;
}

.voice_area_button button {
    display: inline-block;
    background: #777;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    max-width: 50rem;
    width: 100%;
    line-height: 4.8rem;
    border-radius: 10rem;
}

.voice_area_button button>* {
    vertical-align: middle;
}

.voice_area_button button span {
    padding-right: .7rem;
}

.faq_area {
    padding: 8rem 0;
}

.faq_area_inner {
    max-width: 90rem;
    margin: 0 auto;
}

.faq_area_title.common_title {
    margin-bottom: 8rem;
}

dl.toggle_box {
    border-bottom: .1rem solid #ded9d8;;
    padding: 2.4rem 1rem
}

dl.toggle_box dt {
    font-size: 2.4rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

dl.toggle_box dd {
    display: none;
}

.faq_area_cnt {
    border-top: .1rem solid #ded9d8;
}

dl.toggle_box dt i {
    width: 4rem;
    height: 4rem;
    display: block;
    background: #777;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

dl.toggle_box dt i::after,
dl.toggle_box dt i::before {
    content: "";
    display: block;
    width: 1.8rem;
    height: .2rem;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s;
    transition: .3s;
}

dl.toggle_box dt i::after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

dl.toggle_b_innerbox {
    background: #f9f9f9;
    padding: 3rem;
    border-radius: 1.2rem;
    margin-bottom: 1.2rem;
}

dl.toggle_b_innerbox:last-child {
    margin-bottom: 0;
}

dl.toggle_b_innerbox:first-child {
    margin-top: 2.4rem;
}

dl.toggle_box dl.toggle_b_innerbox dt i {
    background: #fff;
}

dl.toggle_box dl.toggle_b_innerbox dt i::after,
dl.toggle_box dl.toggle_b_innerbox dt i::before {
    background: #333;
}

dl.toggle_b_innerbox>dt.active i::after,
dl.toggle_box>dt.active i::after {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
}

dl.toggle_b_innerbox dt {
    font-size: 2rem;
    padding-right: 5rem;
}

dl.toggle_b_innerbox dd p {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: .1rem solid #ded9d8;
    font-size: 1.6rem;
    line-height: 2;
    font-weight: 400;
}

.voice_area_cnt.active .voice_area_box {
    max-height: 999rem;
}

.voice_area_cnt.active .voice_area_box::before {
    content: none;
}

.modal_cnt {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.modal_cnt.open {
    -webkit-animation: dwAnimationOpen .3s ease forwards;
    animation: dwAnimationOpen .3s ease forwards;
}

.modal_cnt.close {
    -webkit-animation: dwAnimationClose .3s ease forwards;
    animation: dwAnimationClose .3s ease forwards;
}

.overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
}

.modal_box {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    width: 100%;
    max-width: 80rem;
    padding: 1rem;
    background: #fff;
}

dl.toggle_b_innerbox dd img {
    max-height: 70rem;
    display: block;
    margin: 1rem 0;
}

dl.toggle_b_innerbox dd p a {
    text-decoration: underline;
    color: #d04d4d!important;
}

@-webkit-keyframes dwAnimationOpen {
    0% {
        z-index: 1000;
        opacity: 0;
    }

    1% {
        z-index: 1000;
        opacity: 0;
    }

    100% {
        z-index: 1000;
        opacity: 1;
        pointer-events: auto;
    }
}

@keyframes dwAnimationOpen {
    0% {
        z-index: 1000;
        opacity: 0;
    }

    1% {
        z-index: 1000;
        opacity: 0;
    }

    100% {
        z-index: 1000;
        opacity: 1;
        pointer-events: auto;
    }
}

@-webkit-keyframes dwAnimationClose {
    0% {
        z-index: 1000;
        opacity: 1;
        pointer-events: none;
    }

    99% {
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
    }

    100% {
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
}

@keyframes dwAnimationClose {
    0% {
        z-index: 1000;
        opacity: 1;
        pointer-events: none;
    }

    99% {
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
    }

    100% {
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
}

@media screen and (min-width:1280px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (min-width:769px) {
    .sp_style {
        display: none;
    }
}

@media screen and (max-width:768px) {
    html {
        font-size: calc(100vw / 37.5);
    }

    .pc_style {
        display: none;
    }

    header {
        height: 5rem;
        padding: 0 1rem;
    }

    div.main {
        /*padding-top: 2rem;*/
    }

    .header_inner {
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header h2 img {
        height: 3.8rem;
    }

    .h_menu {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }

    .h_icon {
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .h_icon ul {
        height: 100%;
    }

    .dw_button_box {
        width: 5rem;
        height: 5rem;
        position: relative;
        z-index: 1001;
    }

    .dw_button {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
    }

    .dw_button span,
    .dw_button::after,
    .dw_button::before {
        content: "";
        display: block;
        width: 1.8rem;
        height: .2rem;
        background: #222;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .dw_button::before {
        top: -1.2rem;
    }

    .dw_button::after {
        bottom: -1.2rem;
    }

    .dw_button.active span {
        opacity: 0;
    }

    .dw_button.active::before {
        top: 0;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    .dw_button.active::after {
        bottom: 0;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
    }

    .dw_cnt {
        background: #fefefe;
        position: fixed;
        top: 5rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .08) inset;
        box-shadow: 0 0 3rem rgba(0, 0, 0, .08) inset;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }

    .dw_cnt.open {
        -webkit-animation: dwAnimationOpen .3s linear forwards;
        animation: dwAnimationOpen .3s linear forwards;
    }

    .dw_cnt.close {
        -webkit-animation: dwAnimationClose .3s linear forwards;
        animation: dwAnimationClose .3s linear forwards;
    }

    @-webkit-keyframes dwAnimationOpen {
        0% {
            z-index: 1000;
            opacity: 0;
        }

        1% {
            z-index: 1000;
            opacity: 0;
        }

        100% {
            z-index: 1000;
            opacity: 1;
            pointer-events: auto;
        }
    }

    @keyframes dwAnimationOpen {
        0% {
            z-index: 1000;
            opacity: 0;
        }

        1% {
            z-index: 1000;
            opacity: 0;
        }

        100% {
            z-index: 1000;
            opacity: 1;
            pointer-events: auto;
        }
    }

    @-webkit-keyframes dwAnimationClose {
        0% {
            z-index: 1000;
            opacity: 1;
            pointer-events: none;
        }

        99% {
            z-index: 1000;
            opacity: 0;
            pointer-events: none;
        }

        100% {
            z-index: -1;
            opacity: 0;
            pointer-events: none;
        }
    }

    @keyframes dwAnimationClose {
        0% {
            z-index: 1000;
            opacity: 1;
            pointer-events: none;
        }

        99% {
            z-index: 1000;
            opacity: 0;
            pointer-events: none;
        }

        100% {
            z-index: -1;
            opacity: 0;
            pointer-events: none;
        }
    }

    .dw_cnt ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        margin-top: -2.5rem;
    }

    .dw_inner {
        height: 100%;
    }

    .dw_cnt ul li {
        margin-left: 0;
        margin-bottom: 5rem;
    }

    .dw_cnt ul li a {
        font-size: 1.8rem;
    }

    footer {
        padding: 1rem 2rem 3rem;
    }

    ul.f_menu.top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 3rem;
    }

    ul.f_menu.top li {
        width: 16.2rem;
        margin: 0;
        padding: 1rem 0;
        border-bottom: .1rem solid #ccc;
    }

    ul.f_menu.top li:nth-child(odd) {
        margin-right: .5rem;
    }

    ul.f_menu.top li:nth-child(even) {
        margin-left: .5rem;
    }

    ul.f_menu li a {
        font-size: 1.2rem;
    }

    ul.f_menu.bottom li a {
        font-size: 1.1rem;
    }

    ul.f_menu.bottom li:nth-child(2)::after,
    ul.f_menu.bottom li:nth-child(2)::before {
        font-size: 1rem;
    }

    ul.f_menu.bottom li {
        font-size: 0;
        letter-spacing: 0;
    }

    ul.f_menu.bottom {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .mv_img img {
        width: 100%;
        /*margin-top: 2rem;*/
    }

    .mv_box {
        left: 0;
        bottom: 0;
        max-width: none;
        width: 100%;
    }

    .mv_b_img {
        position: absolute;
        left: 2.8rem;
        bottom: 0;
        margin: 0;
        width: calc(30.2rem / 2);
        height: calc(20rem / 2);
    }

    .mv_b_title {
        padding-left: 1.2rem;
        padding-bottom: .5rem;
        margin-bottom: 0;
        max-width: 20rem;
        top: -20rem;
    }

    .mv_b_title h1 {
        color: #333;
        font-size: 1.7rem;
    }

    .mv_b_btn {
        text-align: right;
        margin: 0;
        padding-right: 2.4rem;
        padding-bottom: 1.2rem;
        padding-top: 3.5rem;
    }

    .mv_b_btn a {
        text-align: center;
        width: 17rem;
        line-height: 4.4rem;
    }

    .mv_b_btn a img {
        height: 2.5rem;
    }

    /*
    .mv_icon {
        right: 0;
        bottom: -12rem;
    }

    .mv_icon img {
        width: 11rem;
    }

    .mv_icon img+img {
        margin-left: -2rem;
    }
*/
    .mv_icon{
      justify-content: center;
    }
    .mv_icon a.icon_img{
        margin-top: 0;
        margin-bottom: -20rem;
    }
    .intro_area {
        padding-bottom: 6rem;
        position: relative;
        font-size: 1.3rem;
        line-height: 1.7;
    }

    .common_title h3, .intro_area2_title h3 {
        font-size: 2rem;
        padding: 0 3rem;
        text-align: left;
    }

    .common_title h3 img {
        height: 2.9rem;
    }

    .intro_title.common_title {
        margin-bottom: 2.6rem;
    }

    .intro_area_inner {
        position: relative;
        z-index: 1;
    }

    .btn_area.sp_style {
        position: relative;
        z-index: 1;
        background-image: none;
        padding: 6rem 0 0;
    }

    .intro_area_spbg.sp_style {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .intro_box {
        width: calc(100% - 4rem);
        margin: 0 auto 2rem;
    }

    .intro_box>div {
        padding: 0;
    }

    .intro_b_titlebox {
        margin-bottom: 1.6rem;
        min-height: 7rem;
    }

    .intro_b_num {
        height: 7rem;
        width: 7rem;
    }

    .intro_b_title {
        margin-bottom: 0;
        padding-top: 3rem;
        padding-left: 7.5rem;
        border-bottom: 0;
        position: relative;
    }

    .intro_b_title strong {
        font-size: 2rem;
    }

    .intro_box:nth-child(even) {
        margin-right: auto;
    }

    .intro_b_img {
        display: none;
    }

    .intro_b_title::before {
        content: "";
        display: block;
        width: 95%;
        height: .1rem;
        background: #333;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .intro_b_text {
        margin-bottom: 0;
    }

    .btn_area_inner a {
        max-width: none;
        width: calc(100% - 4rem);
        line-height: 7.3rem;
    }

    .btn_area_inner a img.btn_text {
        height: 4.6rem;
    }

    .btn_area_inner a img.btn_icon {
        height: 6.5rem;
        right: 1rem;
    }

    .intro_cnt {
        margin-bottom: 0;
    }

    .mv_area {
        z-index: 1;
        margin-bottom: 13rem;
    }

    .intro_area2{
        margin: 3rem 0;
        padding: 1rem;
    }
    .intro_area2_title h3{
        padding: 0;
    }
    .intro_area2_text{
        margin: 0 2rem;
    }
    .intro2_box_inner {
        display: block;
    }
    .intro2_box_inner_txt{
        padding: 0;
    }
    .intro2_box {
        margin: 5rem 2rem;
    }
    .intro2_box h4 {
        font-size: 1.6rem;
    }
    .intro_b_btn{
        margin: 2rem auto;
    }
    .item_area {
        padding: 8rem 0 6rem;
    }

    .item_title.common_title {
        margin-bottom: 2rem;
    }

    .item_cnt {
        padding: 0 2rem;
    }

    .item_c_intro {
        display: block;
        padding: .5rem;
        background-position: top 3rem right .7rem;
        margin-bottom: 4rem;
    }

    .item_c_i_l,
    .item_c_i_r {
        width: 100%;
    }

    .item_c_i_l {
        padding: 1.5rem 1.5rem 1.2rem;
    }

    .item_c_i_l_title {
        padding: 0;
        text-align: left;
    }

    .item_c_i_l_title strong {
        font-size: 2rem;
    }

    .item_c_i_l_text p {
        font-size: 1.4rem;
        text-align: left;
        letter-spacing: 0;
    }

    .item_c_i_r {
        padding: 2rem;
    }

    .item_c_i_r_l p {
        font-size: 1.2rem;
    }

    .item_c_i_r_r {
        padding-top: 2rem;
    }

    .modal_box {
        width: 90%;
    }

    .item_c_note p {
        font-size: 1.2rem;
    }

    .item_c_note p i {
        font-size: 1.4rem;
    }

    .item_c_list {
        display: block;
        margin: 0;
    }

    .item_c_box {
        width: auto;
        margin-right: 0;
        margin-bottom: 5rem;
    }

    .item_c_box:last-child {
        margin-bottom: 0;
    }

    .item_c_b_h_l {
        width: 16rem;
    }

    .item_c_b_h_r {
        width: calc(100% - 16rem);
        padding-left: 2rem;
    }

    .item_c_b_h_r_title {
        margin-bottom: .8rem;
    }

    .item_c_b_h_r_title strong {
        font-size: 1.6rem;
    }

    .item_c_b_h_r_text {
        margin-bottom: .8rem
    }

    .item_c_b_h_r_text p {
        font-size: 1.1rem;
        font-weight: 400;
    }

    .item_c_b_h_r_data small {
        font-size: 1.1rem;
    }

    .item_c_b_h_r_data strong i {
        font-size: 2rem;
    }

    .item_c_b_b {
        margin-bottom: 1.2rem;
    }

    .item_c_b_b ul {
        margin-bottom: -.2rem;
    }

    .item_c_b_b li {
        width: calc(50% - .25rem);
        margin-right: .5rem;
        margin-bottom: .2rem;
    }

    .item_c_b_b li a b {
        display: block;
        position: absolute;
        top: -.4rem;
        right: 3.5rem;
        line-height: 1;
    }

    .item_c_b_b li a span.early_icon+span {
        position: relative;
        display: block;
        padding-left: 5.5rem;
        top: .9rem;
    }

    .item_c_b_b li {
        overflow: hidden;
    }

    .item_c_b_f {
        padding: 0;
    }

    .item_c_b_f_l {
        width: auto;
        border: 0;
        position: static;
        display: block;
        margin-bottom: .5rem;
        padding-bottom: .5rem;
        border-bottom: .1rem solid #ded9d8;
    }

    .item_c_b_f_l p {
        text-align: center;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        letter-spacing: .02em;
    }

    .item_c_b_f_l p::before {
        content: "＜ ";
        display: inline-block;
        padding-right: .2rem;
    }

    .item_c_b_f_l p::after {
        content: "＞";
        display: inline-block;
        padding-left: .2rem;
    }

    .item_c_b_f_r dl:first-child {
        padding-top: 0;
    }

    .item_c_b_f_r dl {
        margin-bottom: .5rem;
        padding-bottom: .5rem;
    }

    .item_c_b_f_r dd,
    .item_c_b_f_r dt {
        font-size: 1.2rem;
    }

    .item_c_b_f_r dt {
        width: 12rem;
    }

    .item_c_b_f_r dd {
        width: calc(100% - 12rem);
    }

    .detail_area1 {
        display: block;
    }

    .detail_area1_l,
    .detail_area1_r {
        width: 100%;
        padding: 6rem 2rem;
    }

    .detail_area1__title strong {
        font-size: 2rem;
    }

    .detail_area1__text {
        margin-bottom: 2rem;
    }

    .detail_area1_l_note {
        margin-bottom: 2rem;
    }

    .detail_area1_l_note p {
        display: inline;
    }

    .detail_area1_l_img {
        margin-bottom: 2.5rem;
    }

    .detail_area1_l_data::before {
        width: 2.8rem;
        height: 2.8rem;
        top: -1.5rem;
    }

    .detail_area1_l_d_title {
        padding: 2rem;
    }

    .detail_area1_l_d_title strong {
        font-size: 1.6rem;
    }

    dl.detail_area1_l_d_box {
        padding: 2rem 0;
    }

    dl.detail_area1_l_d_box dd {
        width: 65%;
    }

    dl.detail_area1_l_d_box dt {
        width: 35%;
    }

    .detail_area1_l_d_note {
        margin: 0 1rem 1rem;
    }

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

    .detail_area1_r_img {
        margin-bottom: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .detail_area1_r_img picture {
        margin: 0;
        width: calc(50% - .5rem);
    }

    .detail_area1_r_imglist li {
        width: 10rem;
        margin-right: 1.7rem;
        margin-bottom: 1.7rem;
    }

    .detail_area1_r_imglist ul {
        margin-bottom: -1.7rem;
    }

    .detail_area2_repeat {
        margin: 0 2rem 8rem;
        padding: 1rem;
        display: block;
    }

    .detail_area2_r_l,
    .detail_area2_r_r {
        width: auto;
    }

    .detail_area2_r_l {
        margin-bottom: 1.6rem;
    }

    .detail_area2_r_l_text {
        padding-top: 1.5rem;
        font-size: 1.4rem;
        padding-left: 3.8rem;
    }

    .detail_area2_r_l_text::before {
        width: 5.3rem;
        height: 3.3rem;
        top: .6rem;
    }

    .detail_area2_r_l_title {
        padding-top: 1.3rem;
    }

    .detail_area2_r_l_title img {
        height: 2.4rem;
    }

    .detail_area2_r_r p br {
        display: none;
    }

    .detail_area2_r_r p {
        line-height: 2;
    }

    .detail_area2_set {
        padding-top: 6rem
    }

    .detail_area2_set_img {
        top: -7rem;
        left: -5rem;
        right: auto;
        width: calc(47.7rem / 2);
        height: calc(33.3rem / 2);
    }

    .detail_area2_set_title {
        margin-bottom: 2rem;
    }

    .detail_area2_set_title strong {
        font-size: 2.8rem;
    }

    .detail_area2_set_box {
        display: block;
    }

    .detail_area2_s_b_l,
    .detail_area2_s_b_r {
        width: auto;
        padding: 0 2rem;
    }

    .detail_area2_s_b_l {
        margin-bottom: 2rem;
    }

    .detail_area2_s_b_l p {
        margin-bottom: 2rem;
    }

    .detail_area2_s_b_l picture {
        text-align: center;
        display: block;
    }

    .detail_area2_s_b_l img {
        width: calc(50rem / 2);
        height: calc(39rem / 2);
        display: inline-block;
    }

    .order_area {
        padding: 6rem 0;
    }

    .order_area_inner {
        padding: 0 2rem;
    }

    .common_title strong {
        font-size: 3.2rem;
    }

    .common_title p {
        text-align: left;
    }

    .order_area_b_box {
        margin-bottom: 1.2rem;
    }

    .order_area_b_b_r {
        width: 25.8rem;
    }

    .order_area_b_b_l {
        width: calc(100% - 25.8rem);
        padding-right: .7rem;
    }

    .order_area_b_b_l img {
        height: 10.2rem;
    }

    .order_area_b_box:nth-child(2) .order_area_b_b_l img {
        height: 10.2rem
    }

    .order_area_b_b_r_title.sp_style {
        margin-bottom: .8rem;
        padding-left: 1.5rem;
    }

    .order_area_b_b_r_title.sp_style strong {
        font-size: 2.4rem;
    }

    .order_area_b_b_r_box {
        padding: 2rem;
    }

    .order_area_b_b_r_box p {
        font-size: 1.4rem;
    }

    .order_area_b_b_r_box p.img {
        width: calc(100vw - 4rem);
        position: relative;
        left: calc(50% - 4rem);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-box-shadow: .6rem .6rem 0 #ccc;
        box-shadow: .6rem .6rem 0 #ccc;
        margin-bottom: 4rem;
    }

    .order_area_b_b_r_box p.btn {
        width: calc(100vw - 4rem);
        position: relative;
        left: calc(50% - 4rem);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-bottom: 3rem;
    }

    .order_area_b_b_r_box p.btn a {
        max-width: 26.5rem;
    }

    .order_area_b_b_r_box p.btn img.btn_text {
        height: 3.8rem;
    }

    .voice_area {
        padding: 6rem 0;
    }

    .voice_area_cnt.sp_style {
        padding: 0 2rem;
    }

    .voice_area_cnt dl.toggle_box {
        background: #fff;
        -webkit-box-shadow: .4rem .4rem 1.2rem rgba(145, 130, 125, .12);
        box-shadow: .4rem .4rem 1.2rem rgba(145, 130, 125, .12);
        margin-bottom: 1rem;
        padding: 3rem;
    }

    .voice_area_cnt dl.toggle_box:last-child {
        margin-bottom: 0;
    }

    .faq_area {
        padding: 6rem 0;
    }

    .faq_area_title.common_title {
        margin-bottom: 2rem;
    }

    .faq_area_cnt {
        margin: 0 2rem;
    }

    dl.toggle_box {
        padding: 2rem 0;
    }

    dl.toggle_box dt {
        font-size: 2rem;
    }

    dl.toggle_box dt i {
        width: 2.8rem;
        height: 2.8rem;
        bottom: auto;
        top: 0;
    }

    dl.toggle_box dt i::after,
    dl.toggle_box dt i::before {
        width: 1.2rem;
    }

    dl.toggle_b_innerbox dt {
        font-size: 1.8rem;
        padding-right: 3.3rem;
    }

    dl.toggle_b_innerbox {
        padding: 2rem;
    }

    dl.toggle_b_innerbox dd p {
        font-size: 1.4rem;
        padding-top: 1.2rem;
        margin-top: 1.2rem;
    }

    .voice_area_cnt dl.toggle_box dd {
        padding-top: 1.2rem;
    }

    .voice_area_cnt dl.toggle_box p.img {
        margin-bottom: 1.2rem;
    }

    .voice_area_cnt dl.toggle_box p {
        font-size: 1.4rem;
        line-height: 2;
    }
}

.coupon p {
    position: relative;
    width: 80px;
    border-radius: 50%;
    height: 80px;
    background: #d02424;
    color: #fff;
    text-align: center;
    font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    padding: 7% 0;
    top: -85px;
    left: 70%;
    font-size: 70%;
}

.coupon p:after {
    content: "";
    margin-left: -10px;
    top: -10px;
    left: 50%;
    position: absolute;
}

.coupon p span {
    font-size: 83%;
}

@media screen and (max-width:768px) {
    .item_c_b_b li {
        overflow: unset !important;
    }

    .coupon p {
        position: relative;
        width: 90%;
        border-radius: 10px;
        height: 50px;
        padding: 5% 2%;
        top: -7px;
        left: 6%;
        font-size: 65%;
    }

    .coupon p:after {
        content: "";
        border: 10px solid transparent;
        border-bottom: 10px solid #d02424;
        margin-left: -10px;
        top: -35%;
        left: 50%;
        position: absolute;
    }
}



/* intro */

.intro_title img {
    max-width: 2.5rem;
}

/* intro_box */
.intro_box.full_size {
    width: 100%;
    margin-right: auto;
}

@media screen and (max-width:768px) {
    .intro_box.full_size {
        width: calc(100% - 4rem);
    }
}

.intro_box.full_size .intro_b_title {
    padding-top: 3.6rem;
}

@media screen and (max-width:768px) {
    .intro_box.full_size .intro_b_title {
        padding-top: 3rem;
    }
}


.intro_box.full_size .intro_b_text {
    margin-left: 3rem;
}

@media screen and (max-width:768px) {
    .intro_box.full_size .intro_b_text {
        margin-left: auto;
    }
}

.intro_box.full_size .intro_b_img {
    max-width: 37.7rem;
    width: 100%;
}

.intro_b_desc {
    display: flex;
}

@media screen and (max-width:768px) {
    .intro_b_desc {
        flex-direction: column;
    }
}

.intro_b_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23.2rem;
    height: 4.7rem;
    line-height: 5.7rem;
    color: #333;
    text-align: center;
    background: #fff;
    position: relative;
    border-radius: 10rem;
    border: 1px solid #ccc;
    box-shadow: 0 .4rem 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 .4rem 0 rgba(0, 0, 0, .25);
    margin-top: 2rem;
}


@media screen and (max-width:768px) {
    .intro_b_btn {
        margin-right: auto;
    }
}

.intro_b_btn:hover {
    opacity: 1;
    box-shadow: none;
    -webkit-box-shadow: none;
    top: .4rem;
    color: #fda12f!important;
}

.intro_b_btn span {
    margin-left: 1.1rem;
    width: 1rem;
}

.intro_b_btn span img {
    display: block;
    margin-top: .2rem;
    width: 100%;
}


/* intro_cnt */
.item_c_intro {
    display: block;
    padding: 4rem;
}

@media screen and (max-width: 768px) {
    .item_c_intro {
        padding: 2rem;
    }
}

.item_c_i_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

}

@media screen and (max-width:768px) {
    .item_c_i_box {
        flex-direction: column;
        align-items: center;
    }
}

.item_c_i_l {
    width: 100%;
    max-width: 50rem;
    padding-right: 0;
}

@media screen and (max-width:768px) {
    .item_c_i_l {
        padding: 0;
    }
}

.item_c_i_l_title {
    text-align: left;
    padding-top: 0;
    margin-bottom: 3rem;
}

@media screen and (max-width: 768px) {
    .item_c_i_l_title {
        margin-bottom: 1rem;
    }
}

.item_c_i_l_title strong {
    font-size: 3.3rem;
}

@media screen and (max-width: 768px) {
    .item_c_i_l_title strong {
        font-size: 2rem;
    }
}

.item_c_i_l_text {
    margin-bottom: 2rem;
}

.item_c_i_l_text p {
    font-size: 1.5rem;
    text-align: left;
    color: #000000;
}

@media screen and (max-width: 768px) {
    .item_c_i_l_text p {
        font-size: 1.4rem;
    }
}

.item_c_i_r {
    width: 100%;
    border-radius: 1rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, .25);
}

.item_c_i_r_r {
    max-width: 7rem;
    width: 100%;
    padding-top: 0;
}

.item_c_i_r_r img {
    width: 100%;
}

.item_c_i_r_l {
    width: calc(100% - 2.1rem);
    padding-right: 0;
    padding-left: 2.1rem;
}

.item_c_i_r_l strong {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.item_c_i_video {
    width: 41.3rem;
    position: relative;
}

.item_c_i_video video {
    width: 100%;
}

@media screen and (max-width:768px) {
    .item_c_i_video {
        width: 100%;
        margin-top: 2rem;
    }
}

.item_c_i_v_icon {
    display: block;
    max-width: 9.1rem;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item_c_i_v_icon.playActive {
    display: none;
}

.item_c_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8rem auto 4rem;
    width: 65rem;
    height: 7rem;
    line-height: 7rem;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    background-color: #777777;
    border-radius: 10rem;
    color: #fff !important;
    box-shadow: 0 .4rem 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 .4rem 0 rgba(0, 0, 0, .25);
    position: relative;

}

@media screen and (max-width:768px) {
    .item_c_btn {
        width: calc(100% - 4rem);
        height: 6rem;
        font-size: 1.6rem;
        margin: 4rem auto;
    }
}

.item_c_btn:hover {
    opacity: 1;
    box-shadow: none;
    -webkit-box-shadow: none;
    top: .4rem;
}

/*.item_c_btn span {
    margin-left: 1.4rem;
    width: 1.2rem;
}

@media screen and (max-width:768px) {
    .item_c_btn span {
        width: .8rem;
    }
}
*/
.item_c_btn img {
    display: block;
    margin-top: .2rem;
    width: 100%;
}

/* 在庫限りセクション */
.nonsetitem {
    background-color: #f4f4f4;
    margin-top: 10rem;
    padding: 10rem 0;
}

@media screen and (max-width:768px) {
    .nonsetitem {
        margin-top: 6rem;
        padding: 6rem 0;
    }
}

.nonsetitem_cmt {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
    margin: 0 0 5rem;
    /*font-family: 'Noto Sans JP', sans-serif;*/
    line-height: 1.8;
}

.nonsetitem_cmt span {
    color: #d04d4d;
}

.item_area_inner2 {
    max-width: 108rem;
    margin: 0 auto
}

.item_title.common_title {
    margin-bottom: 5rem
}

.boxbag-Item {
    background-color: #fff;
    padding: 3rem;
    margin: 5rem auto 0;
    width: 65%;
}

@media screen and (max-width:768px) {
    .boxbag-Item {
        background-color: #fff;
        padding: 2rem;
        margin: 4rem auto 0;
        width: 100%;
    }
}

.boxbag-Item p {
    text-align: center;
    font-size: 2rem;
}

.boxbag-Item-inner {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}

@media screen and (max-width:768px) {
    .boxbag-Item-inner {
        width: 100%;
    }
}

.boxbag-Item-inner div {
    width: calc((100% - 2rem) / 2);
    padding: 0 5rem;
}

@media screen and (max-width:768px) {
    .boxbag-Item-inner div {
        padding: 0;
    }

    .boxbag-Item-inner div+div {
        margin-left: 2rem;
    }
}

.boxbag-Item-inner div a.linkBox {
    display: block;
    width: 100%;
    line-height: 4.4rem;
    text-align: center;
    border-radius: .5rem;
    color: #fff;
    background: #333;
    font-size: 1.3rem;
    position: relative;
}

/* voice_area */

.voice_area_inner {
    max-width: 144rem;
    position: relative;
    overflow: hidden;
}

.voice_area_inner::after {
    content: "";
    display: block;
    width: 10rem;
    height: 100%;
    background: linear-gradient(270deg, #f9f9f9, transparent);
    position: absolute;
    top: 0;
    right: -1rem;
    bottom: 0;
    z-index: 10;
}

@media screen and (max-width:768px) {
    .voice_area_inner::after {
        display: none;
    }
}

.voice_area_carousel {
    position: relative;
    height: 100%;
}

.voice_area_cnt {
    left: 8rem;
}

@media screen and (max-width:768px) {
    .voice_area_cnt {
        left: unset;
        margin: 0 2rem;
    }
}

.voice_area_box {
    width: 43.7rem;
    max-height: 74rem;
    height: 74rem;
    padding: 3.5rem;
}

@media screen and (max-width:768px) {
    .voice_area_box {
        padding: 3rem;
    }

    .voice_area_cnt {
        left: unset;
        margin: 0 2rem;
    }
}

.voice_area_box_text p {
    font-size: 1.3rem;
}

.voice_area_box::before {
    display: none;
}

.voice_area_cnt_btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* swiper-button */

.swiper-button-prev,
.swiper-button-next {
    z-index: 100;
    width: 3rem;
    height: 6.2rem;
}

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

    .swiper-button-prev,
    .swiper-button-next {
        width: calc(3rem * 0.8);
        height: calc(6.2rem * 0.8);
    }
}

.swiper-button-prev {
    left: 2.5rem;
}

@media screen and (max-width:768px) {
    .swiper-button-prev {
        left: .5rem;
    }
}

@media screen and (max-width:768px) {
    .swiper-button-next {
        right: .5rem;
    }
}



.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 3rem;
    height: 6.2rem;
}

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

    .swiper-button-prev::after,
    .swiper-button-next::after {
        width: calc(3rem * 0.8);
        height: calc(6.2rem * 0.8);
    }
}

.swiper-button-prev::after {
    background-image: url('../images/swiper-button-prev.svg');
}

.swiper-button-next::after {
    background-image: url('../images/swiper-button-next.svg');

}

/* 完売Filter */
/*----------------
  フィルター
----------------*/
.filter {
    position: relative;
}

.filter picture {
    filter: brightness(0.3);
}

.filter::after {
    content: "SOLDOUT";
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #fff;
    background-color: #cd0000;
    padding: 1rem 2rem;
    font-size: 2rem;
    width: 90%;
    text-align: center;
}

@media (max-width: 599px) {
    .filter::after {
        font-size: 4vw;
        top: 30%;
    }
}

.anchor {
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}

@media (max-width: 599px) {
    .anchor {
        padding-top: 0;
        margin-top: 0;
    }
}
/*
#repeat {
    position: relative;
    display: block;
    padding-top: 5rem;
    margin-top: -5rem;
}
*/

a[href^="mailto"]{
    color: #fff!important;
}