@charset "utf-8";
/* ----------------------
レスポンシブ調整用 2026
---------------------- */
/*-----------------
PC
------------------*/
/*TOP*/
.magazine ul.list.flex_wrap{display: flex;justify-content: space-between;flex-wrap: wrap}
.magazine ul.list.flex_wrap li{width: 30%;float: none}
.magazine ul.list.flex_wrap li:nth-child(3n-1){margin: 0}
.magazine ul.list.flex_wrap li .thumb .inner{width: 100%}

footer{padding: 3rem 2rem}
footer .wrap {display: flex;justify-content: space-between}
footer .mark,
footer .logo .recruit_btn{width: 100%}
footer .wrap .logo{width: 35%;float: none}
footer .wrap .sitemap{width: 60%;float: none;margin-left: 0;display: flex;justify-content: space-between}
footer .sitemap_box{float: none;width: 30%}
footer .sitemap_box:nth-child(2){margin: 0}


/*strage*/
.page_strage .hnb2112{max-width: 1200px; width: 100%}
.page_strage .inblock.wrap.clfix{display: flex;justify-content: space-between;}
.page_strage .inblock.wrap.clfix:after{display: none}
.page_strage .inblock.wrap.clfix .internal_movie{width: 46%;float: none}
.page_strage .inblock.wrap.clfix .internal_txt{width: 50%;float: none;}

.page_strage .page_case .offer .offer_flex{display: flex;justify-content: space-between;}
.page_strage .page_case .offer .offer_flex .offer_cont{width: 48%;margin: 0 0 4% 0;float: none}

.page_case .offer_main{display: flex;}
.page_case .offer_main .thumb{width: 50%}
.page_case .offer_main .txt{width: 50%;display: block;padding: 2em}
.page_case .offer_kanren .offer_jirei{width: 80%}
.page_case .offer_kanren .offer_jirei .clfix{display: flex;}
.page_case .offer_kanren .offer_jirei .clfix li{width: 16%}

.page_strage .estimate_cont_flex{display: flex;justify-content: space-between;}
.page_strage .estimate_cont_flex .estimate_cont{width: 48%;float: none}

.page_strage .estimate_naiyou .type{display: flex; justify-content: space-between}
.page_strage .estimate_naiyou .type p.img{display: block;width: 24%;float: none}
.page_strage .estimate_naiyou .type .type_tit{width: 70%;float: none}
.page_strage .estimate_naiyou .price{float: none;width: 48%}
.page_strage .estimate_naiyou .btn{float: none;margin: 0;width: 48%}
.page_strage .estimate_naiyou .btn a{width: 100%}
.page_strage .estimate_contact li{width: 48%;}
.page_strage .flowBtnWrap{width: 80%;margin: 40px auto }
.page_strage .estimate_contact{width: 53%; margin: 0 auto;}
.page_strage .estimate_contact li{float: none;width: 48%}

/*事業所一覧*/
.page_office #service_office .flex_wrap{display: flex;flex-wrap: wrap;gap:2%;        box-sizing: border-box;}
.page_office #service_office li{width: calc((100% - 4%) / 3);float: none;margin: 0;margin-bottom: 40px}
.page_office .service_office .btn{float: none;display: flex;justify-content: space-between}
.page_office .service_office .btn a.emp{width: 48%;}
.page_office .service_office .btn a{width: 48%;display: block}

/*お問い合わせ系*/
div#undercolumn_contact{width: 100%;max-width: 820px}

/*QA*/
.faq-nav{width: 90%; margin: 0 auto 50px;box-sizing: border-box;	}

/*物件一覧*/
.page_list .list_flex{display: flex;justify-content: space-between}
.page_list .list_flex .img{float: none;width: 40%}
.page_list .list_flex .spec{float: none;width: 40%}
.page_list .list_flex .icon{float: none;width: 20%}

/*物件詳細*/
.LC_Page_Products_Detail #undercolumn  .main_flex{display: flex;justify-content: space-between;}
.LC_Page_Products_Detail #undercolumn  .main_flex.clearfix:after{display: none}
.LC_Page_Products_Detail #undercolumn  .main_flex .photo {max-width: 57%;float: none;}
.LC_Page_Products_Detail #undercolumn  .main_flex .specarea {max-width: 40%;float: none;}
.LC_Page_Products_Detail #undercolumn .chara .flex_bet .box{width: 48%;float: none;margin: 0}
.LC_Page_Products_Detail #undercolumn .chara_bk{padding: 0 2rem !important}
.LC_Page_Products_Detail #undercolumn.hnb_renew .item_area{padding: 0 2rem !important}
.LC_Page_Products_Detail #undercolumn .near{padding: 0 2rem}
.LC_Page_Products_Detail #undercolumn .near .flex_bet{flex-wrap: wrap;gap:2%;}
.LC_Page_Products_Detail #undercolumn .near .flex_bet .list_area{width: calc((100% - 4%) / 3);float: none;margin: 0 !important}
.LC_Page_Products_Detail{padding-top: 30px}
.LC_Page_Products_Detail #undercolumn .btn_area{padding: 0 0 3.5rem 0}
.LC_Page_Products_Detail #undercolumn .btn{width: 20%}
.LC_Page_Products_Detail #undercolumn .magazine_list .btn{width: 30%}
.LC_Page_Products_Detail #undercolumn .photo .btn.A{width: 30%}



/*マガジン*/
.magazine ul.list{display: flex;flex-wrap: wrap;gap:2%;width: 96%;margin: 0 auto}
.magazine ul.list.clfix:after{display: none}
.magazine ul.list li{width: calc((100% - 4%) / 3);float: none}
.magazine li:nth-child(3n-1){margin: 0}
.magazine li .thumb{background: none}
.magazine li .thumb .inner{width: 100%;max-width: 360px}
.magazine_detail iframe{width: 100%}
.detail .sns.maga_sns_flex{display: flex;justify-content: center;align-items: baseline}

/*原状復帰*/
.genjo_container{padding:  02rem}
.genjo_detail{max-width: 100%}

/*物流*/
.bumon .tab_box ul li{width: 15.4%;margin-right: 0.8%}
.other_solution ul{display: block}
.other_solution li{width: 100%;display: block}

/*アウトソーシング*/
.page_strage .estimate_contact ul{justify-content: space-between;column-gap: 2%;float: none;display: flex;margin-top: 40px}
.page_strage .estimate_contact li{width: 48%;margin: 0 !important;float: none}

/*サービスパーツ*/
.service_flex_parts{display: flex;flex-wrap: wrap;gap:2%;padding: 0 2rem}
.service_flex_parts li p.head{}
.service_flex_parts li {width: calc((100% - 4%) / 3);float: none;height: auto;margin: 0 0 2% 0;background: none;}
.service_flex_parts li a{display: block;padding:0 30px 0;background: url("./img/common/tit_bg_ye.png") no-repeat center #fff ;box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.35);min-height: 400px}
.service li a p{padding: 0}
.service li .icon{margin-top: 0}
.service li .icon img{width: 30%;margin-top: 10px}

/*NEWS*/
.news li.news_list_flex {display: flex;justify-content: space-between;}
.news li.news_list_flex .news_date{width: 15%;float: none;display: block}
.news li.news_list_flex .txt{width: 85%;float: none;}
.news li.news_list_flex .txt a{display: flex;justify-content: space-between;}
.news li.news_list_flex .txt a .read{width: 80%;float: none}
.news li.news_list_flex .txt a .more{width: 15%;float: none;text-align: right}

/*-------------------------------------------------------------------------------------
	タブレット
--------------------------------------------------------------------------------------*/
@media (min-width: 1025px) and (max-width: 1210px) {
.page_strage .hnb2112,
.page_strage .estimate_cont_flex,
.page_strage .internal,
.page_strage .flow,
.page_strage .main_message,
.page_strage .strage_thumb,
.page_strage .page_case .offer,
.page_strage .tab_box{padding-left: 2rem;padding-right: 2rem;}
.page_strage .inblock{padding:4.5rem 2.5rem;}
}

@media (min-width: 768px) and (max-width: 1024px) {
/*TOP*/
.main .main_txt h2{font-size: 7rem;margin-top: 1rem;}
.main .main_txt p{font-size: 1.8rem}
.main .main_txt .main_btn{margin-top: 3rem}

.news,#service,.top_magazine,.footer_other_nav,.foot_service,
.copy{padding-left: 2rem;padding-right: 2rem}
.news li .txt{width: 80%}
.login_panel .panel dl{font-size: 11px !important}

/*中面*/
.pan,
header h1{padding-left: 2rem}
.page_solutions .total .inblock{padding-left: 2rem;padding-right: 2rem;margin-left: 2rem;margin-right: 2rem}

/*拓洋について*/
.page_about .message_txt{padding: 0 2rem}

/*会社情報*/
.page_company .organization_inner,
.page_company #history,
.page_company #customers,
.page_company .tab_box{padding-left:2rem;padding-right:2rem;}
.page_company .history dl,
.page_company .customers .inblock{max-width: 800px;width: 100%}
.page_company .tab_box .tab li{margin-right: 2%}
/*.page_company .foot_service li .icon{margin-top: 7.5rem}*/

/*ソリューション*/
.page_solutions .container p{width: 80%}
.page_solutions .cont_inner{height: 380px}
.page_solutions .foot_service .service{top: -4rem}
.page_solutions .foot_service li .icon{margin-top: 4.5rem}
.page_solutions .main_message{padding-left: 2rem;padding-right: 2rem}
.page_solutions .maincol li{height: auto}
.page_solutions .maincol li.menseki:hover:after,
.page_solutions .maincol li.jirei:hover:after,
.page_solutions .maincol li.serport:hover:after{background-size: contain}
.page_solutions .maincol li:hover:after{width: 100%;height: 100%}


/*strage*/
.page_strage .hnb2112{max-width: 1200px;width: 100%}
.page_strage .estimate_cont_flex,
.page_strage .main_message,
.page_strage .strage_thumb,
.page_strage .page_case .offer,
.page_strage .tab_box{padding-left: 2rem;padding-right: 2rem;}
.page_strage .inblock{padding:4.5rem 2.5rem;}
.page_strage .inblock.wrap{margin: 0 2rem}
.page_strage .inblock.wrap.clfix{padding-left: 2rem;padding-right: 2rem;}
.page_strage .page_case.hnb2112 .offer_kanren{padding: 30px 10px}
.page_case .offer_kanren .offer_jirei{width: 100% !important}
.page_case .offer_kanren .offer_jirei .clfix li{font-size: 12px}
.page_strage .tab_box.hnb2112 li{font-size: 13px}
.page_strage .internal_movie a:after{top: 25%}

.page_strage .estimate_naiyou{padding: 3rem}
.page_strage .estimate_naiyou .type .nom{margin-top: 0}
.page_strage .estimate_naiyou .flex_bet{align-items: center}
.page_strage .estimate_naiyou .price span{display: block}
.page_strage .estimate_naiyou .price{width: 45%}
.page_strage .estimate_naiyou .btn{width: 55%}
.page_strage .estimate_contact{width: 93%;}


/*事業所一覧*/
.page_office .tab li{width: 31%}
.page_office .office_info{padding: 0 2rem}
.page_office .office_info .map iframe{width: 100%;height: 400px}
.page_office #service_office .flex_wrap{padding: 0 2rem}
.page_office #service_office li{width: calc((100% - 2%) / 2);float: none;margin: 0;margin-bottom: 40px}
.page_office .service_office .btn {display: block;width: 100%}
.page_office .service_office .btn a.emp{width: 100%;margin-bottom: 10px}
.page_office .service_office .btn a{width: 100%;display: block}

/*個人情報*/
.page_privacy .block, .page_terms .block{padding-left: 2rem;padding-right: 2rem}

/*お知らせ*/
.news_detail .detail{padding-right: 2rem;padding-left: 2rem;box-sizing: border-box}
.news_list .tit{margin-right: 2rem;margin-left: 2rem;}
.news li.news_list_flex .news_date{width: 25%;float: none;display: block}
.news li.news_list_flex .txt{width: 75%;float: none;}
.news li.news_list_flex .txt a .read{width: 75%;float: none}
.news li.news_list_flex .txt a .more{width: 20%;float: none;text-align: right}

/*物件一覧*/
#main_column.colnum2 {width: 96%;}
.page_list .new_list_area .flex_pick_btn{display: block}
.page_list .new_list_area .flex_pick_btn .pdf_btn,
.page_list .new_list_area .flex_pick_btn .new_list_btn{width: 100% !important;margin-bottom: 10px !important;text-align: center !important;}
.page_list .new_list_area .flex_pick_btn .pdf_btn a,
.page_list .new_list_area .flex_pick_btn .new_list_btn a{display: block !important;text-align: center !important}

/*物件詳細*/
.LC_Page_Products_Detail #undercolumn .main_flex{padding: 0 2rem}
.LC_Page_Products_Detail #undercolumn .photo .btn.A{width: 40%;display: none}

.LC_Page_Products_Detail #undercolumn .main_flex{display: block}
.LC_Page_Products_Detail #undercolumn .main_flex .photo{width: 100%;max-width: 100%;margin-bottom: 40px}
.LC_Page_Products_Detail #undercolumn .main_flex .specarea{width: 100%;max-width: 100%}


/*マガジン*/
.magazine_list_tit,
.magazine_detail .inblock{width: 96%; margin-left:auto;margin-right: auto}


/*FORM*/
#satori__creative_container{width: 96%; margin-left: auto;margin-right: auto}
div#undercolumn_contact tr th{max-width: 500px}

/*物流事業*/
.bumon .tab_box{max-width: 1200px; width: 100%;border: none}
.bumon .tab_box ul{float: none}
.bumon .tab_box ul li{width: 50% !important;margin-right: 0% !important}
.bumon .tab li{width: 50%; margin-right: 0;}
.bumon .tab li a{height: 40px;line-height: 42px;border-radius: 0;}
.bumon .tab li:nth-child(1) a{border-radius: 10px 0 0 0;}
.bumon .tab li:nth-child(2) a{border-radius: 0 10px 0 0;}
.bumon .tab li:nth-child(5) a{border-radius: 0 0 0 10px;}
.bumon .tab li:nth-child(6) a{border-radius: 0 0 10px 0;}
.bumon{padding: 5rem 2rem 0 2rem}
.other_solution .wrap{padding: 0 2rem 0 2rem}

/*倉庫を貸したい*/
#new_contact,
.page_lend .sub-lease.block{width: 96%;margin-left: auto;margin-right: auto}
.page_lend .contact-flow.block,
.contact-common,
.page_lend .worries.block{padding-left: 2rem;padding-right: 2rem;        box-sizing: content-box;}
.page_lend .voice .voice_cont .voice_naiyou .type img{width: 20%}
.page_lend .voice .voice_cont .voice_naiyou .type .type_tit{width: 75%}
.page_lend .voice .voice_cont.row2{height: auto}
.midashi_tit .icon{left: -13rem}
.page_lend .voice .voice_inblock{display: flex;flex-wrap:wrap;gap: 2%}
.page_lend .voice .voice_cont{float: none;idth: calc((100% - 2%) / 2);}

/*アウトソーシング*/
.ec_out .pd_control{padding: 6rem 2rem}
.ec_out .offer.wrap{padding: 0}
.page_strage .estimate_contact ul{justify-content: space-between;column-gap: 2%;float: none;display: flex;margin-top: 40px}
.page_strage .estimate_contact li{width: 48%;margin: 0 !important;float: none}

/*倉庫保管事例*/
.page_case .main_message ,
.page_case .offer{padding-left: 2rem;padding-right: 2rem}
}
/*-------------------------------------------------------------------------------------
	SP
--------------------------------------------------------------------------------------*/
@media (max-width: 767px) { 
/*TOP*/
header h1{float: none;padding: 1.8rem 0 0 1.5rem ;width: 50%}
nav ul#menu-header-nav{display: block;background: #fff}
nav ul#menu-header-nav li a{font-size: 14px}
#menu-header-nav li{width: 100%}
nav .nav_login{background: #fff}
.zdo_drawer_menu .zdo_drawer_nav_wrapper{width: 90%;right: 0; transform: translate(1000px);}

.magazine ul.list.flex_wrap{display: block}
.magazine ul.list.flex_wrap li{width: 100%}
.inqury .inqury_box p{padding: 0}
footer .wrap {display: block;}
footer .wrap .logo{width: 100%;}
footer .wrap .sitemap{width: 100%;display: block;}
footer .sitemap_box{float: none;width: 100%;}



/*ソリューション*/
.page_solutions .maincol li img{height: auto}

/*page_strage*/
.page_case .offer_main{display: block;}
.page_case .offer_main .thumb{width: 100%}
.page_case .offer_main .txt{width: 100%;padding: 2em}
.page_case .offer_kanren .offer_jirei{width: 100%}
.page_case .offer_kanren .offer_jirei .clfix{display: block;}
.page_case .offer_kanren .offer_jirei .clfix li{width: 48%}

.page_strage .inblock.wrap.clfix{display: block;}
.page_strage .inblock.wrap.clfix .internal_movie,
.page_strage .inblock.wrap.clfix .internal_txt{width: 100%}
.page_strage .page_case .offer .offer_flex{display: block;}
.page_strage .page_case .offer .offer_flex .offer_cont{width: 100%}
.page_strage .estimate{padding-top: 20px}
.page_strage .estimate_cont_flex{display: block;justify-content: space-between;}
.page_strage .estimate_cont_flex .estimate_cont{width: 100%;margin-bottom: 20px}
.page_strage .estimate_naiyou .type img{width: 67%;float: none}
.page_strage .estimate_naiyou .type .img{text-align: center;}
.page_strage .estimate_naiyou .price{width: 55%}
.page_strage .estimate_naiyou .btn{width: 45%}
.page_strage .estimate_contact{width: 100%;}
.page_strage .estimate_contact a{font-size: 12px !important}
.page_strage .estimate_contact ul{display: block;margin-top: 40px !important}
.page_strage .estimate_contact li{width: 100%;margin: 0 0 10px 0 !important}

/*事業所一覧*/
.page_office #service_office .flex_wrap{display: block;}
.page_office #service_office li{width:100%;float: none;margin: 0;margin-bottom: 40px}

/*物件一覧*/
.page_list .list_flex{display: block;}
.page_list .list_flex .img{float: none;width: 100%}
.page_list .list_flex .spec{float: none;width: 100%}
.page_list .list_flex .icon{float: none;width: 100%}


/*物件詳細*/
.LC_Page_Products_Detail #undercolumn  .main_flex{display: block;}
.LC_Page_Products_Detail #undercolumn  .main_flex .photo {max-width: 100%;margin-bottom: 40px}
.LC_Page_Products_Detail #undercolumn  .main_flex .specarea {max-width: 100%;}
.LC_Page_Products_Detail .faq-content{margin: 0}
.LC_Page_Products_Detail .flexslider{margin-bottom: 70px}
.LC_Page_Products_Detail .flex-control-nav{bottom: -50px}
.LC_Page_Products_Detail #undercolumn.hnb_renew .btn.B{max-width: none}

.LC_Page_Products_Detail #undercolumn .chara .flex_bet {display: block}
.LC_Page_Products_Detail #undercolumn .chara .flex_bet .box{width: 100%;margin: 0 0 40px 0}

.LC_Page_Products_Detail #undercolumn .near .flex_bet{flex-wrap: wrap}
.LC_Page_Products_Detail #undercolumn .near .flex_bet .list_area{width: calc((100% - 2%) / 2);float: none;margin: 0 0 20px 0}
.LC_Page_Products_Detail #undercolumn .btn_area {padding: 0 0 0.5rem 0;}
.LC_Page_Products_Detail #undercolumn .near,
.LC_Page_Products_Detail #undercolumn .chara_bk,
.LC_Page_Products_Detail #undercolumn.hnb_renew .item_area{padding: 0 !important}
.LC_Page_Products_Detail #undercolumn .btn{width: auto}
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area table th{font-weight: bold;}
.LC_Page_Products_Detail #undercolumn .magazine_list .btn{width: 80%}

/*マガジン*/
.magazine ul.list li{width:100%;float: none;margin-bottom: 20px}
.magazine li .thumb .inner{max-width:none}

/*アウトソージング*/
.ec_out .page_case .offer{padding: 0 0 03rem 0}

/*サービスパーツ*/
.service_flex_parts{display: block;padding: 0 2rem}
.service_flex_parts li {width: 100%;float: none;height: auto;margin: 0 0 2% 0;background: url(./img/common/sp_arrow_ye_sp.png) no-repeat 90% #fff;background-size: 30px}
.service_flex_parts li a{display: block;padding:10px 20px 5px 20px;box-shadow: none;min-height:inherit;background: none}
.service li a p{padding: 0}
.service li .icon{margin-top: 0}
.service li .icon.sol{margin-top: 10px}
.service li .icon img{width: 90%;margin-top: 0}
.service li a h3{padding: 15px 0}


/*NEWS*/
.news li.news_list_flex {display: block;justify-content: space-between;}
.news li.news_list_flex .news_date{width: 100%;float: none;display: block}
.news li.news_list_flex .txt{width: 100%;float: none;}
.news li.news_list_flex .txt a{display: block;justify-content: space-between;}
.news li.news_list_flex .txt a .read{width: 100%;float: none}
.news li.news_list_flex .txt a .more{width: 100%;float: none;text-align: right;display: block}











}
/*-----------------
FLEX
------------------*/
.flex_nol_pc,
.flex_nol{display: flex;}
.flex_bet_pc,
.flex_bet{display: flex;justify-content: space-between}
.flex_end{display: flex;justify-content:flex-end;column-gap: 10px}
.flex_wrap{flex-wrap: wrap}
.w29p_pc,
.w29p{width: 29%}
.w48p_pc,
.w48p{width: 48%}
@media (max-width: 767px) { 
.flex_nol_pc,
.flex_bet_pc{display: block}
.w29p_pc,
.w48p_pc{width: 100%}
}
img{max-width: 100%;height: auto}

/*-----------------
FORM
------------------*/
.telephoneBlc .sp_only { display:none; }
.telephoneBlc .pc_only { display:inline; }
.telephoneBlc { margin-bottom: 50px; }
.telephoneBlc dl { padding: 25px 40px; background-color: #fff; border-radius: 40px; box-shadow: 0 0 32px #e8e8e8; display: table; margin: 0px auto; width: 75%; }
.telephoneBlc dl > * { display: table-cell; vertical-align: middle; }
.telephoneBlc dl dt { font-weight: bold; font-size: 22px; padding: 0 30px 0 0; border-right: 1px solid #e0dede; }
.telephoneBlc dl dd { padding: 0 0px 0 30px; }
.telephoneBlc dl dd img {width: 23px; position: absolute; top: -3px; left: 0;}
.telephoneBlc dl dd p { font-size: 18px; position: relative; padding-left: 33px; line-height: 1.5em;}
.telephoneBlc dl dd span { font-size: 25px; font-weight: 600; }
#new_contact table{width: 100%}
@media screen and (max-width: 767px) {
	.telephoneBlc .sp_only { display:inline; }
	.telephoneBlc .pc_only { display:none; }
	.telephoneBlc dl { display: block !important; border-radius: 10px; padding: 2.5rem 1.5rem !important; width: 100% !important; box-sizing: border-box; }
	.telephoneBlc dl > * { display: block !important; width: 100%; }
	.telephoneBlc dl dt {border-right: none;border-bottom: 1px solid #e0dede;padding: 0 0 10px 0 !important;text-align: center;margin-bottom: 20px;font-size: 20px;}
	.telephoneBlc dl dd { padding: 0; }
	.telephoneBlc dl dd p { font-size: 15px; padding-left: 25px; margin: 0px auto; width: 80%;}
	.telephoneBlc dl dd img { left: 0; width: 21px; }
	.telephoneBlc .sp_only a { color: #525252; text-decoration: none; }
	.telephoneBlc dl dd span { font-size: 22px; }
	.telephoneBlc dl dt { font-size: 18px; }
	.telephoneBlc dl dd p { width: 82%;}
	div#undercolumn_contact .read{text-align: left}
	div#undercolumn_contact #new_contact th p{text-align: left}
	
}

/*iframe*/
#undercolumn_contact .ttl_nara{text-align: center;font-weight: bold;margin-bottom: 30px;font-size: 20px}
@media (max-width: 767px) { 
#undercolumn_contact .iframe-wrapper iframe{height: 1350px}
}