@charset "utf-8";
/***
@media メディアクエリ参考
***/
/* @col-md以上 → */@media (min-width:992px) {}
/* @col-sm以下 → */@media (max-width:767px) {}

/***
全体共通 style
***/
ul{ margin:0; padding:0; list-style:none;}
/* font メイリオ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body{ overflow-x:hidden;}
a{ text-decoration:none!important;}

p{ font-size:1.2em;}
/***
ライブラリ拡張
***/
.margin-top-0{margin-top:0px!important;}.margin-top-2{margin-top:2px!important;}.margin-top-3{margin-top:3px!important;}.margin-top-4{margin-top:4px!important;}.margin-top-5{margin-top: 5px !important;}
.margin-top-6{margin-top:6px!important;}.margin-top-7{margin-top:7px!important;}.margin-top-8{margin-top:8px!important;}.margin-top-9{margin-top: 9px !important;}
.margin-top-50{margin-top: 50px !important;}
.margin-top-100{margin-top: 100px !important;}
.margin-bottom-50{margin-bottom: 50px !important;}
.margin-bottom-100{margin-bottom: 100px !important;}
.padding-0{padding: 0px !important;}.padding-1{padding: 1px !important;}.padding-2{padding: 2px !important;}.padding-3{padding: 3px !important;}.padding-4{padding: 4px !important;}.padding-5{padding: 5px !important;}.padding-6{padding: 6px !important;}.padding-7{padding: 7px !important;}.padding-8{padding: 8px !important;}.padding-9{padding: 9px !important;}.padding-10{padding: 10px !important;}
.font-large{ font-size:large;}
/*****************************************************************************/
/****　↑↑↑↑↑基本的には変更しない Mtronic Themeとの連携部分↑↑↑↑↑ ****/

/***
ヘッダートップメニュー
***/
.page-header{ background:#444d58; height:55px;}
.page-header-title h1{ letter-spacing:0.1em;}
.page-logo img{ margin-top:19px;}
.page-header .page-header-top .page-logo{ height:55px;}
.page-header .page-header-top .menu-toggler{ margin-top:13px;}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 16px 18px 18px;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.h-logo > a {
	padding: 12px 18px 14px;
}
@media (max-width:992px) {
.page-logo img{margin-top: 5%;
max-height: 60%;}
.page-header{height:auto;}
}
@media (max-width:767px) {
.page-logo img{}
.page-header{height:auto;}
}
@media (max-width:414px) {
}
/*
.header-banner img{ max-height:38px;}
.top-menu .row .navbar-nav li a{padding:2px 0 2px 8px;}
.top-menu .row .navbar-nav li a:hover{ background:transparent; transition:all linear 0.2s;}
.top-menu .row .navbar-nav li a:hover img{opacity:0.9}
.page-header .page-header-top .top-menu{ margin-top:3px;}
.top-menu .row.top-menu-1 .navbar-nav li a{ color:#666666;}
.top-menu .row.top-menu-1 .navbar-nav li a:hover{ color:#222;}

*/
/** TOGGLE MENU **/
.page-header .page-header-menu,.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a{ background:#444d58; font-family:"Montserrat",sans-serif!important;}
.page-header .page-header-menu .hor-menu .navbar-nav > li{ background:#444d58; border-bottom:none; text-transform:uppercase;}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a{ color:#fbfbfb!important;}
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover a{ color:#fff!important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a{color:#fff!important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu { color:#fff; background:#444d58!important; text-transform:capitalize;}

/* @col-sm メニュー下余白 */
@media (max-width:767px) {
.hor-menu{ margin-bottom:20px!important;}
}
/*** フォームフォーカス時の色 ***/
      .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
      .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after,
      .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
      .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,
      .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
      .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
        visibility: visible;
        left: 0;
        width: 100%;
        background: #888; }

    .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block {
      color: #888;
      opacity: 1 ;
      filter: alpha(opacity=100) ; }
/***
***
固定ページ共通　style
***
***/
/***
container 設定
***/
.container-full{ width:100%;}
/* content 背景 */
.page-content{ background:#fff;}
/***
固定ページヘッダー設定
***/
.dynamic-page-header {
    background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
    margin: 0 0px;
	padding-top:30px;
}
.page-header-title{ float:left;}
/*** page header menu ***/
.page-header-menu li a{ color:#333;}
.page-header-menu.nav > li > a:focus, .nav > li > a:hover{ color:#FF6600; background:none;}
.dynamic-page-header .bottom-border{border-bottom:solid 1px #ddd;}
.dynamic-page-header p {
    color: #333;
    font-size: 2.8em;
    font-weight: 600;
margin-bottom:0;
    margin-top: 0px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.dynamic-page-header h2 {
	margin-top:10px;
    font-size: 1.3em;
	line-height:1.4;
}
.dynamic-page-header button{
	margin-top:10px;
    }
/* default */
.dynamic-page-header-default {
    min-height: 120px;
   /*
 background-image: url(../img/common/link_default_slider.jpg);
*/
	background-repeat:repeat-x;
	background-size:unset;
}
	.dynamic-page-header-default h1{ }
/* ページヘッダー基本色 */
.page-header-menu li a{ color:#333;}
.page-header-menu.nav > li > a:focus, .nav > li > a:hover{ color:#FF6600; background:none;}
.dynamic-page-header .bottom-border{border-bottom:solid 1px #ddd;}

/* about */
.bg1 {
    min-height: 106px;/*

    background-image: url(../img/pages/about_us/5.jpg);
*/
}
/*** 
Footer
***/
.page-footer{ background:#eee; color:#666666;}
.page-footer p.readmore{ text-align:center;}
.page-footer a{ color:#333;}
.page-footer a:hover{ color:#222;}
/***
サイドバー設定
***/
/** 固定ページ　サイドバー **/
.dynamic-sidebar{ padding:0px 25px 20px 25px ; margin-top:0px;}
	.dynamic-sidebar .portlet img{ text-align:center; margin-top:8px; margin-bottom:8px;}
	.dynamic-sidebar .form-body{ margin-top:20px;}

@media (max-width:992px) {
	.dynamic-sidebar{ margin-top:15px;}
}
@media (min-width:992px) {
.dynamic-page-header{margin-top:-15px;}
}

@media (max-width:767px) {
	.dynamic-page-header h2 {
		font-size: 1.1em;
		line-height:1.4;
	}
	.dynamic-sidebar{ padding:0px 5px 20px 5px;}
}

@import url('https://fonts.googleapis.com/css?family=Work+Sans:900&display=swap');


li a{
	font-weight: 1000!important;
}