@charset "UTF-8";

body {
    overflow: hidden;
}

a:hover {
    opacity: 0.7;
}

.inner {
    margin: 0 auto;
}

.inner img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.header .inner {
    height: 90px;
    max-width: 556px;
    position: relative;
    z-index: 1;
    margin: 0;
}

.header img {
    margin: 0 8.5em 0 auto;
    width: 182px;
    padding: 1.7rem 0;
}

.header .inner:before {
    content: '';
    display: block;
    width: 100%;
    border-top: solid 90px #3e3a39;
    border-right: solid 90px transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.fv {
    margin-top: -90px;
}

.fv_slide.slick-dotted.slick-slider {
    margin-bottom: 60px;
}

ul.fv_slide .slick-dots {
    bottom: -45px;
}

.inner.row {
    position: relative;
    max-width: 640px;
}

.insta {
    position: absolute;
    max-width: 42px;
    width: 6.5vw;
}

.header .insta {
    right: 4.9%;
    max-width: 73px;
    width: 11.4vw;
    z-index: 1;
    top: 1.5%;
}

.header .insta img {
    padding: 0;
    margin: 0;
    width: 100%;
}

.footer .insta {
    right: 21%;
    top: 16%;
}

.footer .logo {
    max-width: 207px;
    margin: 0 auto;
    position: absolute;
    top: 15.7%;
    left: 0;
    right: 0;
    width: 35vw;
}

.footer .inner {
    max-width: 640px;
    margin: 0 auto;
    max-height: 288px;
    position: relative;
    width: 100%;
    height: 50vw;
}

.Copyright {
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    bottom: 3.2em;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 14.1px;
}

/*=== 画像の表示エリア ================================= */
/*.slide {
  position   : relative;
  overflow   : hidden
  width: 100%;
  max-width: 980px;
  height: 100vw;
  margin: 0 auto;
  max-height: 1044.99px;
}*/
/*=== 画像の設定 ======================================= */
/*.slide img {
  display    : block;
  position   : absolute;
  width: 100%;
  opacity    : 0;
  animation  : slideAnime 30s ease infinite;
}*/
/*=== スライドのアニメーションを段差で開始する ========= */
/*.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 6s }
.slide img:nth-of-type(3) { animation-delay: 12s }
.slide img:nth-of-type(4) { animation-delay: 18s }
.slide img:nth-of-type(5) { animation-delay: 24s }*/
/*=== スライドのアニメーション ========================= */
@keyframes slideAnime {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    28% {
        opacity: 1
    }

    38% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.fv_slide li img {
    width: 100%;
}

.fv_slide .slick-dots li button:before {
    content: '';
    background-color: #989899;
    border-radius: 50%;
    opacity: 1 !important;
    width: 8px;
    height: 8px;
}

.fv_slide .slick-dots li.slick-active button:before,
.wk_slider .slick-dots li.slick-active button:before {
    background-color: #ac1d20;
}

.fv_slide .slick-dots li,
.fv_slide .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
}

.fv_slide .slick-dots li {
    margin: 0.718em;
}

.fv_b.inner.nav {
    background-color: #f1ece4;
    margin: 6em auto;
    display: block;
    padding: 3em 0;
}

.fv_b.inner.nav .title {
    max-width: 160px;
    margin: 0 auto 0.5em;
    width: 16.3%;
}

.fv_b.inner.nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 908px;
    width: 92.65%;
    margin: 0 auto;
}

.fv_b.inner.nav ul li {
    width: calc(100%/4 - 0.76%);
    max-width: 220px;
    margin: 0.76% auto 0;
    transition: 0.2s all;
}

.fv_b.inner.nav ul li a {
    display: block;
    background-color: #fff;
}

.fv_b.inner.nav ul li a:hover,
.fv_b.inner.nav ul li a.check {
    background-color: #ceccbe;
    opacity: 1;
}

/*ボックス全体*/
.accbox {
    margin: 0 auto;
    padding: 0;
    /*最大幅*/
}

.initem_01 .label_box {
    margin-bottom: 1%;
}

.initem_01 .label_box:nth-of-type(2) {
    margin-bottom: 0.6%;
}

.con02 .label_box {
    margin-bottom: 0;
}

.con02 .label_box.item_01 {
    margin-bottom: 2em;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0px auto;
    cursor: pointer;
    transition: all 0.5s;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*中身を表示にしておく*/
.accbox.block .accshow {
    opacity: 1;
    height: auto;
}

/*クリックで中身表示*/
.cssacc:checked+.accshow {
    height: auto;
    opacity: 1;
}

.con02.accbox.inner {
    background-color: #f3ece3;
}

.con02 .initem_01 {
    width: 88.5%;
    margin: auto;
    max-width: 864.445px;
    min-width: 282.5px;
}

.con02 .m-t {
    margin-top: 10%;
}

.m_b-1 {
    margin-bottom: 1.5em;
}

.area {
    width: 90%;
    margin: auto;
    flex-wrap: wrap;
    display: flex;
    max-width: 980px;
    position: relative;
    z-index: 1;
}

.area_wrap .area {
    margin: 0 auto 5em;
}

.area_wrap .title {
    margin: 2em 0;
}

.area_wrap .title img {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    display: block;
}

.area_wrap.pc .title img {
    max-width: 1100px;
    margin: 0 auto 0;
}

.tab_class {
    width: 24.2%;
    max-width: 100%;
    height: 26vw;
    max-height: 161px;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    display: block;
    float: left;
    order: -1;
    color: transparent;
    margin-left: 1%;
}

.area_wrap .tab_class {
    width: calc(100%/6 - 0.9%);
    height: 11.8vw;
    max-width: 100%;
    max-height: 82px;
    line-height: 82px;
    font-size: 1.2em;
    text-align: center;
    display: block;
    float: left;
    order: -1;
    color: #000;
    margin-left: 1.06%;
    border-top: 1.5px solid #adaeae;
    border-right: 1.5px solid #adaeae;
    border-left: 1.5px solid #FFF;
    border-bottom: 1.5px solid #FFF;
    background-color: #fff;
    box-sizing: border-box;
}

.area_wrap .tab_class:nth-of-type(1),
.area_wrap .tab_class:nth-of-type(3),
.area_wrap .tab_class:nth-of-type(5) {
    line-height: 24px;
    padding-top: 1em;
}

.area_wrap .row {
    margin: 0 auto;
    max-width: 980px;
}

/*.area_wrap .content_class:nth-of-type(2) .row {
    max-width: 100%!important;
}*/
.area_wrap .content_class:nth-of-type(3) .row,
.area_wrap .content_class:nth-of-type(5) .row {
    /* max-width: 58%; */
    max-width: 100% !important;
    /* margin: 0 auto; */
    /* padding: 1.2em 0; */
}

.area_wrap .content_class:nth-of-type(5) .row {
    /* max-width: 42%; */
    /* margin: 0 auto; */
    /* padding: 1.2em 0; */
}

.area_wrap .col-4,
.area_wrap .col-6,
.area_wrap .col-12 {
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    padding: 0 0 0.5em;
    border-bottom: 1px solid;
}

.area_wrap .col-4 {
    margin: 1.7em 7.15%;
    flex: 0 0 19%;
    max-width: 25%;
    position: relative;
}

.area_wrap .col-4.row2 a {
    position: relative;
    top: 0;
    line-height: 1.3em;
}

.area_wrap .col-4.row1 a {
    position: relative;
    top: 1.4em;
}

.area_wrap .col-4.row2 {
    letter-spacing: -0.5px;
    flex: 0 0 26%;
    max-width: 25%;
}

.area_wrap .content_class.item01 .col-4 {
    margin: 1.7em 7.15%;
}

.area_wrap .col-6 {
    margin: 1.7em 7.5%;
    flex: 0 0 35%;
    max-width: 35%;
}

.area_wrap .col-12 {
    margin: 0.8em 1.5%;
    flex: 0 0 100%;
    max-width: 100%;
}

.area_wrap .col-4 a,
.area_wrap .col-6 a,
.area_wrap .col-12 a {
    color: #000;
    text-decoration: none;
}

input[name="tab_name"] {
    display: none;
}

.tab_class:first-child {
    margin-left: 0%;
}

input:checked+.tab_class,
input+.tab_class {
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.area_wrap input:checked+.tab_class {
    border: 2px solid #000;
    border-bottom: 1.5px solid #fff;
    max-height: 90px;
}

.area_wrap input:checked+.tab_class {
    position: relative;
    z-index: 1;
}

.area_wrap input:first-child+.tab_class {
    margin-left: 0%;
}

.content_class {
    display: none;
    width: 100%;
}

input:checked+.tab_class+.content_class {
    display: block;
    margin-bottom: 6%;
}

.area_wrap input:checked+.tab_class+.content_class {
    display: block;
    margin: 0;
    border: 2px solid #000;
    position: relative;
    padding: 1em 0 1.5em;
    margin-top: -2px;
    min-height: 122px;
}

.cf:before,
.cf:after {
    /* content:""; */
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

#content {
    margin: 0 auto;
    text-align: center;
}

.wk_slider {
    max-width: 1100px;
    margin: 0 auto;
    width: 95%;
    transform: translateX(-10px);
}

.wk_slider .slick-prev,
.wk_slider .slick-next {
    width: 40px;
    height: 40px;
    z-index: 1;
    opacity: 1;
}

.wk_slider .slick-prev:before,
.wk_slider .slick-next:before {
    background: url(../com_img/wk_arr.svg) no-repeat center/contain;
    height: 40px;
    width: 40px;
    display: block;
    opacity: 1;
}

.wk_slider .slick-prev {
    left: 15px;
    transform: scale(-1, 1);
}

.wk_slider .slick-next {
    right: -5px;
}

.wk_slider .slick-dots li button::before {
    content: "";
    background-color: #989899;
    border-radius: 50%;
    opacity: 1;
}

.wk_slider .slick-dots {
    bottom: -40px;
}

.wk_slider .slick-dots li button,
.wk_slider .slick-dots li button::before {
    width: 7px;
    height: 7px;
    font-size: 7px;
    display: block;
}

.accbox.inner.initem_01 {
    margin-top: 3.125%;
}

.add {
    position: relative;
    z-index: 0;
}

.add a {
    position: absolute;
    top: 30%;
    width: 12.7%;
    right: 13.7%;
    margin: 0 auto;
    transform: translateY(-15px);
}

.res_btn,
.docs_btn,
.tenji_btn {
    width: 80%;
    margin: 0 auto;
}

.con07 .tenji_btn {
    margin: 8% auto 4%;
}

.fixed-bg {
    background-position: center;
    background-image: url("../com_img/con08_item1_bg.jpg");
    margin: 0 auto;
}

.fixed {
    position: relative;
}

.fvb_cam {
    position: relative;
}

.fvb_cam .res_btn {
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
}

.fvb_cam .res_btn.item01 {
    bottom: 2%;
}

.cam01 .res_btn.sp {
    margin: 3em auto;
}

.con07 .tenji_img {
    padding-top: 0.25em;
    min-height: 46.5px;
    z-index: 1;
    position: relative;
}

.initem_01 .item01 {
    background-color: #f4efe9;
    padding-bottom: 6.875%;
}

.tenji_img img {
    float: left;
    max-width: 49%;
    width: 49%;
    cursor: pointer;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
    border: 3px solid transparent;
}

.con06 .item01 {
    width: 48.1%;
    display: flex;
    margin-left: 3%;
}

.con06 .tenji_img img {
    width: calc(100%/2 - 2%);
    cursor: pointer;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
    border: 3px solid transparent;
}

.con06 .tenji_img :first-child img:first-of-type {
    border: 0px solid transparent;
}

.con06 .tenji_img:first-child img:first-of-type.active {}

#thumb_img:first-child img:nth-of-type(5) {
    border: 0 solid transparent;
}

#thumb_img:first-child img:nth-of-type(5).active {
    border: 3px solid #000;
}

.con07 .tenji_img img {
    max-width: 24%;
    border: 1px solid transparent;
    margin-right: 1%;
    margin-bottom: 1%;
}

.con07 .tenji_img img.active {
    border: 2px solid #000;
}

.con06 .tenji_img img.active {
    border: 3px solid #000;
}

.con06 .tenji_img:first-child img:nth-of-type(even) {
    margin-right: 0
}

.fade_wrap {
    position: relative;
}

.wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 980px;
}

.wrapper li {
    width: 39.7vw;
    margin: 0 auto;
    max-width: 437px;
}

.wrapper img {
    width: 100%;
    height: auto;
}

.fadeInUp,
.fadeInUp_l,
.fadeInUp_r {
    opacity: 0;
}

.fadeInUp {
    transition: 1s;
}

.fadeInUp_l,
.fadeInUp_r {
    transition: 1.5s;
}

.fadeInUp {
    transform: translateY(20px) scale(0);
    margin-bottom: 2em;
}

.fadeInUp_l {
    transform: translateX(100px);
}

.fadeInUp_l_wrap {
    position: absolute;
    left: -36.7vw;
    right: 0;
    z-index: 1;
}

.fadeInUp_r {
    transform: translateX(-100px);
}

.fadeInUp_r_wrap {
    position: absolute;
    right: -36.3vw;
    left: 0;
    top: 26vw;
}

.photo_banner_sns .banner {
    display: block;
}

.photo_banner_sns .notice-text1 {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 7px;
}

/* ここからキャンペーンバナーのスライダー追加実装 */
.banner-campaign_slide {
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 500px) {
    .banner-campaign_slide {
        padding-bottom: 50px;
    }
}

.banner-campaign_slide.slick-dotted.slick-slider {
    margin-bottom: 0;
}

ul.banner-campaign_slide .slick-dots {
    bottom: 5%;
}

.slick-prev:before,
.slick-next:before {
    color: #000 !important;
}

.banner-campaign-arrows {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    bottom: 45px;
}

.banner-campaign-arrows .slick-next {
    right: 25% !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    border-top: solid 3px #989899 !important;
    border-right: solid 3px #989899 !important;
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

@media (max-width:768px) {
    .banner-campaign-arrows .slick-next {
        right: 15% !important;
        width: 15px !important;
        height: 15px !important;
    }
}

.banner-campaign-arrows .slick-prev {
    left: 25% !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    border-top: solid 3px #989899 !important;
    border-right: solid 3px #989899 !important;
    -webkit-transform: rotate(225deg) !important;
    transform: rotate(225deg) !important;
}

@media (max-width:768px) {
    .banner-campaign-arrows .slick-prev {
        left: 15% !important;
        width: 15px !important;
        height: 15px !important;
    }
}

/* バナーのスライダー追加実装 ドットページネーション*/
.banner-campaign_slide li img {
    width: 100%;
}

.banner-campaign_slide .slick-dots li button:before {
    content: '';
    background-color: #989899;
    border-radius: 50%;
    opacity: 1 !important;
    width: 8px;
    height: 8px;
}

.banner-campaign_slide .slick-dots li.slick-active button:before,
.wk_slider .slick-dots li.slick-active button:before {
    background-color: #ac1d20;
}

.banner-campaign_slide .slick-dots li,
.banner-campaign_slide .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
}

.banner-campaign_slide .slick-dots li {
    margin: 0.718em;
}

/* ↑ここまでバナーのスライダー追加実装 */
.con07 .item_mt {
    margin-top: -12em;
    position: relative;
    z-index: 1;
}

.con07 .item_mt:before {
    content: '';
    display: block;
    width: 100%;
    height: 11.125em;
    position: absolute;
    left: 0;
    right: 0;
    background: url(../com_img/con_07_item2_bg_pc.png) no-repeat center;
    margin: 0 auto;
    top: 7.025em;
    z-index: -1;
}

.con07 .btn_wrap {
    max-width: 839px;
    width: 85.6%;
    margin: 3.125em auto 5em;
}

.con07 .btn_wrap a:hover img {
    opacity: 0.7;
}

#area-con07 .title {
    margin-top: 0;
}

#area-con07 .area {
    max-width: 900px;
}

#area-con07.area_wrap input:checked+.tab_class {
    background-color: #CBCFAD;
    padding-bottom: 0 !important;
    height: auto;
}

#area-con07.area_wrap input:checked+.tab_class+.content_class {
    background-color: #cbcfad;
    border-radius: 1em;
    border: none;
    margin-top: 0;
}

#area-con07 .area .row {
    max-width: 650px !important;
    align-items: center;
    width: 90%;
}

#area-con07.area_wrap .tab_class {
    border: none;
    background-color: #eeefe4;
    margin-bottom: 0 !important;
    border-radius: 0.7em 0.7em 0 0;
    height: auto;
    width: calc(100% / 6 - 3%);
}

#area-con07.area_wrap input:first-child+.tab_class {
    margin-left: 4%;
}

#area-con07.area_wrap input+.tab_class {
    margin-left: 2%;
}

/* 2022.09.13追加 */
.cam_box {
    position: relative;
    width: 980px;
    margin: 0 auto;
    background: url('../img/area_cam_bg_pc.png');
    background-size: cover;
    padding-bottom: 50px;
    margin-bottom: 6em;
}

.cam_box.img_980 img {
    max-width: none !important;
    width: auto;
}

.cam_box.img_980 .title {
    padding: 30px 0;
}

.cam_box .area_wrap {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
}

#area_camp .title {
    margin-top: 0;
}

#aarea_camp.area {
    max-width: 900px;
}

#area_camp.area_wrap input:checked+.tab_class {
    background-color: #656f4a;
    padding-bottom: 0 !important;
    height: 65px;
    color: #fff;
    max-height: 65px;
    margin-top: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#area_camp.area_wrap input:checked+.tab_class+.content_class {
    background-color: #fff;
    padding-top: 0;
    border: 0;
    margin-top: 0;
}

#area_camp.area_wrap .area {
    width: 897px;
    padding-top: 50px;
    margin-bottom: 0;
    background-color: #fff;
    justify-content: center;
    position: relative;
}

#area_camp.area_wrap .area:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 105px;
    transform: translate(-50%, 0%);
    background-color: #656f4a;
    width: calc(100% - 74px);
    height: 2px;
    z-index: 23;
}

#area_camp .area .row {
    max-width: 650px !important;
    align-items: center;
    width: 90%;
}

#area_camp .area .row .col-4 {
    border: 0;
}

#area_camp .area .row .col-6 {
    border: 0;
}

#area_camp.area_wrap .tab_class {
    border: none;
    background-color: #eeefe4;
    margin-bottom: 0 !important;
    border-radius: 0.7em 0.7em 0 0;
    height: auto;
    width: calc(100% / 5 - 6.6%);
    color: #676e4e;
}

#area_camp.area_wrap input:first-child+.tab_class {
    margin-left: 0;
}

#area_camp.area_wrap input+.tab_class {
    margin-left: 2%;
    max-height: 55px;
    line-height: 55px;
}

#area_camp.area_wrap .tab_class:nth-of-type(1),
#area_camp.area_wrap .tab_class:nth-of-type(3),
#area_camp.area_wrap .tab_class:nth-of-type(5) {
    padding-top: 0;
}

/* ここまで */
.onner_voice {
    margin-top: 80px;
}

.onner_voice .con_vd {
    margin-top: 0;
    position: relative;
}

.onner_voice .item {
    max-width: 480px;
    width: 34.28vw;
    position: absolute;
    top: 27.6%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.onner_voice .item.item01 {
    transform: translateX(-64%);
}

.onner_voice .item.item02 {
    transform: translateX(64%);
}

.youtube .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
}

.youtube .embed-container iframe,
.youtube .embed-container object,
.youtube .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.remodal {
    background: transparent !important;
}

.youtube .remodal-close {
    top: -14% !important;
    border: 1px solid !important;
}

.youtube .remodal-close:before {
    top: -10% !important;
    left: -5% !important;
}

.manga .item img {
    max-width: 980px;
    margin: 0 auto;
}

.manga_wrap,
.manga .item.center,
.manga .txt_wrap {
    position: relative;
}

.manga_wrap .res_btn {
    max-width: 839px;
    width: 85.61vw;
}

.manga_wrap .res_btn {
    max-width: 839px;
    width: 85.61vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
}

.manga_wrap .res_btn a {
    display: block;
}

.chara .item_b {
    background-color: #f0e9e0;
}

@media (max-width: 1400px) {
    .header .inner {
        max-width: 30vw;
        height: 6.42vw;
    }

    .header img {
        margin: 0 9.7vw 0 auto;
        width: 13vw;
        padding: 1.94vw 0;
    }

    .header .inner:before {
        border-top: solid 6.42vw #3e3a39;
        border-right: solid 6.42vw transparent;
    }

    .fv {
        margin-top: -6.42vw;
    }
}

@media (max-width: 639px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block;
    }

    a:hover,
    a:hover img,
    .accbox_b .res_btn:hover,
    .con06_b .res_btn:hover,
    .con07 .res_btn:hover,
    .docs_btn:hover,
    .corona .label_box label:hover {
        opacity: 1 !important;
    }

    .inner img {
        margin: 0 auto;
        display: block;
        width: 100%;
        max-width: 639px;
    }

    .header .inner {
        max-width: 48.9vw;
        height: 13.75vw;
    }

    .header img {
        margin: 0 14.7vw 0 auto;
        width: 30.46vw;
        padding: 3.84vw 0;
    }

    .header .inner:before {
        border-top: solid 13.75vw #3e3a39;
        border-right: solid 13.75vw transparent;
    }

    .fv {
        margin-top: -13.75vw;
    }

    /*.fv_slide .slick-list {
    	pointer-events: none;
    }*/
    .fv_slide.slick-dotted.slick-slider {
        margin-bottom: 17.675vw;
    }

    ul.fv_slide .slick-dots {
        bottom: -11vw;
    }

    .fv_slide .slick-dots li button:before,
    .fv_slide .slick-dots li,
    .fv_slide .slick-dots li button {
        width: 2.34vw;
        height: 2.34vw;
    }

    .fv_b.inner.nav {
        margin: 6vw auto;
        padding: 7.5vw 0;
    }

    .fv_b.inner.nav .title {
        max-width: 200px;
        width: 31.25%;
    }

    .fv_b.inner.nav ul {
        width: 100%;
    }

    .fv_b.inner.nav ul li {
        width: calc(100%/2 - 0.78125%);
        max-width: 314px;
        margin: 1.5625% auto 0;
    }

    .fv_b.inner.nav ul li:nth-child(even) {
        margin-right: 0;
    }

    .fv_b.inner.nav ul li:nth-child(odd) {
        margin-left: 0;
    }

    /*.slide {
      max-width: 640px;
      height: 100vw;
      max-height: 683.447px;
    }*/
    .slide2 {
        width: 100%;
        max-width: 640px;
        height: 40vw;
        margin: -12em auto 0;
        max-height: 265px;
    }

    .slide2 {
        margin: -36% auto 0;
    }

    .footer {
        padding-bottom: 17.8%;
    }

    .footer.area_wrap {
        margin-bottom: 0;
    }

    .label_box {
        margin-bottom: 3.125%;
    }

    /*ラベルホバー時*/
    .accbox label:hover {}

    .area_wrap .tab_class {
        line-height: 11.8vw;
        font-size: 3.2vw;
        border-top: 0.35vw solid #adaeae;
        border-right: 0.35vw solid #adaeae;
    }

    .area_wrap input:checked+.tab_class+.content_class {
        border: 0.4vw solid #000;
        margin-top: -0.55vw;
    }

    .area_wrap input:checked+.tab_class {
        border: 0.4vw solid #000;
        border-bottom: 1.5px solid #fff;
        max-height: 90px;
        height: 13.7vw;
    }

    .area_wrap .tab_class {
        /* width: 16.2%; */
    }

    .area_wrap .tab_class:last-of-type {
        margin-right: 0%;
    }

    .area_wrap .tab_class:nth-of-type(1),
    .area_wrap .tab_class:nth-of-type(3),
    .area_wrap .tab_class:nth-of-type(5) {
        line-height: 4.5vw;
        padding-top: 2vw;
    }

    .area_wrap .col-4,
    .area_wrap .col-6,
    .area_wrap .col-12 {
        font-size: 3.2vw;
        border-bottom: 0.1vw solid;
    }

    .cam01+.accbox {
        margin-top: 5%;
    }

    #area-con07,
    .con07 .item_mt {
        margin-top: 0 !important;
    }

    .con07 .btn_wrap {
        width: 78.125%;
        margin: 7.8vw auto 12.5vw;
    }

    .con07 .docs_btn,
    .con07 .tenji_btn {
        width: 100%;
    }

    .con07 .docs_btn {
        margin: 8% auto;
    }

    .con07 .tenji_btn {
        margin-bottom: -5%;
    }

    .con02 .label_box.item_01 {
        margin-bottom: 11.625%;
    }

    .con04 {
        background: url("../com_img/con04_bg.jpg") repeat;
        background-size: 5.5%;
        margin: 0 auto;
    }

    .con04 input:first-child:checked+.tab_class {
        background-image: url("../com_img/con04_tab01_a.jpg");
        margin-left: 0%;
    }

    .con04 input:nth-child(4)+.tab_class {
        background-image: url("../com_img/con04_tab02.jpg");
    }

    .con04 input:nth-child(4):checked+.tab_class {
        background-image: url("../com_img/con04_tab02_a.jpg");
    }

    .con04 input:nth-child(7)+.tab_class {
        background-image: url("../com_img/con04_tab03.jpg");
    }

    .con04 input:nth-child(7):checked+.tab_class {
        background-image: url("../com_img/con04_tab03_a.jpg");
    }

    .con04 input:nth-child(10)+.tab_class {
        background-image: url("../com_img/con04_tab04.jpg");
    }

    .con04 input:nth-child(10):checked+.tab_class {
        background-image: url("../com_img/con04_tab04_a.jpg");
    }

    .con04 input:first-child+.tab_class {
        background-image: url("../com_img/con04_tab01.jpg");
        margin-left: 0%;
    }

    .fixed-bg {
        min-height: 90vw;
        background-size: 120%;
    }

    .fixed_in {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #area-con07.area_wrap input:first-child+.tab_class {
        margin-left: 3% !important;
    }

    #area-con07.area_wrap input+.tab_class {
        /* margin-left: 0%!important; */
    }

    #area-con07.area_wrap input:checked+.tab_class+.content_class {
        border-radius: 0.5em;
        padding: 1em 0;
        min-height: auto;
    }

    .Copyright {
        font-size: 2.4vw;
    }

    .footer .insta {
        right: 21vw;
    }

    .initem_01 .label_box:nth-of-type(2) {
        margin-bottom: 1.2%;
    }

    .tenji_img {
        width: 92%;
        margin: 0 auto;
        padding: 5.3% 0 3.8%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .con07 .tenji_img {
        padding-top: 2.3%;
    }

    .wk_slider {
        width: 100%;
        transform: translateX(0);
        position: relative;
        margin-bottom: 3vw !important;
    }

    .wk_slider .slick-prev,
    .wk_slider .slick-next,
    .wk_slider .slick-prev:before,
    .wk_slider .slick-next:before {
        width: 6.25vw !important;
        height: 6.25vw !important;
    }

    .wk_slider .slick-prev,
    .wk_slider .slick-next {
        position: absolute;
        top: 44%;
    }

    .wk_slider .slick-prev {
        top: 42% !important;
    }

    .wk_slider .slick-prev {
        left: 3vw !important;
    }

    .wk_slider .slick-next {
        right: 3vw !important;
    }

    .wk_slider .slick-dots {
        position: relative;
        bottom: 0;
    }

    .wk_slider .slick-dots li {
        margin: 2.9%;
    }

    .wk_slider .slick-dots li,
    .wk_slider .slick-dots li button,
    .wk_slider .slick-dots li button::before {
        width: 2.3vw;
        height: 2.3vw;
        font-size: 2.3vw;
        padding: 0;
    }

    .con06 .item01 {
        width: 100%;
        margin-left: 0;
    }

    .con06 .item01 {
        background: url("../com_img/con06_bg.jpg") no-repeat bottom;
        background-size: cover;
        /* max-height: 460px; */
        /* min-height: 240px; */
        /* height: 75vw; */
        align-items: flex-start;
    }

    .con06 .item_end {
        /* background: url("../com_img/con06_bg.jpg") no-repeat top; */
        /* background-size: contain; */
    }

    .con06 .tenji_img img {
        width: calc(100%/4 - 1%);
        margin-right: 1% !important;
    }

    .con06 .tenji_img:first-child img:last-of-type {
        margin-right: 0 !important;
    }

    .wrapper li {
        width: 90vw;
        max-width: 575px;
    }

    .fadeInUp_l_wrap {
        left: 0;
        z-index: 1;
        top: 42vw;
    }

    .fadeInUp_r_wrap {
        right: 0;
        top: 87.7vw;
    }

    .fadeInUp_r {
        transform: translateX(-40px);
    }

    .fadeInUp {
        transition: 0.75s;
    }

    .fadeInUp_l,
    .fadeInUp_r {
        transition: 0.75s;
    }

    .photo_banner {
        margin: 10vw auto;
    }

    .photo_banner_sns {
        margin: 10vw 10px 20px;
    }

    .photo_banner_sns .notice-text1 {
        font-size: 11px;
    }

    .onner_voice .item {
        max-width: 550px;
        width: 85.93vw;
    }

    .onner_voice .item.item01 {
        transform: translateX(0);
        top: 16.3%;
    }

    .onner_voice .item.item02 {
        transform: translateX(0);
        top: 64.6%;
    }

    .youtube .remodal {
        padding: 5.5vw !important;
    }

    .youtube .remodal-close {
        top: -17% !important;
        border: 1px solid !important;
        width: 5.5vw !important;
        height: 5.5vw !important;
    }

    .youtube .remodal-close:before {
        font-size: 5.5vw !important;
        line-height: 5.5vw !important;
        width: 5.5vw !important;
    }

    .triangle_wrap {
        position: relative;
    }

    .con08 {
        margin-top: 5vw;
    }

    .triangle_wrap .res_btn {
        position: absolute;
        left: 0;
        right: 0;
        top: 6%;
        width: 85vw;
    }

    /*企業魂*/
    .kigyou_tv_before,
    .kigyou_tv_after {
        margin-bottom: 3.5vw;
        margin-top: 9.5vw;
        position: relative;
    }

    .kigyou_tv_after .item {
        max-width: 483px;
        width: 75.31vw;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 21.4%
    }

    .float2 {
        bottom: 20vw !important;
        right: 2vw !important;
        width: 11.22% !important;
    }

    .chara .item_b {
        /* padding-bottom: 10%; */
    }

    /* 2022.09.13追加 */
    .cam_box {
        width: auto;
        margin: 0 auto;
        background: url('../img/area_cam_bg_sp.png');
        background-size: cover;
        padding: 0 15px 15px;
        margin-bottom: 0;
    }

    .cam_box.img_980 img {
        max-width: 100% !important;
        width: auto;
    }

    .cam_box.img_980 .title {
        padding: 30px 0;
    }

    .cam_box.img_980 .title img {
        width: 180px;
    }

    .cam_box .area_wrap {
        bottom: 0;
        width: 100%;
    }

    #area_camp .title {
        margin-top: 0;
    }

    #aarea_camp.area {
        max-width: none;
    }

    #area_camp.area_wrap .area {
        width: auto;
        padding-top: 15px;
    }

    #area_camp.area_wrap .area:before {
        top: 40px;
        width: calc(100% - 15px);
        max-height: 48px;
    }

    #area_camp .area .row {
        max-width: 650px !important;
        align-items: center;
        width: 90%;
    }

    #area_camp .area .row .col-4 {
        border: 0;
    }

    #area_camp.area_wrap .tab_class {
        width: calc(100% / 5 - 6.6%);
    }

    #area_camp.area_wrap input:checked+.tab_class+.content_class {
        padding-top: 1em;
    }

    #area_camp.area_wrap input+.tab_class {
        margin-left: 2%;
        max-height: 30px;
        line-height: 1.2;
        padding: 0 !important;
        font-size: 10px;
        overflow-wrap: break-word;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #area_camp.area_wrap input:checked+.tab_class {
        max-height: 32px;
        height: 32px;
        margin-top: -7px;
    }

    /* ここまで */
}

@media screen and (min-width: 593px) and (max-width: 639px) {
    .slide2 {
        margin: -30% auto 0;
        /* サンプルは中央寄せの背景：白 */
    }
}

@media (min-width: 640px) {
    .pc {
        display: block;
    }

    .sp {
        display: none !important;
    }

    .float {
        display: none;
    }

    /*.slide {
        max-width: 1400px;
        max-height: 518px;
        height: 37vw;
    }*/
    .fv_b.inner {
        /* margin-top: 0; */
        position: relative;
    }

    .area_btn {
        max-width: 424px;
        margin: 0 auto 4em;
        width: 48.513%;
    }

    .corona {
        margin-top: 6em;
    }

    .cam01+.accbox {
        margin-bottom: 6em;
    }

    .label_box {
        margin-bottom: 5.125%;
    }

    .accbox_b .res_btn,
    .accbox_b .docs_btn,
    .con06_b .res_btn,
    .con06_b .docs_btn {
        display: block;
    }

    .accbox_b .docs_btn,
    .con06_b .docs_btn {
        margin-bottom: 5em;
    }

    .accbox_b .res_btn,
    .con06_b .res_btn {
        margin-bottom: 10em;
    }

    .pc.pc_btn.accbox_b.img_900 .res_btn {
        margin-bottom: 5em;
    }

    .accbox_b .res_btn a {
        margin-bottom: 5em;
    }

    .accbox_b .res_btn:hover,
    .con06_b .res_btn:hover,
    .con07 .res_btn:hover,
    .docs_btn:hover,
    .corona .label_box label:hover {
        opacity: 0.7;
    }

    .img_900 img {
        max-width: 900px !important;
    }

    .img_980 img {
        max-width: 980px !important;
    }

    .img_1100 img {
        max-width: 1100px;
    }

    .img_1120 img {
        max-width: 1120px;
    }

    .img_1200 img {
        max-width: 1200px;
    }

    .img_1400 img {
        max-width: 1400px;
    }

    .img_1700 img {
        max-width: 1700px;
    }

    .bg-01 {
        height: 330.697px;
        background-color: #d5bdac;
        position: relative;
        z-index: -1;
        margin-top: -377px;
        margin-bottom: 46px;
    }

    .bg-02 {
        background-color: #e1d0bd;
        position: relative;
    }

    .bg-02 img {
        position: relative;
        z-index: 1;
    }

    .bg-02t {
        height: 84px;
        background: url("../com_img/con01_item3_bgt.jpg") no-repeat center;
        background-size: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .con02.accbox.inner {
        margin-top: 63px;
    }

    .con02 .title,
    .con02 .label_box,
    .con03 img {
        position: relative;
        top: -63px;
    }

    .con03 {
        background-color: #f3ece3;
        margin-top: 63px;
    }

    .con03 img {
        background-color: #f3ece3;
    }

    .con04 .title_bg {
        height: 501.675px;
        background: url(../com_img/con04_item1_bg_pc.png) repeat-x center;
        background-size: 1400px;
    }

    .con04 .title,
    .con04 .area,
    .con05 {
        background: url(../com_img/con04_bg_pc.jpg?set0001) repeat center;
    }

    .con04 .title img {
        margin-top: -501.2px;
    }

    .con04 .content_class {
        display: block;
        margin-bottom: 2em;
    }

    .con04 .tab_class {
        width: 100%;
        height: 100%;
        margin-left: 0;
        order: 0;
        float: none;
    }

    .con04 .area {
        width: 100%;
        margin: auto;
        flex-wrap: wrap;
        display: flex;
        max-width: 100%;
    }

    .con04 input:checked+.tab_class+.content_class {
        margin-bottom: 2em;
    }

    .con05 .title {
        background: url(../com_img/con05_t_bg_pc.png) repeat-x center;
        background-size: contain;
        position: relative;
        z-index: 1;
    }

    .con05 .inner {
        margin-top: -1.5em;
        padding-bottom: 7em;
    }

    .con05 .m-b {
        margin-bottom: 2.5em;
    }

    .con06 .title {
        background: url("../com_img/con06_t_bg_pc.jpg") repeat-x center;
    }

    .con06 .item06 {
        background: url("../com_img/con06_b_bg_pc.jpg") repeat center;
    }

    .con06 .item_bg {
        max-height: 388px;
        height: 32.81vw;
        max-width: 1100px;
        margin: 0 auto;
    }

    .con06 .item_wrap {
        max-width: 940px;
        margin: 0 auto;
        width: 84%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pc_btn.img_900.con06_b {
        margin: 10em auto;
        max-width: 900px;
    }

    .con07 .item_bg1 {
        background-color: #3e3a39;
    }

    .con07 .initem_01 .accshow {
        opacity: 1;
        height: auto;
    }

    .con07 .initem_01 .accshow .item_wrap {
        max-width: 900px;
        margin: 0 auto;
        width: 100vw;
        background-color: #f4efe9;
        max-height: 383px;
        height: 42.5vw;
    }

    .add.img_none_add {
        position: relative;
        z-index: 2;
    }

    .add.img_none_add a {
        top: 6% !important;
    }

    .add a {
        top: 63% !important;
        width: 21.9% !important;
        right: 1.3% !important;
    }

    .con07 .res_btn {
        width: 104.2%;
        max-width: 300px;
        position: absolute;
        bottom: -19.2%;
        right: -2.7%;
    }

    .initem_01 .label_box,
    .initem_01 .label_box:nth-of-type(2) {
        margin-bottom: 4%;
    }

    .con07 .img_none {
        background: url("../com_img/img_none_bg_bl.jpg") no-repeat center;
        background-size: contain;
        height: 24vw;
        max-height: 200px !important;
        min-width: 100% !important;
    }

    .con08 {
        margin-top: 6em;
    }

    .con08 .title {
        background: url("../com_img/con_08_t_bg_pc.jpg") repeat-x center;
    }

    .fixed {
        background: url(../com_img/con08_item1_bg_pc.jpg) no-repeat center;
        margin: 0 auto;
        background-size: cover;
        background-position-y: 57%;
        background-attachment: fixed;
    }

    .triangle_wrap {
        position: relative;
    }

    .triangle_b {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 100px 19vw 100vw;
        border-color: transparent transparent #fcebb1 transparent;
        position: absolute;
        bottom: 0;
        z-index: -1;
        right: -19%;
    }

    .triangle_f {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23vw 0 0 100vw;
        border-color: transparent transparent transparent #d2dde5;
        position: absolute;
        bottom: 0;
        left: -36%;
    }

    .border_pc {
        border: 1px solid;
        position: relative;
        top: 5.6em;
    }

    .pc .area {
        width: 100%;
        margin-bottom: 0;
        max-width: 715px;
    }

    #area-fv .area,
    #area-chara .area {
        /* max-width: 715px; */
    }

    #area-fv.area_wrap input:first-child+.tab_class,
    #area-chara.area_wrap input:first-child+.tab_class,
    .area_wrap.pc input:first-child+.tab_class {
        margin-left: 1.5%;
    }

    #area-fv.area_wrap .tab_class,
    #area-chara.area_wrap .tab_class,
    .area_wrap.pc .tab_class {
        width: calc(100%/6 - 1.3%);
        /* margin-left: 2vw; */
        margin-bottom: 1%;
    }

    #area-fv.area_wrap input:checked+.tab_class+.content_class,
    #area-chara.area_wrap input:checked+.tab_class+.content_class,
    #area-con07.area_wrap input:checked+.tab_class+.content_class,
    .area_wrap.pc input:checked+.tab_class+.content_class {
        border: 0;
        padding: 5em 0;
    }

    #area-fv.area_wrap input:checked+.tab_class,
    #area-chara.area_wrap input:checked+.tab_class,
    #area-con07.area_wrap input:checked+.tab_class,
    .area_wrap.pc input:checked+.tab_class {
        margin-bottom: 0 !important;
        padding-bottom: 4.5em;
    }

    #area-fv.area_wrap input:nth-of-type(1):checked+.tab_class,
    #area-chara.area_wrap input:nth-of-type(1):checked+.tab_class,
    #area-con07.area_wrap input:nth-of-type(1):checked+.tab_class,
    .area_wrap.pc input:nth-of-type(1):checked+.tab_class,
    #area-fv.area_wrap input:nth-of-type(3):checked+.tab_class,
    #area-chara.area_wrap input:nth-of-type(3):checked+.tab_class,
    #area-con07.area_wrap input:nth-of-type(3):checked+.tab_class,
    .area_wrap.pc input:nth-of-type(3):checked+.tab_class,
    #area-fv.area_wrap input:nth-of-type(5):checked+.tab_class,
    #area-chara.area_wrap input:nth-of-type(5):checked+.tab_class,
    #area-con07.area_wrap input:nth-of-type(5):checked+.tab_class,
    .area_wrap.pc input:nth-of-type(5):checked+.tab_class {
        margin-bottom: 0 !important;
        padding-bottom: 3.5em;
    }

    .con07 .accbox.inner.item_01 {
        margin-top: 2em;
    }

    .con06 .img_b {
        max-width: 450px;
        width: 47.9%;
    }

    .con06 .tenji_img {
        width: 100%;
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .con06 .tenji_img img {
        border: 0px solid transparent;
    }

    .con07 .img_b {
        width: 64.3vw;
        float: left;
        margin-right: 1.9%;
    }

    .initem_01 .item01 {
        width: 32.2vw;
        float: left;
        padding-bottom: 0;
        position: relative;
    }

    .con07 .tenji_img {
        padding-top: 2.2%;
        z-index: 1;
        position: relative;
        width: 100%;
    }

    .con07 .tenji_img img {
        width: 15.5vw !important;
        border: 2px solid transparent;
        margin-right: 1.5%;
        margin-bottom: 1%;
        max-width: 141px;
    }

    .con07 .tenji_img img:nth-of-type(even) {
        margin-right: 0%;
    }

    .con07 .tenji_img img:nth-of-type(odd) {
        margin-left: 0%;
    }

    .con06 .item_bg {
        background: url("../com_img/con06_bg_pc.jpg") no-repeat center;
        background-size: 100%;
    }

    .chara {
        /* margin-top: -10em; */
    }

    .chara .item01 {
        background: url("../com_img/chara_item1_bg_pc.jpg") repeat-x center;
    }

    .chara .item04 {
        position: relative;
        z-index: 0;
    }

    .photo_banner .title {
        margin-bottom: 2em;
    }

    .photo_banner {
        max-width: 900px;
        margin: 0 auto 6em;
        /* width: 90%; */
    }

    .manga .item.center img {
        position: absolute;
        top: -84px;
        left: 0;
        right: 0;
    }

    .item.bottom {
        position: relative;
        z-index: -1;
    }

    .manga .item.center img {
        max-width: 802px;
        width: 81.836vw;
        margin: 0 auto;
    }

    .manga .txt_wrap .item {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    .manga .item.top {
        background: url("../com_img/mng_bg_t_pc.jpg") no-repeat bottom;
        background-size: 1400px;
    }

    .manga .item.center .bg_wrap {
        background: url("../com_img/mng_bg_c_pc.jpg") repeat top;
        background-size: cover;
        max-height: 1550px;
        height: 158.16vw;
    }

    .manga .item.bottom {
        background: url("../com_img/mng_bg_b_pc.jpg") no-repeat top;
        background-size: 1400px;
    }

    .manga .txt_wrap {
        background: url("../com_img/mng_bg_img_pc.jpg") no-repeat center;
        background-size: 1400px;
        max-height: 793px;
        height: 80.91vw;
    }

    /*企業魂*/
    .kigyou_tv_before {
        background: url("../com_img/kigyouTV_before_bg2_pc.jpg") repeat-x center;
        background-size: 1800px;
        margin-bottom: 5em;
    }

    .kigyou_tv_before .inner {
        background: url("../com_img/kigyouTV_before_bg1_pc.jpg") no-repeat center;
        background-size: 1800px;
    }

    .kigyou_tv_after {
        background: url("../com_img/kigyouTV_after_bg2_pc.jpg") repeat-x center;
        background-size: 1800px;
        margin-bottom: 5em;
        position: relative;
        margin-top: 5em;
    }

    .kigyou_tv_after .inner {
        background: url("../com_img/kigyouTV_after_bg1_pc.jpg") no-repeat center;
        background-size: 1800px;
    }

    .kigyou_tv_after .item {
        max-width: 738px;
        width: 52.71vw;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 26%;
    }
}

@media (max-width: 980px) {
    .onner_voice {
        margin-top: 8.16vw;
    }

    .manga .item.center img {
        top: -8.57vw;
    }

    .manga_wrap .res_btn {
        bottom: 10.2vw;
    }

    .con07 .item_mt {
        margin-top: -19.59vw;
    }

    .con07 .item_mt:before {
        top: 11.46vw;
    }

    #area-con07.area_wrap input:first-child+.tab_class {
        margin-left: 3vw;
    }

    #area-con07.area_wrap input+.tab_class {
        margin-left: 2vw;
    }
}

@media (min-width: 900px) {
    .initem_01 .item01 {
        width: 32%;
    }

    .con07 .img_b {
        width: 64.4%;
        max-width: 580px;
        margin-right: 1.9%;
    }

    .con07 .tenji_img img {
        width: 48.9% !important;
        border: 2px solid transparent;
        margin-right: 1.5%;
        margin-bottom: 0.5%;
        max-width: 141px;
    }

    .con07 .tenji_img img:nth-of-type(3),
    .con07 .tenji_img img:nth-of-type(4) {
        margin-bottom: 2.5%;
    }

    .label_box {
        margin-bottom: 2.5em;
    }

    .pc.bg-03 {
        height: 221.774px;
        background-color: #b2666b;
        margin-top: -220.974px;
    }

    .skip .item01 {
        background: url("../com_img/skip_con01_bg_pc.jpg") no-repeat center;
        background-size: 1800px;
    }

    .fade_wrap .item03 {
        background: url("../com_img/skip_b_bg_pc.jpg") no-repeat center;
        background-size: 1800px;
    }

    .accbox.inner.initem_01 {
        margin-top: 2em;
    }

    .initem_01 .label_box,
    .initem_01 .label_box:nth-of-type(2) {
        margin-bottom: 2.25em;
    }
}

.fade_wrap {
    background: url("../com_img/skip_item_t_bg_pc.jpg") repeat-Y center;
    background-size: 1800px;
    padding-top: 2em;
}

@media (min-width: 1400px) {
    .fv_bg.pc {
        /* height: 500px; */
        /* background-color: #231815; */
        /* position: relative; */
        /* z-index: -1; */
    }

    .fv_b.inner {
        /* margin-top: 0; */
    }

    /* .slide.pc {
    	 margin-top: -500px;
    	 z-index: 1;
    	width: 100%;
    	max-width: 100%;
    	max-height: 100%;
    }*/
    .header .inner {
        max-width: 556px;
    }

    .header img {
        margin: 0 8.5em 0 auto;
    }

    .header .inner:before {
        border-top: solid 90px #3e3a39;
        border-right: solid 90px transparent;
    }

    .chara .item02,
    .chara .item03 {
        position: relative;
    }

    .chara .item02 .bg_wrap {
        position: relative;
        z-index: -1;
    }

    .chara .item03 .bg_wrap {
        position: relative;
        z-index: 0;
    }

    .chara .item02 .bg_right,
    .chara .item03 .bg_right {
        background: url("../com_img/chara_item_bg_pc.jpg") repeat-x center;
        height: 139px;
        position: absolute;
        width: 100%;
    }

    .chara .item02 .bg_right {
        transform: translate(50%, 28em);
        z-index: -1;
    }

    .chara .item03 .bg_right {
        transform: translate(50%, -0.05em);
        z-index: -2;
    }

    .manga .item.center .bg_wrap {
        background: url("../com_img/mng_bg_c_pc.jpg") repeat top;
        background-size: 1400px;
    }

    .manga .txt_wrap {
        background: url("../com_img/mng_bg_img_pc.jpg") no-repeat center;
        background-size: 100vw;
    }
}

@media (min-width: 1025px) {
    .con06 .img_b {
        max-width: 450px;
        width: 47.9%;
        box-sizing: border-box;
    }

    .con06 .tenji_img img {
        border: 0px solid transparent;
    }

    .triangle_b {
        border-width: 0 100px 190px 100vw;
    }

    .triangle_f {
        border-width: 230px 0 0 100vw;
    }

    .res_btn,
    .docs_btn {
        width: 100%;
        margin: 0 auto;
    }

    #area-fv.area_wrap input:checked+.tab_class,
    #area-chara.area_wrap input:checked+.tab_class,
    .area_wrap.pc input:first-child+.tab_class {
        /* margin-left: 3.7%; */
    }

    .triangle_b {
        border-width: 0 100px 190px 100vw;
    }

    .triangle_f {
        border-width: 230px 0 0 100vw;
    }

    .res_btn,
    .docs_btn,
    .tenji_btn {
        width: 100%;
        margin: 0 auto;
    }

    #area-fv.area_wrap .tab_class,
    #area-chara.area_wrap .tab_class,
    .area_wrap.pc .tab_class {
        /* margin-left: 3.7%; */
        /* width: 16.2%; */
    }

    #area-fv.area_wrap input:first-child+.tab_class,
    #area-chara.area_wrap input:first-child+.tab_class,
    .area_wrap.pc input:first-child+.tab_class {
        /* margin-left: 3.7%; */
    }
}

@media (min-width: 1100px) {
    .fadeInUp_l_wrap {
        left: -25.1em;
    }

    .fadeInUp_r_wrap {
        right: -24.9em;
        top: 18.3em;
    }
}

@media (max-width: 1100px) {

    .wk_slider .slick-prev,
    .wk_slider .slick-next,
    .wk_slider .slick-prev:before,
    .wk_slider .slick-next:before {
        width: 3.6vw;
        height: 3.6vw;
    }

    .wk_slider .slick-prev {
        left: 1.63vw;
    }

    .wk_slider .slick-next {
        right: -0.45vw;
    }

    .wk_slider .slick-dots {
        bottom: -5vw;
    }
}

.footer {
    background-color: #3e3a39;
}

.footer img {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.footer .policy a img {
    max-width: 141px;
    width: 30vw;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.float {
    position: fixed;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index: 999;
    background: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

.float .row {
    width: 100%;
    margin: 0.35em auto;
}

.float a {
    color: #FFF;
    padding: 0;
    display: block;
}

.float .col-4 {
    padding: 0;
}

.float .col-4:nth-child(1) {
    padding-left: 0.6em;
}

.float .col-4:nth-child(2) {
    padding: 0 0.35em;
}

.float .col-4:nth-child(3) {
    padding-right: 0.6em;
}

.float img {
    width: 100%;
}

.float2 {
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 999;
    width: 95px;
    max-width: 110px;
}

.float2>div {
    margin-top: 1em;
}

@media (max-width: 1699px) {
    .pc.bg-01 {
        display: none;
    }
}

/*=== 非表示設定 ================================= */
.pcdn {
    display: none;
}

@media (max-width: 639px) {
    .pcdn {
        display: block;
    }
}

.spdn {
    display: block;
}

@media (max-width: 639px) {
    .spdn {
        display: none;
    }
}

/* add250713 */
.area_wrap {
    margin: 0px auto;
    max-width: 1100px;
    width: 100%;
    position: relative;
}

.area_wrap img {
    width: 100%;
    height: auto;
    display: block;
}

.area-abs {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
}

.area-title {
    text-align: center;
    margin-bottom: 40px;
}

.area-title h2 {
    font-size: 28px;
    font-weight: 700;
}

.area-list-wrap .area-list {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.area-list-wrap .area-list p {
    width: 125px;
    font-size: 20px;
    font-weight: 700;
    margin-right: 15px;
    white-space: nowrap;
}

.area-list-wrap .area-list ul {
    display: flex;
    align-items: center;
}

.area-list-wrap .area-list ul li {
    margin-right: 10px;
}

.area-list-wrap .area-list ul li a {
    background: rgba(21, 50, 89, .8);
    border-radius: 50px;
    padding: 12.5px 25px !important;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: block;
}

.area-list-wrap .area-list ul li a:hover {
    text-decoration: none;
}

.making-box#guarantee {
    margin-bottom: 80px;
}

@media (max-width: 1200px) {
    .area-abs {
        width: calc(100% - 30px) !important;
    }

    .area-list-wrap .area-list ul li a {
        padding: 10px 15px !important;
        font-size: 16px;
    }
}

@media (max-width: 834px) {
    .area-title h2 {
        font-size: 24px;
    }

    .rea-list .area-list-wrap .area-list ul {
        flex-wrap: wrap;
    }

    .area-list-wrap .area-list ul li a {
        font-size: 16px;
        white-space: nowrap;
    }

    .area_wrap {
        width: calc(100% - 40px);
        padding: 100px 0;
    }

    .area-list-wrap .area-list ul li {
        margin-right: 0px;
    }

    .area-list-wrap .area-list ul {
        gap: 10px;
        flex-wrap: wrap;
    }

    .area-list-wrap .area-list {
        display: block !important;
        margin-bottom: 20px;
    }

    .area-list-wrap .area-list p {
        width: 100%;
        font-size: 18px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .area-abs {
        top: initial;
        left: initial;
        transform: initial;
        -webkit-transform: initial;
        -ms-transform: initial;
        position: relative;
    }

    .area_wrap img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: calc(100% - 20px);
    }

    .making-box#guarantee {
        margin-bottom: 50px;
    }
}

@media (max-width: 500px) {
    .area_wrap img {
        top: 12%;
    }

    .area-title h2 {
        font-size: 22px;
        line-height: 1.6;
    }
}

/* add251004 */
.fv img {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

@media (max-width: 834px) {
    .fv img {
        margin-bottom: 60px;
    }
}

/* add_251007 */
.banner-cont {
    max-width: 1000px;
    width: calc(100% - 40px);
    margin: 0 auto 100px;
}

.banner-cont img {
    width: 100%;
    height: auto;
    display: block;
}

.camp-banner {
    max-width: 700px;
    margin: 0 auto 60px;
}

@media (max-width: 639px) {
    .banner-cont {
        margin: 0 auto 60px;
    }
}