@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}

.sp-gap0{
	gap:0;
}
.sp-flex{
	flex-wrap:wrap !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.is-style-af-heading-reverse .vk_heading_title::before{
	width:100px;
}
.btn-black,.btn-black a{
	width:100%;
	min-width:100% !important;
}
.btn1{
	width:100%;
}
.btn1 a{
	min-width:100% !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}
.site-header-logo img{
	height:30px;
}
.contact_btn {
	width: 100% !important;
}
.contact_btn a {
    padding: 20px 18px !important;
    font-size: 18px !important;
    min-width: 100% !important;
	margin:15px 0!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.contact_tel {
    margin-right: 0px !important;
}
.contact_tel .vk_button_link_txt{
	font-size:40px !important;
}
.contact_tel i {
    font-size: 30px !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.teaser h2 {
    font-size: 30px !important;
    padding-left: 10px;
}
.teaser p {
    font-size: 16px;
    padding-left: 10px;
}
.top_slider .swiper-wrapper {
    gap: 20px;
}
.factory_box {
    top: -160px;
    margin-bottom: -160px;
    padding: 30px;
}
.production_img {
    margin-top: -20px;
}
.photo_2_2{
	    width: 150px !important;
	margin-bottom: -80px;
}
.box_right .photo_2_1 {
    width: 100%;
    margin-left: 0px;
    margin-bottom: -90px;
}
.box_right .photo_2_2{
	 width: 150px !important;
	    bottom: 0px;
    left: 180px;
	margin-bottom:0px;
}
.top_profile_left {
    padding-top: 20px;
}
.top_profile_right {
    top: -20px;
}
.btn3 a{
	font-size:18px !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
#main .syakun_box {
    background-size: 100% !important;
    background-position: right 5% bottom !important;
}
.history_timeline img{
	width:50%;
	height:auto;
}
ol.breadcrumb-list{
	    white-space: pre-wrap;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
#main .emp_table td, .emp_table th,#main .emp_table table ,#main .emp_table tr{
    padding: 11px !important;
    font-size:15px !important;
	        white-space:normal;
}
.emp_table table{
    width: 700px !important;}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.vk_posts .vk_post.media {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vk_posts .vk_post .media-img {
    width: 100%;
    padding: 0 !important;
    margin: 0;
}

.vk_posts .vk_post .media-body {
    width: 100%;
    padding-top: 1em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */