@charset "UTF-8";


@media screen and (max-width: 1065px){
    .hd_logo img { max-width: 280px; }
    .nav_list li:first-child a { padding:8px 12px 7px; font-size:14px; }
    .nav_list li:first-child a::before { position:relative; top:1px; }
    .nav_list a { padding: calc(44px - 0.9em) 5px 25px; font-size: 14px; }
    [class*="top_section"] .swiper-button-next,
    [class*="top_section"] .swiper-button-prev { top: calc(8vw + 128px); }
    .top_section2 .swiper-button-next,
    .top_section2 .swiper-button-prev { top: calc(8vw + 100px); }
}

@media screen and (max-width: 890px){
    /*header*/
    .hd_inner { padding: 0; display:block; }
    .hd_logo { padding:20px 15px; }
    /*gNav*/
    .nav_global { position:static; display:block; }
    .nav_global > * { display:block; }
    .nav_list { display:table; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
    .nav_list li { display:table-cell; letter-spacing: normal; text-align:center; }
    .nav_list li:first-child a { padding:10px 0; font-size:14px; border-radius:0; }
    .nav_list li:first-child a::before { top:2px; }
    .nav_list li:first-child { width:30%; }
    .nav_list li:nth-child(2) { width:27%; }
    .nav_list li:nth-child(3) { width:16%; }
    .nav_list li:nth-child(4) { width:27%; }
    .nav_list li + li { border-left:1px solid #ddd; }
    .nav_list a { width: 100%; padding: 10px 0; font-size: 14px; }
    .nav_top { position:absolute; right:10px; top:16px; margin:0; }
}


@media screen and (max-width: 767px){
/*============================================
                  SP Hack.
============================================*/


/* init */
body { font-size:13px; }


/* base */
main { padding:20px 20px 0; }


/* changes  */
.pc_none { display: none; }
.sp_none { display: block; }


/* hdg set */
.hdg_l1 { font-size: 14px; }
.hdg_l2 { font-size: 18px; margin-bottom: 25px; padding-bottom: 15px; }
[class*="top_section"] .hdg_l2 { margin-bottom: 20px; }
.hdg_l2 + p { margin:-10px 0 30px; font-size:14px; }
.hdg_l2 span { font-size:14px; }
.hdg_l3 { font-size: 16px; margin-bottom: 15px; }
.hdg_l4 { font-size: 14px; margin-bottom: 15px; }
.hdg_l5 { font-size: 12px; margin-bottom: 8px; }


/* link set */
/*nav*/
/*btn*/
.link_btn { max-width: 280px; text-align: center; }
.link_btn a { padding: 8px 30px; font-size: 14px; }
.link_btn.set1 { margin:10px auto 0; }
.link_btn.set1 a { padding:15px; font-size:16px; }


/* header set */
/*header*/
.hd_inner { padding: 0; display:block; }
.hd_inner p { line-height: normal; }
.hd_inner::before { height: 3px; }
.hd_logo { padding:15px; }
.hd_logo img { max-width: 200px; }
/*gNav*/
.nav_list li:first-child a { padding:8px 0; font-size:12px; }
.nav_list a { padding: 8px 0; font-size: 12px; }
.nav_top { position:absolute; right:10px; top:11px; margin:0; }
.nav_top a { width: auto; padding: 6px 10px; font-size: 10px; }


/* footer set */
/*footer*/
.ft { background:url(/common/img/ft_bg.png) no-repeat center top, linear-gradient(white 70px, #FBE3DD 30px);  background-size: auto 100px; padding-top:100px; }
.ft_inner { text-align:center; padding:20px 20px 60px; }
.ft small { max-width: 100%; padding: 0; font-size:10px; }
/*fNav*/
.ft_nav li + li::before { height:12px; margin:0 10px 0 0; background-color:#333333; position:relative; top:1px; }
/*
.nav_ft { margin-bottom:20px; }
.nav_ft li { display:block; margin:0; text-align:left; border-bottom:1px dotted #333; }
.nav_ft li a { display: block; padding:10px 4px; }
.nav_ft li + li::before { content: ""; }
.nav_ft li + li a { margin-left:0; }
.nav_ft a:hover { opacity:1; text-decoration:underline; }
*/


/* search set */
.search_area { margin-bottom:20px; }
.search_area #keyword { height: 35px; padding:5px 12px; border:1px solid #F6BCAC; font-size:14px; width: calc(100% - 70px); }
.search_area button { padding:1px 10px 0; width: 70px; text-align:center; font-size:14px; line-height:34px; }
.search_area button::before { width:15px; height:15px; margin-right:0; position:relative; top:2px; left:-3px; }


/* mv set */
.mv_inner > a { display: block; }
.mv_img { aspect-ratio: initial; width: 100%; }
.mv_img img { width: 100%; height: auto; }
.mv_txt { width: 100%; aspect-ratio: initial; }

.mv { padding-bottom:20px; margin:0 -20px; overflow:initial; }
.mv_inner a.new::before { display: block; width:40px; height:40px; line-height:40px; border-radius: 10px 50% 50% 50%; }
.mv_inner:hover .mv_txt { background: none; }
.mv_img { border-radius:10px;overflow:hidden; box-shadow: 0px 5px 10px 0px #d7d7d7; }
.mv_txt { opacity: 1; position:relative; padding: 20px 10px 10px; background:none; }
.mv_txt > * { color:initial; }
.mv_txt .cat { font-size: 14px; margin-bottom:8px; padding-bottom:5px; }
.mv_txt .hdg { font-size: 18px; margin-bottom:5px; line-height:1.4; }
.mv_txt .hdg_s { font-size: 16px; }

.mv_txt_attention { top:20px; margin: 0 -20px; padding:0 20px 10px;}
.mv_txt_attention_inner { font-size:14px; padding:13px 20px; line-height:1.6; }


/* ticker set */
.news_ticker { margin:-20px -20px 20px; color:#fff; text-align:center; padding:10px; font-size:12px; }


/* list set */
.list_video .cat { font-size:12px; margin-bottom:5px; }
.list_video .hdg { font-size:15px; margin-bottom:8px; }
.list_video .hdg_s { font-size:12px; }
.list_video figure { border-radius:10px; border:1px solid #ccc; overflow:hidden; margin-bottom:25px; }
.swiper_col3_inner { overflow:hidden; }

.list_tag { margin:0 20px; width: calc(100% - 40px); padding:0; }
.list_tag li { margin: 0 3px 7px 0; }
.list_tag li a { padding: 5px 10px 4px; }


/* top set */
.top_contents { margin:0 -20px; padding:40px 0 20px; }
.top_contents section + section { margin-top:30px; }
.top_captipon { margin:20px 20px 0; }


/* btm set */
.btm_contents { margin:-20px -20px 0; padding:40px 20px 20px; }
.btm_contents p { font-size:14px; }

/* btm list */
.list_rule { margin-top: 10px; padding:20px 20px 20px; }
.list_rule dt { width: 100%; font-size:12px; margin-bottom:5px; }
.list_rule dd { border-left:none; width: 100%; padding-left: 0; font-size:12px; }
.list_rule > * { margin-top:0; }
.list_rule dd + dt { margin-top:15px; }

.list_01 { margin-top: 30px; padding:20px 20px 20px; }
.list_01 dt { width: 100%; font-size:15px; margin-bottom:5px; }
.list_01 dd { border-left:none; width: 100%; padding-left: 0; font-size:14px; }
.list_01 > * { margin-top:0; }
.list_01 dd + dt { margin-top:15px; }

.list_02 { margin-bottom:20px; }
.list_02 > * { padding:20px 20px 0 46px; }
.list_02 > *::before { left:15px; }
.list_02 dt { font-size:16px; }
.list_02 dd { font-size:14px; padding:8px 20px 20px 46px; }
.list_02 dd + dt { margin-top:10px; }
.list_02 dt::before { top:20px; }
.list_02 dd::before { top:6px; }

/* search set */
.search_contents { padding:0; overflow:hidden; }
.search_contents + .search_contents { margin-top:20px; }
.search_contents_inner { display:block; margin-bottom:0; }

.search_nav { margin:5px 0 30px; }
.search_nav .num { font-size:14px; margin-bottom:8px; }
.search_nav .num span { font-size:14px; }

.search_result { padding: 0 5px 10px; font-size:14px; }
.search_result b { font-size:16px; }

.search_img, .search_txt { width:100%; }
.search_txt { padding:15px 20px 5px; }
.search_txt .cat { font-size:12px; margin-bottom:7px; }
.search_txt .hdg { font-size:18px; margin-bottom:5px; }
.search_txt .hdg_s { font-size:15px; }
.search_txt .list { padding:10px 15px; margin-top:10px; font-size:12px; }
.search_txt .list li { display:block; margin-right:0; }
.search_txt .list li + li { margin-top:3px; }
.search_txt .list .stock { display:block; margin:3px 0 0 0; }
.search_txt .nav { margin-top:15px; }
.search_txt .nav > * { display:block; width:100%; margin:0 auto; }
.search_txt .nav .link_btn a { padding: 12px 30px; font-size: 16px; font-weight:bold; }
.search_txt .nav .link_btn + .link_btn { margin-top:8px; }

.search_tg { padding:20px; }
.search_tg .nav_tg { padding: 10px; font-size: 13px; }
.search_tg .nav_tg::after { transform:scale(0.8) rotate(180deg); margin-left:2px; top:-2px; }
.search_tg.active .nav_tg::after { transform:scale(0.8) rotate(0deg); top:2px; }
.search_tg_inner { padding:0 10px; }
.search_tg_inner .hdg { font-size:16px; padding:10px 0; margin:0 -10px 15px; }
.search_tg_inner p { font-size:14px; line-height:1.8; }
.search_tg_inner p + p { margin-top:7px; }
.active .search_tg_inner { padding:20px 10px 0; }

.nav_pager { margin:30px -20px 0; padding:30px 0 40px; }
.nav_pager_inner { width: 100%; position:relative; }
.nav_pager_inner * { vertical-align: top; }
.nav_pager_inner span { position:absolute; bottom:-30px; }
.nav_pager_inner span a  { font-size:12px; height:26px; }
.nav_pager_inner span + span { padding-left:0; }

.nav_pager_inner ul { width: 100%; display: inline-block; padding:0 20px; white-space: normal; font-size:0; text-align:center; }
.nav_pager_inner ul li { display:inline-block; }
.nav_pager_inner ul li + li { padding-left:10px; padding-bottom:10px; }
.nav_pager_inner ul li a { display:inline-block; min-width:25px; height:25px; line-height: 25px; font-size:14px; }
.nav_pager_inner ul li a { line-height:20px; font-size:12px; }
.nav_pager_inner ul li a.active { color: #fff; background-color:#EE7959; }

.prev { left:60px; }
.prev_end { left:20px; }
.next { right:60px; }
.next_end { right:20px; }

.cart_set { max-width: 1220px; margin: 0 auto 30px; padding: 14px 20px 70px; background:#F6BCAC; text-align:center; }
.cart_set span { font-size:14px; font-weight:bold; }
.cart_set span::before { display: block; margin:0 auto; transform:scale(0.7); }
.cart_set .link_btn { right:initial; top:initial; left: 0; bottom:15px; max-width:100%; width:100%; }
.cart_set .link_btn a { padding:11px; width:250px; margin: 0 auto; }


/* contact set */
.contact_contents { padding-bottom:60px; }
.contact_contents_inner { padding:15px; margin:0 0 40px; }
.cart_box { margin-top: 10px; font-size:12px; }
.cart_box th { padding:7px; }
.cart_box th:first-child { width:80px; }
.cart_box td { padding:6px; }
.cart_box tr td:first-child { width:80px; }
.cart_box tr td:last-child { width:80px; }
.cart_box .link_btn a { padding: 8px 8px 8px; font-size: 12px; line-height:1.4; border-radius:20px; }

/* form */
.contact_form { margin:-20px -20px 0; padding:40px 0 20px; }
.contact_form.ip_set { padding:90px 0 20px; }
.contact_form.ip_set::before { left:calc(50% - 5px); top:30px; width:10px; height:39px; }
.contact_borrow_box { padding:0; }
.contact_borrow_box .link_btn { position:initial; margin:15px auto 0; }

.contact_tnx_inner { auto; padding:0 20px; }
.contact_tnx_inner h3 { margin:40px 0 30px; font-size:1.2rem; text-align:center; }
.contact_tnx_inner h4 { margin-bottom:10px; font-size:1rem; }
.contact_tnx_inner p + h4 { margin-top: 20px; }
.contact_tnx_inner p { line-height:1.6; }
.contact_tnx_inner p + p { margin-top:10px; }

/* form list */
.form_list { padding:0 0; margin:0 20px; }
.form_list + .form_list { border-top:1px solid #C6C6C6; margin-top:20px; padding-top:40px; }
.form_list dt { width: 100%; font-size:14px; }
.form_list dd { width: 100%; font-size:14px; }
.form_list dt { padding:3px 0 3px 18px; margin-bottom:5px; }
.form_list dd { padding:3px 0 3px; margin-bottom:20px; }
.form_list dt.address_area::before { height: 100%; }

.form_list dd textarea,
.form_list dd select,
.form_list dd > input { border:1px solid #EE7959; padding: 6px 5px; min-height:35px; margin-right:5px; font-size:14px; }
.form_list dd label input { margin:0 5px 0 0; }
.form_list dd label + label { margin-top:5px; }

/* form parts */
.form_list .year { width:auto; }
.form_list .month,
.form_list .day { width:auto; margin-left:5px; }
.form_list .w40 { width:60%; }
.form_list .job, .form_list .job_sub { width:100%; }
.form_list .job_sub { margin:7px 0 0 0; }
.form_list .link_btn a { width:80px; padding:8px 5px; font-size:12px; }
.form_list .caption { font-size:12px; }
.form_lead { padding: 0 30px; text-align: left; margin-bottom:0; font-size:14px; }

/* form area */
.privacy_area { width:calc(100% - 40px); padding:15px 5px 15px 20px; border:1px solid #AAAAAA; margin:0 20px 25px; }
.privacy_area_inner { height:120px; font-size:12px; padding-right: 10px; }
.checkbox_area { font-size:14px; }
.checkbox_area input { margin-right:10px; }
.checkbox_area + .link_btn { margin:20px auto 0; }
.checkbox_area + .link_btn a { width:100%; padding:15px 20px; font-size:18px; }

.link_btn.submit { margin:20px auto 0; }
.link_btn.submit a { width:100%; padding:15px 20px; font-size:18px; }

.link_btn.s { margin-top:20px; }


/* slider */
.swiper_col1 { box-shadow: none; border-radius: 0; }
.swiper_col1 { padding:0 20px; margin:0; }
.swiper_col3 { margin: 0 auto; padding:0; }
.swiper-slide { width: 100%; height: 100%; }

[class*="top_section"] .swiper-button-next,
[class*="top_section"] .swiper-button-prev { top: calc(15vw + 80px); }

.top_section2 .swiper-button-next,
.top_section2 .swiper-button-prev { top: calc(15vw + 60px); }

.swiper-button-next,.swiper-button-prev { top: 30%; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { max-width: 86%; width: 100%; display: block; bottom: 0; top: inherit; left: 7%; right:inherit; text-align:center; }
.swiper-button-next:after { transform:scale(0.6); }
.swiper-button-prev:after { transform:scale(0.6); }

.mv .swiper-button-prev, .mv .swiper-rtl .swiper-button-next { left: 10px; }
.mv .swiper-button-next, .mv .swiper-rtl .swiper-button-prev { right: 10px; }
.mv .swiper-button-next,.mv .swiper-button-prev { top: 26vw; }

.mv .swiper-controll { bottom: 14px; right: 20px; }
.mv .swiper-controll button { width:15px; height:auto; }


/* video parts */
.nav_list li.contact:first-child  { margin-right:0; }
.nav_list li.contact:first-child a { text-align: right; padding: 8px 15px; font-weight: normal; font-size: 12px; }

.video_area { margin: -30px -20px 60px; padding: 20px 0 0; position: initial; }
.video_area iframe { width: calc(100% - 40px); margin: 0 20px; }
.news_ticker + .contents .video_area { margin-top: -20px; }
.video_info { bottom: -37px; padding: 0 20px; }
.video_info a { font-size: 12px; }

.video_info_area { position: fixed; padding-top: 4vw; background: rgba(255, 255, 255, 1); }
.video_info_area picture { width: 100%; padding: 10% 40px 0; }

.video_contents { padding: 25px 0 40px; }
.video_contents_inner + .video_contents_inner { margin-top: 30px; }

.video_hdg { font-size: 14px; margin-bottom: 16px; text-align: center; }
.video_status { display: block; padding: 20px 30px; border-radius: 6px; }
.video_status > * { display: block; }
.video_cord { width: 100%; font-size:14px; color: #EE7959; border-bottom: 1px solid #EE7959; padding-bottom: 8px; margin-bottom: 10px; }
.video_title { width: 100%; border: none; padding: 0; margin-bottom: 15px; }
.video_title p { font-size:16px; }
.video_playStart { width: 100%; text-align: center; padding: 0; }
.video_playStart button { width: 250px; display: block; font-size:16px; margin: 0 auto; padding: 15px 25px; } 
.video_playStart button + button { margin-top: 10px; }
.video_playClose { position: initial;  text-align: right; margin-top: 15px; }
.video_playClose a { font-size: 14px; }
.video_info a::after { top: 5px; }
.video_playClose a::after { top: 4px; }

.enq_appeal { margin: 0 -20px; }
.enq_appeal p { font-size: 16px; padding: 30px 30px 0; line-height: 1.6; }

.confirm .confirm_inner { position: absolute; top: 25%; left: 20px; width: calc(100% - 40px); padding: 40px 0; }
.confirm .confirm_inner p { font-size: 4.5vw; line-height: 1.6; }
.confirm .confirm_inner button { width: 240px; font-size: 16px; }
.confirm .confirm_inner button + button { margin-top: 10px; }



}

@media screen and (max-width: 320px){
    .hd_logo img { max-width: 170px; }
}