/* ===================================================================
  use toppage
=================================================================== */
/* ===================================================================
  _mixin.css
=================================================================== */
html { font-size: 10px; }
.text-anime { text-align: center; font-weight: 600; }
.text-anime span { opacity: 0; -webkit-transition: all, 550ms; -moz-transition: all, 550ms; transition: all, 550ms; -webkit-filter: blurunquote("(25px)"); filter: blurunquote("(25px)"); -webkit-transform: translateZunquote("(0)"); -moz-transform: translateZunquote("(0)"); -ms-transform: translateZunquote("(0)"); transform: translateZunquote("(0)"); }
.text-anime span:nth-child(22) { -webkit-transition-delay: 770ms; -moz-transition-delay: 770ms; transition-delay: 770ms; }
.text-anime span:nth-child(21) { -webkit-transition-delay: 735ms; -moz-transition-delay: 735ms; transition-delay: 735ms; }
.text-anime span:nth-child(20) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; transition-delay: 700ms; }
.text-anime span:nth-child(19) { -webkit-transition-delay: 665ms; -moz-transition-delay: 665ms; transition-delay: 665ms; }
.text-anime span:nth-child(18) { -webkit-transition-delay: 630ms; -moz-transition-delay: 630ms; transition-delay: 630ms; }
.text-anime span:nth-child(17) { -webkit-transition-delay: 595ms; -moz-transition-delay: 595ms; transition-delay: 595ms; }
.text-anime span:nth-child(16) { -webkit-transition-delay: 560ms; -moz-transition-delay: 560ms; transition-delay: 560ms; }
.text-anime span:nth-child(15) { -webkit-transition-delay: 525ms; -moz-transition-delay: 525ms; transition-delay: 525ms; }
.text-anime span:nth-child(14) { -webkit-transition-delay: 490ms; -moz-transition-delay: 490ms; transition-delay: 490ms; }
.text-anime span:nth-child(13) { -webkit-transition-delay: 455ms; -moz-transition-delay: 455ms; transition-delay: 455ms; }
.text-anime span:nth-child(12) { -webkit-transition-delay: 420ms; -moz-transition-delay: 420ms; transition-delay: 420ms; }
.text-anime span:nth-child(11) { -webkit-transition-delay: 385ms; -moz-transition-delay: 385ms; transition-delay: 385ms; }
.text-anime span:nth-child(10) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; transition-delay: 350ms; }
.text-anime span:nth-child(9) { -webkit-transition-delay: 315ms; -moz-transition-delay: 315ms; transition-delay: 315ms; }
.text-anime span:nth-child(8) { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; transition-delay: 280ms; }
.text-anime span:nth-child(7) { -webkit-transition-delay: 245ms; -moz-transition-delay: 245ms; transition-delay: 245ms; }
.text-anime span:nth-child(6) { -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; transition-delay: 210ms; }
.text-anime span:nth-child(5) { -webkit-transition-delay: 175ms; -moz-transition-delay: 175ms; transition-delay: 175ms; }
.text-anime span:nth-child(4) { -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; transition-delay: 140ms; }
.text-anime span:nth-child(3) { -webkit-transition-delay: 105ms; -moz-transition-delay: 105ms; transition-delay: 105ms; }
.text-anime span:nth-child(2) { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; transition-delay: 70ms; }
.text-anime span:nth-child(1) { -webkit-transition-delay: 35ms; -moz-transition-delay: 35ms; transition-delay: 35ms; }
.text-anime.animate span { opacity: 1; -webkit-filter: blurunquote("(0px)"); filter: blurunquote("(0px)"); }
/*---------------------------------------------------------------------------*/
#loading { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; }
#loading img { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 400px; }
#loading #line { width: 100%; height: 5px; margin: 0 auto; background: #fff; }
#loading #line.fullwidth .expand { width: 100%; height: 5px; margin: 0; background: #d45b34; position: absolute; -moz-animation: fullexpand 2s ease-out; -webkit-animation: fullexpand 2s ease-out; }
@-moz-keyframes fullexpand { 0% { width: 0px; }
  100% { width: 100%; } }
@-webkit-keyframes fullexpand { 0% { width: 0px; }
  100% { width: 100%; } }
#container { padding-top: 0; background-color: #fcfbf7; }
header { margin-top: -109px; z-index: 100001; }
.main { position: relative; min-width: 980px; width: 100%; }
.main ul#bxslider { width: 100%; z-index: 0; }
.main ul#bxslider li { opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.main ul#bxslider li.prev { z-index: 1; }
.main ul#bxslider li.current { z-index: 2; }
.main ul#bxslider li .slide_img { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; opacity: 0; margin-left: -3%; width: 105%; }
.main ul#bxslider li .caption { background: url(../images/maincap.png) no-repeat left top; height: 476px; opacity: 1; margin: auto; position: absolute; bottom: 60px; left: 24px; width: 226px; opacity: 0; }
.main ul#bxslider li .caption .text_area { -moz-box-sizing: border-box; box-sizing: border-box; height: 421px; display: block; padding: 35px 25px 10px 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; text-combine-upright: digits 2; -ms-text-combine: horizontal; -ms-text-combine-horizontal: digits 2; width: 226px; }
.main ul#bxslider li .caption .text_area .limited { background: url(../images/icon_caption.png) no-repeat right top; font-size: 1.7rem; line-height: 1; margin-left: 20px; padding-top: 20px; }
.main ul#bxslider li .caption .text_area .ttl { font-size: 3rem; line-height: 1.2; margin-left: 16px; }
.main ul#bxslider li .caption .text_area .text { font-size: 1.4rem; }
.main ul#bxslider li .caption .to_detail { background-color: #f6f0dc; display: block; padding: 15px 0; position: absolute; left: 16px; bottom: 10px; text-align: center; text-decoration: none; width: 200px; z-index: 0; }
.main ul#bxslider li .caption .to_detail span { vertical-align: middle; }
.main ul#bxslider li .caption .to_detail span.icon-arrow { font-size: 1.6rem; color: #d45b34; padding-right: 10px; }
.main ul#bxslider li .caption .to_detail::after { background-color: #d45b34; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.main ul#bxslider li .caption .to_detail:hover, .main ul#bxslider li .caption .to_detail:active { color: #fff; }
.main ul#bxslider li .caption .to_detail:hover::after, .main ul#bxslider li .caption .to_detail:active::after { height: 100%; }
.main ul#bxslider li .caption .to_detail:hover .icon-arrow, .main ul#bxslider li .caption .to_detail:active .icon-arrow { color: #fff; }
.main #bx-pager { background-color: #fff; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 10px; position: absolute; bottom: -20px; right: 20px; width: auto; z-index: 1000; }
.main #bx-pager a { -moz-border-radius: 2px; border-radius: 2px; display: inline-block; height: 67px; margin: 0 3px; overflow: hidden; width: 67px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 1000; }
.main #bx-pager a img { -moz-border-radius: 2px; border-radius: 2px; height: 100%; position: absolute; margin: auto; top: 0; left: -100%; right: -100%; max-width: auto; }
.main #bx-pager a:hover, .main #bx-pager a.active { -moz-box-shadow: 0 0 0 3px #d45b34; box-shadow: 0 0 0 3px #d45b34; }
.main .bx-controls-direction { position: absolute; right: 30px; bottom: 85px; display: none; z-index: 1000; }
.main .bx-controls-direction a { display: inline-block; height: 39px; width: 39px; -moz-border-radius: 0; border-radius: 0; overflow: hidden; text-indent: -999px; position: absolute; cursor: pointer; }
.main .bx-controls-direction .bx-prev { background: url(../common/images/slide_prev_off.png) left top no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; top: auto; left: auto; right: 48px; bottom: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.main .bx-controls-direction .bx-prev:hover { background: url(../common/images/slide_prev_on.png) left top no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; }
.main .bx-controls-direction .bx-next { background: url(../common/images/slide_next_off.png) left top no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; top: auto; right: 0; bottom: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.main .bx-controls-direction .bx-next:hover { background: url(../common/images/slide_next_on.png) left top no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; }
.main .border_01 { display: none; background: url(../images/main_border_01.png) repeat left top; height: 4px; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }
.main .border_02 { background: url(../images/main_border_02.png) repeat left top; height: 7px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100; }
.contents { padding-top: 45px; }
.contents .message { text-align: center; max-width: 880px; margin: 0px auto 30px; padding: 40px 0; border: 4px solid #d45b34; }
.contents .message p { font-size: 1.6rem; }
.contents .news { background: url(../common/images/border_dotted.png) repeat-x left top, url(../common/images/border_dotted.png) repeat-x left bottom; -moz-box-sizing: border-box; box-sizing: border-box; display: table; margin: 0 auto 40px; padding: 40px 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; max-width: 1380px; width: 100%; }
.contents .news .ttl_area { display: table-cell; padding-right: 60px; width: 202px; }
.contents .news .ttl_area h2 { font-size: 1.8rem; margin-bottom: 30px; text-align: center; }
.contents .news .ttl_area .btn a { background-color: #f6f0dc; display: block; font-size: 1.5rem; padding: 25px 0; position: relative; text-align: center; text-decoration: none; z-index: 0; }
.contents .news .ttl_area .btn a span { vertical-align: middle; }
.contents .news .ttl_area .btn a span.icon-arrow { color: #d45b34; font-size: 1.6rem; padding-right: 10px; }
.contents .news .ttl_area .btn a::after { background-color: #d45b34; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.contents .news .ttl_area .btn a:hover, .contents .news .ttl_area .btn a:active { color: #fff; }
.contents .news .ttl_area .btn a:hover::after, .contents .news .ttl_area .btn a:active::after { height: 100%; }
.contents .news .ttl_area .btn a:hover span.icon-arrow, .contents .news .ttl_area .btn a:active span.icon-arrow { color: #fff; }
.contents .news ul { display: table-cell; }
.contents .news ul li { margin-bottom: 20px; }
.contents .news ul li:last-child { margin-bottom: 0; }
.contents .news ul li dl dt { background-color: #47392d; color: #fff; display: inline-block; font-size: 1.1rem; line-height: 1; margin-right: 4%; max-width: 82px; padding: 5px 0; text-align: center; width: 11%; vertical-align: top; -moz-border-radius: 4px; border-radius: 4px; }
.contents .news ul li dl dd { display: inline-block; vertical-align: top; width: 82%; }
.contents .news ul li dl dd a { display: table; width: 100%; }
.contents .news ul li dl dd a:hover { color: #47392d; text-decoration: underline; }
.contents .news ul li dl dd a span { display: table-cell; }
.contents .news ul li dl dd a span.date { width: 130px; }
.contents .concept { background: url(../images/concept_bg.png) no-repeat left top; -moz-background-size: cover; background-size: cover; max-width: 1400px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 55px 0 110px; position: relative; }
.contents .concept_deco { position: absolute; right: 0; }
.contents .concept_deco.deco01 { top: 172px; }
.contents .concept_deco.deco02 { bottom: 0; }
.contents .concept__ttl-area { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.contents .concept__ttl-area__ttl { margin-left: 48px; }
.contents .concept__video-area { width: 960px; margin: 70px auto 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.contents .concept__video a { display: block; background: url(../images/concept_video.jpg) no-repeat left top; -moz-background-size: cover; background-size: cover; width: 492px; height: 252px; }
.contents .concept__link-area { margin-left: 58px; }
.contents .concept__link-area .concept_copy { font-size: 2rem; line-height: 2; }
.contents .concept__new_link { margin-top: 42px; width: 320px; height: 68px; background-color: #d5603a; display: block; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 40px; position: relative; z-index: 0; }
.contents .concept__new_link:after { background-color: #ec7650; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.contents .concept__new_link:hover:after { height: 100%; }
.contents .concept.dorama { background: none; max-width: 100%; overflow: hidden; z-index: 0; }
.contents .concept.dorama .concept { z-index: 0; }
.contents .concept.dorama .concept_deco { right: 50%; z-index: -1; }
.contents .concept.dorama .concept_deco.deco01 { margin-right: 220px; top: 440px; }
.contents .concept.dorama .concept_deco.deco02 { margin-right: -1100px; top: 114px; }
.contents .concept.dorama .concept__ttl-area { background-color: #e2ddcb; padding: 35px 0; border-bottom: 14px solid #e7e4d5; }
.contents .concept.dorama .concept__copy { text-align: center; margin-top: -14px; }
.contents .concept.dorama .concept__video-area { margin: 10px auto 0; }
.contents .concept.dorama .concept__video a { display: block; background: url(../images/dorama_thum.png) no-repeat left top; -moz-background-size: cover; background-size: cover; width: 501px; height: 297px; }
.contents .concept.dorama .concept__new_link { margin-top: 40px; }
.contents .banner_area { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 60px; max-width: 1400px; width: 100%; padding-top: 64px; }
.contents .banner_area ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.contents .banner_area ul li { -moz-border-radius: 2px; border-radius: 2px; }
.contents .banner_area ul li a { display: block; position: relative; z-index: 1; }
.contents .banner_area ul li a:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.contents .banner_area ul li a:hover:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.contents .banner_area ul li a .ttl { color: #fff; font-size: 2rem; bottom: 12px; position: absolute; text-align: center; width: 100%; text-shadow: 0.7px 0.7px 2px rgba(0, 0, 0, 0.3); }
.contents .banner_area ul li a .ttl .icon-arrow { margin-right: 8px; }
.contents .banner_area .large li { width: 32.3%; overflow: hidden; }
.contents .banner_area .large li a { height: 0; padding-top: 65.21%; position: relative; }
.contents .banner_area .large li a:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; z-index: -1; }
.contents .banner_area .large li:nth-of-type(1) a:after { background: url(../images/bnr_large01.jpg) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .large li:nth-of-type(2) a:after { background: url(../images/bnr_large02.jpg) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .large li:nth-of-type(3) a:after { background: url(../images/bnr_large03.jpg) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small { margin-top: 20px; }
.contents .banner_area .small li { width: 23.68%; overflow: hidden; }
.contents .banner_area .small li a { height: 0; padding-top: 43%; position: relative; }
.contents .banner_area .small li a:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; z-index: -1; }
.contents .banner_area .small li:nth-of-type(1) a:after { background: url(../images/bnr_small01.jpg) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small li:nth-of-type(2) a:after { background: url(../images/bnr_small03.jpg) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small li:nth-of-type(3) a:after { background: url(../images/bnr_small06.jpg) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small li:nth-of-type(4) a:after { background: url(../images/bnr_small07.jpg) no-repeat center top; -moz-background-size: contain; background-size: contain; }
.contents .banner_area .small.bottom li:nth-of-type(1) a:after { background: url(https://placehold.jp/670x297.png) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small.bottom li:nth-of-type(2) a:after { background: url(https://placehold.jp/670x297.png) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small.bottom li:nth-of-type(3) a:after { background: url(https://placehold.jp/670x297.png) no-repeat center top; -moz-background-size: cover; background-size: cover; }
.contents .banner_area .small.bottom li:nth-of-type(4) a:after { background: url(https://placehold.jp/670x297.png) no-repeat center top; -moz-background-size: contain; background-size: contain; }
.contents .other_concept_store { background: url(../common/images/border_dotted.png) repeat-x left top; padding: 60px 0; max-width: 1400px; margin: 0 auto; }
.contents .other_concept_store ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.contents .other_concept_store ul li { width: 49.12%; }
.contents .other_concept_store ul li a { display: block; padding: 46px; background-color: #f9f5e9; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .other_concept_store ul li a:hover { text-decoration: none; border-color: #d45b34; }
.contents .other_concept_store ul li a img { width: auto; height: 56px; }
.contents .other_concept_store ul li a .ttl { background: url(../common/images/icon_blank.png) no-repeat right center; -moz-background-size: 9px auto; background-size: 9px auto; font-size: 2rem; text-align: center; padding-right: 15px; text-shadow: 0.7px 0.7px 2px rgba(0, 0, 0, 0.3); }
.contents .other_concept_store ul li a .ttl .icon-arrow { margin-right: 6px; color: #d45b34; }
.contents .recruit { background-color: #f9f5e9; margin-bottom: 40px; padding: 55px 0 40px; }
.contents .recruit h2 { font-size: 2.4rem; margin-bottom: 55px; text-align: center; }
.contents .recruit .person { display: table; margin: 0 auto 40px; max-width: 1400px; width: 100%; }
.contents .recruit .person li { -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; padding: 0 10px; width: 50%; }
.contents .recruit .person li a { display: block; position: relative; }
.contents .recruit .person li a img { height: auto; width: 100%; }
.contents .recruit .person li:nth-child(1) a { background: url("../images/part_time.jpg") no-repeat center center; -moz-background-size: 100% auto; background-size: 100% auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .recruit .person li:nth-child(1) a:hover { -moz-background-size: 110% auto; background-size: 110% auto; }
.contents .recruit .person li:nth-child(2) a { background: url("../images/full_time.jpg") no-repeat center center; -moz-background-size: 100% auto; background-size: 100% auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .recruit .person li:nth-child(2) a:hover { -moz-background-size: 110% auto; background-size: 110% auto; }
.contents .recruit .store { display: table; width: 100%; }
.contents .recruit .store li { border-top: #fff 1px solid; border-bottom: #fff 1px solid; display: table-cell; width: 50%; }
.contents .recruit .store li + li { border-left: #f5f5f5 1px solid; }
.contents .recruit .store li a { background-color: #fcfbf7; display: block; padding: 35px; position: relative; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; }
.contents .recruit .store li a::after { background-color: #f9f5e9; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.contents .recruit .store li a:hover::after, .contents .recruit .store li a:active::after { height: 100%; }
.contents .recruit .store li a div { padding: 10px 0 10px 105px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; max-width: 360px; }
.contents .recruit .store li a div p { font-size: 1.2rem; }
.contents .recruit .store li a div p.ttl { font-size: 2rem; margin-bottom: 10px; }
.contents .recruit .store li a div p.ttl span { line-height: 1; vertical-align: middle; }
.contents .recruit .store li a div p.ttl span.icon-arrow { color: #d45b34; font-size: 2.1rem; padding-right: 10px; }
.contents .recruit .store li a div.fc { background: url(../images/icon_fc.png) no-repeat left center; margin-left: auto; margin-right: 60px; }
.contents .recruit .store li a div.property { background: url(../images/icon_store.png) no-repeat left center; margin-left: 60px; margin-right: auto; }
.contents .sns { -moz-box-sizing: border-box; box-sizing: border-box; border-right: #efefef 1px solid; margin: 0 auto 50px; max-width: 1170px; }
.contents .sns_list { font-size: 0rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.contents .sns_list div { border-left: #efefef 1px solid; }
.contents .sns_list img { height: auto; max-width: 100%; }
.contents .sns_list a { -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 126px; padding: 30px 36px 0 36px; position: relative; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; }
.contents .sns_list a::after { background-color: #f9f5e9; content: ''; height: 0; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; z-index: -1; }
.contents .sns_list a:hover::after, .contents .sns_list a:active::after { height: 100%; }
@media screen and (max-width: 1400px) { .contents .news { width: 93%; }
  .contents .banner_area, .contents .other_concept_store { width: 95%; }
  .contents .recruit .person { width: 95%; }
  .contents .sns { width: 95%; } }
#cboxLoadedContent { height: 0 !important; padding-top: 56.25%; position: relative; }
#cboxLoadedContent iframe { position: absolute; top: 0; left: 0; }