*,body,h2,h3{
	font-family: 'Noto Sans JP', sans-serif;
	color: #322B29;
}
a img:hover{
	opacity: .8;
}
.sp-only{
	display: none;
}
header .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	
}
header .container a{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px;
}
.sticky-header.no-header-transparent .site-header-wrapper{
	height: 90px;
}
.site-header{
	line-height: inherit;
}
img.custom-logo{
	max-width: 200px;
}
.site-branding .site-logo-div{
	padding: 0 15px;
	line-height: inherit;
}
.site-branding .no-logo-img.has-desc .site-description, .site-branding .has-logo-img .site-description{
	top: -15px;
    left: 15px;
}
.onepress-menu{
	display: flex;
	height: 90px;
}
.onepress-menu > li{
	margin-left: 10px;
}
.onepress-menu > ul{
	left: -20px;
}
.onepress-menu li a{
	font-weight: bold;
	padding: 50px 10px 0 10px;
    box-sizing: border-box;
}

.onepress-menu > li:nth-child(1){
	background:#fff url(/wp-content/themes/onepress/assets/images/top/icon_insta.png) no-repeat center 20px;
}
.onepress-menu > li:nth-child(2){
	background:#fff url(/wp-content/themes/onepress/assets/images/top/icon_column.png) no-repeat center 20px;
}
.onepress-menu > li:nth-child(3){
	background:#fff url(/wp-content/themes/onepress/assets/images/top/icon_company.png) no-repeat center 20px;
}
.onepress-menu > li:nth-child(4){
	border-right: 1px solid #fff;
	background:#FD9535 url(/wp-content/themes/onepress/assets/images/top/icon_note.png) no-repeat center 20px;
	text-align: center;
}
.onepress-menu > li:nth-child(5){
	margin-left: 0;
	background:#FD9535 url(/wp-content/themes/onepress/assets/images/top/icon_tool.png) no-repeat center 20px;
	text-align: center;
}
.onepress-menu > li:nth-child(4) a:hover,.onepress-menu > li:nth-child(5) a:hover{
	color: #fff;
	opacity: 0.8;
}
.onepress-menu > li:nth-child(4) a,.onepress-menu > li:nth-child(5) a{
	color: #fff;
	width: 130px;
}
.onepress-menu {
    margin-top: 0;
}

#nav-toggle span,#nav-toggle span:before, #nav-toggle span:after,#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after{
	background: #fd9535;
}
#nav-toggle span:before, #nav-toggle span:after,#nav-toggle span{
	width: 30px;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after{
	top: 10px;
}
.site-branding .no-logo-img.has-desc, .site-branding .has-logo-img{
	line-height: inherit;
}

/*sidebar*/
.btn-link-list p{
	text-align: center;
	font-size: 0.9rem;
}
#secondary .btn-link-list .btn-square-pop{
	color: #322B29!important;
	background: #fff;
	border: 1px solid #322B29;
	padding: 10px 10px 10px 45px;
	border-radius: 50px;
	width: 100%;
	text-align: left;
	margin-top: 10px;
}
#secondary .btn-link-list {
    text-align: center;
}
#secondary .btn-link-list .btn-square-pop{
	background: #fff url(/wp-content/themes/onepress/assets/images/top/icon_side_manual.png) no-repeat 15px center;
	background-size: 20px;
}
#secondary .btn-link-list .btn-square-pop:first-of-type {
	background: #fff url(/wp-content/themes/onepress/assets/images/top/icon_side_tool.png) no-repeat 15px center;
	background-size: 20px;
}

#secondary .btn-link-list .btn-square-pop:last-child{
	background: #fff url(/wp-content/themes/onepress/assets/images/top/icon_side_mail.png) no-repeat 15px center;
	background-size: 20px;
}
#secondary #text-6.widget .btn-square-pop{
	background: linear-gradient(#FD9535 50%,#FDA34F 50%);
}
@media screen and (min-width: 1250px){
	.container{
		width: 1250px;
	}
}

@media screen and (max-width: 768px){
	.sp-only{
		display: block;
	}
	header .container{
		padding: 10px;
		align-items: center;
	}
	.sticky-header.no-header-transparent .site-header-wrapper,.site-header{
		height: 65px;
	}
	img.custom-logo{
		max-width: 150px;
		padding: 0;
	}
	.site-branding .site-logo-div{
		padding: 0;
	}
	.site-branding .no-logo-img.has-desc .site-description, .site-branding .has-logo-img .site-description{
		font-size: 9px;
		top: 0;
		left: 0;
	}
	.onepress-menu.onepress-menu-mobile li{
		margin-left: 0;
		background-position: 10px 10px;
		
	}
	.onepress-menu.onepress-menu-mobile > li a{
		padding-left: 50px;
	}
	.onepress-menu li:nth-child(5),.onepress-menu li:nth-child(6){
		text-align: left;
	}
	.onepress-menu li:nth-child(5) a,.onepress-menu li:nth-child(6) a{
		color: #fff;
	}
	.bottom-navi{

	}
	.bottom-navi ul{
		display: flex;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		padding-left: 0;
    	margin-bottom: 0;
    	z-index: 1;
	}
	.bottom-navi li{
		margin: 0;
		flex: 0 0 33.333%;
		background: #f90;
		border-right: 1px solid #fff;
		line-height: 1.2em;
		list-style: none;
	}
	.bottom-navi li a{
		color: #fff;
		display: block;
		padding:8px 5px 8px 30px;
		font-size: 11px;
		text-align: left;
		font-weight: normal;
	}
	.bottom-navi li:first-child{
		display: flex;
		align-items: center;
	}
	.bottom-navi li:last-child{
		border-right: none;
	}
	.bottom-navi li:first-child a{
		background: url(/wp-content/themes/onepress/assets/images/top/icon_note.png) no-repeat 5px center;
		background-size: 18px auto;
	}
	.bottom-navi li:nth-child(2) a{
		background: url(/wp-content/themes/onepress/assets/images/top/icon_tool.png) no-repeat 5px center;
		background-size: 18px auto;
	}
	.bottom-navi li:last-child a{
		background: url(/wp-content/themes/onepress/assets/images/top/icon_user_w.png) no-repeat 5px center;
		background-size: 18px auto;
	}
}

/* ===== header menu refresh =====================================================
   Two identical orange blocks side by side read as one heavy slab and gave the
   secondary action the same weight as the primary one. 資料請求 becomes the quiet
   dark button, 無料ツール stays the orange primary, and the plain nav items get a
   proper hover state instead of nothing.
   ============================================================================ */
.onepress-menu > li{transition:background-color .18s ease}

/* plain nav items: warm tint + animated underline on hover */
.onepress-menu > li:nth-child(-n+3) > a{position:relative;color:#2b2c44;transition:color .18s ease}
/* the bar sits on the very bottom edge of the item: at bottom:12px it cut
   straight through the label and read as a strikethrough */
.onepress-menu > li:nth-child(-n+3) > a::after{content:"";position:absolute;left:0;right:0;bottom:0;
  height:3px;background:linear-gradient(90deg,#ff8f1f,#e8710a);
  transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.onepress-menu > li:nth-child(-n+3):hover > a::after{transform:scaleX(1)}
.onepress-menu > li:nth-child(-n+3):hover{background-color:#fff8f0}
.onepress-menu > li:nth-child(-n+3):hover > a{color:#e8710a}

/* 資料請求 — secondary action */
.onepress-menu > li:nth-child(4){
  border-right:0;
  background:#2b2c44 url(/wp-content/themes/onepress/assets/images/top/icon_note.png) no-repeat center 20px;
}
.onepress-menu > li:nth-child(4):hover{background-color:#3b3d61}

/* 無料ツール — primary action */
.onepress-menu > li:nth-child(5){
  background:url(/wp-content/themes/onepress/assets/images/top/icon_tool.png) no-repeat center 20px,
             linear-gradient(135deg,#ff8f1f 0%,#e8710a 100%);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.22);
}
.onepress-menu > li:nth-child(5):hover{filter:brightness(1.07)}

/* the old fade-out hover made the labels hard to read */
.onepress-menu > li:nth-child(4) a:hover,.onepress-menu > li:nth-child(5) a:hover{color:#fff;opacity:1}
.onepress-menu > li:nth-child(4) a,.onepress-menu > li:nth-child(5) a{letter-spacing:.02em}