@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Lora&display=swap"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
body { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", sans-serif;　/*font-family: "Noto Serif JP", serif;*/  background: url("./images/bg.jpg") fixed top repeat;  background-size: 30%; }
a { color: #000000; }
a:hover { opacity: .5; text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.link_active a { color: #FFF; }
.view_sp { display: none ; }
.clearfix::after { content:""; display: block; clear: both; }

#header { padding: 0; background: #FFF; }
.fixed_top {  -webkit-transition: top .8s ease-in-out; transition: top .8s ease-in-out; top: -140px; }
.fixed_top_active { box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06); top: 0; position: fixed; margin: 0 auto; width: 100%; z-index: 999; }
.fixed_top .link_active a { color: #bba375; }
.link_active a::after { transform: scale(1, 1);}
#wrap { overflow: hidden; }
.header_link { font-size:.9rem !important; position: relative; }
.header_link .user_menu { padding: 0; margin: 0; }
ul.user_menu { float: right; display: flex;justify-content: space-between; }
ul.user_menu i { padding: 0 5px 0 0; }
header .logo { padding: 20px 0 0 40px; }
.logo img { width: 140px; }
.logo span { font-size: 14px; font-weight: bold; vertical-align: middle; }
.logo a { color: #000; }
.user_menu li { padding: 30px 20px 0 20px; }
.user_menu li a { color: #000; position: relative; }
.user_menu li a:hover { color: #bba375; }
.current a { color:#bba375 !important; font-weight: bold; }
.current a::after { position: absolute; bottom: -20px; left: 25%; content: ''; width: 100%; height: 1px; background: #bba375; transform: scale(1, 1) !important;  transform-origin: center top; transition: transform .3s; }
.fixed_top .user_menu li a:hover { color: #bba375; }
.user_menu li a::after {  position: absolute; bottom: -20px; left: 25%; content: ''; width: 50%; height: 1px; background: #bba375; transform: scale(0, 1); transform-origin: center top; transition: transform .3s; }
.fixed_top .user_menu li a::after {  position: absolute; bottom: -20px; left: 25%; content: ''; width: 50%; height: 1px; background: #bba375; transform: scale(0, 1); transform-origin: center top; transition: transform .3s; }
.user_menu li a:hover::after { transform: scale(1, 1);}
.user_menu li:last-child { background: #bba375; padding: 30px; color: #FFF; position: relative; }  
.user_menu li:last-child a { color: #FFF !important; }
.user_menu li:last-child a:hover { color: #FFF; }
.user_menu li:last-child a {  }
.h_header_entry { position: fixed; top:0; right: 0; z-index: 1; }
.h_header_entry a { display: inline-block; font-size: 12px; background: #000; padding: 25px; color: #FFF; position: relative; } 
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color: #000; }
.drawer-open .drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon:after { background-color: #FFF; }
.drawer-menu h1 {background: #000; padding: 10% 15%;}
.drawer-menu h2 { padding: 5% 0; margin: 5% 0 0 0; font-weight: bold; font-size: 1.2em;}
.drawer_content { padding: 0 5%; }
.drawer-btn-content div { margin: 2% 0; }
.drawer_content ul { margin: 15% 5%; }
.drawer_content ul li a { color: #FFF; display: block;font-size: 12px; padding:0 0 5% 0; }
.drawer-hamburger { top:0; right: 10px; }
.drawer-open .drawer-hamburger { right: 16.25rem !important; }

.video { position: relative; }
.video video { display: block; width: 100%; height:100%; object-fit: fill;  position: fixed; z-index: -3; top:0; left: 0; }
.video2 video { display: block; width: 100%; position: absolute; z-index: -2; top:0; left: 0; }
.cp_title,.sub_title { display: inline-flex; z-index: 1; align-items: end; }
.cp_title { font-size: 60px; font-weight: 600; }
.sub_title { font-size: 25px;  padding: 0 0 0 2%; font-weight: 600; }
.none { opacity: 0 !important; }
.about_cont { padding: 5% 0; }
.about_title { font-size: 30px; padding: 0 0 2% 0; }
.about_title::after { content:""; background: #000; display: block; width: 100px; height: 1px; margin: 2% auto;}
.about_title,.about_cont p { text-align: center;  }

.box_txt { padding: 0 5%; margin: 0 0 5% 0;}
.prf_txt_area .profile-name { color: #FFF; padding: 25px 0 0 0; font-weight: bold; text-align: center; }
.prf_txt_area .profile-name::after { content: ""; display: block; width: 100px; height: 1px; background: #FFF; margin: 25px auto;}
.prf_des_txt { padding: 0 2%; color: #FFF; }
.member_list h4 { padding: 0 2% 2% 2%; }
.artist_name { font-size: 16px; font-weight: 100; text-align: center; padding: 5% 0; }
.member_list h4::before { content:""; display: inline-block; width: 5px; height: 100%; background: #EEE; padding:0 2% 0 0; }
.float_box ul, .member_list ul { margin: 0 !important; padding: 0 !important; }
.member_list li { padding:2% 5%; }
.box_txt { height: auto; }
.sns_list div { display: inline-block; margin: 0 0 5px 0; }
.sns_list i { position: absolute; top:23%; left: 5%; }
.sns_list a { display: block; }
.flowbtn12 { font-family: 'Verdana', sans-serif; border-radius: 4px; text-align: center; padding: 0px 20px; text-align: center; vertical-align: middle; transition: .4s; text-decoration: none; position: relative; }
.flowbtn12:hover { color: #fff !important; text-decoration: none; }
.flowbtn12.fl_tw2 { border: solid 1px #55acee; color: #55acee; }
.flowbtn12.fl_tw2:hover { border: solid 1px #55acee; background: #55acee; }
.flowbtn12.insta_btn2 { border: solid 1px #c6529a; color: #c6529a; }
.flowbtn12.insta_btn2:hover { border: solid 1px #c6529a; background: #c6529a; }
.flowbtn12.fl_pf12 { border: solid 1px #000; color: #000; }
.flowbtn12.fl_pf12:hover { border: solid 1px #000; background: #000; }
.flowbtn12 span { font-size: 14px; position: relative; }
ul.snsbtniti2 { padding: 0 !important; }
.snsbtniti2 { display: flex; flex-flow: row wrap; }
.snsbtniti2 li { flex: 0 0 48%; text-align: center !important; }
.member_list h5 { font-size: 20px; }
.romaji { font-size: 12px; color: #CCC; padding: 0 0 0 5px; }
.message_img { margin: 2% auto; }
.portfolio-modal .close-modal { position: absolute; top: -35px; right: 35px; width: 25px; height: 25px; cursor: pointer; background-color: transparent; }
.portfolio-modal .close-modal:hover { opacity: 0.3; }
.close-modal .lr { /* Safari and Chrome */ z-index: 1051; width: 2px; height: 25px; margin-left: 35px; /* IE 9 */ -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #FFF; }
.close-modal .lr .rl { /* Safari and Chrome */ z-index: 1052; width: 2px; height: 25px; /* IE 9 */ -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: #FFF; }
.profile-thum { width: 100%; margin: auto; }

#footer-recruit { margin: 0; padding: 0; background: #F4F4F4; position: relative; }
#footer-recruit section { max-width: 1200px; margin: auto; padding: 2% 0; }
#footer-recruit .scroll-text { font-size: 14px; color: #000; }
#footer-recruit .scroll { top:25px; }
.footer_top { background: #E8E8E8; padding: 50px 0; margin-bottom: 2%; }
.footer_link_a ul { margin: 0 0 10px 0; text-align: center; }
.footer_link_a ul::after { content:""; display: block; clear: both; } 
.footer_link_a li { display: inline-block; padding: 0 25px 0 0; }
.cppy { font-size: 12px; background: #FFF; text-align: center; padding: 1rem 0 0 0; }
.external::before { content:""; display: inline-block; background: url("./images/ic-2.svg") no-repeat; background-size: 100%; width: 13px; height: 13px; margin: 0 5px 0 0; }

#page_top { width: 40px; position: fixed; z-index: 1; bottom: 35%; right:0; }
#page_top a { display: block;  }  

.cont section { padding: 5% 0; }
.cont h2 { font-size: 35px; font-weight: bold; text-align: center; padding: 5% 0; }
.cont2 { padding: 10% 0 5% 0; }
.cont2 h2 { font-size: 25px; }
.cf_txt { font-weight: 600; line-height: 2; }
.scroll { position: relative; width: 75px; margin: auto; text-align: center; }
.scroll-line { position: absolute; top: 40px; left: 50%; width: 1px; height: 80px; overflow: hidden; background-color: #000 ; }
.scroll-line::after { content: ""; position: absolute; width: 1px; height: 80px; background-color: #CCC; animation: scrolldown 3s ease-in-out infinite; }
.scroll-line2 { position: absolute; top: 30px; left: 50%; width: 1px; height: 80px; overflow: hidden; background-color: #000 ; }
.scroll-line2::after { content: ""; position: absolute; width: 1px; height: 80px; background-color: #CCC; animation: scrollup 3s ease-in-out infinite; }
@keyframes scrolldown { 
  0% {   transform: translateY(-100%); }
  100% {   transform: translateY(100%); }
}
@keyframes scrollup { 
  0% {   transform: translateY(100%); }
  100% {   transform: translateY(-100%); }
}
.sns_frame { position: fixed; right: -30px; top: 30%; z-index: 1; }
.sns_frame_in { position: relative; }
.sns_title_1 p { font-weight: normal; font-size: 12px; transform: rotate(90deg); padding: 0 40px 5px 0; }
.sns_title_1 span { content:""; display: block; width: 1px; height:30px; background: #000; margin: 10px auto; }
.sns_frame ul { position: absolute; position: absolute; right: 46px; bottom: -55px; }
.ic-sns { border-radius: 50%; position: relative; display: inline-block; width: 23px; height: 23px; font-size: 13px; text-decoration: none; transition: .5s; }
.ic-sns i { position: absolute; top: 50%; left: 70%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ic-twitter { color: #FFF; background: #000; }
.ic-twitter:hover { color: #FFF; background: #55acee; }
.ic-facebook { color: #FFF; background: #000; }
.ic-facebook:hover { color: #FFF; background: #3b5998; }
.ic-instagram { color: #FFF; background: #000; }
.ic-instagram:hover { color: #FFF; background: #FF0069; }
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#cont { padding: 20% 0 5% 0; }
#cont h1 { font-size: 40px; color: #0050AA; font-weight: 600; }
#cont h1::after { content:""; display: block; background: #000; width: 40%; height: 1px; margin: 5% 0; }
.txt-frame h2 { font-size: 34px; font-weight: 600; }
.txt-frame h3 { font-size: 25px; font-weight: 600; padding: 3% 0; }
.txt-frame p { padding: 3%; }
.txt-frame p b { font-size: 16px; }
.txt-frame p strong { font-size: 20px; }
.cont_bg2 .txt-frame  { margin: 10% 0; }
.cont-img-1 { width: 100%; margin: 3% auto; border-radius: 50px; overflow: hidden; box-shadow: 10px 10px 28px -17px rgba(0, 0, 0, 0.10); }
.cont-img-2 { width: 100%; margin: 3% auto; }
.cont-img-3 { width: 60%; margin: 3% auto; }
.float_box_1 { margin: 1% 0; padding: 5%; background: #FFF; border-radius: 50px; overflow: hidden; box-shadow: 10px 10px 28px -17px rgba(0, 0, 0, 0.10);  }
.float_box_2 { margin: 1% 0; padding: 5%;}
.float_box_1 div,.float_box_2 div { float: left; }
.float_box_1::after,.float_box_2::after { content:""; display: block; clear: both; }
.float_box_1 div:nth-child(1) { width: 35%; padding: 2%; }
.float_box_1 div:nth-child(2) { width: 65%; }
.float_box_2 div:nth-child(1) { width: 25%; padding: 2%; }
.float_box_2 div:nth-child(2) { width: 75%; }
.txt-box { margin: 1% 0 5% 0; padding: 5% 0 0 0; background: #FFF; border-radius: 50px; overflow: hidden; box-shadow: 10px 10px 28px -17px rgba(0, 0, 0, 0.10);  }
.txt-box h3 { font-size: 25px; font-weight: 600; text-align: center; }
.txt-box .float_box_2 { padding: 0 3% 3% 3%; }
.txt-box .float_box_2 div:nth-child(1) { width: 50%; padding:10% 5% 5% 5%; }
.txt-box .float_box_2 div:nth-child(2) { width: 50%; }
.btn_col_1 { margin: 2% auto 5%; }
.btn_col_2 { margin: 5% auto; }
.btn_col_2 li { float: left; width: 50%;  padding: 0 10px; }
.btn_col_1 li { width: 60%; margin: auto;}
.btn_col_1::after,.btn_col_2::after { content:""; display: block; clear: both; }  
.clause .detail-title { border-left: solid 5px #0050AA !important; }
.p-company-overview th { font-weight: 600; }
.second_main_title h2 .en { font-size: 40px !important; }
.modal-content .table_wrap_1 { padding: 20px; }
.table_wrap_1 table { font-size: 14px; margin: 1em auto 2.5em; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; line-height: 2; }
.table_wrap_1 th { width: 30%; text-align: center; padding: 1em; font-weight: 600; border-bottom: 1px solid #EEE; vertical-align: middle;  background: #FFF; }
.table_wrap_1 td { padding: 1em 1em 1em 2em; border-bottom: 1px solid #EEE; background: #FFF; }
.table_wrap_1 td span { font-size: 12px; }

.txt-right { text-align: right;}
.txt-center { font-size: 16px; text-align: center; padding: 15px; margin-bottom: 20px; line-height: 2; }
.txt-small { font-size: 12px; }  
.txt-small2 { font-size: 14px; }
#content h3 { font-size: 25px; text-align: center; font-weight: 600; margin: 15px 0; }
#content h3::after { content:""; display: block; width: 50px; height: 1px; background: #000;; margin: 15px auto;  }
.cont-img-title { font-size: 25px; text-align: center; font-weight: bold; padding: 0; color: #163562; }
.map_wrap iframe { width: 100%; aspect-ratio: 16/9; }
.notice_area { background: #FAFEFF; border:1px solid #bba375; padding:0 5% 5% 5%; }
.notice_area h1 { color: #bba375; text-align: center; padding: 5% 0; font-size: 35px;  }
.notice_area  h1::after { content:""; display: block; width: 100px; height: 1px; background: #bba375; margin: 2% auto 0;  }
.notice_area table {  width: 100%; margin: 1em auto 2.5em; border: 1px solid #CCC; line-height: 2; }
.notice_area th { width: 30%; text-align: center; padding: 1em; font-weight: 600; background: #FAFEFF; border: 1px solid #A9ECF0; }
.notice_area td { padding: 1em 1em 1em 2em; border: 1px solid #A9ECF0; background: #FFF; }
.notice_note { padding: 3%; line-height: 2;  border: 1px solid #A9ECF0; background: #FFF; }
.tab-group { display: block; justify-content: center; border:solid 1px #00B9FF; font-size: 13px; }
.tab-group::after { content:""; display: block; clear: both; }
.tab { flex-grow: 1; padding:5px; margin: 5px; list-style:none; border-left:solid 1px #00B9FF; text-align:center; cursor:pointer; width: 15.5%; float: left; }
.panel-group{ padding: 25px; border:solid 1px #00B9FF; border-top:none; background:#FFF; }
.panel{ display:none; }
.tab.is-active{ background: #00B9FF; color:#FFF; transition: all 0.2s ease-out; }
.panel.is-show{ display:block; }
.video::after { content:""; display: block; width: 100%; height: 100%; background: rgba(33,82,163,0.35); position: fixed; top:0; left: 0; z-index: -1 } 
.sub_cp { font-size: 20px; line-height: 2; padding: 2%; }  
.cont_bg { background: #FFF; position: relative; overflow: hidden; }
.cont_bg_1 { background: url("../images/cont-bg-1.jpg") fixed repeat; background-size: 100%; width: 100%; position: relative; overflow: hidden;}
.cont_bg_2 { background: url("../images/cont-bg-3.jpg") fixed repeat;  background-size: 100%; width: 100%; position: relative; z-index: -2  }
.cont_bg_2::after { content:"";     background: rgb(0 0 0 / 30%); backdrop-filter: blur(5px); background-size: 100%; width: 100%;  position:  absolute; top:0; left: 0; width: 100%; height: 100%; z-index: -1 }
.strong_point { padding: 0 10%; }
.strong_point div { padding: 2%; }
.strong_point div dl { background: #bba375; border-radius: 5px; color: #FFF; padding:15% 10%; }
.strong_point div dt { font-size: 20px; margin-bottom: 15px; }
.strong_point div dt::after { content:""; display: block; width: 50px; height: 1px; background: #FFF; margin: 5% auto 2%; }
.strong_point div dd { font-size: 14px; text-align: left; }
.cont_1_txt { padding:1% 5% 5% 5% !important; }
.cont_1_txt span::after { content:""; display: block; width: 50px; height: 1px; background: #BBA375; margin: 15px 0; }
.cont_1_txt p { padding: 0 0 5% 0; }
.cont_2_txt { padding: 1% 5% 1% 5%; }
.cont_title { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 50px; font-weight: bold; color: #E5E5E5; position: absolute; opacity: .5; z-index: 1; }
.title_posi_1 { top:20vh; left: -7vw;  transform: rotate( -90deg ); }
.title_posi_2 { top:20vh; right: -10vw;  transform: rotate( 90deg ); }
.title_posi_3 { top:10vh; left: -7vw;  transform: rotate( -90deg ); }
.map { position: relative; width: 100%; height: 0; padding-top: 25%; }
.map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.more_btn a { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; }
.more_btn a::after { content:""; display: inline-block; background: url("../images/btn_arrow2.png") no-repeat; background-size: 15px; width: 15px; height: 5px; margin: 0 0 0 10px; vertical-align: middle; transition: all .3s ease-in; }
.more_btn a:hover::after { margin: 0 0 0 15px; transition: all .3s ease-in; }
.btn_color_1 a { background: #bba375;  color: #FFF; }  
.btn_center a { margin: 5% auto; }

.sub_cont_fv { position: relative; }
.sub_cont_fv::before { content:""; display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.30); z-index: -1; }
.sub_cont_fv h1 { text-align: center; color: #FFF; padding: 4% 0; margin: 0; }  
.sub_cont_fv h1::after { content:""; display: block; background: #FFF; width: 100px; height: 1px; margin: 1% auto; }
.sub_cont_fv .pankuzu_list { font-size: 14px; }  
.sub_cont_fv h1 span { display: block; font-size: 16px; opacity: .8; }
.img_wrap { max-width: 1000px; margin: auto; padding:0 5%; }
.sub_title_common { font-size: 35px; text-align: center; margin: 25px 0;  }
.sub_title_common span { font-size: 14px; color:#BBA375; display: block; font-weight: 100; }
.sub_title_common span::after {content: ""; display: block; width: 50px; height: 1px; margin: 15px auto; background: #BBA375; }
/*.sub_title_common::after { content:""; display: block; background: #000; width: 1px; height: 50px; margin: 15px auto 0; }*/
.action_policy_list li { background: #FFF; border-radius: 5px; border:1px solid #bba375; overflow: hidden; margin: 2% 15%; display: flex; justify-content: center;
 align-items: center; }
.action_policy_list li div:nth-child(1) { font-size: 35px; font-weight: normal; position: relative; padding: 25 0; margin: 0; line-height: 1.2; text-align: center;  color: #FFF; background: #bba375;  width: 15%; }
.action_policy_list li div:nth-child(1):before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -15px; border: 15px solid transparent; border-left: 15px solid #bba375; }  
.action_policy_list li div:nth-child(1) span { font-size: 16px; display: block; }
.action_policy_list li div:nth-child(2) { font-size: 20px; text-align: center; width: 85% ; justify-content: center;align-items: center; }
.contact_common { padding: 5% 0; }  
.contact_common h1 { font-size: 35px; text-align: center; color: #FFF; margin-bottom: 2%;  }
.contact_common h1 span { font-size: 16px; display: block; }
.business_cont { overflow: hidden;}
.business_cont .grid-x { position: relative; margin-top: 5%; }
.business_thum_bg_1 { position: absolute; left: -30%; top:-5%; width: 600px; height: 400px; background: rgba(33,82,163,0.10); }
.business_thum_bg_2 { position: absolute; right: -30%; top:-5%; width: 600px; height: 400px; background: rgba(33,82,163,0.10); }
.cont_1_txt h3 { font-size: 25px; font-weight: bold; }
.cont_1_txt span { font-size: 16px; color: #bba375; }
.cont_1_txt span b { font-size: 45px; display: block; line-height: 1; }
.business_thum div:nth-child(1) { position: relative; z-index: 1; }
.FV .gallery { padding: 6% 0; }
.FV .owl-theme .owl-nav.disabled + .owl-dots { margin-top: -40px; position: relative; z-index: 1; }
@media screen and (min-width: 769px) {
  .job_tab li { width: 440px !important;}
}
.fv_base { max-width: 1200px; margin: auto; position: relative; }
.fv_wrap { width: 100%;  position: relative; overflow: hidden; background: #EFEFEF; }
.fv_img { width: 100%; position: absolute; z-index: 1; top:0; left: -5%; }
.fv_txt {  position: absolute; z-index: 2; top: 25%; right: 18%;  }
.fv_txt h1 { font-size: 35px; margin-bottom: 5%; font-weight: bold; }
.fv_txt span { display: block; color: #BBA375; }
.fv_txt span::after { content:""; display: block; width: 100px; height: 1px; background: #BBA375; margin: 10px 0; }
.common_btn a { box-shadow:inset 0px 1px 0px 0px #d9fbbe; background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%); background-color:#b8e356; border-radius:6px; border:1px solid #83c41a; text-shadow:0px 1px 0px #86ae47; color:#ffffff; font-size:16px; font-weight:bold; padding:15px 0; text-align: center; text-decoration:none; display:block; cursor:pointer; width: 300px; margin: 15px auto; }
.common_btn a:hover { background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%); background-color:#a5cc52; }
.common_btn a:active { position:relative; top:1px; }
.cont_svervice_list .common_btn a { margin: 5% auto; }
.txt_style_2 p { padding: 5% 0; }
.bn_wrap { max-width: 800px; margin: 5% auto; }
.cont_sub_title { font-size: 25px; text-align: center; font-weight: bold; }
/* サービス */
.cont_svervice_list { padding: 5%; }
.cont_svervice_list ul::after { content:""; display: block; clear: both; }
.cont_svervice_list li { width: 33.3%; float: left; }
.cont_svervice_list_in { margin: 2%; position: relative; }
.cont_svervice_txt { position: absolute; bottom:0; left: 0; background: rgba(0,0,0,0.70); color: #FFF; padding:5% 2%; }
.cont_svervice_txt b { text-align: center; display: block; margin-bottom: 2%; }
.cont_svervice_txt p { font-size: 14px; }
.cont_svervice_bn_wrap { position: relative; }
.cont_svervice_bn_txt { width: 100%; position: absolute; top:0; left: 0; color: #FFF; padding: 5% 0; }
.cont_svervice_bn_txt b { display: block; text-align: center; margin-bottom: 2%; }
.cont_svervice_bn_txt p { font-size: 14px; text-align: center; }
.contact_txt { font-size: 14px; text-align: center; padding: 15px 0; }
/* 送信ボタン */
.submit-btn { display: block; width: 100%; max-width: 200px; margin: auto; background-color: transparent; border: none; cursor: pointer; outline: none; appearance: none; color: #fff; padding: 20px 0; border-radius: 10px;  background-color: #407EC1; cursor: pointer; }
.submit-btn[disabled] { background-color: #ccc; cursor: not-allowed; }  
.form-group { font-size: 14px; border-bottom: 1px dotted #CCC; }
.form-group::after { content:""; display: block; clear: both; }
.form-title { float: left; width: 30%; font-weight: bold; }
.form-col { float: left;  width: 70%; }
.form-title span { font-size: 12px; font-weight: bold; display: inline-block; margin: 0 5px; background: #FA191C; color: #FFF; border-radius: 5px; padding: 2px 5px; }
#footer-recruit { font-size:14px;}
#footer-recruit .footer_link_a { padding: 5% 0; float: right; }
#footer-recruit .footer_link_a a { color: #000; }
@media (min-width: 1300px) {
  .fv_img { width: 85%; left: 0; }
  .fv_txt { right: 25%;}
}
@media (max-width: 768px) {
  .fv_base img { display: none; }
  .fv_img { width: 180%; }
  .fv_txt { width: 90%; position: relative; top: 0; right: 0; margin: 150px auto; padding: 25px 15px;  text-align: center; background: #FFFF; border-radius: 10px; }
  .fv_txt span::after { margin: 15px auto; }
  .cont_svervice_list li { width: 100%; float: none; }
  .cont_svervice_bn_wrap { overflow: hidden; }
  .cont_svervice_bn_wrap img { width: 200%; }
  .form-title ,.form-col { float: none; width: 100%; }
  .common_btn a { width: 100%; }
  .cont_svervice_list .common_btn a { margin: 10% auto; }
  #header { padding: 10px; }
}
/* ///////////////////////////////////////////////////////////////////// 
// Media Queries
/////////////////////////////////////////////////////////////////////*/
.grid-padding-x > .cell { max-width: 1000px; }
@media (min-width: 1137px) {
  .drawer {display: none;}
}
@media (max-width: 1137px) {
  .drawer {display: none;}
}
@media (max-width: 1137px) { 
  .view_pc { display: none; }  
  .view_sp { display: block; }
  #FV .video { width: 200%; position: fixed; z-index: -1; top:0; left: -50%; }
  #wrap section { width: 100% !important; }  
  .cp_title { font-size: 40px; }
  .sub_title { font-size: 20px; padding: 0; }
  .sns_frame { top: 25%; }
  .cont-block h2 { font-size: 25px; }
  .cont-in { display: block; padding: 10%; }
  .cont-thum { width: 90%; margin: auto; }
  .cont-txt { width: 100%; }
  .cont-txt p { font-size: 14px; padding: 5% 0; }
  .cont-in .comingsoon, .cont-in .cont-btn a { float: none; margin: auto; }
  .entry_title { font-size: 14px; width: 100%; }
  .entry_btn_box div { float: none; width: auto; padding: 3% 0; }
  #footer-recruit  a { font-size: 12px; }
  .cppy img { display: block; margin: 2% auto; }
  .cppy p {  display: block; text-align: center;}
  .sns_title_1 span { margin: 10px auto 0; }
  .new_block .btn_radius.btn_radius_entry { display: block !important; margin: auto;  }
  .btn_radius.btn_radius_entry .btn_radius-inner{ display: block ; text-align: center; padding-top: 15px !important; }
  .second_main_title h2 .en { font-size: 30px !important; }
  .cont-sub-title { font-size: 14px; }
  .txt-frame h2 { font-size: 20px; }
  .txt-frame h3 { font-size: 16px; }
  .txt-frame p { font-size: 13px; padding: 5%; }
  .txt-frame p b { font-size: 14px; }
  .txt-frame p strong { font-size: 16px; }  
  #cont h1 { font-size: 30px; }
  .cont-img-1,.cont-img-2 { margin: 5% auto;}
  .cont-img-3 { width: 80%; margin: 5% auto; }
   .btn_col_2 li ,.btn_col_1 li { float: none; padding: 0; width: 100%; margin: 5% auto; }
  .cf_txt { padding: 5% 0; }
  .cont h2 { font-size: 25px; }
  .cont p { font-size: 12px;  word-wrap: break-word; overflow-wrap: break-word; }
  .artist_cont .grid-x > .large-2 { width: 33.3%; }
  .artist_cont .grid-x > .large-4 { width: 50%; }
  .history_cont .grid-x > .medium-6 { width: 100%; margin: 2% auto; }
  .artist_name { font-size: 10px; }
  .notice_area h1 { font-size: 25px; }
  .notice_area { font-size: 13px; }
  .history_wrap .grid-x > .large-3 { width: 50%; }
  .sponser_wrap .grid-x > .medium-2 { width: 20%; }
  .about_title, .about_cont p { text-align: left; }
  .tab-group { display: block; }
  .tab-group::after { content:""; display: block; clear: both; }
  .tab-group li { float: left; width: 47%; font-size: 12px; }
  .point_img { display: block; width: 100%; }
  .table_wrap_1 table { line-height: 1; }
  .table_wrap_1 th { font-size: 12px; }
  .table_wrap_1 td { word-wrap: break-word; }
  .table_wrap_2 { font-size: 10px; }
  .table_wrap_2 th:nth-child(1) { width: 11%; }
  
  .fv_wrap { padding: 0 }
  .fv_wrap p { font-size: 16px; }
  .fv_wrap .common_btn a { margin: auto; }
  .cont section { padding: 10% 5%; }
  .sub_cp { font-size: 16px; }
  .strong_point div dd { padding: 15px 0; }
  .cont_1_txt h3 { margin: 25px 0; text-align: center; font-size: 20px; }
  .cont_1_txt h3::after { margin: 5% auto}
  .title_posi_1 { left: -30%; } 
  .title_posi_1 { right: -30%; } 
  .cont h2::after { margin: 15px auto}
  .cont_2_txt { padding: 5% 0; }
  .map {padding-top: 45%; }
  .title_posi_3 { top:5%; left: -50%;  transform: rotate( -90deg ); }
  .sub_cont_fv h1 { padding: 20% 0 15% 0; }
  .img_wrap { padding: 0; }
  .sub_title_common { font-size: 25px; }
  .sub_title_common span { font-size: 14px; }
  .action_policy_list li { margin: 2% 0; }
  .action_policy_list li div:nth-child(1) { font-size: 25px; width: 18%; padding: 20px 0; }
  .action_policy_list li div:nth-child(1) span { font-size: 14px; }
  .action_policy_list li div:nth-child(2) { font-size: 14px; width: 82%; }
  .contact_common h1 { font-size: 25px; margin-bottom: 5%; }
  .contact_common { padding: 10% 0; }
  .cont_1_txt span { font-size: 12px; display: block; text-align: center; }
  .business_thum_bg_1 { position: absolute; left: -30%; top:-5%; width: 400px; height: 300px; background: rgba(33,82,163,0.10); }
  .business_thum_bg_2 { position: absolute; right: -30%; top:-5%; width: 400px; height: 300px; background: rgba(33,82,163,0.10); }
  .strong_point div dt { font-size: 1.4vw; }
  .strong_point div dd { font-size: 1.2vw; }
  .header_link.view_pc { display: block!important; }
  .title_posi_1 { top:20vh; left: -10vw;  transform: rotate( -90deg ); }
  .title_posi_2 { top:20vh; right: -15vw;  transform: rotate( 90deg ); }
  .title_posi_3 { top:10vh; left: -10vw;  transform: rotate( -90deg ); }
  .action_policy_list { max-width: 700px; margin: auto; }
}

@media (max-width: 1080px) {
  .strong_point { padding:0 15%; }
  .strong_point::after { content: ""; display: block; clear: both; }
  .strong_point .large-3 { width: 50%!important; margin: auto; float: left; } 
  .strong_point { display: block!important; }    
  .strong_point div dt { font-size: 20px; }
  .strong_point div dd { font-size: 14px; }  
  .title_posi_1,.title_posi_2,.title_posi_3 { display: none }  
}
@media (max-width: 768px) { 
  .drawer { display: block; }  
  .header_link.view_pc { display: none!important; }  
  .strong_point { padding:0 10%; }  
  .strong_point .large-3 { width: 100%!important; max-width: 300px; margin: auto; float: none; } 
}

/* ///////////////////////////////////////////////////////////////////// 
// common
/////////////////////////////////////////////////////////////////////*/
i { padding: 0 .5rem 0 0 !important; }
.owl-nav { display: none; }
.center_col { width: 100%; margin: 0 auto; padding: 1px; }
.modal-content { padding: 0; font-weight: 100; }
a { color: #bba375; }
a:hover { opacity: .5; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.display_sp { display: none ; }

/* Owl Carousel Owl Demo Theme  v1.3.3 */
.owl-theme .owl-controls{ margin-top: 10px; text-align: center; }
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
	margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center;}
.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{ cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor:url(grabbing.png) 8 8, move; }
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.gallery { padding: 3% 0; position: relative; }
.gallery .customNavigation a { position: absolute; display: inline-block; cursor: pointer; color:#FFF !important; font-weight: bold; background: rgba(0,0,0,0.25); padding: 6px 0 6px 6px; z-index: 1; top:45%; }
.gallery .customNavigation a:nth-child(1) { left: 0; }
.gallery .customNavigation a:nth-child(2) { right: 0; }

/* flexbox */
.button_section_1,.form_select_section,.flex_box,.search_map_cont,.flex_col_3,.change_search_list { display: flex; }
.button_section_1 div,.form_select_section div,.flex_col_3 div,.change_search_list .checkbox_area { width: 33.3%; padding:0 1% 0 0; text-align: center; }
.flex_box div { width: 50%; text-align: center; }
 .change_search_list .checkbox_area { text-align: left; }
/* float */
.user_menu li,.pankuzu_list li,.keyword_list li,.shop_category span,.shop_conditions li,.news_thumbnail,.news_txt_area, .movie_list li { float: left;}
ul.user_menu { float: right; }

/* btn style */
.btn_wrap a { position: relative; display: block; margin: 5% auto; color: #FFF !important; font-weight: bold; }
.btn_wrap a i { position: absolute; z-index: 999; top:25%;left: 5%; }
.btn-color-1 { background: #bba375; border: none; }.btn-color-1:hover { background: #FFAA00; }
.btn-color-2 { background: #000; border: none; }.btn-color-2:hover { background: #555; }
.btn-color-3 { background: #0043FF; border: none; }.btn-color-3:hover { background: #0030BA; }
.btn-color-4 { padding: 5% 0; background: rgba(0,0,0,0.0); border-radius: 6px; border:1px solid #bba375 !important; border: none; }
.btn-color-5 { background: #bba375; border: none; }.btn-color-5:hover { background: #007873; }
.btn-color-6 { background: #FF004E; color: #444 !important; font-weight: bold; padding: 5% 0; border: none; box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; border-radius:6px; border:1px solid #dcdcdc; cursor:pointer; text-decoration:none; text-shadow:0px 1px 0px #ffffff; }
.btn-color-7 {box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; cursor:pointer; color:#222 !important; font-weight: bold; padding:5% 0; text-decoration:none; text-shadow:0px 1px 0px #ffffff; }
.btn-radius { border-radius: 4px; }
.badge_ic { background: #FFF; color: #0043FF; padding: 3px 7px; border-radius: 50%; font-size: .7em; }

/* header */
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color: #fff; }
@media (max-width: 768px) {
  .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color: #bba375; }  
}
.drawer-menu h1 {background: #000; padding: 10% 15%;}
.drawer-menu h2 { padding: 5% 0; margin: 5% 0 0 0; font-weight: bold; font-size: 1.2em;}
.drawer_content { padding: 0 5%; }
.drawer-btn-content div { margin: 2% 0; }
.keep_cont { display: block; width: 100%; position: relative; }
.keep_cont i { position: absolute; z-index: 999; top:25%;left: 5%; }
.keep_cont span { position: absolute; z-index: 999; top:20%;right: 2%; }

/* pankuzu */
.pankuzu_list ul { padding: 0; margin: 0;}
.pankuzu_list li { font-size: .8em; padding: 15px 0; margin: 0 10px 0 0; }
.pankuzu_list i { padding: 0 0 0 7px !important; }

/* search list */
.search_list {background: #FEFFE7; padding:5% 3%; border-radius: 6px; }
.keyword_list {padding: 0 2%; background: #FFF; border:1px solid #bba375; border-radius: 6px; }
.keyword_title { font-weight: bold; position: relative; color:#999; padding: 2% 0; margin:  0; }
.keyword_list li { width: 33%; padding:  0; font-size:1rem;}
.keyword_title i { padding: 0 10px 0 0; }

/* shop list */
.pickup_list li { color: #222;  margin-bottom: 2%; border-radius: 6px; }
.shop_data_contents { background: #FFF; border:1px solid #CCC; padding: 4%; }
.pickup_list li a:hover { text-decoration: none; }
.shop_thum div { margin:0 5% 0 0; }
.shop_thum div img { display: block; border: 1px solid #CCC; }
.shop_benefits { background: #FFF; padding: 1%; margin:0 0 2% 0; border:1px solid #FF3F00; border-radius: 6px; font-size: .9rem; color: #FF3F00; font-weight: bold; text-align: center; }
.shop_category span { font-size: .8rem; padding: 5px 15px; margin: 10px 5px 5px 0; text-align: center; border:1px solid #bba375; border-radius: 60px; background: #FFF; }
.shop_conditions li { background: none; text-align: center; width: 33%; padding: 0; }
.shop_conditions li span { display: block; margin: 5px !important; font-size: .8rem; padding:8px 0; border:1px solid #0066d2; color: #0066d2; border-radius: 60px; }
.shop_table_data { color: #4c4c4c; font-size: .8rem; }
.shop_table_data table { border-top:1px solid #EEE; }
.shop_table_data tr { border-bottom:1px solid #EEE !important; }
.shop_table_data th,.shop_table_data td { padding: 10px; }
.shop_table_data th { font-weight: bold; background: #faf9f0; vertical-align: middle; }
.shop_table_data th i {padding: 0 10px 0 0;}
.shop_table_data td { background: #FFF; }
.button_section_2 i { padding: 0 10px 0 0; }
.button_section_2 div { margin: 3% 2% 0 2%;}
.btn-favorite { display: block; background: #FFF; color: #555; border:1px solid #bba375; font-weight: bold; padding: 10px 0; border-radius: 6px; }.btn-favorite:hover { background: #FFD700; color: #111; }
.btn-detail { display: block; background: #bba375; color: #FFF !important; font-weight: bold; padding: 10px 0; border-radius: 6px; }.btn-detail:hover { background: #0050A5; color: #FFF; }
.shop_movie_area video { width: 100%; display: block; }
.shop_image_area { margin: 3% auto; }
.shop_free_contents { font-size: .9rem; line-height: 1.8; padding: 1% 2%; }
/* news */
.news_list {margin: 5% 0;}
.news_list li { margin-bottom: 5%; padding:0 0 2% 0; border-bottom: 1px solid #555; }
.news_thumbnail { width:40%; }
.news_txt_area { width: 60%; }
.news_thumbnail div,.news_txt_area div { margin:0 3% 0 0; }
.news_tag { background: #FFF; display: inline-block; color: #bba375; font-size: .8rem; padding: 5px 15px; margin:0 5px 15px 0; border: 1px solid #bba375; border-radius: 50px;}
.news_txt_area h4 { font-size: 1.6rem; font-weight: bold; padding: 0 0 1rem 0; border-bottom: 5px dotted #CCC; margin-bottom: 1rem }
.news_txt_area h4 span { display: block; color: #555; font-size: 1rem; }
.news_txt_area p { font-size: .9rem; padding: 0; }
.news_date { font-size: .9rem; color: #555; }
.sns_section { margin: 2% 0; }
.btn-twitter, .btn-facebook, .btn-LINE {color: #FFF !important; padding: 5% 0; border-radius: 6px; }
.sns_section i { vertical-align: middle; padding: 0 7px 0 0;}
.btn-twitter { background: #00ACEE;}
.btn-facebook { background: #3B5998;}
.btn-LINE { background: #00B900;}

/* movie list */
.movie_list {margin: 10% 0;}
.movie_list li { width: 50%; }
.movie_list_box { margin:0 10% 5% 0; color: #FFF; }
.movie_thumbnail img { display: block; width: 100%; margin: 10% auto; }
.movie_txt_area h4 { font-size: 1.2rem; font-weight: bold; }
.movie_txt_area p { font-size: .9rem; padding: 0; }

/* index */
.top_fv_area { background: url("../img/top_bg.jpg") no-repeat center; background-size: cover; }
.fv_content { position: relative; }
.search_map_cont div { margin: 1%; }
.search_map_cont { width: 95%; margin: 2% auto; }
.search_map_title { margin: 2%; box-shadow: 0px 1px 0px 0px #fff6af; background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); background-color:#ffec64; border-radius:6px; border:1px solid #ffaa22; color:#333333; font-weight:bold; padding:10px 0; text-align: center; text-decoration:none; text-shadow:0px 1px 0px #ffee66; }
.map_area {background: #333; }
.map_area_bg {position: relative; height: 520px; background: url("../img/map.png") no-repeat center bottom; background-size: 100%; }
.container_margin { margin: 0 auto !important; }
.map_select_area i {padding: 0 5px 0 0;}
.map_select_1, .map_select_2, .map_select_3,.map_select_4,.map_select_5,.map_select_6,.map_select_7,.map_select_8 { position: absolute; z-index: 999;	box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; padding:6px; text-decoration:none; text-shadow:0px 1px 0px #ffffff;}
.map_select_1 div, .map_select_2 div, .map_select_3 div,.map_select_4 div,.map_select_5 div,.map_select_6 div,.map_select_7 div,.map_select_8 div {	box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; font-size:15px; font-weight:bold; padding:6px 25px; text-shadow:0px 1px 0px #ffffff; }
.map_select_1 { top:20%; right: 0%; }
.map_select_2 { top:40%; right: 30%; }
.map_select_3 { top:55%; left: 70%; }
.map_select_4 { top:70%; left: 60%; }
.map_select_5 { top:60%; left: 40%; }
.map_select_6 { top:80%; left: 30%; }
.map_select_7 { top:60%; left: 5%; }
.map_select_8 { bottom:3%; left: 0%; }
.note_contents {}
.contents_cf {}
.cf_main { font-size: 1.6rem; line-height: 2; font-weight: bold; text-align: center; padding: 5% 0; margin-bottom: 0;}
.cf_main::after {width: 120px; content:""; display: block; height: 2px; background: #ffc900; border-radius: 50px; margin: 5% auto 0; }
.cf_txt { line-height: 2; padding: 5%; }
.note_box {}
.note_title {font-size: 1rem; font-weight: bold; display: inline-block; text-align: center; padding: 5px 15px; background: #555; border-radius: 6px; margin: 2% 0; }
.note_txt { padding: 1%; }

/* mypage */
.my_status {}
.my_status_txt { padding: 2% 0; font-weight: bold; }
.my_status_txt span { text-decoration: underline; }
.my_status_point { color: #222; background: #FFF; border:1px solid #EEE; padding: 2%; margin-bottom: 2%; border-radius: 6px;}
.my_status_point .point_area { text-align: center; font-weight: bold; border:2px solid #EEE; padding: 2%; border-radius: 6px; }
.point_area i {font-size: 1.6rem; padding: 0 15px 0 0; color: #FFD800; }
.point_area span { font-size: 2rem; padding: 0 5px 0 0; }
.job_list { padding: 5% 0; border-bottom: 1px solid #EEE; margin-bottom: 2%; }

/* search */
.flip-horizontal { transform: scale(-1, 1);}
.pager_box { text-align: center; }
.modal-content { color: #222; }
.change_search_area { padding: 5%; }
.change_search_title { font-weight: bold; padding: 2% 0; }
.checkbox_area {  padding: 2%; }

/* form entry */
.entry_form_area {}
.entry_form_title { font-weight: bold; padding: 2% 0; }
.keep_modal_txt { font-weight: bold; padding: 20% 0 10% 0; text-align: center; }
.submit_btn_area { width: 300px; margin: 5% auto; }
.submit_btn_area input { font-size: 1rem; }
.others_txt {font-size: .9rem; text-align: center; padding: 1% 0;}

/* footer */
#footer { background: #222;  padding: 1em 0; }
#footer dl { padding: 0; }
#footer dl::after { content:""; display: block; clear: both; }
#footer dl dt { font-weight: bold; padding: .5em 0;  border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #3c3c3c; }
#footer dl a { font-size: .8rem; }
#footer dl ul li { float: left; padding: 0 .8em 0 0; }
#footer dl ul li a::after { content:"\f101"; margin: 0 0 0 .5em; }
footer dl ul.common_link { text-align: center; }
#footer dl ul.common_link li { display: inline-block; float: none; }
#footer dl ul.common_link li a::after { content:"\f0c1"; margin: 0 0 0 .5em; }
.copy { text-align: center; font-size: .8rem; }

/* ///////////////////////////////////////////////////////////////////// 
// Media Queries
/////////////////////////////////////////////////////////////////////*/
@media (min-width: 480px) {
  .drawer {display: none;}
  .grid-container { margin: 15px auto; }
  .center_col h3 {font-size: 1.4em;}
  .btn-size-1 { padding: 8% 0; font-size: 1.1rem; font-weight: bold; }
  .shop_top h4,.shop_top .shop_thum { float: right; }
  .shop_top h4 { width: 65%; font-size: 1.4em; font-weight: bold; line-height: 2; }
  .shop_thum { width: 35%; }
  .shop_conditions { margin:0 0 15px 0; }
  .top_logo { width: 50%; margin: 0% auto; padding: 5% 0; font-size: 1.4rem; line-height: 2; text-align: center; font-weight: bold; }
  .top_logo img {display: block; width: 50%; margin: 2% auto; }
  .btn-twitter, .btn-facebook, .btn-LINE { font-size: 1rem; }
}
@media (max-width: 768px) { 
  .center_col h3 {font-size: 1em; margin: 5% 0; }
  .center_col h3 i {padding: 0 5px 0 0 ;}
  .display_pc { display: none; }  
  .display_sp { display: block; }
  .keyword_list li { font-size:.8rem; width: 50%; text-align: left;}
  .shop_top h4,.shop_top .shop_thum { }
  .shop_top h4 {  font-size: 1.3em; font-weight: bold; line-height: 2; }
  .shop_thum {}
  .shop_benefits { text-align: left; font-size: .6rem; }
  .shop_conditions { margin:15px 0; }
  .shop_conditions li span { font-size: .6rem; margin: 5px 2px !important; }
  .btn-favorite { font-size: .8rem; }
  .center_col h3::before { top:25%;}
  .news_tag { font-size: .8rem; margin: 0 5px 5px 0; padding: 0 10px;}
  .news_txt_area h4 ,.movie_txt_area h4 { font-size: 1rem;}
  .news_txt_area p ,.movie_txt_area p { font-size: .7rem; }
  .top_logo { width: 100%; margin: 0% auto; padding: 10% 0; font-size: .7rem; text-align: center; font-weight: bold;}
  .shop_thum div { margin: 0; }
  .shop_category { margin: 0 0 15px 0;}
  .shop_category::after { content:""; display: block; clear: both; }
  .top_logo img { display: block; width: 60%; margin: 5% auto;}
  .cf_main { font-size: .9rem; }
  .cf_main::after {width: 80px; } 
  .cf_txt {font-size: .8rem; }
  .note_txt { font-size: .8rem; padding:2% 2% 5% 2%; }
  .btn-twitter, .btn-facebook, .btn-LINE { font-size: .6rem; }
  .job_list .btn-detail { font-size: .7rem; padding: 13px 0; }
  .map_area_bg { height: 270px;}
  .map_select_1, .map_select_2, .map_select_3,.map_select_4,.map_select_5,.map_select_6,.map_select_7,.map_select_8 { padding: 5px; }
  .map_select_1 div, .map_select_2 div, .map_select_3 div,.map_select_4 div,.map_select_5 div,.map_select_6 div,.map_select_7 div,.map_select_8 div { font-size: .8rem; padding: 5px 10px; }
  .my_status_txt { font-size: .8rem; }
  .btn-detail { padding: 8px 0; }
  .button_section_2 {margin: 5% 0;}
  [type=checkbox] + label, [type=radio] + label { margin-right: .2rem;s }
  .search_list { margin: 5% 0; }
  .shop_table_data th i { padding: 0 5px 0 0; }
  .shop_table_data th { font-size: .6rem; padding: 10px 5px; width: 25%;}
  #footer dl ul li { float: left; padding: 0 .1em .1em; 0; }
  #footer dl a { font-size: .6rem; }
}
/* ///////////////////////////////////////////////////////////////////// 
// common
/////////////////////////////////////////////////////////////////////*/
i {padding: 0 .5rem 0 0;}
.center_col { margin: 0 auto; padding: 0 3% !important; }
.left_col,.right_col { padding: 0 !important; } 
.left_col,.right_col { position: sticky; top:0; height: 100%; width: 100%; background: #FFF; border-radius: 6px; color: #555; }
.left_col .drawer-menu {  }
.left_col h2 { font-size: 1em; }
.shop_data_contents h3 { color:#bba375;  }
.center_col h3 {font-weight: bold; padding: 2% 0 2% 3% ; margin: 2% 0; position: relative;}
.center_col h3::before { content:""; display: block; width: 5px; height: 25px; background: #bba375; border-radius: 50px; position: absolute; top:30%; left: 0;}
.center_col h3::after { content:""; display: block; width: 100%; height: 2px; background: #333; border-radius: 50px; position: absolute; bottom:5%; left: 0;}
.shop_data_contents h3::after { content:""; background: #EEE; }
.center_col h3 i {padding: 0 10px 0 0 ;}
.add_list a { display: block; margin: 0 auto 10%; padding: 0 0 5% 0; border-bottom:1px solid #CCC; }
.add_list h3 { font-size: 16px; padding: 10px 0 0 0; font-weight: bold; }
.add_list p { font-size: 12px; }
.shop_free_contents h1 {font-size: 2rem; }
.shop_free_contents h2 {font-size: 1.8rem;}
.shop_free_contents h3 {font-size: 1.5rem ; }
.shop_free_contents h4 {font-size: 1.3rem; }
.shop_free_contents h5 {font-size: 1rem; }
.shop_free_contents h1,.shop_free_contents h2,.shop_free_contents h3, .shop_free_contents h4,.shop_free_contents h5,.shop_free_contents strong {font-weight: bold; margin: 0; padding: 0; }
.shop_free_contents h3 { color: #000; font-weight: bold ; padding: 0; margin: 0 ; }
.shop_free_contents h3::before,.shop_free_contents h3::after { display: none; }
.shop_free_contents strong { font-size:1rem; }
/* ///////////////////////////////////////////////////////////////////// 
// 追加
/////////////////////////////////////////////////////////////////////*/
#wrap section { max-width: 1200px; padding: 0 5%; margin: auto; }
.fv_wrap { margin: auto; position: relative; }
.fv_img img { line-height: 0; }
#FV .btn { height: 2.4375rem }
.fv_form { background: #FFF; border-radius: 10px; margin: 5%; overflow: hidden; }
.fv_form h2 { text-align: center; color: #FFF; font-size: 16px; padding: 5px 0; background: #bba375; }
.fv_form .flex_box { padding: 15px; }
.fv_form_txt { text-align: center; }
.txt_style_1 { max-width: 600px; margin: auto; color: #000; font-size: 25px; position: relative; padding: 1em; text-align: center; }
.txt_style_1 b{ font-size: 40px; display: block; color: #bba375; }
.txt_style_1:before,
.txt_style_1:after { position: absolute; content: ''; }
.txt_style_1:after { top: 0; left: 0; width: 50px; height: 50px; border-top: 2px solid #bba375; border-left: 2px solid #bba375; }
.txt_style_1:before { right: 0; bottom: 0; width: 50px; height: 50px; border-right: 2px solid #bba375; border-bottom: 2px solid #bba375; }
.txt_style_2 {}
.txt_style_2 li { display: flex; align-items: center; column-gap: 8px; color: #333333; }
.txt_style_2 li::before { width: 0.8em; height: 0.4em; border-bottom: 4px solid #bba375; border-left: 4px solid #bba375; transform: rotate(-45deg) translate(2px, -2px); content: '';} 
.txt_style_2 h3 { position: relative; }
.salary { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 1rem; }
.salary li { width: calc(100% / 3 - 2.1875rem); margin: 1.09375rem; background: #FFF; border:2px solid #bba375; color: #555; border-radius: 12px; box-shadow: 3px 2px 4px rgba(200, 200, 200, 0.8);font-weight: 600; font-style: normal; text-align: center; padding: 1.875rem .9375rem 2.5rem .9375rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.salary li h3 { font-size: 1.375rem; margin-bottom: 0.5rem; }
.salary li .salary_txt1 { margin-bottom: 1rem; }
.salary li .salary_txt2 { color: #bba375; font-size: 2.25rem; position: relative; line-height: 1; }
.salary li .salary_txt2:before { content: ''; background: #FFF57E; width: 100%; height: 0.9375rem; display: block; position: absolute; bottom: -.3rem; left: 0; z-index: 1; }
.salary li .salary_txt2 span { position: relative; z-index: 10; }
.salary li .salary_txt2 strong { font-size: 3rem; }
.step_txt_area{ }
.step_txt_area h3 { background: #bba375; padding: 1.75rem 1.875em; color: #fff; font-weight: 700; letter-spacing: 5px; border-radius: 10px; width: 100%;  max-width: 800px; text-align: center; text-shadow: 3px 2px 8px rgba(100, 100, 100, 0.6); text-shadow: 0px 0px 8px rgba(153, 153, 153, 0.8); line-height: 1.2; position: relative; }
.step_txt_cont, .wrapper { width: 60%; margin: 0 auto; padding: 0 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.step_txt_area h3:after { content: ''; margin: auto; width: 0; height: 0; border-style: solid; border-width: 18px 10px 0 10px; border-color: #bba375 transparent transparent transparent; position: absolute; bottom: -18px; left: 0; right: 0; }
.step_txt_area_body { background: #FFF; padding: 7.5rem 1.25rem 1.5625rem 1.25rem; margin-top: -5.625rem; }
.step_txt_cont, .wrapper { width: 60%; margin: 0 auto; padding: 0 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.step_txt_area_body h4 { color: #bba375; font-size: 1.625rem; font-weight: 700; letter-spacing: 3px; text-align: center; margin-bottom: 1.5rem; }
.step_txt_area_body .submit_step { display: flex; -webkit-justify-content: center; justify-content: center; margin-bottom: 3.125rem; }
.step_txt_area_body .submit_step .step_wrap_:first-child { margin-right: 5.625rem; position: relative; }
.step_txt_area_body .submit_step .step_wrap_ { width: 22.5rem; display: flex; position: relative; -webkit-align-items: center; align-items: center; }
.step_txt_area_body .submit_step .step_wrap_ .step_wrap_icon { width: 3.75rem; height: 3.75rem; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; background: #FFF; border:2px solid #bba375; border-radius: 50%; color: #bba375; font-size: 32px; margin-right: 1.5625rem; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; }
.step_txt_area_body .submit_step .step_wrap_ .step_wrap_icon i { display: block; width: 32px; height: 32px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.step_txt_area_body .submit_step .step_wrap_ .step_wrap_col { font-size: 1.25rem; font-weight: 700; line-height: 1.8; }
.step_txt_area_body .submit_step .step_wrap_ .step_wrap_col h5 { color: #bba375; }
.step_txt_area_body .submit_step .step_wrap_:first-child:after { content: '▶︎'; font-size: 1.25rem; margin: 0 2.1875rem; color: #bba375; position: absolute; width: 1.25rem; height: 1.25rem; top: 0; bottom: 0; right: calc(-5.625rem / 2); margin: auto; }
.step_txt_area_body .submit_step .step_wrap_ { width: 22.5rem; display: flex; position: relative; -webkit-align-items: center; align-items: center; }
.step_last_txt { color: #555; font-weight: 700; font-size: 1.5rem; text-align: center; }
.search_area { }
.search_form .search_title h2 { font-size: 2rem; font-weight: 600; font-style: normal; text-align: center; }
.alphabet { font-weight: 100; color: #BBA375; display: block; font-size: 1.25rem; margin-top: .625rem; letter-spacing: 1px; }
.alphabet::after { content:""; display: block; width: 50px; height: 1px; margin: 15px auto; background:#BBA375;  } 
search_form .search_title .search_icon_area { width: 10.625rem; height: 10.625rem; background: #FFF; border-radius: 50%; margin: 1.5625rem auto 0 auto; color: #bba375; font-size: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.container { margin: 0 auto; padding: 0 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search_form .search_wrap_ .search_wrap_inner { background: #FFF; border-radius: 10px; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate { margin-bottom: 20px; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1%; }
.search_form .search_title .search_icon_area { width: 10.625rem; height: 10.625rem; background: #FFF; border-radius: 50%; margin: 1.5625rem auto 0 auto; color: #bba375; font-size: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search_form .search_wrap_ .search_wrap_inner { background: #FFF; border-radius: 10px; }
h3.btn_title_1 { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 30rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; font-size: 1.25rem; position: relative; }

.search_wrap_ h3 { font-weight: 700; margin: 0 auto 1.875rem auto;  }
.btn_title_1 { background: #999; border-radius: 3.125rem; height: 3.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: 700; position: relative; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list { margin-bottom: 2.8125rem; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dt { font-size: 16px; font-weight: 700; padding: 10px; border-bottom: 1px solid #3ECFFF; background: #cffffe; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dt a { color: #000; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1%; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul li { width: 23%; border-bottom: 1px solid #efefef; margin: 0 1% 0 1%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul li a { color: #555; font-weight: 700; font-size: .875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5%; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul li a i { margin: 0 0 0 auto; font-size: .75rem; color: #aaa; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .searchgrid02 .search_checlist__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .searchgrid02 .search_checlist__box .search_checlist_ { margin: .625rem; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ { min-width: 200px; margin: .625rem 0; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ input[type="checkbox"] { display: none; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ label span { display: block; background: #cffffe; border-radius: .375rem; padding: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ label span:before { content: ''; width: 1.25rem; height: 1.25rem; background: #FFF; border-radius: 50%; display: block; margin-right: 0.5em; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ input[type="checkbox"]:checked + span:before { content: ''; background: url("../images/icon-check.svg") no-repeat center; background-size: 1.25rem; transition: all .2s ease-in ; }
.search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ input[type="checkbox"]:checked + span { background: rgba(255,227,0,0.20); transition: all .2s ease-in ; }
.search_form .search_wrap_ .search_wrap_inner .search_btn { width: 18.125rem; margin: 0 auto; }
.btn_style_1 { background: #FFF; border: 3px solid solid #bba375; border-radius: 3.125rem; height: 3.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #bba375; font-weight: 700; position: relative; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.btn_style_1 i { position: absolute; top: 1.25rem; right: 1.5625rem; }  
.footer_navi_memu { margin: 5% auto; }
.footer_navi_memu .footer_navi_memuinner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.footer_navi_memu .footer_navi_memuinner li { width: 17.1875rem; height: 17.1875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
.footer_navi_memu .footer_navi_memuinner li figure { width: 100%; height: 100%; position: relative; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: .5rem; }
.footer_navi_memu .footer_navi_memuinner li h2 { font-size: 1.75rem; font-weight: 700; letter-spacing: 2px; color: #FFF; position: relative; z-index: 100; text-align: center; }
.footer_navi_memu .footer_navi_memuinner li h2 em { display: block; margin-top: .625rem; color: #FF9B00; font-size: 1rem; }
.footer_navi_memu .footer_navi_memuinner li figure img { width: 150%; }
.footer_navi_memu .footer_navi_memuinner li figure:after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 10; display: block; position: absolute; top: 0; left: 0; border-radius: .5rem; }
.modal-content { background: #FFF; }
.business_detail_txt { background: #FFF; border-radius: 10px; border:1px solid #CCC; padding: 1rem; font-size: .9rem; margin: 1rem 0; }
.business_detail_txt h4 { font-size: 1.2rem; text-align: center; font-weight: bold; padding: 0 0 .5rem 0; border-bottom: 5px dotted #CCC; margin-bottom: .5rem; }
.business_margin .grid-x { margin-bottom: 10%; }
.business_margin .grid-x:last-child { margin-bottom: 0; }
.flex_col_2 .btn-LINE { padding: 10px 0; }
.FV  { background: #FFF9FA; }
.FV .item { position: relative; /*max-width: 1300px;*/ margin: auto;  }
.btn-detail2 a { font-size: 20px;  max-width: 350px; display: block; background: #bba375;  border:2px solid #bba375; overflow: hidden; color: #FFF; font-weight: bold; padding: 15px 0; border-radius: 6px; position: relative; }
.btn-detail2 a:hover::before { content:""; transform-origin: 0% 50%; transform: scaleX(1); }
.btn-detail2 a span { position: relative; z-index: 2;}
.btn-detail2 a:hover { color: #bba375; opacity: 1; }
.btn-detail2 a::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #FFF !important; transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; }
.treatment .grid-x { margin-bottom: 5%; }
.voice_list .news_thumbnail { width: 40%; }    
.voice_list .news_thumbnail img { display: block; overflow: hidden; border-radius: 10px; }
.voice_list .news_txt_area { width: 60%; padding: 0 2% }
.voice_list a { color: #000; }
.more_btn a { color: #bba375;}
/* 取り扱い商品ページタブ切り替え　*/
.main_tab_select { margin: 0 auto; padding: 20px; }
.main_tab_select-contents h3 { font-weight: bold; }
.main_tab_select-contents h2 { font-size: 20px; padding: 10px; box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	color:#666666;
	font-weight:bold;
	text-shadow:0px 1px 0px #ffffff;
 }
.main_tab_select-buttons { display: flex; border-bottom: 1px solid #ccc; }
.main_tab_select-buttons button { padding: 10px 20px; background: none; border: none; border-bottom: 2px solid transparent; cursor: pointer; font-size: 16px; transition: all 0.3s; }
.main_tab_select-buttons button:hover { background: #f0f8ff; }
.main_tab_select-buttons button.active { border-bottom: 2px solid #007bff; color: #007bff; }
.main_tab_select-contents .content { display: none; padding: 20px 0; animation: fadeIn 0.3s ease-in-out; }
.main_tab_select-contents .content.active { display: block; }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; }
}
@media (max-width: 768px) {    
  .main_tab_select-buttons button { padding: 10px 0; width: 50%; text-align: center; }
  .main_tab_select { padding: 0; }
}  
/* 取り扱い商品　*/
#vertical_tab_nav1 { display: block; width: 100%; }
#vertical_tab_nav1 ul{ display: block; float: left; margin: 0px; padding: 0px; list-style: none; overflow: hidden; width: 20%; border-radius: 10px 0 0 10px; background: #555; }
#vertical_tab_nav1 li{ text-align: left; padding: 0px; }
#vertical_tab_nav1 li:last-child{ margin-bottom: 0px; border-bottom: 0px; }
#vertical_tab_nav1 li button { width: 100%; display: block; font-size: 13px; color: #fff; text-decoration: none; padding: 7%; background: #57cac9; border-bottom: 1px solid #FFF; background: #999; }
#vertical_tab_nav1 li button.selected { background: #EEE; border-right: none; color: #000; font-weight: bold;}
#vertical_tab_nav1 .vertical_tab_box { display: block; float: left; background: #fff; width:79%; min-height: 500px; padding: 10px 3% 3% 3%; border-radius: 0 10px 10px 0; }
#vertical_tab_nav1 .vertical_tab_box article{ display: none; margin: 0px; color: #555; }
@media (max-width: 768px) {
  #vertical_tab_nav1 ul { float: none; width: 100%; border-radius: 0; background: none; }  
  #vertical_tab_nav1 li { float: left; width: 50%; }
  #vertical_tab_nav1 li button { font-size: 12px; }
  #vertical_tab_nav1 .vertical_tab_box { float: none; width: 100%; }
}
/* リサイクル品　*/
#vertical_tab_nav2 { display: block; width: 100%; }
#vertical_tab_nav2 ul{ display: block; float: left; margin: 0px; padding: 0px; list-style: none; overflow: hidden; width: 20%; border-radius: 10px 0 0 10px; background: #555; }
#vertical_tab_nav2 li{ text-align: left; padding: 0px; }
#vertical_tab_nav2 li:last-child{ margin-bottom: 0px; border-bottom: 0px; }
#vertical_tab_nav2 li button { width: 100%; display: block; font-size: 13px; color: #fff; text-decoration: none; padding: 7%; background: #57cac9; border-bottom: 1px solid #FFF; background: #999; }
#vertical_tab_nav2 li button.selected { background: #EEE; border-right: none; color: #000; font-weight: bold;}
#vertical_tab_nav2 .vertical_tab_box { display: block; float: left; background: #fff; width:79%; min-height: 500px; padding: 10px 3% 3% 3%; border-radius: 0 10px 10px 0; }
#vertical_tab_nav2 .vertical_tab_box article{ display: none; margin: 0px; color: #555; }
@media (max-width: 768px) {
  #vertical_tab_nav2 ul { float: none; width: 100%; border-radius: 0; background: none; }  
  #vertical_tab_nav2 li { float: left; width: 50%; }
  #vertical_tab_nav2 li button { font-size: 12px; }
  #vertical_tab_nav2 .vertical_tab_box { float: none; width: 100%; }
}
.recycling_box dl { width: 50%; float: left; }
.recycling_box span { display: block  }
.recycling_in dl::after { content:""; display: block; clear: both; }  
.recycling_in { margin: 2%; padding: 2%; }
.recycling_box dt { font-weight: bold; position: relative; text-align: left; }
.recycling_box dt::after { content:""; display: block; background: #CCC; height: 1px; width: 100px; margin: 10px 0;}
.recycling_img ,.recycling_txt { float: left; }
.recycling_img { width: 40%; }
.recycling_txt { width: 60%; font-size: 14px; padding-left: 10px; text-align: left;  }
.recycling_note { font-size: 14px; text-align: left; padding: 2%; margin: 2% 0; border: 1px solid #EEE; border-radius: 10px; }
.recycling_box dd::after { content:""; display: block; clear: both;  }

@media (max-width: 768px) {
  .recycling_box dl { float: none; width: 100%;  }
  .recycling_note { font-size: 12px; }
}
@media (min-width: 1200px) {
  .FV .gallery { padding: 0 }
}
@media (max-width: 768px) {
  header .logo { padding: 0; }
  .FV .owl-carousel .owl-item { height: 30vh; overflow: hidden; }
  .FV .owl-carousel .owl-item img { width: 130%; margin: -5% 0 0 -10%; }
  .FV .gallery { padding: 0; }
  .btn-detail2 a { font-size: 12px; padding: 5px 0; margin-top: 0px; max-width: 200px; }
  #FV { background-size: 220%; }
  #FV,
  #wrap {  overflow: hidden !important;}
  .fv_img img { width: 180%; margin: 0 0 0 -120px; }
  .fv_form { margin: 2%; }
  .fv_form .flex_box { padding: 10px; display: block; }
  .fv_form .flex_box div { width: 100%; }
  .fv_form .flex_box div select { margin: 0 0 5px 0;}
  .fv_form_txt { font-size: 14px; }
  .fv_form h2 { font-size: 14px; }
  .txt_style_1 { font-size: 14px; }
  .txt_style_1 b { font-size: 25px; }
  .txt_style_2 { margin-top: 5%; }
  .txt_style_2 li { font-size: 13px; padding: 5px 0; }
  .salary { margin: 0; }
  .salary li { width: 48%; margin: 0 2% 2% 0; padding: 15px 10px; }
  .salary li .salary_txt2 { font-size: 16px; }
  .salary li .salary_txt2 strong { font-size: 25px; }
  .step_txt_cont, .wrapper { width: 100%; }
  .step_txt_area_body { padding: 115px 0 0 0; }
  .step_txt_area_body .submit_step { display: block; }
  .step_txt_area_body .submit_step .step_wrap_ { width: 100%; display: flex; }
  .step_txt_cont, .wrapper { padding: 0; }
  .step_txt_area_body .submit_step .step_wrap_:first-child { margin: 0 0 15px 0; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul li { width: 48%; }
  .container { padding: 0; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_section .searchgrid02 .search_checlist__box .search_checlist_ { margin: 1%; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ { min-width: auto; width: 48%; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ label span { padding: 15px 5px; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_section .search_checlist_ label span:before { width: 15px; height: 15px; }
  label { font-size: 12px; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_section .searchgrid02 .search_checlist__box { margin-bottom: 20px; }
  .footer_navi_memu .footer_navi_memuinner { display: block; }
  .footer_navi_memu .footer_navi_memuinner li { width: 100%; margin: 0 auto 5%;}
  .grid-container:not(.full) > .grid-padding-x { margin: 0; }
  .grid-container { padding: 0; }
  .footer_navi_memu { margin: 5%; }
  .sub_cont_fv { margin-top: 0%; }
  .search_form .search_wrap_ .search_wrap_inner .search_wrap_list .search_cate .search_cate_list dd ul li a { font-size: 12px; }
  .cont_1_txt span::after { margin: 15px auto; }
  .item_list { width: 100%; font-size: 14px; }
  .item_name { width: 100%;}
  form#contact { padding: 5% 0; }
  .cont_svervice_list_in { margin: 2% 0; }
  .cont_svervice_bn_txt { padding: 5% 2%; }
  #footer-recruit .footer_link_a { float: none; }
  .hours_wrao { padding: 0 5%; }
}