@charset "utf-8";
/*
Theme Name: 株式会社 拓洋(レスポンシブ)
*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:700');

/*
 01.Font
 02.Base
 03.Parts
 04.Header
 05.Nav
 06.Login Panel
 07.Footer
*/
#wpadminbar{background: red}
/*====================================
	Reset
====================================*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
div, a, li, span, textarea, input{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type="text"], 
input[type="password"],
textarea,
button{
    outline: none;
}

/*====================================
	01.Font
====================================*/

html{
	font-size: 62.5%;
}
body{
	color: #535252;
	font-size: 1.6rem;
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.barlow{
	font-family: 'Barlow Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	letter-spacing: 1px;
}

/*====================================
	02.Base
====================================*/

body{
	min-width:100%;
	width: 100%;
	background: #fff;
}

img{
	vertical-align: middle;
}
a{
	color: #525252;
}
a:hover{
	text-decoration: none;
}
.clfix:after{
	content: "";
	display: block;
	clear: both;
}
br.spbr{
	display: none;
}
.txt_l{
	text-align: left;
}

/*リセット*/
input[type=text],
input[type="submit"]{
	border: none;
	-webkit-appearance: none;
}
select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
}
/* IEのみに指定 */
select::-ms-expand {
	display: none;
}
select{
	cursor: pointer;
	background: url(img/common/acc_open_bl_sp.png) no-repeat 94% center;
	background-size: 8px;
}

/*====================================
	03.Parts
====================================*/
.wrap{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.wrap800{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.bg_gr{
	background: #f5f5f5;
}
.btn{
	margin: 0 auto;
}
.btn a{
	display: block;
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: 20px;
	background-image: url(img/common/list1_bl_b.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn_mini{
	width: 160px;
	margin: 0 auto;
}
.btn_mini a{
	width: 160px;
	height: 32px;
	line-height: 33px;
	color: #fff;
	font-size: 1.4rem;
	background-color: #0078A2;
	border-radius: 20px;
}
.btn_wh a{
	color: #0078A2;
	background-color: #fff;
}
.btn_line a{
	color: #0078A2;
	border: 1px solid #0078A2;
	background-color: #fff;
	background-url: url(img/common/list1_bl_b.png);
}
.btn_mini a:hover{
	color: #0078A2;
	background-color: #DBF028;
}
.btn_wh a:hover,
.btn_line a:hover{
	background-color: #DBF028;
	border: 1px solid #DBF028;
}
.btn_wh a:hover{
	border: none;
}
input.btn{
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 1.6rem;
	cursor: pointer;
	background: #0078A2;
}

/*====================================
	04.Header
====================================*/
header{
	min-width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	width: 100%;
	height: 80px;
	
}
header.hide{display: none}
header h1{width: 20%}
header h1 img{max-width: 100%}

header .wrap{
	position: relative;display: flex;justify-content:space-between;
}
header .zdo_drawer_menu{width: 100%}
.page header .wrap{
	height: 80px;display: flex;
}
.page header{
	background: rgba(255,255,255,0.95);
}

/*ヘッダーを追従にする*/
.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
display: none;
  transition: .3s;
  transform: translateY(-100%);
  background: rgba(255,255,255,0.95);
}
.is-show {
  transform: translateY(0);
	display: block;
}
/*====================================
	05.Nav
====================================*/
.zdo_drawer_menu .zdo_drawer_button{
	display: none;
}
nav{
	float: right;
	padding-top: 2.2rem;
	
}
.zdo_drawer_nav_wrapper{display: flex;justify-content: space-between}
nav ul#menu-header-nav{display: flex;column-gap: 30px}
header .menu-header-nav, header #menu-header-nav{width: 90%}
nav li{
	position: relative;
}
nav li:last-child{
	margin-right: 0;
}
nav li a{
	display: block;
	padding-top: 1.8rem;
	font-size: 1.2rem;
	text-align: center;
	text-decoration: none;
}

.login_panel.hnb2107,
.login_panel .panel{width: 1200px}
/*
.login_panel.hnb2107 .panel dl{width: 19.4%}
.login_panel.hnb2107 .panel dl.ec{width: 22.4%}
*/
.login_panel.hnb2107 .panel dl,
.login_panel.hnb2107 .panel dl.ec{width: 25%}

header .pc_only .sns_area{display: flex;justify-content:flex-end;width:100%;column-gap: 15px;}
header .pc_only .sns_area p{width: 32px}
header .pc_only .sns_area img{max-width: 100%}
header .pc_only{display: block}
header .sp_only{display: none}
header .menu-header-nav,
header .telBlc.pc_only{margin: 0 auto 10px;text-align: right;max-width: 1200px}
nav{padding-top: 0}

header{height: 100px}
.login_panel{top: 100px}

header .pc_only.sns1{display: block}
header .pc_only.sns2{display: none}
@media (max-width: 1024px) { 
header .pc_only.sns1{display: none}
header .pc_only.sns2{display: block}
header .menu-header-nav, header #menu-header-nav{width: 100%}
nav ul#menu-header-nav{column-gap: 20px}
}

@media (max-width: 767px) { 
header .sp_only .sns_area{display: flex;justify-content:flex-end;width: 34%;column-gap: 5%;margin-right: 1%; position: absolute;right: 103px;top: 1rem;}
header .sp_only .sns_area p{max-width: 45px;height: 45px}
header .pc_only{display: none}
header .sp_only{display: block}
header h1{width: 33%;padding-top: 1.7rem}
header{height: 60px}
nav ul + .pc_only{display: none}
a[href="/contact/"][title="CONTACT"] {display: none !important;}
}


@media screen and (min-width: 1024px) {
	nav li a{
		position: relative;
	}
	nav li a::after{
		position: absolute;
		bottom: -3px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #fff;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform .3s;
	}
	nav li a:hover::after {
		transform: scale(1, 1);
	}
	.page nav li a::after,
	.clone-nav nav li a::after{
		background: #0078A2;
	}
	nav li.current-menu-item a::after{
		transform: scale(1, 1);
	}
}
nav .top_nav a{
	color: #fff;
}
nav li span.barlow{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	font-size: 1.6rem;
	line-height: 100%;
	white-space: nowrap;
}
.page nav li a,
.clone-nav li a{
	color: #0078A2;
}
nav li span.panel,
nav .sub-menu,
nav .nav_login{
	display: none;
}


@media (max-width: 767px) { 
nav ul#menu-header-nav{column-gap: 20px}
.page nav li a, .clone-nav li a{font-size: 11px}
.zdo_drawer_nav_wrapper{display: block}
header .menu-header-nav, header #menu-header-nav{width: 100%}

}
/*====================================
	06.Login Panel
====================================*/
.login_panel{
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
}
.login_panel .panel{
	width: 100%;
}
.login_panel .panel dl{
	float: left;
	width: 20%;
	font-size: 1.4rem;

	border: 1px solid #DBF028;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	background: #fff;
	overflow: hidden;
	border-radius: 0 0 9px 9px;
}
@media (max-width: 767px) { 
.login_panel .panel dl{font-size: 11px}
.login_panel.hnb2107 .panel  dt{background-position: 5px center !important}
}


.login_panel .panel dl.system{
	border: 1px solid #0089AA;
	background: #0089AA;

}
.login_panel .panel dl.system dt{color:#fff;}
.login_panel .panel dl.system .inner{background-color:#fff;}
.login_panel .panel dt{
	height: 32px;
	line-height: 32px;
	color: #0078A2;
	text-indent: 4.5rem;
	background: url(img/icon/icon_mypage.png) no-repeat 2rem center #DBF028;
}
.login_panel .panel .system dt{
	background: url(img/icon/icon_system.png) no-repeat 2rem center ;
}
.login_panel .panel .system.blank dt{
	background: url(img/icon/icon_blank.png) no-repeat 4rem center #fff;
}
.login_panel .panel .system.deposit dt{
	background: url(img/icon/icon_deposit.png) no-repeat 3rem center #fff;
	text-indent: 6rem;
}
.login_panel .panel .system.blank span,
.login_panel .panel .system.deposit span {
	background: url(img/common/acc_open_bl.png) no-repeat 96% center;
}
.login_panel .panel .system span{
	background: url(img/common/acc_open_wh.png) no-repeat 93% center;
}
.login_panel .panel .system .close span{
	background: url(img/common/acc_close_wh.png) no-repeat 93% center;
}
.login_panel .panel .system.blank .close span{
	background: url(img/common/acc_open_bl.png) no-repeat 93% center;
}

.login_panel .panel .system.blank dt{text-indent: 7rem;}
.login_panel .panel .system.blank a,
.login_panel .panel .system.deposit a{text-decoration:none;}
.login_panel .panel dt span{
	display: block;
	font-weight: bold;
	background: url(img/common/acc_open_bl.png) no-repeat 93% center;
}




.login_panel .panel dt.close span{
	background: url(img/common/acc_close_bl.png) no-repeat 93% center;
}
.login_panel .panel dd{
	display: none;
}
.login_panel .panel dd .inner{
	padding: 1rem 1rem 1.5rem;
}
.login_panel .login_parts li{
	margin-bottom: 1rem;
}
.login_panel .login_parts .btn a{
	width: 100%;
}

.page header .login_panel{
	display: block;
}
.clone-nav .login_panel{
	display: none !important;
}
.is-show .login_panel{
	display: block !important;
}
@media (max-width: 767px) { 
.is-show .login_panel{
	display: none !important;
}
}
/*====================================
	07.Footer
====================================*/
footer{
	position: relative;
	padding: 3rem 0;
	background: #F5F5F5;
}
footer .logo{
	width: 350px;
	float: left;
}
footer .logo .recruit_btn{
	width: 350px;
	margin: 1.2rem 0;
	font-size: 1.3rem;
	text-align: center;
}
footer .logo .recruit_btn a{
	display: block;
	color: #0078A2;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	background: url(img/common/list1_bl_b.png) no-repeat 92% center #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (min-width: 415px) {
footer .logo .recruit_btn a:hover{
	color: #fff;
	background: url(img/common/list1_wh.png) no-repeat 92% center #0078A2;
}
}
footer .mark{
	width: 350px;
}
footer .mark img{
	width: 100%;
	display: block;
	margin-bottom: 1.5rem;
}
footer .logo .mark_iso{
	float: left;
	width: 25.5%;
}
footer .logo .mark_g{
	float: left;
	width: 24%;
	margin-left: 1%;
}
footer .logo .mark_green{
	float: left;
	width: 23.5%;
	margin-left: 1%;
	font-size: 1.0rem;
	line-height: 1.4;	
}
footer .logo .mark_text{
	float: left;
	width: 24%;
	margin-left: 1%;
	font-size: 1.0rem;
	line-height: 1.4;
}
footer .logo .mark_text img{margin-bottom: 0.5rem}

footer .sitemap{
	float: right;
	margin: 4.6rem 0 0 4rem;
	font-size: 1.2rem;
}
footer .sitemap_box{
	float: left;
	width: 230px;
}
footer .sitemap_box li{
	list-style: none;
}
footer .sitemap_box:nth-child(2){
	margin: 0 1.6rem;
}
footer .sitemap_box .parent>li>a:nth-of-type(1){
	display: block;
	width: 100%;
	padding: 0 0 0.5rem 1.5rem;
	margin-bottom: 1rem;
	font-size: 1.3rem;
	border-bottom: 1px solid #D3D3D3;
}
footer .sitemap_box .panel_btn{
	display: none;
}
/* sub-menu */
footer .sitemap_box .sub-menu li{
	padding-left: 1.5rem;
}
footer .sitemap_box .sub-menu li:before{
	content: ">";
	margin-right: 0.5rem;
}
footer .sitemap_box a{
	color: #606060;
	text-decoration: none;
}
.footer_loginarea{
	float: right;
	width: 200px;
	margin: 4.6rem 3.7rem 0 0;
	color: #0078A2;
	font-size: 1.3rem;
	text-align: center;
}
.footer_loginarea .btn{
	width: 200px;
	height: 40px;
	margin-top: 1.5rem;
	border: 1px solid #0078A2;
	border-radius: 20px;
	background-color: #fff;
	background: url(img/icon/icon_mypage_ye.png) no-repeat 2rem center #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.footer_loginarea .btn a{
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #0078A2;
	font-size: 1.2rem;
	text-indent: 4.5rem;
	text-align: left;
	background-image: url(img/common/list1_bl_b.png);
}
.footer_loginarea .btn_system{
	border: none;
	background-color: #0078A2;
	background-image: url(img/icon/icon_system.png);
}
.footer_loginarea .btn_system a{
	color: #fff;
	background-image: url(img/common/list1_wh.png);
}
.footer_loginarea .btn:hover{
	border-color: #DBF028;
	background: url(img/icon/icon_mypage_bl.png) no-repeat 2rem center #DBF028;
}
.footer_loginarea .btn_system:hover{
	background: url(img/icon/icon_system_bl.png) no-repeat 2rem center #DBF028;
}
.footer_loginarea .btn_system a:hover{
	color: #0078A2;
	background-image: url(img/common/list1_bl_b.png);
}

.pagetop {
	display: block;
	position: absolute;
	bottom: 32rem;
	right: 6rem;
	cursor: pointer;
	z-index: 999;
	color: #0078A2;
	font-size: 1.4rem;
	text-align: center;
}
.pagetop span{
	display: block;
}
.footer_other_nav{
	margin: 1rem 0 0.5rem;
}
.footer_other_nav li{
	display: inline-block;
	list-style: none;
	font-size: 1.3rem;
}
.footer_other_nav li a{
	color: #606060;
	text-decoration: none;
}
.footer_other_nav li+li:before{
	content: "|";
	margin: 0 1rem 0 0.5rem;
}
.copy{
	color: #606060;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 1rem;
}

/*====================================
	08.Animation
====================================*/

/*----- フェードイン -----*/
.inviewfadeIn {
	opacity: 0;
	transition: .8s;
}

.fadeIn {
	opacity: 1.0;
}

/*----- 上へスライド -----*/
.inviewUp {
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: .8s;
}

.Up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*----- ズームイン -----*/
.inviewzoomIn {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;
}

.zoomIn {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
} 

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
}

.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

@media print{
.inviewfadeIn,
.inviewfadeInUp{
	opacity: 1.0;
}
}

@media screen and (max-width: 767px) {
/*====================================
	01.Font
====================================*/
body{
	font-size: 1.4rem;
	min-width: inherit;
}
.barlow{
	font-size: 1.2rem;
	letter-spacing: 1px;
}
/*====================================
	02.Base
====================================*/
body{
	min-width: inherit;
}
.wrap{
	width: auto;
}
.wrap800{
	width: auto;
	
}
img{
	max-width: 100%;
	height: auto;
}
br.spbr{
	display: block;
}
br.pcbr{
	display: none;
}

/*====================================
	03.Parts
====================================*/
.btn_mini,
.btn_mini a{
	line-height: 31px;
}
/*====================================
	04.Header
====================================*/
header{
	min-width: inherit;
	height: 60px;
	background: rgba(255,255,255,0.95);
}
header h1{
	float: left;
	padding: 1.7rem 0 0 1.6rem;
}
header h1 img{
	width: 150px;
}
/*====================================
	05.Nav
====================================*/
nav li{
	position: static;
	float: none;
}
nav .nav_login{
	display: block;
}
nav .nav_login p{
	margin: 1rem 0;
	color: #0078A2;
	text-align:center;
}
nav .nav_login .nav_login_btn{
	display: block;
	font-weight: bold;
	background: url(img/common/acc_next_b_sp.png) no-repeat 89% #DBF028;
	background-size: 8px;
}
nav .nav_login .nav_login_btn.system{
	background: url(img/common/list1_wh_sp.png) no-repeat 89% #0078A2;
	background-size: 8px;
}
nav .nav_login .nav_login_btn.mypage a{
	color: #0078A2;
	background: url(img/icon/icon_mypage.png) no-repeat 8% center;
}
nav .nav_login .nav_login_btn.system a{
	color: #fff;
	background: url(img/icon/icon_system.png) no-repeat 8% center;
}
nav .nav_login .nav_login_btn.mypage.blank{background-color:#fff;}
nav .nav_login .nav_login_btn.mypage.blank a{
	color: #0178A2;
	background: url(img/icon/icon_blank.png) no-repeat 8% center;
}
nav .nav_login .nav_login_btn.mypage.blank{border-bottom:1px solid #0178A2}
nav .nav_login .nav_login_btn a{
	height: 40px;
	line-height: 40px;
	padding-left: 6.5rem;
	display: block;
}
nav .nav_login .nav_login_btn.mypage.deposit {
    background-color: #fff;
    border-bottom: 1px solid #0178A2;
}

nav .nav_login .nav_login_btn.mypage.deposit a {
    color: #0178A2;
    background: url(img/icon/icon_deposit.png) no-repeat 8% center;
}
/*====================================
	06.Login Panel
====================================*/
.login_panel{
	display: none !important;
}
/*====================================
	07.Footer
====================================*/
footer{
	margin-top: 5rem;
	padding: 2.5rem 0 0;
}
.footer_loginarea{
	float: none;
	width: 100%;
	padding: 0 1.5rem;
	margin: 0;
}
.footer_loginarea .btn{
	width: 100%;
	height: 32px;
	margin-top: 1em;
	background: url(img/icon/icon_mypage_ye_sp.png) no-repeat 2rem center #fff;
	background-size: 12px;
}
.footer_loginarea .btn_system{
	background: url(img/icon/icon_system_sp.png) no-repeat 2rem center #0078A2;
	background-size: 12px;
}
.footer_loginarea .btn a{
	width: 100%;
	height: 32px;
	line-height: 31px;
	text-indent: 0;
	text-align: center;
	background: url(img/common/acc_next_b_sp.png) no-repeat 93% center;
	background-size: 8px;
}
.footer_loginarea .btn_system a{
	background: url(img/common/list1_wh_sp.png) no-repeat 93% center;
	background-size: 8px;
}
footer .logo{
	float: none;
	width: 100%;
	margin-top: 4.5rem;
	text-align: center;
}
footer .logo img{
	width: 160px;
}
footer .logo .recruit_btn {
	width: 100%;
	height: 40px;
	margin-top: 1.5rem;
	font-size: 1.3rem;
}
footer .logo .recruit_btn a{
	height: 40px;
	line-height: 40px;
	background-image: url(img/common/sp_arrow_gr.png);
	background-size: 24px;
}
footer .logo .mark{
	width: 90%;
	margin: 1.5rem auto 1rem;
	text-align: center;
}
footer .logo .mark_iso{
	width: 26%;
}
footer .logo .mark_g{
	width: 24%;
	margin-left: 1%;
}
footer .logo .mark_green{
	width: 23.5%;
}
footer .logo .mark_text{
	width: 23.5%;
}
footer .logo .mark_iso span{
	display: block;
	text-align: left;
}
footer .sitemap{
	float: none;
	margin: 0;
	border-top: 1px dotted #D3D3D3;
}
footer .sitemap_box,
footer .sitemap_box:nth-child(2){
	float: none;
	width: 100%;
	margin: 0;
}
footer .sitemap_box .parent>li{
	border-bottom: 1px dotted #D3D3D3;
}
footer .sitemap_box .parent>li:after{
	content: "";
	display: block;
	clear: both;
}
footer .sitemap_box .parent>li>a:nth-of-type(1){
	float: left;
	width: 88%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	border: none;
}
footer .sitemap_box .parent>li>.panel_btn{
	float: right;
	width: 12%;
	height: 40px;
	line-height: 40px;
	display: block;
	text-indent: -9999px;
	background: url(img/common/acc_open_sp.png) no-repeat center;
	background-size: 8px;
}
footer .sitemap_box .parent>li>.panel_btn.close{
	border: none;
	background: url(img/common/acc_close_sp.png) no-repeat center;
	background-size: 8px;
}
footer .sitemap_box .sub-menu{
	clear: both;
	display: none;
	border-top: 1px dotted #D3D3D3;
}
footer .sitemap_box .sub-menu li{
	padding: 1rem 3rem;
	background: #fff;
}
.pagetop{
	top: -5rem;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-left: -1.6rem;
}
.pagetop img{
	display: inline;
	width: 32px;
}
.pagetop span{
	display: none;
}
.footer_other_nav{
	text-align: center;
}
.copy{
	text-align: center;
	padding: 0.5rem 0;
}

}


/**/
.telBlc.sp_only{display:none;}
nav ul {
    display: inline-block;
    vertical-align: middle;
}

nav ul + .pc_only {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
@media screen and (max-width: 767px) {
	.telBlc.pc_only{display:none;}
	.telBlc.sp_only{
		display:block;
		width: 10%;
		max-width: 45px;
		height: 45px;
		position: absolute;
		right: 60px;
		top: 1rem;
	}
}

/*商品を預けたい 20200309*/
.page_strage #service .offer_cont{margin-bottom: 60px;}
.page_strage .page_case .offer{padding-bottom: 0;}
.page_strage h4.line span{border-bottom: 6px solid #DFF241;line-height: 2.3em}

.page_strage .mb40{margin-bottom: 40px;}
.page_strage  .pc_only {display: inline-block;}
.page_strage  .sp_only{display:none;}
@media screen and (max-width: 767px) {
	.page_strage  .pc_only{display:none;}
	.page_strage  .sp_only{display:inline-block;}
	.page_strage .st_step{margin: 20px 0;}
	.page_strage .st_step .box{background-color:#0089AA;padding: 15px;border-radius: 10px;margin-bottom: 10px;color: #fff;text-align: center}
	.page_strage .st_step .box span{display: block;color:#DFF23F;font-weight: bold;font-size: 1.6rem;}
	.page_strage .st_step .icon{text-align: center; width: 15px;margin: 0 auto 10px}
}

/*.page_strage.new .cate {
    background: url(img/page/strage_img_pc.jpg) no-repeat center;
    background-size: cover;
}*/


/*新しいフォーム 20200525*/
#new_contact table{border: none; margin-bottom: 40px}
#new_contact th,
#new_contact td{    border-bottom: 1px solid #e8e8e8 !important;}
#new_contact td{padding-left: 10px !important;}
div#undercolumn_contact #new_contact th{width: 250px}
#new_contact .form_ttl{ color: #0F78A0; border-bottom: 2px solid #0F78A0;font-weight: bold; margin-bottom: 20px}

#new_contact .rental_ttl1{background-color: #0089AA; color: #fff;padding: 15px;text-align: center;font-weight: bold;border-radius:10px;}
#new_contact table.rental th{color: #0089AA;}

#new_contact .rental_ttl2{background-color: #0EA901; color: #fff;padding: 15px;text-align: center;font-weight: bold;border-radius:10px;}
#new_contact table.rental2 th{color: #0EA901;}

#new_contact .rental_ttl3{background-color: #A92C01; color: #fff;padding: 15px;text-align: center;font-weight: bold;border-radius:10px;}
#new_contact table.rental3 th{color: #A92C01;}

div#undercolumn_contact input[type="email"]{background-color: #F5F5F5;
    padding: 10px 20px;
    border: none !important;
    border-radius: 3px;}
div#undercolumn_contact #new_contact input[type="radio"]{display: inline-block;}
#new_contact form{margin-bottom: 60px}
#new_contact .custom-wpcf7c-confirmed input{background-color: #fff!important;}
#new_contact .center{text-align: center;}
#new_contact .memo{background-color: #F5F5F5; padding: 15px; margin-bottom: 30px;}
#new_contact .area1{font-weight: bold; color:#0089AA ;}
#new_contact .area2{font-weight: bold; color:#0EA901 ;}
#new_contact .area3{font-weight: bold; color:#A92C01 ;}


@media screen and (max-width: 767px) {
	div#undercolumn_contact #new_contact th{width: 100%;border: none !important;padding:2rem 0 0.5em 0 !important}
	div#undercolumn_contact #new_contact td{width: 100%;padding:0 0 2rem 0 !important}
	div#undercolumn_contact #new_contact .hissu_cl th{padding:1rem 0 1rem 3%  !important;width: 97%}
	div#undercolumn_contact #new_contact .hissu_cl td{border: none !important;}
	div#undercolumn_contact #new_contact .hissu_cl td input[type="text"],
	div#undercolumn_contact #new_contact .hissu_cl td input[type="email"]{width: 100%}
}

.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; }

@media screen and (max-width: 767px) {
	.telephoneBlc .sp_only { display:inline; }
	.telephoneBlc .pc_only { display:none; }
	.telephoneBlc dl { display: block; border-radius: 10px; padding: 2.5rem 1.5rem; width: 100%; box-sizing: border-box; }
	.telephoneBlc dl > * { display: block; width: 100%; }
	.telephoneBlc dl dt {border-right: none;border-bottom: 1px solid #e0dede;padding: 0 0 10px 0;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; }
}
@media screen and (max-width: 375px) {
	.telephoneBlc dl dd span { font-size: 22px; }
	.telephoneBlc dl dt { font-size: 18px; }
	.telephoneBlc dl dd p { width: 82%;}
}

/*メルマガ*/
#float_bnr_mail{position: fixed; letter-spacing: 0.05em; bottom: 0;    background-color: rgba(10,0,0,0.6);    width: 100%;z-index: 999999;    text-align: center;    padding: 20px 0 15px;color: #fff;}
#float_bnr_mail p{font-size: 20px;}
#float_bnr_mail span{padding-top: 5px}
#float_bnr_mail a{display: inline-block;font-weight: normal;font-size: 14px; border: 1px solid #fff; 
	padding:3px 20px; color: #fff; border-radius: 25px;text-decoration: none;margin-left: 20px;
background: url(/warehouse/user_data/packages/default/img/hnb/list1_wh.png) no-repeat 95% center ;
}
#float_bnr_mail a:hover{background: url(/warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 95% center #DBF028;
    -webkit-transition: all .3s; color: #0078A2;border-color: #DBF028;
    transition: all .3s;}

@media screen and (max-width: 767px){
	#float_bnr_mail{padding: 10px 0}
	#float_bnr_mail p{font-size: 14px;}
	#float_bnr_mail a{margin: 5px auto 0 auto;display: block; width: 60%; padding: 1px 8px;font-size: 12px}
}


/*2021.07.30 ヘッダーナビ*/
.login_panel.hnb2107{width: 100%;}
.login_panel.hnb2107 .panel dl{width: 25%;}

.login_panel.hnb2107 .panel .system.blank dt{background: url(./img/icon/icon_blank.png) no-repeat 1rem center #fff;color:#0089AA;}
.login_panel.hnb2107 .panel .system.blank span {    background: url(./img/common/acc_open_bl.png) no-repeat 93% center;}
.login_panel.hnb2107 .panel .system.blank .close span {    background: url(./img/common/acc_close_bl.png) no-repeat 93% center;}
.login_panel.hnb2107 .panel .system.blank .close  {border-bottom: 1px solid #0089AA	}
.login_panel.hnb2107 .panel .deposit dt{background-position: 1rem center}
.login_panel.hnb2107 .panel .deposit span{color:#0089AA;}
.login_panel.hnb2107 .panel .deposit .close span{background: url(./img/common/acc_close_bl.png) no-repeat 93% center;}
.login_panel.hnb2107 .panel .deposit .close {border-bottom: 1px solid #0089AA	}
.login_panel.hnb2107 .panel .warehouse dt{background: url(./img/icon/icon_warehouse.png) no-repeat 1rem center #fff;background-size: 18px; }
.login_panel.hnb2107 .panel .warehouse.kentiku dt {background: url(./img/icon/icon_construct.png) no-repeat 1.0rem center #fff;background-size: 18px;}
.login_panel.hnb2107 .panel .system.deposit.ec dt {background: url(./img/icon/icon_ec.png) no-repeat 1.0rem center #fff;background-size: 18px;}

.login_panel.hnb2107 .panel .warehouse dt a{color:#0089AA; text-decoration: none;}
.login_panel.hnb2107 .panel span:hover{opacity: 0.7}
.login_panel.hnb2107 .panel dt{text-indent:0 !important; text-align: center;} 

.login_panel.hnb2107 .panel .system.blank .inner li a,
.login_panel.hnb2107 .panel .deposit .inner li a{background: url(./img/common/acc_next.png) no-repeat 2% center;padding-left: 2rem;display: block;}
.login_panel.hnb2107 .panel .system.blank .inner li ,
.login_panel.hnb2107 .panel .deposit .inner li {border-bottom: 1px dotted #ccc; padding-bottom: 0.5rem;margin-bottom: 0.5rem}
.login_panel.hnb2107 .panel .system.blank .inner li a:hover ,
.login_panel.hnb2107 .panel .deposit .inner li a:hover{opacity: 0.8;}

@media screen and (max-width: 767px) {
	.zdo_drawer_menu .zdo_drawer_nav{width: 100%;}
	
nav .nav_login.hnb2107 .nav_login_btn.blank {
    border-top: 1px solid #0178A2;
}
nav .nav_login.hnb2107 .nav_login_btn.warehouse {
   background-color: #fff;
    border-bottom: 1px solid #0178A2;
}	
	nav .nav_login.hnb2107 .nav_login_btn.warehouse a{background: url(./img/icon/icon_warehouse.png) no-repeat 8% center;background-size: 18px}
}

/*-----------------------------
2023.2.28 ECアウトソーシング
-----------------------------*/
.ec_out .flex_soko{display: flex;justify-content:space-between;gap:50px;}
.ec_out .sec6{padding: 5rem 0}
.ec_out .flex_soko .box{width: 50%;}
.ec_out .flex_soko .flex_item{display: flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom: 30px;border-right: 1px solid #0357A4;width: 100%}
.ec_out .flex_soko .flex_item:nth-child(2n){border: none}
.ec_out .flex_soko .flex_item .img{width: 50%;}
.ec_out .flex_soko .flex_item .img img{width: 100%}
.ec_out .flex_soko .flex_item .text{width: 50%;font-size: 14px;line-height: 1.5em}
.ec_out .flex_soko .flex_item .text .f18{font-size: 16px;margin-bottom: 10px;color:#0f78a0; font-weight: bold}
@media (max-width: 767px) { 
.ec_out .flex_soko{display: block;}
.ec_out .flex_soko .box{width: 100%;}

.ec_out .flex_soko .flex_item{display: block;border: none;}
.ec_out .flex_soko .flex_item .img{width: 100%;margin-bottom: 15px}
.ec_out .flex_soko .flex_item .text{width: 100%;font-size: 14px;line-height: 1.5em;margin-bottom: 40px}
}

.ec_out .f_blue{color: #0078A2;    text-align: center;    font-size: 2.8rem;font-weight: bold;line-height: 1.7}
.ec_out .f_blue.small{color: #0078A2;    text-align: center;    font-size: 2.0rem;font-weight: bold;}
.ec_out .f_black{color: #666;    text-align: center;    font-size: 2.4rem;font-weight: bold; margin-bottom: 5px}
.ec_out .pd_control{padding: 6rem 0}
.ec_out .mb20{margin-bottom: 20px !important;}
.ec_out .mb40{margin-bottom: 40px !important;}
.ec_out .mt40{margin-top: 60px !important;}
.page_strage.ec_out .availability .icon_title{font-size: 2.4rem;margin-top: 0;padding-top: 0}

@media (max-width: 767px) { 
.ec_out .f_blue{color: #0078A2;    text-align: center;    font-size: 2.4rem;font-weight: bold;}
.ec_out .f_blue.small{color: #0078A2;    text-align: center;    font-size: 2.0rem;font-weight: bold;}
.ec_out .f_black{color: #666;    text-align: center;    font-size: 1.8rem;font-weight: bold; margin-bottom: 5px}
.ec_out .mb40{margin-bottom: 20px !important;}
.ec_out .mb44{margin-bottom: 40px !important;}
.ec_out .mt40{margin-top: 40px !important;}
.ec_out .pd_control{padding:4rem 1.5rem }
.page_strage.ec_out .availability .icon_title{font-size: 1.6rem;margin-top: 0;padding-top: 0}
}