@charset "UTF-8";
/*
Theme Name: bp_for_ksj
Template: businesspress
*/

/* Base */
* {
box-sizing: border-box;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
body {
color: rgba(64,64,64,1.0);
font-family: "Helvetica", "Arial", sans-serif;
font-size: 16px;
line-height: 1.75;
word-wrap: break-word;
}
body:lang(ja) {
font-family:"Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
}
.entry-content {
max-width:860px;
padding:0 20px;
margin:0 auto;
}
.bgr-content {
width:100% !important;
}
a {
color: rgba(64,64,64,1.0) !important;
text-decoration: underline;
transition: all .15s ease-in-out;
}
nav ul li a {
text-decoration: none;
}
a:hover {
color: rgba(26,26,26,1.0) !important;
}
a:hover img {
opacity:0.8;
transition:0.3s;
}
p {
margin: 0;
}
ul, ol {
	margin: 0 0 1em 1.5em;
	padding: 0;
}
li > ul,
li > ol {
	margin-bottom: 0;
}
ul li {
margin-bottom:0.25em;
}
.size-12 {
font-size:12px;
}
.size-14 {
font-size:14px;
}
.size-16 {
font-size:16px;
}
.size-18 {
font-size:18px;
}
.size-20 {
font-size:20px;
}
.orange {
color:rgba(226,100,14,1.0);
}
.red {
color:rgba(204,0,0,1.0);
}
/*header*/
.site-header {
margin-bottom: 0;
border:none;
}
.site-branding {
display:none;
}
.top-bar {
background-color: #fff;
}
.top-bar-content {
padding-top: 0px;
padding-bottom: 4px;
line-height: 1;
margin:0 auto !important;
vertical-align:middle;
}
@media screen and (max-width: 768px) {
.site-header {
border-bottom: solid 1px rgba(64,64,64,0.2);
position:fixed;
top:0;
z-index:999;
width:100%;
}
.bgr-content {
margin-top:54px;
}
.top-bar-content {
padding: 0;
}
}
.main-header-clone .top-bar-content {
display:none;
}
.site-description {
display:none;
}
.top-bar-content .site-logo {
float:left;
max-width:360px;
}
.top-bar-content .sub-navigation {
float:right;
margin-top:16px;
}
@media screen and (max-width: 768px) {
.top-bar-content .sub-navigation {
display:none;
}
.main-header-content .main-navigation {
display:none;
}
}
.sub-navigation ul {
padding:0 !important;
margin:0 !important;
}
.sub-navigation ul li {
display:inline-block;
list-style:none;
margin-left:0.5em;
margin-bottom:0;
}
.sub-navigation ul li:before {
content:"│";
padding-right:0.5em;
}
.sub-navigation ul li:first-child:before {
content:none;
padding-right:0;
margin-left:0;
}
.top-bar-content,
.main-navigation {
max-width: 860px !important;
padding-left: 20px;
padding-right: 20px;
margin:0 auto;
font-size: 14px;
line-height: 1.1;
box-sizing:border-box;
}
.main-header {
padding: 0;
} 
.main-header-content {
background: rgb(226,100,14,1.0);
max-width:100% !important;
}
.main-navigation {
clear:both;
width:100% !important;
padding-top:14px;
padding-bottom:12px;
}
.main-navigation ul {
list-style: none;
margin: 0;
width:100%;
display: flex;
justify-content: space-around;
}
.main-navigation ul li{
flex-grow:1;
text-align:center;
}
.main-navigation a {
color: inherit;
display: block;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
color:#fff !important;
}
.main-navigation a:hover {
color:rgba(26,26,26,1.0);
}
.drawer-hamburger {
position:fixed;
right:10px;
top:14px;
}
.drawer-opened .drawer-hamburger-icon {
z-index: 10000 !important;
}
.drawer-opened .drawer-overlay {
background: rgba(64,64,64,0.2);
}
.drawer-navigation {
background: rgb(226,100,14);
}
.drawer-navigation .drawer-navigation-content {
padding:16px;
}
.drawer-navigation .main-navigation ul {
display:block !important;
justify-content:start;
}
.drawer-navigation .main-navigation ul li {
flex-grow: 0 !important;
text-align:left;
font-size:16px;
}
.drawer-navigation .main-navigation ul li a {
padding: 0 !important;
}
@media screen and (max-width: 768px) {
.drawer-navigation {
background: rgb(226,100,14);
width:40%;
}
}
@media screen and (max-width: 414px) {
.drawer-navigation {
background: rgb(226,100,14);
width:80%;
}
}
/*footer*/
.site-info {
float: none;
margin-top: 0;
text-align: center;
font-size: 14px;
}
.site-bottom {
background: rgb(226,100,14,1.0) !important;
text-align: center;
color: rgba(255,255,255,1.0);
padding:24px 0 8px;
}
.footer-menu {
line-height: 1.75;
}
.footer-navigation {
float: none;
}
.footer-navigation ul {
font-size: 14px;
list-style: none;
margin: 0;
}
.footer-navigation li {
display: inline-block;
margin-right: 28px;
}
.footer-navigation li:last-child {
margin-right: 0;
}
.footer-navigation li a {
color: rgba(255,255,255,1.0) !important;
}
.footer-navigation li a:hover {
opacity:0.8;
}
.footer-social {
text-align: center;
margin: 0.75em 0;
}
/** メニュー固定 **/
#fix-menu.m_fixed {
position: fixed;
top: 0;
width:100%;
z-index:100;
}
#fix-menu {
position: static;
top: -20px;
transition: all 0.3s ease 0s;
margin-top:0;
}
/* Back to Top */
.back-to-top {
	background: rgba(51,51,51,1.0);
	border-radius: 8px;
	bottom: 20px;
	cursor: pointer;
	display: none;
	height: 45px;
	position: fixed;
	right: 20px;
	width: 45px;
	z-index: 2;
	transition: .15s ease-in-out;
}
.back-to-top:hover {
background: rgba(0,0,0,1.0);
}
.back-to-top:before {
color: #fff;
content: "\f106";
display: block;
font: normal 22px/42px FontAwesome;
text-align: center;
}
/* 申込固定ボタン */
.bottom-button .to-entry a {
border-radius: 0 10px 10px 0;
bottom:180px;
cursor: pointer;
position: fixed;
left: 0px;
z-index: 10;
transition: .15s ease-in-out;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:60px;
height:180px;
background : rgba(244,220,51,1.0) url(img/ico_moushi.png) no-repeat;
background-position : center;
z-index:999;
}
.bottom-button .to-entry a:hover {
background-color: rgba(218,194,25,1.0);
}
.bottom-button .to-inquiry a {
border-radius: 0 10px 10px 0;
bottom:10px;
cursor: pointer;
position: fixed;
left: 0px;
z-index: 10;
transition: .15s ease-in-out;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:60px;
height:160px;
background : rgba(244,220,51,1.0) url(img/ico_otoi.png) no-repeat;
background-position : center;
z-index:999;
}
.bottom-button .to-inquiry a:hover {
background-color: rgba(218,194,25,1.0);
}
@media screen and (max-width: 414px) {
.bottom-button .to-entry a {
border-radius: 0 10px 0 0;
bottom: 0px;
height:50px;
width:50% !important;
background : rgba(244,220,51,1.0) url(img/ico_moushi_m.png) no-repeat;
background-position : center;
background-origin: content-box;
display:inline-block !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.bottom-button .to-inquiry a {
box-sizing:border-box;
border-radius: 10px 0 0 0;
bottom: 0px;
left:50.5%;
height:50px;
width:50% !important;
background : rgba(244,220,51,1.0) url(img/ico_otoi_m.png) no-repeat;
background-position : center;
display:inline-block !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.back-to-top {
bottom: 60px;
}
footer {
padding-bottom:50px;
}
}
/*スライダー*/
.xo-slider {
width:100% !important;
max-width:860px;
margin:0 auto 40px;
}
/*会社ロゴ*/
.companies .entry-content {
text-align:center;
}
.logo-item {
padding:5px 10px;
display:inline-block;
margin:0 5px 10px 5px;
border-radius:10px;
vertical-align:top;
background-color:#fff;
box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.2);
}
.logo-item p {
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
width:170px;
height:55px;
}
@media screen and (max-width: 768px) {
.logo-item p {
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
width:148px;
height:50px;
}
}
@media screen and (max-width: 414px) {
.logo-item p {
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
width:172px;
height:55px;
display:block;
}
}
.logo-item p a {
display:block;
}
/*背景色*/
.companies{
background : rgba(222,240,251,0.8);
padding:40px 0 30px;
}
.products {
background: rgba(222,240,251,0.8);
padding:40px 0;
}
.outline {
padding:20px 0 40px;
}
.seminars {
padding:40px 0;
}
.request {
padding:40px 0 0;
}
.outline {
padding:40px 0;
}
.slider {
padding:20px 0 0 !important;
}
.grayback10 {
background: rgba(51, 51, 51, 0.1);
border-radius:10px;
padding:20px;
}
/*LP各要素*/
.maintitle {
background: rgb(226,100,14,1.0);
padding:20px 0;
}
.maintitle h1 {
color:#fff;
text-align:center;
font-size:40px;
line-height:1.2;
text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.3);
font-feature-settings: "palt";
}
.maintitle h1 span {
font-size:52px;
display:block;
}
.entry-content h2 {
color:rgb(226,100,14,1.0);
font-size:28px;
text-align:center;
margin:0 0 20px;
}
.entry-content h2:before{
content: '';
display: inline-block;
width: 32px;
height: 32px;
background: url(img/icon_sf_main.png) no-repeat;
background-size: contain;
vertical-align: -4px;
margin-right:10px;
}
.entry-content h2:after {
content: '';
display: inline-block;
width: 32px;
height: 32px;
background: url(img/icon_sf_main.png) no-repeat;
background-size: contain;
vertical-align: -4px;
margin-left:10px;
}
@media screen and (max-width: 414px) {
.entry-content h2 {
color:rgb(226,100,14,1.0);
font-size:24px;
text-align:center;
margin:0 0 20px;
}
.entry-content h2:before{
content: '';
display: inline-block;
width: 28px;
height: 28px;
background: url(img/icon_sf_main.png) no-repeat;
background-size: contain;
vertical-align: -4px;
margin-right:10px;
}
.entry-content h2:after {
content: '';
display: inline-block;
width: 28px;
height: 28px;
background: url(img/icon_sf_main.png) no-repeat;
background-size: contain;
vertical-align: -4px;
margin-left:10px;
}
.outline .entry-content p {
text-align:left !important;
}
}
.to-entry-button a {
border-radius: 10px;
height:60px;
width:300px;
background : rgba(244,220,51,1.0) url(img/btn_moushi.png) no-repeat;
background-position : center;
display:inline-block !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.to-inquiry-button a {
box-sizing:border-box;
border-radius: 10px;
height:60px;
width:200px;
background : rgba(244,220,51,1.0) url(img/btn_otoi.png) no-repeat;
background-position : center;
display:inline-block !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.to-inquiry-button-modal a {
box-sizing:border-box;
border-radius: 10px;
height:60px;
width:200px;
background : rgba(244,220,51,1.0) url(img/ico_moushi_m.png) no-repeat;
background-position : center;
display:inline-block !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.to-download-button a {
box-sizing:border-box;
border-radius: 10px;
height:60px;
width:300px;
background : rgba(244,220,51,1.0) url(img/btn_pdf.png) no-repeat;
background-position : center;
display:inline-block !important;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.to-entry-button a:hover,
.to-inquiry-button a:hover,
.to-download-button a:hover {
background-color: rgba(218,194,25,1.0);
}
.to-modal a {
box-sizing:border-box;
border-radius: 10px;
background : rgba(244,220,51,1.0);
display:inline-block !important;
padding:5px 10px;
text-decoration:none;
margin:6px 0;
}
.to-modal a:hover {
background-color: rgba(218,194,25,1.0);
}
.com-tag span {
font-size:14px;
border-radius: 5px;
color:#fff;
font-weight:600;
padding:2px 8px;
display:inline-block;
margin:6px 6px 6px 0;
}
.com-tag span:nth-child(4n+1) {
background : rgba(58,192,244,1.0);
}
.com-tag span:nth-child(4n+2) {
background : rgba(249,123,232,1.0);
}
.com-tag span:nth-child(4n+3) {
background : rgba(96,191,28,1.0);
}
.com-tag span:nth-child(4n) {
background : rgba(51,51,51,0.6);
}
.com-tag {
font-size: 0;
}
.com-tag h4 {
display:inline-block;
margin:6px 6px 6px 0 !important;
}
.m-button {
margin-top:20px;
}
.m-button span {
vertical-align:top !important;
}
.m-button .remodal-confirm {
padding:15px 0 !important;
border-radius: 10px !important;
background: rgba(51,51,51,0.6);
}
.m-button .remodal-confirm:hover {
background: rgba(51,51,51,1.0);
}
.remodal-close {
  width: 40px !important;
  height: 40px !important;
}
.remodal-close:before {
  font-size: 40px !important;
  line-height: 40px !important;
  width: 40px !important;
}
/*LPリスト*/
.p-item {
display:flex;
padding:20px 0;
border-top:1px solid rgba(51,51,51,0.2);
font-size:16px;
line-height:1.5;
}
.entry-content div.p-item:last-child {
border-bottom:1px solid rgba(51,51,51,0.2)
}
.p-left {
width: calc(100% - 200px);
padding-right:20px;
}
.p-right {
width:200px;
}
.p-item .com-tag {
margin-top:-6px;
}
@media screen and (max-width: 768px) {
.com-tag h4 {
display:block;
margin: 0 0 0 0;
}
}
@media screen and (max-width: 414px) {
.p-item {
display:block;
}
.p-left {
display:block;
width: 100%;
padding:0 0 10px 0;
}
.p-right {
display:block;
width: 100%;
}
.p-right img {
width: 100%;
height:auto;
}
}
.p-item h3 {
font-size:20px;
margin:2px 0 4px 0;
color:rgb(226,100,14,1.0) !important;
}
.p-item h3 a {
text-decoration:none;
color:rgb(226,100,14,1.0) !important;
}
.p-item h3 a:hover {
text-decoration:underline;
}
.s-item {
display:flex;
padding:20px 0;
border-top:1px solid rgba(51,51,51,0.2);
font-size:15px;
line-height:1.5;
}
.s-dat {
display:block;
background:rgba(51,51,51,0.1);
border-radius:5px 5px 0 0;
text-align:center;
padding:4px 0 2px;
font-size:14px;
}
.s-dat span {
display:inline-block !important;
vertical-align:middle;
/*font-size:16px;*/
font-weight:600;
font-feature-settings: "palt";
}
.s-left {
flex-grow: 0;
width:200px;
}
.s-left img {
width:100%;
height:auto;
}
.s-right {
flex-grow: 1;
width: calc(100% - 220px);
padding-left:20px;
}
.s-item h3 {
font-size:20px;
margin:-4px 0 4px 0;
color:rgb(226,100,14,1.0) !important;
}
.s-item h4,
.s-item h5 {
font-size:16px;
margin: 0 0 6px 0;
}
.daymenu {
text-align:center;
}
.daymenu a {
display:inline-block !important;
margin:0 5px 10px;
padding:4px 10px;
background:rgba(51,51,51,0.1);
border-radius:5px;
font-size:16px;
font-weight:600;
font-feature-settings: "palt";
text-decoration:none;
}
@media screen and (max-width: 414px) {
.s-item {
display:block;
}
.s-left {
display:block;
width:100%;
}
.s-right {
display:block;
width:100%;
padding:10px 0 0 0;
}
}
.entry-content div.s-item:last-child {
border-bottom:1px solid rgba(51,51,51,0.2);
}
.remodal .p-img {
text-align:center;
margin-bottom:10px;
}
.remodal .p-img img {
max-width:100%;
}
.remodal h3 {
font-size:32px;
margin:4px 0 6px 0;
color:rgb(226,100,14,1.0) !important;
}
.remodal p {
text-align:left;
}
.remodal .catch {
margin-bottom:10px;
}
.grayborder {
border:4px solid  rgba(51,51,51,0.2);
padding:5px 20px 10px;
border-radius:10px;
text-align:center;
display:inline-block;
margin:10px auto 0 !important;
}
.centering {
text-align:center;
}
@media screen and (max-width: 414px) {
.pc-tablet-only {
display:none;
}
}
.tagcloud {
background :rgba(244,220,51,0.3);/*rgba(51,51,51,0.08)*/
padding:10px 0 14px;
}
.tagcloud a {
padding:4px 10px;
background:#fff;
border-radius:10px;
box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.2);
margin:4px 2px!important;
display:inline-block;
}
/*マニュアル*/
.single-content {
max-width:860px;
padding:0 20px;
margin:0 auto;
}
.single-content h1 {
margin:1em 0;
font-size:32px;
}
.single-content h3 {
margin:0 0 1em 0;
font-size:24px;
}
.blue {
color:rgba(0,102,255,1.0);
}
.green {
color:rgba(0,153,0,1.0);
}
.orange-white {
background:rgba(226,100,14,1.0);
color:#fff;
padding:0.2em;
}
.blue-white {
background:rgba(0,102,255,1.0);
color:#fff;
padding:0.2em;
}
.green-white {
background:rgba(0,153,0,1.0);
color:#fff;
padding:0.2em;
}