body {
	width: 100%;
    min-width: unset;
	/*margin: 0 auto;*/
	/*padding-top: 0;*/
	/*background: #ffffff;*/
    /*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;*/
    /*font-size: 100%;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
}

.bold {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	}

h1 {
    margin: 0;
	padding: 0;
	color: #000000;
	font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.05em;
	}

h2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    }

@media only screen and (max-width: 768px) {
h1 {
    margin: 0;
	padding: 0;
	color: #000000;
	font-size: 10px;
    font-weight: 700;
    letter-spacing: -1px;
	}

h2 {
    margin: 0 auto;
    padding: 0;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    }
}

picture{
    display: block;
    line-height: 0;
    text-align: center;
}

/*a:link {
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
	}

a:visited {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
	}*/

a:active {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
	}

a:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
	}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	}

img {
	max-width: 100%;
	}

/*__________________________________________________

  map
  __________________________________________________*/
.map {
    line-height: 0;
    text-align: center;
    position: relative;
}

@media (max-width: 600px){
    .map {
        /*line-height: 0;*/
        /*text-align: center;*/
        /*position: relative;*/
        margin-bottom: 20px;
    }
}

.map img {
    width: 100%;
}

.map .map_item{
    position: absolute;
    display: inline-block;
    width: 22.93%;
    line-height: 0;
    opacity: 1;
    transition: all .3s linear;
}

@media (max-width: 600px){
    .map .map_item{
        display: none;
    }
}

.map a.map_item:hover{
    opacity: .7;
}

.map .map_item img{
    width: 100%;
}

/* 01 */
.map .map_item:nth-child(2){
    top: 2.76%;
    left: 3.98%;
}

/* 02 */
.map .map_item:nth-child(3){
    top: 2.76%;
    left: 27.42%;
}

/* 03 */
.map .map_item:nth-child(4){
    top: 2.76%;
    left: 50.8%;
}

/* 04 */
.map .map_item:nth-child(5){
    top: 2.76%;
    left: 74.2%;
}

/* 05 */
.map .map_item:nth-child(6){
    top: 21.13%;
    left: 3.98%;
}

/* 06 */
.map .map_item:nth-child(7){
    top: 39.42%;
    left: 3.98%;
}

/* 07 */
.map .map_item:nth-child(8){
    top: 57.73%;
    left: 3.98%;
}

/* 08 */
.map .map_item:nth-child(9){
    top: 21.13%;
    left: 74.2%;
}

/* 09 */
.map .map_item:nth-child(10){
    top: 39.42%;
    left: 74.2%;
}

/* 10 */
.map .map_item:nth-child(11){
    top: 57.73%;
    left: 74.2%;
}

/* 11 */
.map .map_item:nth-child(12){
    top: 76.02%;
    left: 74.2%;
}

/* 12 */
.map .map_item:nth-child(13){
    top: 76.02%;
    left: 3.98%;
}



.nav_wrap{
    display: none;
}

@media (max-width: 600px){
    .nav_wrap{
        display: block;
        width: 89.86vw;
        margin: 0 auto 17.64vw;
    }

    .nav_wrap ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2vw;
    }

    .nav_wrap img{
        display: block;
        width: 100%;
    }
}

.btn_wrap{
    text-align: center;
    line-height: 0;
    padding-bottom: 8.35vw;
    border-bottom: 1px solid #eee;
}

.cta_btns{
    width: 69.43vw;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2.5vw;
}

.cta_item{
    flex: 1;
    min-width: 0;
    margin: 0;
    border-radius: 1.04vw;
}

.cta_item.is-open{
    background: linear-gradient(135deg, #aa965c, #736130);
}

.cta_toggle,
.cta_tel{
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: opacity .3s;
}

.cta_toggle:hover,
.cta_tel:hover{
    opacity: .8;
}

.cta_item.is-open .cta_toggle:hover{
    opacity: 1;
}

.cta_toggle img,
.cta_tel img{
    width: 100%;
}

.cta_panel{
    display: none;
    padding: 0 0.47vw 0.47vw;
}

.cta_list{
    margin: 0;
    padding: 1.3vw 1.5vw 1.1vw;
    list-style: none;
    text-align: left;
    background: #fff;
    border-radius: 0 0 0.7vw 0.7vw;
}

.cta_list li{
    margin: 0;
    line-height: 1.4;
}

.cta_list a{
    display: block;
    padding: 0.6vw 0;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: clamp(11px, 0.95vw, 18px);
    color: #231815;
    text-decoration: none;
    white-space: nowrap;
    transition: color .3s;
}

.cta_list a:hover{
    color: #8f7a42;
    text-decoration: underline;
}

@media (max-width: 600px){
    .cta_btns{
        width: 89.84vw;
        flex-direction: column;
        align-items: stretch;
        gap: 2.7vw;
    }

    .cta_item{
        border-radius: 2.06vw;
    }

    .cta_panel{
        padding: 0 1.6vw 1.6vw;
    }

    .cta_list{
        padding: 3vw 5vw 2.5vw;
        border-radius: 0 0 1.4vw 1.4vw;
    }

    .cta_list a{
        padding: 2vw 0;
        font-size: 3.8vw;
    }
}

/*__________________________________________________

  spec
  __________________________________________________*/
.spec{
    padding: 4vw 0 5vw;
    line-height: 0;
    text-align: center;
}

.spec_ttl{
    width: 38vw;
    margin: 0 auto 1.6vw;
    line-height: 0;
}

.spec_ttl img,
.spec_list img{
    display: block;
    width: 100%;
}

.spec_list{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #000;
}

.spec_list li{
    width: 21.4vw;
    border-left: 1px solid #666;
}

.spec_list li:last-child{
    border-right: 1px solid #666;
}

@media (max-width: 600px){
    .spec{
        padding: 10vw 0 12vw;
    }

    .spec_ttl{
        width: 73vw;
        margin-bottom: 7vw;
    }

    .spec_list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
        background: #666;
    }

    .spec_list li,
    .spec_list li:last-child{
        width: auto;
        border: none;
    }
}


/*__________________________________________________

  btn_items
  __________________________________________________*/
.btn_items{
    padding: 0 26px;
    display: flex;
}

@media (max-width: 600px){
    .btn_items{
        /*padding: 0 26px;*/
        /*display: flex;*/
        flex-direction: column;
        align-items: center;
    }
}

.btn_items li{
    padding: 0 17px;
    width: 50%;
}

@media (max-width: 600px){
    .btn_items li{
        /*padding: 0 17px;*/
        width: 300px;
    }
}

.btn_items li a{
    font-size: 28px;
    color: #fff;
    letter-spacing: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    padding: 28px 0 28px 1em;
    border-radius: 10px;
    display: block;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
}

.btn_items li a:before{
    content: " ";
}

.btn_items li:nth-child(1) a{
    background-color: #c7b38a;
}

@media (max-width: 600px){
    .btn_items li:nth-child(1) a{
        /*background-color: #c7b38a;*/
        margin-bottom: 30px;
    }
}

.btn_items li:nth-child(2) a{
    background-color: #c8c7cd;
}

/*__________________________________________________

  shopBox
  __________________________________________________*/
.shopBox {
    max-width: 1094px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    }

.shopBox h2 {
    width: 100%;
    margin: 0 auto 60px;
    padding: 0;
    line-height: 0;
    text-align: center;
}

@media (max-width: 767px){
    .shopBox h2 {
        /*width: 100%;*/
        margin: 0 auto 15px;
        /*padding: 0;*/
        /*line-height: 0;*/
        /*text-align: center;*/
    }
}

.shopBox h2 img{
    width: 592px;
    max-width: 100%;
}

.shopBox .catalog{
    line-height: 0;
    text-align: center;
    margin-bottom: 75px;
}

.shopBox .catalog img{
    width: 406px;
    max-width: 100%;
    box-shadow: 10px 10px 6px rgba(0,0,0,.2);
}

@media (max-width: 767px){
    .shopBox .catalog img{
        width: 235px;
        /*max-width: 100%;*/
        /*box-shadow: 10px 10px 6px rgba(0,0,0,.2);*/
    }
}

.shopBox .shop {
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0;
    }

.shopBox .shop-end {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    }

.shopBox .shop_wrap{
    max-width: 547px;
    background: #001b5d;
    margin: 0 auto;
    padding: 35px 30px;
    box-sizing: border-box;
}

@media (max-width: 767px){
    .shopBox .shop_wrap{
        /*max-width: 547px;*/
        /*background: #d5b9aa;*/
        /*margin: 0 auto;*/
        padding: 20px 17px;
        box-sizing: border-box;
    }
}

.shopBox .shop_wrap .note{
    font-size: 20px;
    line-height: 30px;
    margin: 40px 0 20px;
    text-align: left;
    color: #fff;
}

@media (max-width: 767px){
    .shopBox .shop_wrap .note{
        font-size: 12px;
        line-height: 18px;
        margin: 23px 0 15px;
        text-align: left;
    }
}

.shopBox .shop_list .shop {
    margin-bottom: 30px;
}

@media (max-width: 767px){
    .shopBox .shop_list .shop {
        margin-bottom: 17px;
    }
}

.shopBox .shop_list .shop:last-child{
    /*width: 90%;*/
    margin-bottom: 0;
}

.shopBox .shop_list .shop a{
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    text-decoration: none;
}

@media (max-width: 767px){
    .shopBox .shop_list .shop a{
        /*display: block;*/
        /*background: #fff;*/
        /*border-radius: 5px;*/
        padding: 7px;
        /*text-decoration: none;*/
    }
}

.shopBox .shop_list .shop a:hover{
    opacity: 0.9;
}

.shopBox .shop_list .shop a dl{
    display: flex;
    justify-content: space-between;
}

.shopBox .shop_list .shop a dl dt{
    width: 16.56315%;
    background: #c7b38a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1em;
    position: relative;
}

@media (max-width: 767px){
    .shopBox .shop_list .shop a dl dt{
        /*width: 16.56315%;*/
        /*background: #876464;*/
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        /*color: #fff;*/
        font-size: 10px;
        /*letter-spacing: 0;*/
        /*line-height: 1em;*/
        /*position: relative;*/
    }
}

.shopBox .shop_list .shop a dl dt:before{
    content: "";
    padding-bottom: 100%;
    position: relative;
}

.shopBox .shop_list .shop a dl dt span{
    position: absolute;
    font-weight: bold;
}

.shopBox .shop_list .shop a dl dd{
    width: calc(83.4% - 15px);
    letter-spacing: 0;
    display: flex;
    align-items: center;
    font-size: 27px;
    letter-spacing: 0;
    font-weight: bold;
}

@media (max-width: 767px){
    .shopBox .shop_list .shop a dl dd{
        /*width: calc(83.4% - 15px);*/
        /*letter-spacing: 0;*/
        /*display: flex;*/
        /*align-items: center;*/
        font-size: 15px;
        /*letter-spacing: 0;*/
        /*font-weight: bold;*/
    }
}

.fa-facebook {
    font-size: 24px;
    color: #ffffff;
    }

/*__________________________________________________

  common
  __________________________________________________*/
@media (max-width: 768px) {
	.pconly {
	display: none;
	}
}

@media (min-width: 768px) {
	.sponly {
	display: none;
	}
}

@media screen and (max-width: 1024px) {
    .br-sp { display:none; }
}

@media screen and (min-width: 768px) {
    .br-pc { display:none; }
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

hr.type01 {
	margin: 10px 0 40px 0;
	padding: 0;
	border: none;
    border-top: dotted 1px #cccccc;
    height: 1px;
    color: #FFFFFF;
	}

.bold {
	font-weight:bold;
	}

.alignL {
	text-align:left;
	}

.alignR {
	text-align:right;
	}

.alignC {
	text-align:center;
	}

.valignT {
	vertical-align:top;
	}

.valignB {
	vertical-align:bottom;
	}

.valignM {
	vertical-align:middle;
	}

.floatL {
	float:left;
	}

.floatR {
	float:right;
	}

.clear {
	clear:both;
	}

.img01 {
    margin: 0 auto;
    }

.img02 {
    margin: 0 auto 20px auto;
    }

.img03 {
    margin: 0 auto 30px auto;
    }

.img04 {
    margin: 0 auto 40px auto;
    }

.img05 {
    margin: 0 auto 50px auto;
    }

.img06 {
    margin: 0 auto 60px auto;
    }

@media only screen and (max-width: 768px) {
.img01 {
    width: 50%;
    margin: 0 auto 0 auto;
    }
.img02 {
    margin: 0 auto 20px auto;
    }
.img03 {
    margin: 0 auto 20px auto;
    }
.img04 {
    margin: 0 auto 20px auto;
    }
.img05 {
    margin: 0 auto 20px auto;
    }
.img06 {
    margin: 0 auto 20px auto;
    }
}

/* --margin-- */
.m0 { margin:0px!important;}

.mt04 { margin-top:4px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mt55 { margin-top:55px!important; }
.mt60 { margin-top:60px!important; }
.mt80 { margin-top:80px!important; }

.mr05 { margin-right:5px!important; }
.mr07 { margin-right:7px!important; }
.mr10 { margin-right:10px!important; }
.mr12 { margin-right:12px!important; }
.mr13 { margin-right:13px!important; }
.mr15 { margin-right:15px!important; }
.mr16 { margin-right:16px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr37 { margin-right:37px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.mr55 { margin-right:55px!important; }
.mr60 { margin-right:60px!important; }

.mb04 { margin-bottom:4px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }

.ml01 { margin-left:1px!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml13 { margin-left:13px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml55 { margin-left:55px!important; }
.ml60 { margin-left:60px!important; }
.ml120 { margin-left:120px!important; }
.ml200 { margin-left:200px!important; }
.ml400 { margin-left:400px!important; }
.ml415 { margin-left:415px!important; }
.ml525 { margin-left:525px!important; }


/* --padding-- */
.p0 { padding:0px!important; }

.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }

.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }
.pr55 { padding-right:55px!important; }
.pr60 { padding-right:60px!important; }

.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb55 { padding-bottom:55px!important; }
.pb60 { padding-bottom:60px!important; }

.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }
.pl55 { padding-left:55px!important; }
.pl60 { padding-left:60px!important; }

@media only screen and (max-width: 768px) {
.mt20 { margin-top:-5px!important; }
.mt50 { margin-top:25px!important; }
.mb40 { margin-bottom:20px!important; }
}


/* スライドショー */
#main_visual {
  margin: 0;
  position: relative;
  line-height: 0;
  margin-bottom: 0;
  /*height: 100vh;*/
}
#main_visual .mv_text {
  line-height: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  z-index: 1;
  text-align: center;
}
#main_visucal .mv_text .bk {
  opacity: 1;
}
#main_visual .mv_text .wh {
  opacity: 0;
/*  position: absolute;
  bottom: 0;
  left: 0;*/
}
#main_visual .mv_text img {
  max-width: 900px;
  width: 75%;
  transition: all 2s linear;
}
#main_visual .slideshow {
  height: 100%;
}
#main_visual .slideshow .slick-list,
#main_visual .slideshow .slick-track {
  height: 100%;
}
#main_visual .slideshow .slide_item {
  height: 100%;
  background: center no-repeat;
  background-size: cover;
}
/*#main_visual .slideshow .slide_item:nth-child(1) {
  background-image: url("/no-1/assets/images/top_mv_bg1-min.png");
}
#main_visual .slideshow .slide_item:nth-child(2) {
  background-image: url("/no-1/assets/images/top_mv_bg2-min.png");
}
#main_visual .slideshow .slide_item:nth-child(3) {
  background-image: url("/no-1/assets/images/top_mv_bg3-min.png");
}
#main_visual .slideshow .slide_item:nth-child(4) {
  background-image: url("/no-1/assets/images/top_mv_bg4-min.png");
}*/
#main_visual .scroll {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin: auto;
  text-align: center;
  display: inline-block;
}
#main_visual .scroll p {
  line-height: 1em;
  font-size: 13px;
  margin-bottom: 8px;
  letter-spacing: 0.05em;
}
#main_visual .scroll img {
  width: 40px;
  position: relative;
  transition: all 0.15s ease-out;
  top: 0;
}
#main_visual .scroll:hover {
  text-decoration: none;
}
#main_visual .scroll:hover img {
  top: 10px;
}
#main_visual.dark_slide .mv_text .bk {
  opacity: 0;
}
#main_visual.dark_slide .mv_text .wh {
  opacity: 1;
}
#main_visual.dark_slide .link_items #gnavi li a {
  color: #fff;
}
#main_visual.dark_slide .link_items .tobble .span {
  background: #fff;
}
@media (max-width: 768px) {
  #main_visual .mv_text {
    left: 40px;
  }
}
@media (max-width: 599px) {
  #main_visual .mv_text {
    left: 0;
    right: 0;
    top: 15%;
  }
  #main_visual .mv_text img {
    width: 251px;
  }
}

.grad{
    width: 100%;
    height: 130px;
    position: absolute;
    bottom: 0;
    background: url(/no-1/assets/images/gradation_min.png) repeat-x;
}

.grad p{
    position: absolute;
    right: 30px;
    bottom: 40px;
    font-size: 12px;
    line-height: 1em;
}

.youtube{
    text-align: center;
    margin: 94px 0 34px;
    padding: 0 20px;
    line-height: 0;
    display: flex;
    justify-content: center;
}

.youtube iframe{
    max-width: 100%;
}

.youtube iframe:nth-child(odd){
    padding-right: 10px;
}

.youtube iframe:nth-child(even){
    padding-left: 10px;
}

@media (max-width: 600px){
    .youtube{
        position: relative;
        display: block;
    }

    .youtube:after{
        content: "";
        display: block;
        /*padding-bottom: 56.25%;*/
        padding-bottom: calc(112.5% + 20px);
        margin: 0 20px;
    }

    .youtube iframe{
        width: calc(100% - 40px);
        height: calc(50% - 10px);
        position: absolute;
        left: 20px;
    }

    .youtube iframe:nth-child(odd){
        padding-right: 0;
        top: 0;
    }

    .youtube iframe:nth-child(even){
        padding-left: 0;
        bottom: 0;
    }
}

.popup_wrap{
    text-align: center;
    padding: 0 40px;
    margin-top: 67px;
    line-height: 0;
}

@media (max-width: 600px){
    .popup_wrap{
        /*text-align: center;*/
        /*padding: 0 40px;*/
        margin-top: 40px;
        line-height: 0;
    }
}

.popup_wrap a{
    display: inline-block;;
    line-height: 0;
    transition: all .3s linear;
}

.popup_wrap a:hover{
    opacity: .7;
}

.popup_wrap a img{
    width: 100%;
}

.note{
    line-height: 0;
    text-align: center;
}

.note img{
    width: 100%;
}

/*__________________________________________________

  main visual / catch
  __________________________________________________*/
.mv_wrap {
    position: relative;
    background: #000;
}

.mv_header {
    padding: 1.7vw 2vw;
    line-height: 0;
    text-align: left;
}

.mv_header img {
    width: 32vw;
    max-width: 820px;
}

.main_visual {
    margin: 0;
    line-height: 0;
}

.main_visual img {
    width: 100%;
}

.catch {
    padding: 0 0 3vw;
    background: #000;
    line-height: 0;
    text-align: center;
}

.catch_note {
    margin: 0;
    padding: .6vw 2vw 1.2vw;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
    font-family: "YuMincho", "Yu Mincho", serif;
}

.catch img {
    width: 63%;
    max-width: 1300px;
}

@media (max-width: 600px) {
    .mv_header {
        position: absolute;
        top: 3vw;
        left: 3vw;
        z-index: 1;
        padding: 0;
    }

    .mv_header img {
        width: 50vw;
    }

    .catch {
        padding-bottom: 6vw;
    }

    .catch_note {
        padding: 1.5vw 3vw 5vw;
        font-size: 1.75vw;
        text-align: right;
    }

    .catch img {
        width: 88%;
    }
}