@charset "UTF-8";

:root {
  --v-space: clamp(90px,9vw,120px);
   }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.cnt, header .inner, .g_menue_area ul.g_menue, footer .inner, #contentspg .mainimg_wrap .par-mainimg .inner, .greeting .inner, .businessinfo, .example, .corpinfo .inner, .pan .inner, .under .pgnav, .under .post_content, .works .work_nav { width: 100%; max-width: 1200px; box-sizing: border-box; }

.main_wrap{
width: 100%;margin: 0;padding: 0;display: block;}
.containerBox{
width: min(96%, 1200px);margin: auto;padding-bottom: var(--v-space);margin-top:calc(var(--v-space)*2/3);}

.post_content{padding-bottom: var(--v-space);}




/* ========================================================= */
/* フォントタイプ */
/* ========================================================= */
.f_g1, p, li, dt, dd, table, th, td, header .contact_nav ul li a, footer .copyright, #support_btn b, #contentspg .mainimg_wrap .par-mainimg h2.pgtitle, .greeting .ct_ttl, .greeting .blue_btn, .orabge_btn,.businessinfo .ct_ttl, .businessinfo .s_bnrwrap .s_bnr a .s_lb, .example .ct_ttl, .example .e_wrap div .e_box span, .example .blue_btn, .businessinfo .blue_btn, .under .pan, single_post_ttl, .under .post_content .smlb_wrap .smlb, .under .btm_contactarea a.contact_btn, .business .bus_dt_wrap .blue_btn, .contact .formbox dl dt, .contact .formbox .btnarea input, .blog .catlb ,.bs_col_4,h4.recruit_h4{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
.min-catch,.g_menue_area ul.g_menue li a {font-family: 'Noto Serif JP', serif; font-weight: 600;}
.f_g2 { font-family: "メイリオ", Meiryo, sans-serif; }

.f_m1, .mainimg_wrap .par-mainimg .copyarea .maincopy, .message .sign strong { font-family: "游明朝", YuMincho, serif; }

.f_m2, .mainimg_wrap .par-mainimg .copyarea .maincopy strong { font-family: "HGP明朝E", "細明朝体", "ヒラギノ明朝 Pro W3"; }

/* ========================================================= */
/* 装飾 */
/* ========================================================= */
b, .bold { font-weight: bold; }

.text-w{color: #fff;}

.text-b{color: #0068b7;}

.normal { font-weight: normal; }

.imgborder { border: 1px solid #c8c8c8; }

.imgborder_dash { border: 1px dashed #999; }

.imgshadow { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.photoframe { margin: 2px; border: 10px solid #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); }

.underborder { border-bottom: 1px solid #ccc; }

.under_border_da { border-bottom: 1px dashed #ccc; }

.noborder, article .norborder { border: none; }

/* ========================================================= */
/* 表示 */
/* ========================================================= */
.nodisp { text-indent: -9999px; }

.disp_none { display: none; }

.txt_ind1 { padding-left: 1em; text-indent: -1em; }

.txt_ind2 { padding-left: 2.6em; text-indent: -2.6em; }

/* ========================================================= */
/* レイアウト調整 */
/* ========================================================= */
.al_right { text-align: right; }

.al_left { text-align: left; }

.al_center { text-align: center; }

.f_left { float: left; }

.f_right { float: right; }

.valign-t { vertical-align: top; }

.valign-b { vertical-align: bottom; }

.valign-m { vertical-align: middle; }

.mauto, header .inner, .g_menue_area ul.g_menue, footer .inner, .mainimg_wrap, .mainimg_wrap .par-mainimg, #contentspg .mainimg_wrap .par-mainimg .inner, .greeting .inner, .par-businessinfo, .businessinfo, .example, .corpinfo .inner, .under .pan .inner, .under .pgnav, .under .post_content, .works .work_nav, article .mauto, article header .inner, header article .inner, article .g_menue_area ul.g_menue, .g_menue_area article ul.g_menue, article footer .inner, footer article .inner, article .mainimg_wrap, article .mainimg_wrap .par-mainimg, .mainimg_wrap article .par-mainimg, article #contentspg .mainimg_wrap .par-mainimg .inner, #contentspg .mainimg_wrap .par-mainimg article .inner, article .greeting .inner, .greeting article .inner, article .par-businessinfo, article .businessinfo, article .example, article .corpinfo .inner, .corpinfo article .inner, article .under .pan .inner, .under .pan article .inner, article .under .pgnav, .under article .pgnav, article .under .post_content, .under article .post_content, article .works .work_nav, .works article .work_nav { margin-left: auto; margin-right: auto; }

.dis-b { display: block; }

.dis-ib { display: inline-block; }

.pos-rl { position: relative; }

.pos-fix { position: fixed; z-index: 500; }

.of { overflow: hidden; }

.br-pc, .dn-pc { display: block; }

.br-sp, .dn-sp { display: none; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.scroll { overflow: auto; white-space: nowrap; }

.scroll::-webkit-scrollbar { height: 5px; }

.scroll::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.2); }

.scroll::-webkit-scrollbar-thumb { /* スクロールバーのツマミの色 */ background: rgba(255, 255, 255, 0.5); }

.mTb10 {margin: 10px 0;}

.mB20{margin-bottom: 1.2em;}

/* tableにスクロールバーを追加 ここまで↑ */
.scroll table { /* tableの幅を100%に */ width: 100%; }

.scrollbox { position: relative; width: 100%; overflow: auto; scrollbar-base-color: #fff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #f1f1f1; scrollbar-highlight-color: #f1f1f1; scrollbar-shadow-color: #f1f1f1; scrollbar-track-color: #ffffff; }

/*スクロールバー全体*/
.scrollbox::-webkit-scrollbar { width: 10px; }

/*横スクロールバー全体*/
.scrollbox::-webkit-scrollbar:horizontal { height: 10px; }

/*スクロールバー上下左右末端のボタン*/
.scrollbox::-webkit-scrollbar-button { width: 10px; height: 10px; }

/*ドラッグするツマミ部分*/
.scrollbox::-webkit-scrollbar-thumb { background: #f1f1f1; }

/*右下角部分*/
.scrollbox::-webkit-scrollbar-corner { background-color: transparent; }

html { font-size: 62.5%; }

body { text-align: center; color: #1e1e1e; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", メイリオ, Meiryo, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", sans-serif; font-size: 1.6rem; overflow-x: hidden; position: relative; min-width: 1200px; -webkit-text-size-adjust: 100%; }

p, li, dt, dd, table, th, td { line-height: 1.8; }

img { margin: 0; padding: 0; border: none; vertical-align: bottom; }

a { color: #1e1e1e; text-decoration: none; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a:visited { color: #1e1e1e; }
a.noborder { text-decoration: none; }
a.noborder:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }

a:hover, a:hover img, input[type="submit"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]:focus, input[type="button"]:focus { outline-offset: -2px; }

/* ====================================================================== */
/* HEADER */
/* ====================================================================== */
.header{background-color: #fff; position: fixed;}
.header-container{display: flex; justify-content: space-between; align-items: center; height: 100%; padding-top: 10px; padding-bottom: 10px; }
h2.header_companyCopy {font-size: 0.8em}
.header-contact-Box{padding-top: 8px; padding-bottom: 8px;}
.header-contact-Box h3 {display: inline-flex; align-items: center;}
.btn-contact{display: inline-flex; width: 175px; padding: 8px; box-sizing: border-box; border-radius: 4px; background-color:#e89029;  font-size: 14px; text-align: center; align-items: center; }
.btn-contact{width: auto;}
.header-contact-Box span{margin-right: 0.8em;}
.header-contact-Box a:visited{color: white;}
/* ====================================================================== */
/* Globalmenu */
/* ====================================================================== */
.g_menue_area { width: 100%; background-color: #0068b7;}
.g_menue_area ul.g_menue { display: -webkit-flex; display: flex; margin-top: 0; overflow: visible; }
.g_menue_area ul.g_menue li { width: 16.66667%; position: relative; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; }
.g_menue_area ul.g_menue li:last-child { border-right: none; }
.g_menue_area ul.g_menue li a { display: block; padding: 1.5em 0; font-size: 1.7rem; color: white; }
.g_menue_area ul.g_menue li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background-color: #00184f; }
.g_menue_area ul.g_menue li .child_wrap { display: none; width: 100%; position: absolute; left: 0; z-index: 1000; text-align: left; background-color: #00184f; }
.g_menue_area ul.g_menue li .child_wrap.workmenu { width: 200%; }
.g_menue_area ul.g_menue li .child_wrap.workmenu ul.child { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.g_menue_area ul.g_menue li .child_wrap.workmenu ul.child li { width: 50%; }
.g_menue_area ul.g_menue li ul.child { width: 100%; height: auto; margin-top: 0; box-sizing: border-box; }
.g_menue_area ul.g_menue li ul.child li { display: block; width: auto; border: none; text-align: left; }
.g_menue_area ul.g_menue li ul.child li a { padding: 0.25em 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.g_menue_area ul.g_menue li ul.child li a::before { margin-right: 5px; font-family: "Font Awesome 5 Pro"; content: "\f105"; font-weight: 300; color: white; }

.g_menue_area ul#g_menue li ul.child li a:hover { background-color: transparent; color: #141414; text-decoration: none; }

/* ----------------------------------------- */
/* メニュー
/* ----------------------------------------- */
.d_nav { display: none; }

.drawer-hamburger { margin-top: 5px; padding-left: 1em; padding-right: 1em; left: 0; }

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { height: 1px; background-color: #0542a8; }

.drawer-open .drawer-hamburger { left: auto; right: 0; }
.drawer-open .drawer-hamburger .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger .drawer-hamburger-icon:after { background-color: white; }

.drawer-nav { width: 30rem; background-color: #001118; color: white; }

.drawer-overlay { background-color: rgba(0, 17, 24, 0.8); }

.drawer-nav ul { background-color: #001118; text-align: left; }
.drawer-nav ul li { margin: 0; padding: 0; color: white; position: relative; font-size: 1.6rem; font-weight: 500; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.drawer-nav ul li a { display: block; padding: 1em; padding-left: 3em; margin: 0; color: white; text-decoration: none; position: relative; }
.drawer-nav ul li a::before { content: ""; display: inline-block; width: 12px; height: 12px; background: url(img/icon/arrow.svg) no-repeat; background-size: contain; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.drawer-nav ul li a.drawer-menu-item { font-size: 1.6rem; }
.drawer-nav ul li a:hover { color: #fff; text-decoration: none; }

.drawer-nav ul li .drawer-dropdown-menu ul.submenu { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.drawer-nav ul li .drawer-dropdown-menu ul.submenu li { width: 50%; font-size: 1.4rem; border-bottom: none; }
.drawer-nav ul li .drawer-dropdown-menu ul.submenu li a { padding: 0.5em 0.5em 0.5em 3em; position: relative; }
.drawer-nav ul li .drawer-dropdown-menu ul.submenu li a::before { background: none; width: auto; height: auto; margin-right: 10px; font-family: "Font Awesome 5 Pro"; content: "\f105"; font-weight: 300; left: 1.5em; }

/* ====================================================================== */
/* CONTENT */
/* ====================================================================== 
article { text-align: left; position: relative; }*/

/* --------------------------------------------------- */
/* パラグラフ */
/* ---------------------------------------------------
article p { margin-top: 50px; } */

/* --------------------------------------------------- */
/* Table */
/* --------------------------------------------------- */
article table { width: 100%; margin-top: 50px; border-collapse: collapse; }
article table th, article table td { padding: 1em; border: 1px solid #b6b6b6; }
article table th { background-color: #e9eef3; font-weight: bold; }

/* --------------------------------------------------- */
/* UL OL */
/* --------------------------------------------------- */
article ul, article ol { margin-top: 50px; }
article ul.list_disc li, article ol.list_disc li { margin-left: 20px; list-style-type: disc; }
article ul.list_none li, article ol.list_none li { margin-left: 20px; list-style-type: none; }
article ul.list_num li, article ol.list_num li { margin-left: 20px; list-style-type: decimal; }

/* --------------------------------------------------- */
/* DL */
/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* Bgbox */
/* --------------------------------------------------- */
.bg_wrap { overflow: hidden; }
.bg_wrap.bg1 { background-color: #615754; }
.bg_wrap.bg2 { background-color: #f2f1f3; }
.bg_wrap.bg3 { background-color: #160907; }

/* --------------------------------------------------- */
/* Form_Parts */
/* --------------------------------------------------- */
select { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; box-sizing: border-box; outline: none; }

select::-ms-expand { display: none; }

.select { overflow: hidden; display: inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; }
.select select { width: auto; padding: 4px 40px 4px 10px; font-size: 1.6rem; border: 1px solid rgba(175, 218, 30, 0.7); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: border-box; background-color: white; }
.select:focus { outline: none; }
.select::after { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #afda1e; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; pointer-events: none; }

/* --------------------------------------------------- */
/* Other */
/* --------------------------------------------------- */
article .pagenavi { margin-top: 50px; width: 100%; text-align: center; }
article .pagenavi a { display: inline-block; margin: 0 15px; padding: 1em 2em; border: 1px solid #b6b6b6; text-decoration: none; }
article .pagenavi a:hover { background-color: #054689; border-color: #054689; color: white; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

ul.content-Tags {
	margin-top: 30px;
	margin-bottom: 30px;
    text-align: left;
}

.content-Tags {
	font-size: 0.875rem;
}

.content-Tags li {
	display: inline-block;
	margin-right: .3em;
}

.content-Tags a {
	display: block;
	padding: .3em .7em;
	text-decoration: none;
	color: #00A1C6;
	border: 1px solid #00A1C6;
	border-radius: 1em;
}
.content-Tags a:hover {background-color: darkorange; border-color: darkorange; color: white;
}


/* ====================================================================== */
/* SMP MENU */
/* ====================================================================== */
.smp_menuarea { display: none; margin: 0; overflow: hidden; background-color: #1d1f77; text-align: left; font-size: 1.6rem; }
.smp_menuarea .ctmenu { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.smp_menuarea .ctmenu a { display: block; padding: 1.5em; text-decoration: none; font-weight: bold; color: white; position: relative; }
.smp_menuarea .ctmenu a::before { content: ""; display: inline-block; margin-right: 1em; width: 14px; height: 14px; background: url(img/icon/arrow.svg) no-repeat; background-size: contain; vertical-align: middle; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.smp_menuarea .ctmenu .lb { display: block; padding: 1.5em; font-weight: bold; position: relative; color: white; }
.smp_menuarea .ctmenu .lb::before { content: ""; display: inline-block; margin-right: 1em; width: 14px; height: 14px; background: url(img/icon/arrow.svg) no-repeat; background-size: contain; vertical-align: middle; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.smp_menuarea .ct_menu { display: none; }
.smp_menuarea .ct_menu ul { display: block; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 1em; background-color: #191a51; }
.smp_menuarea .ct_menu ul li { display: block; width: 50%; margin: 0; line-height: 1.3; border-bottom: none; box-sizing: border-box; }
.smp_menuarea .ct_menu ul li a { display: block; padding: 0.5em; text-decoration: none; font-size: 1.4rem; color: white; font-feature-settings: "palt"; }
.smp_menuarea .ct_menu ul li a::before { margin-right: 10px; font-family: "Font Awesome 5 Pro"; content: "\f105"; font-weight: 300; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

/* ====================================================================== */
/* Footer */
/* ====================================================================== */
footer { width: 100%; padding: 30px 0; background-color: #0068b7; font-size: 1.2rem; color: white; }
footer .inner { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; text-align: left; }
footer ul.f_menu { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
footer ul.f_menu li { font-weight: 300; margin-right: 0.75em; }
footer ul.f_menu li a { color: white; }
footer .copyright { display: block; font-size: 1.1rem; margin-top: 10px; color: rgba(255, 255, 255, 0.7); }

#pagetop { position: fixed; bottom: 0; right: 0; z-index: 200; }
#pagetop a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 68px; height: 68px; background-color: #002f5f; color: white; font-size: 2.4rem; }

#sp_btnarea { position: fixed; right: 10px; top: 60px; /*  bottom: 10px;*/ z-index: 50; display: none; }

#support_btn { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 140px; height: 140px; background: url(img/icon/note.svg) no-repeat center 10px; background-size: 20px auto; background-color: rgba(26, 27, 51, 0.8); border: 1px solid rgba(255, 255, 255, 0.9); color: white; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 1.1rem; line-height: 1.2; border: 3px solid rgba(255, 255, 255, 0.8); transition-duration: 0.3s; }
#support_btn:hover { cursor: pointer; width: 150px; height: 150px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; transition-duration: 0.3s; }
#support_btn b { display: block; margin: .5em 0; font-weight: bold; font-size: 1.4rem; font-feature-settings: "palt"; }
#support_btn .dn-sp { display: block; }

#support_btn { animation: ani01 2s linear infinite; transform-origin: 50% 50%; }

@keyframes ani01 { 0% { transform: translateY(0); }
  33.33333% { transform: translateY(-8px); }
  66.66667% { transform: translateY(0); }
  100% { transform: translateY(0); }
}

/* ================================================================== */
/* COMMON */
/* ================================================================== */
/*================================h===============================*/
main h1{
    /*==font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;==*/
	background-size: auto;
	position: relative;
	background: url(../images/bg_h1.png) ,-moz-linear-gradient(top center, #363d57 0%, #5b627d 100%);
    background: url(../images/bg_h1.png) , -ms-linear-gradient(top, #363d57 0%, #5b627d 100%);
    background: url(../images/bg_h1.png) , -moz-linear-gradient(top, #363d57 0%, #5b627d 100%);
    background: url(../images/bg_h1.png) , -webkit-linear-gradient(top, #363d57 0%, #5b627d 100%);
    background: url(../images/bg_h1.png) , linear-gradient(top, #363d57 0%, #5b627d 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	line-height:1.7;
	margin:0px 0 0px;
	padding:45px 0 45px;
	box-sizing: border-box;
	letter-spacing: 0.12em;
	text-align:center;
	}
#works main h1{
    font-size:34px;
	letter-spacing: 0.15em;
}
main h1.second {
	font-size:40px;
	padding:40px 0 40px;
	letter-spacing: 0.15em;
}
/*==直下にintro_boxが入る場合==*/
main h1.third{
	margin:-80px 0 140px;
	}
/*====*/
main h1 span{
	position: relative;
	width: auto;
	max-width:1260px;
    padding: 0 100px;
    display: inline-block;
}
main h1 span:before,
main h1 span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 60px;
  height: 1px;
  background:#fff;
}
main h1 span:before {
  left:0;
}
main h1 span:after {
  right: 0;
}
main h1 em {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	color:#fff;
    background: linear-gradient(transparent 60%, #2e8263 60%);
    display: inline-block;
	margin:0 0 15px 0;
	padding:0 15px;
}
main h1 br{
	display: inline;
	}
h2.ct_ttl{
	position: relative;
	color:#052666;
	font-size: clamp(30px,3vw,40px);
	font-weight:bold;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	line-height:1.7;
	margin: 0 0 50px;
	padding: ;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #dde3e6;
    -webkit-box-shadow: 0 3px 0 #f0f4f6;
    -moz-box-shadow: 0 3px 0 #f0f4f6;
    /*box-shadow: 0 3px 0 #f0f4f6;*/
	}
h2.ct_ttl{
	font-size:35px;
	margin-top:-28px;
	margin-bottom: 52px;
	letter-spacing: 0.07em;
	}
h2.ct_ttl::after{
margin-bottom: 0.8em;}

h2.ct_ttl::before {
	content: '';
	position: absolute;
	bottom: -4px;
	display: inline-block;
	width: 100px;
	height: 4px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #052666;
}
/*
.under .heading_ttl{
width: 100%;
min-height: 280px;
display: flex;
align-items: center;
margin: 0;
background-image: url(/img/bg_ttl_recruit.jpg);
background-position: center;
background-size: cover;
text-align: left;
}*/

.sub_ttl{
display: grid;
grid-template-rows: auto;
place-items:center left;
}
.sub_ttl>*{
grid-area: 1/1;}
.sub_ttl>img{
width: 100%;
height: 100%;
object-fit: cover;}
.under .heading_ttl h2{color: #fff; font-size: clamp(30px,3vw,40px);min-height: 0vw;font-weight: 400; padding-left: 3em;}
.sub_ttl h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: clamp(36px,5vw,68px);
    color: #fff;
    text-align: left;
    padding-left: 2em;
}
h3.min-catch{color: #1d2088;
            font-size: clamp(1.2em,3vw,1.8em);
            line-height: normal;
            min-height: 0vw;
            font-weight: 600;
            }
h3.g-catch{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    color: #333;
	background-size:100% auto;
    border-bottom: solid 4px #d4e0ed;
    font-size: clamp(1em,3vw,1.4em);
    font-weight: bold;
    padding: 14px 25px;
    margin: 0 auto 1em;
	letter-spacing: 0.1em;
    position: relative;
    width: 480px;
}
h3.g-catch:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #052666;
	left:0px;
	bottom: -4px;
	padding: 0;
	width: 30%;
}
main h3.second{
	font-size:24px;
	font-family: 'Noto Serif JP', serif;
	font-weight:normal;
	line-height:1.5;
	padding:0 0 15px;
	margin: 20px 0 0;
	color: #000;
	background:none;
	text-align: left;
	}
main h3.third {
    margin: 20px 0 35px;
}

.post_content .postbox .sublb{ display: block; /*      margin-top: 50px;*/ padding: 1em; font-weight: bold; font-size: 2rem; position: relative; /*      @include background-image(linear-gradient(#fff,#fff 70%, #ecf0f3 70%,#ecf0f3));*/ border-top: 2px solid #0542a8; border-bottom: 1px solid #b6b6b6; }
.under .postbox .sublb:nth-of-type(1) { margin-top: 0; }
h4.oR_ttl {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    color:#fff;
    font-size: clamp(1em,3vw,1.4em);
    background-color: #e9600c;
    padding: 1.2rem;
    
}
h4.bL_ttl {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    color:#fff;
    font-size: clamp(1em,3vw,1.4em);
    background-color: #6c9bd2;
    padding: 1.2rem;
    
}

main h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color:#052666;
	font-size: 23px;
    margin: 0 auto 20px;
	padding: 10px 0px 25px;
	background:none;
	border-radius:0;
	line-height:1.0;
	border-bottom: solid 4px #d4e0ed;
    position: relative;
	letter-spacing: 0.07em;
}
main h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #052666;
	left:0px;
	bottom: -4px;
	padding: 0;
	width: 10%;
}
@media  print, screen and (max-width: 767px) {
main h1{
    background-size: 140% auto;
	font-size:17px;
	padding: 20px 15px 20px;
	margin:0px 0px 0px;
	letter-spacing: 0.07em;
	line-height: 1.6;
	}
#about main h1{
    background-size: auto 100%;
	font-size:17px;
	}
#works main h1{
    font-size:19px;
	letter-spacing: 0.2em;
}
#works main h1 span{
    padding: 0 50px;
}
main h1.second {
    font-size: 24px;
    padding: 20px 15px 20px;
    letter-spacing: 0.1em;
}
/*==下にintro_boxが入る場合==*/
main h1.third{
	margin:-20px 0px 15px;
	}
/*====*/
main h1 span{
	position: relative;
	width: auto;
    padding: 0;
    display: inline-block;
}
main h1 span:before,
main h1 span:after {
  display: none;
}
#works main h1 span:before,
#works main h1 span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 1px;
  background:#fff;
}
main h1 br{
	display:none;
	}
main h1 em {
	width:90px;
    display: block;
	margin:0 auto 12px;
}

main h1 .txt_small {
    font-size: 0.8em;
	letter-spacing: 0.05em;
}
/*h2.ct_ttl{
	padding: 0 0 20px;
    margin: 0px 10px 30px;
	font-size:18px;
	letter-spacing: 0.07em;
	line-height: 1.5;
}
h2.ct_ttl{
	font-size:20px;
	letter-spacing: 0.07em;
	margin: 20px 10px -5px;
	}
    
h2.ct_ttl::before {
    bottom: -4px;
    height: 4px;
    width: 60px;
}*/
main h3,
main h3.third {
    font-size: 15px;
    padding: 10px 15px 10px;
    margin: 5px 0 15px;
}
main h3.second{
	font-size:16px;
	line-height:1.5;
	padding:0 0 10px;
	margin: 10px 0 0;
	}
main h4 {
    font-size: 15px;
	line-height:1.6;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: solid 3px #d4e0ed;
}
main h4:after {
	border-bottom: solid 3px #052666;
	bottom: -3px;
}
}

.inner{width: 100%;max-width: 1200px; margin-left: auto;margin-right: auto;}

.parallaxBox{
  background-image: url(../img/ph_exterior.jpg);
  min-height: 280px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* ================================================================== */
/* TOP */
/* ================================================================== */
.heroBox{
    height: 650px;
    background-image: url(../img/main_img.jpg);
    background-position: center;
    background-size: cover;
    }
.hero-container{
display: grid;
justify-items :center;
align-items: center;
height: 100%;}
.heroBox h1{margin-bottom: 42px;
font-family: 'Noto Serif JP', serif;
font-size: 48px;
font-weight: 600;
line-height: 1.4;
text-align: center;
color: #fff;}

#topics_area .news {
	width:920px;
	padding-top: 72px; margin:0 auto;
    border-bottom: 1px solid #e1e3e8;
	text-align:left;
}
#topics_area dl {
	width:920px;
	border-top: 1px solid #e1e3e8;
	display: flex;
    align-items: center;
}
#topics_area dt {
	width:140px;
	font-size:15px;
	color:#000;
	font-weight:normal;
	padding:12px 0;
	line-height: 1.8;
	text-align: left;
}
#topics_area dt span{
	display:inline-block;
	min-width:140px;
	padding:10px 15px;
	border: 1px solid #e60012;
}
#topics_area dd {
	width:750px;
	font-size:16px;
	color:#222;
	padding:20px 0 20px 30px;
	line-height: 1.8;
    }
.cat_ico_orange{
display: inline-block;
background: #fff;
padding: 4px;
border: 1px solid #e89029;
font-size: 0.6em;
margin: 0 16px;
color: #e89029;
text-align: left;
}
.cat_ico_blue{
display: inline-block;
background: #fff;
padding: 4px;
border: 1px solid #6c9bd2;
font-size: 0.6em;
margin: 0 16px;
color: #6c9bd2;
text-align: left;
}
.cat_ico_rail_blue{
display: inline-block;
background: #1747a6;
padding: 4px 8px;
border: 1px solid #1747a6;
    border-radius: 8px;
font-size: 0.6em;
margin: 0 16px;
color: #fff;
text-align: left;
}
.cat_ico_rail_bw{
display: inline-block;
background: #fff;
padding: 4px 8px;
border: 1px solid #1747a6;
    border-radius: 8px;
font-size: 0.6em;
margin: 0 16px;
color: #1747a6;
text-align: left;
}
#topics_area dd em{
	display:block;
	font-size:16px;
	color:#3E2C27;
	font-weight:bold;
}
#topics_area dd a:hover,
#topics_area dd a:hover em{
	color: #385ba0;
    text-decoration:underline!important;
}
@media  print, screen and (max-width: 768px) {
#topics_area{
	width:100%;
	padding: 30px 0 30px;
	margin: 0;
	box-sizing:border-box;
	}
#topics_area .inner {
	width: 100%;
	margin:0;
	padding: 0;
}
#topics_area h2{
	display:inline-block;
	padding:0px 30px;
	margin: 0 auto 20px;
	font-size:30px;
	letter-spacing: 0.03em;
	line-height: 1.0;
	text-align:center;
}
#topics_area h2 .text {
	display:block;
	font-size:14px;
    padding: 8px 0 0;
}
#topics_area .news {
    width: 90%;
    margin: 0 5%;
}
#topics_area dl {
	width:100%;
	display: block;
}
#topics_area dt {
	width:auto;
	letter-spacing: 0.04em;
    font-size: 11px;
	padding:12px 5px 6px;
    line-height: 1.7;
	text-align:left;
}
#topics_area dt span{
	display:inline-block;
	min-width:80px;
	padding:5px 12px;
}
#topics_area dd {
	width:auto;
	font-size:small;
	padding:0 5px 12px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
#topics_area dd em{
	font-size:small;
}
#topics_area dd a {
	background-size:6px auto;
	padding-right:20px;
}
}

#about_companyBox figure{
    margin: 0;}

#about_companyBox img{
    display: block;
    max-width: 100%;
    height: auto;}
.imgtext_container{
        display: flex;
        flex-direction: column;
        gap:    clamp(45px, 6vw, 80px);
}
@media(min-width: 768px){
    .imgtext_container{
    flex-direction: row;
    align-items: center;}
    .imgtext_container > .l_textBox{
        flex: 1;}
    .imgtext_container > .img{
        flex: 2;}
}
.single_img_container
{width: 100%;
margin: 27px auto 27px;}

.img_col_2{
	display: grid;
    gap:27px;
}

@media (min-width:768px){
    .img_col_2{
        grid-template-columns:repeat(2,1fr);
        grid-gap:1rem;
    }
}


.par-businessinfo{width: 100%;min-height: 620px;background: transparent;}
.parallax-slider {
     top: 0;
     left: 0;
}
.par-businessinfoBox{
margin-bottom:120px; }


.businessinfo_container section.businessinfo{padding-top: 72px;padding-bottom: 72px;}
.businessinfo .ct_ttl { display: inline-block; padding: 0 3em 0.3em; font-size: 4.2rem; font-weight: bold; color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.example .ct_ttl { display: inline-block; padding: 0 3em 0.3em; font-size: 4.2rem; font-weight: bold; color: #1747a6; border-bottom: 3px solid #d9d9d9; }
.businessinfo p { color: white; }
.businessinfo .s_bnrwrap { margin-top: 70px; margin-bottom: 70px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.businessinfo .s_bnrwrap .s_bnr { width: 385px; height: 318px; overflow: hidden; -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }
.businessinfo .s_bnrwrap .s_bnr a,.businessinfo .bs_col_4 .s_bnr a { display: block; position: relative; }
.businessinfo .bs_col_4 .s_bnr { width: 280px; height: 210px; overflow: hidden; -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }
.businessinfo .s_bnrwrap .s_bnr a,.businessinfo .bs_col_4 .s_bnr a { display: block; position: relative; }
.businessinfo .s_bnrwrap .s_bnr a:hover,.businessinfo .bs_col_4 .s_bnr a:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.businessinfo .s_bnrwrap .s_bnr a .s_lb,.businessinfo .bs_col_4 .s_bnr a .s_lb  { width: 100%; padding: 1em 0; position: absolute; bottom: 0; left: 0; z-index: 50; background-color: rgba(5, 66, 168, 0.9); font-size: 2.1rem; color: white; }
.businessinfo .s_bnrwrap .s_bnr img.bnr,.businessinfo .bs_col_4 .s_bnr img.bnr { display: block; transition-duration: 0.3s; }
.businessinfo .s_bnrwrap .s_bnr img.bnr:hover,.businessinfo .bs_col_4 .s_bnr img.bnr:hover { transform: scale(1.2); transition-duration: 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.example { padding: 70px 0; text-align: center; }
p.read_text{margin: 1.8em 0;}
.example .e_wrap { width: 100%; margin-top: 30px; position: relative; opacity: 0; transition: opacity 0.3s linear; }

.example .blue_btn {display: inline-flex; padding: 1em 3em; background-color: #0068b7; font-size: 1.8rem; color: white; align-items: center;}
.example .orabge_btn {display: inline-flex; padding: 1em 3em; background-color: #f25C05; font-size: 1.8rem; color: white; align-items: center;}
.businessinfo .blue_btn {padding-bottom: 42px; display: inline-flex; padding: 1em 3em; background-color: #0068b7; font-size: 1.8rem; color: white; align-items: center;}
.corpinfo { width: 100%; height: 800px; height: 900px; background: url(img/top/corpinfo.png) no-repeat center bottom; background-size: 100% auto; }

#recruitBox{
    height: 780px; background-image: url(../img/ph_recruitBoxImg.jpg); background-position: center; background-size: cover;}
#recruitBox .example{ position: absolute; padding-top: calc(100%/5); text-align: left;margin-left:calc(100%/5) }
    


.corpinfo .inner { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 100px; }
.corpinfo dl { width: calc(100%/3); position: relative; }
.corpinfo dl dt, .corpinfo dl dd { display: block; }
.corpinfo dl dt { padding-left: 30px; height: 40px; font-size: 1.7rem; font-weight: bold; position: relative; line-height: 40px; vertical-align: middle; }
.corpinfo dl dt::before { content: ""; display: inline-block; width: 16px; height: 100%; box-sizing: border-box; border-left: 3px solid #0542a8; border-bottom: 1px solid #0542a8; position: absolute; top: 0; left: 0; }
.corpinfo dl dd { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; margin-left: 15px; padding: 0 1em 1.5em; font-size: 1.4rem; line-height: 1.4; border-left: 1px solid #0542a8; }
.corpinfo dl dd .ryougoku { margin-top: 1em; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; }
.corpinfo dl dd .ryougoku .blk:last-child { margin-right: 0; }
.corpinfo dl dd .ryougoku-busho { display: inline-block; }
.corpinfo dl dd .access_btn { display: block; position: absolute; top: 0; right: 30px; }
.corpinfo dl dd .access_btn a { display: inline-block; padding: 0.5em 1em; background-color: #1d1f77; color: white; }


/* ================================================================== */
/* Pgtitle */
/* ================================================================== */
/* ================================================================== */
/* Under */
/* ================================================================== */
.under .pan { display: flex;align-items: center; padding: 1em; font-size: 0.8em; background-color: #e9eef3; }
.under .pan .inner { text-align: right; }
.under .pgnav { display: -webkit-flex; display: flex; justify-content: center; justify-content: flex-end; }
.under .pgnav li { margin: 0 0.5em; }
.under .pgnav li a { display: inline-block; padding: 0.5em 2em; border: 1px solid #b6b6b6; }
.under .pgnav li a::before { color: #054689; margin-right: 0.5em; content: "\f105"; font-family: "Font Awesome 5 Pro"; }
.under .pgnav li a:hover { background-color: #054689; border: 1px solid #054689; color: white; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.under .pgnav li a:hover::before { color: white; }
.under .pgnav li.active a { background-color: #054689; border: 1px solid #054689; color: white; }
.under .pgnav li.active a::before { color: white; content: "\f107"; font-family: "Font Awesome 5 Pro"; }
.under .post_content { padding: 50px 0; }

.single_post_ttl:nth-of-type(1) { margin-top: 0; }
.under .post_content .smlb_wrap { text-align: center; position: relative; }
.under .post_content .smlb_wrap .smlb { position: relative; line-height: 1.4; padding: 0.5em 2em; display: inline-block; font-size: 1.7rem; font-weight: bold; }
.under .post_content .smlb_wrap .smlb::before, .under .post_content .smlb_wrap .smlb::after { position: absolute; top: 0; content: ""; width: 8px; height: 100%; display: inline-block; }
.under .post_content .smlb_wrap .smlb::before { border-left: solid 1px #adadad; border-top: solid 1px #adadad; border-bottom: solid 1px #adadad; left: 0; }
.under .post_content .smlb_wrap .smlb::after { content: ""; border-top: solid 1px #adadad; border-right: solid 1px #adadad; border-bottom: solid 1px #adadad; right: 0; }
.under .btm_contactarea { padding: 0 0 50px; text-align: center; }
.under .btm_contactarea a.contact_btn { display: inline-block; padding: 1em 2em; background-color: #ef760c; font-size: 1.8rem; color: white; }
.under .btm_contactarea a.contact_btn::before { margin-right: 0.5em; content: ""; display: inline-block; width: 18px; height: 18px; background: url(img/icon/mail.svg) no-repeat; background-size: contain; vertical-align: middle; }
/*.under .wp-pagenavi { margin-top: 50px; padding: 1em 0; text-align: center; }
.under .wp-pagenavi a, .under .wp-pagenavi span { text-decoration: none; border: 1px solid rgba(200, 200, 200, 0.5); padding: 0.2em 0.75em; margin: 3px; color: white; }
.under .wp-pagenavi a:hover, .under .wp-pagenavi span.current { background-color: #c1bcbb; color: #1e1e1e; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; font-weight: bold; }*/


/* ================================================================== */
/* Message */
/* ================================================================== */
.message .sign { text-align: right; }
.message .sign strong { font-size: 3rem; }

/* ================================================================== */
/* Devices */
/* ================================================================== */
.devices .eq_wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.devices .eq_wrap table.equipment { width: 45%; }
.devices .eq_wrap table.equipment th { text-align: center; }
.devices .eq_wrap table.equipment td { border-right: none; }
.devices .eq_wrap table.equipment td:last-child { border-right: 1px solid #b6b6b6; text-align: center; }

/* ================================================================== */
/* Business */
/* ================================================================== */
.business .bus_dt_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.business .bus_dt_wrap .bus_dt { width: 30%; width: 45%; /*      margin-right: 60px;*/ margin-bottom: 100px; /*      &:nth-of-type(3n){ margin-right: 0;
}*/ }
.bs_dt_container .bs_box .sublb{ display: block; padding: 1em; font-weight: bold; font-size: 2rem; position: relative; /*      @include background-image(linear-gradient(#fff,#fff 70%, #ecf0f3 70%,#ecf0f3));*/ border-top: 2px solid #0542a8; border-bottom: 1px solid #b6b6b6; }
.bs_dt_container .bs_box .sublb:nth-of-type(1) { margin-top: 0; }
.bs_dt_container .bs_box img{ margin-top: 18px; width: 100%; height: auto; }
.bs_dt_container .bs_box .blue_btn { margin: 38px auto 0; display: table; padding: 1em 3em; background-color: #1d1f77; font-size: 1.8rem; color: white; }
.bs_dt_container .bs_box .blue_btn::before { margin-right: 0.5em; content: ""; display: inline-block; width: 14px; height: 14px; background: url(img/icon/arrow.svg) no-repeat; background-size: contain; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.bs_dt_container .bs_box p{
text-align: justify;}
.bs_col_4{display: grid;
gap:27px;
    margin-bottom: 70px;}
@media(min-width:768px){
    .bs_col_4{
    grid-template-columns: repeat(4,1fr);
    }
}


/* ================================================================== */
/* Works */
/* ================================================================== */
.works .work_nav { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.works .work_nav li { margin: 0 1em 1em; }
.works .work_nav li a { display: inline-block; padding-right: 1em; border-right: 1px solid #b6b6b6; }
.works .work_nav li a::before { color: #054689; margin-right: 0.5em; content: "\f107"; font-family: "Font Awesome 5 Pro"; }
.works .post_content:nth-of-type(3) { padding-top: 0; }
.works .gallery { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.works .gallery .gbox { width: 360px; /*      height: 280px;*/ position: relative; margin-right: 60px; margin-bottom: 60px; }
.works .gallery .gbox:nth-of-type(3n) { margin-right: 0; }
.works .gallery .gbox img { width: 360px; height: 280px; object-fit: cover; }
.works .gallery .gbox .exparea { text-align: center; /*        width: 85%;
height: 110px;
background-color: rgba(#00184f, 0.8);
color: $c_white;
position: absolute;
top: 0;
left: 0;*/ }
.works .gallery .gbox .exparea p { margin: 0 1em 1em; line-height: 1.2; font-feature-settings: "palt"; }
.works table.list_tb th, .works table.list_tb td { padding: 0.5em 0.75em; line-height: 1.5; font-feature-settings: "palt"; }
.works table.list_tb th { text-align: center; }
.works table.list_tb th small { font-size: 1.3rem; }
.works table.list_tb td { vertical-align: middle; }
.works table.list_tb td:nth-of-type(1) { width: 280px; }
.works table.list_tb td:nth-of-type(3) { width: 140px; text-align: center; }
.works table.list_tb td:nth-of-type(4) { width: 110px; text-align: right; }
.works table.list_tb td:nth-of-type(5) { width: 180px; text-align: center; }

/* ================================================================== */
/* Partner */
/* ================================================================== */
.partner .post_content .sublb { margin-top: 50px; }
.partner .post_content .sublb:nth-of-type(1) { margin-top: 50px; }
.partner table.dl_tb { width: 100%; }
.partner table.dl_tb th, .partner table.dl_tb td { vertical-align: top; }
.partner table.dl_tb th { text-align: center; }
.partner table.dl_tb th:nth-of-type(1) { width: 40%; }
.partner table.dl_tb th:nth-of-type(2) { width: 40%; }
.partner table.dl_tb td:nth-of-type(1) { font-weight: bold; position: relative; }
.partner table.dl_tb td:nth-of-type(1)::before { content: ""; display: inline-block; margin-right: 1em; width: 24px; height: 24px; background: url(img/icon/note_b.svg) no-repeat; background-size: contain; vertical-align: middle; }
.partner table.dl_tb td:nth-of-type(3) { text-align: center; }
.partner table.dl_tb td .dl_btn { display: inline-block; margin-left: 1.5em; padding: .25em .5em; border: 1px solid #b6b6b6; position: relative; }
.partner table.dl_tb td .dl_btn::after { content: ""; display: inline-block; margin-left: .75em; width: 16px; height: 16px; background: url(img/icon/download.svg) no-repeat; background-size: contain; vertical-align: middle; }
/* ================================================================== */
  /* Company */
  /* ================================================================== */
.timelineBox{width: 96%;margin-left: auto;padding-right: auto;}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.timeline-line {
    width: 75%;
    text-align: center;
    border-left: 1px #d9d9d9 solid;
    
  }

/* for Desktop */
@media ( min-width : 640px ){
.timelineBox{width: 80%;margin:3em auto;}
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 1px #d9d9d9 solid;
    padding-left: 30px;
  }
    .timeline-content p {padding-left: 2em; text-align: left;}
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #f28705;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
    .timeline-line {
    display:none;
    }
}
.businessLicenceBox{margin-top: 1em;}
ul.awardsBox li{margin-top: 1em;margin-bottom: 1em; margin-left: 2em; text-align: left;}

.businessLicenceBox{display: flex; flex-direction: column; gap:clamp(28px,6vw,80px);}
@media(min-width:768px){.businessLicenceBox{flex-direction: row;align-items: flex-start;} .businessLicenceBox>.l_textBox {flex: 3; min-width: 42em;} .businessLicenceBox>.img{flex: 2;}
}

.civilEngineering_contactBox {
	margin:3em;
	padding: 8px 8px 8px;
	background:#0068B7;
	box-shadow: 0px 0px 8px -1px #ddd;
    -moz-box-shadow: 0px 0px 8px -1px #ddd;
    -webkit-box-shadow: 0px 0px 8px -1px #ddd;
	border-radius: 20px; 
    -webkit-border-radius: 20px;  
    -moz-border-radius: 20px;
}
.civilEngineering_contactBox .inner{
    width: auto;
    padding:35px 80px 25px;
    margin: 0;
    background: #f3f6f9;
	border-radius: 12px; 
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
}
.civilEngineering_contactBox h4 {
    font-family: 'Noto Sans JP', sans-serif;
    color:#052666;
	font-size: clamp(12px,5vw,24px);
    font-weight: 500;
    margin: 0 auto 20px;
	padding: 10px 0px 25px;
	background:none;
	border-radius:0;
	line-height:1.4;
	border-bottom: solid 4px #d4e0ed;
    position: relative;
	letter-spacing: 0.07em;
    text-align: left;
}
.civilEngineering_contactBox h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #052666;
	left:0px;
	bottom: -4px;
	padding: 0;
	width: 10%;
}
.civilEngineering_contactBox p{
	line-height:1.8em;
	margin: 0 15px 1.5em;
	color: #000;
}
.civilEngineering_contactBox p.tel {
    margin: 0 0px 0 30px;
    float: left;
    padding-top:20px;
     align-items: center;
}
.civilEngineering_contactBox p.tel a {
    /*background: url(../images/icon_tel.svg) no-repeat 0 center;
    background-size: 34px 34px;*/
    padding: 1em .5em;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 42px;
    font-weight: bold;
	color: #052666;
	text-decoration:none;
    letter-spacing: 0.03em;
   
}
.civilEngineering_contactBox p.tel a span{padding-right: .5em; font-size: 42px;}

.civilEngineering_contactBox p.catch{
    margin: 0 20px 1em;
}
.civilEngineering_contactBox p.adr {
    float: left;
    text-align: left;
    width: 400px;
    padding: 5px 0 15px;
    margin-bottom: 0;
}
.civilEngineering_contactBox .btn_more {
	padding-top:10px;
	margin-bottom:20px;
	clear:both;
    
}
.civilEngineering_contactBox .btn_more a{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	width:auto;
	height: auto;
    color: #fff;
	font-size:20px;
	border:2px solid #26358c;
    background-color: #26358c;
	background-size:auto 18px;
	font-weight:bold;
	display:block;
	padding:10px 20px 10px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	line-height: 1.6;
	letter-spacing: 0.03em;
	box-shadow: none;
    
    }
.civilEngineering_contactBox .btn_more a:hover{
    color: #052666;
	border:2px solid #26358c;
    background-color: #fff;
	background-size:auto 18px;
	}

@media  print, screen and (max-width: 767px) {
.civilEngineering_contactBox {
    width: 98%;
    margin: 3em auto;
    padding: 5px 5px 5px;
	border-radius: 15px; 
    -webkit-border-radius: 15px;  
    -moz-border-radius: 15px;
}
.civilEngineering_contactBox .inner{
    width: auto;
    padding: 20px 20px 12px!important;
    margin: 0!important;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.civilEngineering_contactBox h4 {text-align: center;padding-bottom: 12px;}
.civilEngineering_contactBox p {
    margin: 0 10px 10px;
    line-height: 1.6em;
}
.civilEngineering_contactBox p.tel {
	
    margin: 1em auto;
    float: none;
	display: block;
    padding-top: 10px;
}
.civilEngineering_contactBox p.tel a {
    background-size: auto 26px;
    padding: 0px 10px 0px 34px;
	font-size: 32px;
    font-weight: bold;
	color: #052666;
	text-decoration:none;
    letter-spacing: 0em;
}
.civilEngineering_contactBox p.adr {
    float: none;
	display: block;
    width: auto;
    padding: 0px 0 10px;
    margin-bottom: 0;
	text-align:center;
}
.civilEngineering_contactBox .btn_more {
   padding-top:5px;
	margin-bottom:10px;
    align-items: center;
    
}
.civilEngineering_contactBox .btn_more a{
	font-size:15px;
    border:2px solid #26358c;
    background-color: #26358c;
	/*background-color: #e89029;*/
	padding:10px 30px 10px;
}
.civilEngineering_contactBox .btn_more a:hover{
	border:2px solid #e89029;
    background-color: #e89029;
    color: #fff;
}
.sp_br{
        display: block;
    }
}


/* ================================================================== */
  /* Recruit */
  /* ================================================================== */

h4.recruit_h4 {
  margin-top: 1.4em;
  margin-bottom: 1em;
  padding: 1rem 2rem;
  border-left: 12px solid #6c9Bd2;
  font-size: 28px;
  font-weight: 400;
  text-align: left;
}
table.rec_tb{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
table.rec_tb th,
table.rec_tb td{
  border-bottom: 1px dotted black;
  padding: 1em;
}
table.rec_tb th{
  background: #eee;
}
table.rec_tb tr:first-child th,
table.rec_tb tr:first-child td{
      border-top: 1px solid #999;
    }
@media (max-width: 650px) {
    table.rec_tb{
      width: 100%;
    }
    table.rec_tb th,
    table.rec_tb td{
      display: block;
    }
    table.rec_tb th,
    table.rec_tb td{
      border-top: none;    
    }
    table.rec_tb tr:first-child th{
      border-top: 1px solid #999;border-bottom: none;
    }
  }


.rec_contactBox {
	margin:3em;
	padding: 8px 8px 8px;
	background:#6c9bd2;
	box-shadow: 0px 0px 8px -1px #ddd;
    -moz-box-shadow: 0px 0px 8px -1px #ddd;
    -webkit-box-shadow: 0px 0px 8px -1px #ddd;
	border-radius: 20px; 
    -webkit-border-radius: 20px;  
    -moz-border-radius: 20px;
}
.rec_contactBox .inner{
    width: auto;
    padding:35px 80px 25px;
    margin: 0;
    background: #f3f6f9;
	border-radius: 12px; 
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
}
.rec_contactBox h4 {
    font-family: 'Noto Sans JP', sans-serif;
    color:#052666;
	font-size: clamp(12px,5vw,24px);
    font-weight: 500;
    margin: 0 auto 20px;
	padding: 10px 0px 25px;
	background:none;
	border-radius:0;
	line-height:1.4;
	border-bottom: solid 4px #d4e0ed;
    position: relative;
	letter-spacing: 0.07em;
    text-align: left;
}
.rec_contactBox h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #052666;
	left:0px;
	bottom: -4px;
	padding: 0;
	width: 10%;
}
.rec_contactBox p{
	line-height:1.8em;
	margin: 0 15px 1.5em;
	color: #000;
}
.rec_contactBox p.tel {
    margin: 0 0px 0 30px;
    float: left;
    padding-top:20px;
     align-items: center;
}
.rec_contactBox p.tel a {
    /*background: url(../images/icon_tel.svg) no-repeat 0 center;
    background-size: 34px 34px;*/
    padding: 1em .5em;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 42px;
    font-weight: bold;
	color: #052666;
	text-decoration:none;
    letter-spacing: 0.03em;
   
}
.rec_contactBox p.tel a span{padding-right: .5em; font-size: 42px;}

.rec_contactBox p.catch{
    margin: 0 20px 1em;
}
.rec_contactBox p.adr {
    float: left;
    text-align: left;
    width: 400px;
    padding: 5px 0 15px;
    margin-bottom: 0;
}
.rec_contactBox .btn_more {
	padding-top:10px;
	margin-bottom:20px;
	clear:both;
    
}
.rec_contactBox .btn_more a{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	width:auto;
	height: auto;
    color: #fff;
	font-size:20px;
	border:2px solid #e89029;
    background-color: #e89029;
	background-size:auto 18px;
	font-weight:bold;
	display:block;
	padding:10px 20px 10px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	line-height: 1.6;
	letter-spacing: 0.03em;
	box-shadow: none;
    
    }
.rec_contactBox .btn_more a:hover{
    color: #052666;
	border:2px solid #e89029;
    background-color: #fff;
	background-size:auto 18px;
	}
.sp_br{display: none;}
@media  print, screen and (max-width: 767px) {
.rec_contactBox {
    width: 98%;
    margin: 3em auto;
    padding: 5px 5px 5px;
	border-radius: 15px; 
    -webkit-border-radius: 15px;  
    -moz-border-radius: 15px;
}
.rec_contactBox .inner{
    width: auto;
    padding: 20px 20px 12px!important;
    margin: 0!important;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
    .rec_contactBox h4 {text-align: center;padding-bottom: 12px;}
.rec_contactBox p {
    margin: 0 10px 10px;
    line-height: 1.6em;
}
.rec_contactBox p.tel {
	
    margin: 1em auto;
    float: none;
	display: block;
    padding-top: 10px;
}
.rec_contactBox p.tel a {
    background-size: auto 26px;
    padding: 0px 10px 0px 34px;
	font-size: 32px;
    font-weight: bold;
	color: #052666;
	text-decoration:none;
    letter-spacing: 0em;
}
.rec_contactBox p.adr {
    float: none;
	display: block;
    width: auto;
    padding: 0px 0 10px;
    margin-bottom: 0;
	text-align:center;
}
.rec_contactBox .btn_more {
   padding-top:5px;
	margin-bottom:10px;
    align-items: center;
    
}
.rec_contactBox .btn_more a{
	font-size:15px;
    border:2px solid #e89029;
	background-color: #e89029;
	padding:10px 30px 10px;
}
.rec_contactBox .btn_more a:hover{
	border:2px solid #052666;
    background-color: #052666;
    color: #fff;
}
.sp_br{
        display: block;
    }
}

/* ================================================================== */
/* BS_Page */
/* ================================================================== */
.bs_dt_container{display: grid; gap:20px;}
@media (min-width:768px){
    .bs_dt_container{ grid-template-columns: repeat(3,1fr);}
}
.bs_box{
padding: 0px 27px;}


/* ================================================================== */
/* CategoryPage */
/* ================================================================== */
.posts{padding: var(--v-space) 0; background-color: #fff;}
.posts-container{display: grid;grid-template-columns: repeat(2,1fr);
gap:32px 25px;}
time:before,.date:before{padding-right: 8px; align-items: center; color: #6c9bd2;}
@media(min-width:768px){.posts-container{grid-template-columns: repeat(3,1fr);}}
.post img{aspect-ratio:3/2; object-fit: cover;width: 100%;}
.post a{display: block;}
.post h3{margin: 1em auto;font-size: clamp(10px,2vw,16px);min-height: 0vw; align-items: center; text-align: left; line-height: 1.6;}
.post p{max-width: 20em;min-height: 0vw;}
.post .catname_ico{
display: inline-block;
background: #1747a6;
padding: 4px 8px;
border: 1px solid #1747a6;
    border-radius: 8px;
font-size: 0.6em;
margin-right: 1.2em;
color: #fff;
text-align: left;
}
}

/* ================================================================== */
/* singlePage */
/* ================================================================== */
.single_post_ttl 
{ display: block; 
    margin-top: 50px;
    padding: 1em; font-weight: bold; font-size: 2rem; position: relative;
    @include background-image(linear-gradient(#fff,#fff 70%, #ecf0f3 70%,#ecf0f3));*/ border-top: 2px solid #0542a8; border-bottom: 1px solid #b6b6b6; }

/* ================================================================== */
/* Contact */
/* ================================================================== */
.contact .formbox { margin-top: 50px; }

/* Contact Form7 */

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}

.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
}


/* ================================================================== */
/* NEWS */
/* ================================================================== */
.postbox { padding-bottom: 100px; overflow: hidden; }
.postbox ul { margin-top: 10px; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
.postbox ul li.date {vertical-align: middle;}
.postbox ul li { width: auto; margin: 0; padding: 0; }
.postbox ul li.cate a { margin-left: 1em; font-size: 1.2rem; padding: 0.25em 1em; background-color: #0542a8; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; vertical-align: middle; }
.postbox ul li.tag { font-size: 1.2rem; margin-left: 1em; }
.postbox ul li.tag a { margin-right: 1em; font-size: 1.2rem; padding: 0.25em 1em; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.postbox .context { margin-top: 50px; overflow: hidden; }
.postbox .context p, .news .postbox .context ul, .news .postbox .context ol { margin: 0; }
.postbox .context p.wp-caption-text { margin-top: 0; }
.postbox .context img { display: block; }
.postbox .context img.postimg { width: 100%; height: 300px; margin-bottom: 50px; object-fit: contain; object-position: 0 0; }
.infolist { margin-top: 50px; }
.infolist dl { display: table; width: 100%; margin: 0; padding: 1em 0; border-bottom: 1px solid #707070; }
.infolist dl dt, .infolist dl dd { display: table-cell; }
.infolist dl dt { width: 15%; font-size: 1.4rem; }
.tb_kouji table.tb01{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #d6eaff;
  color: #6b7580;
  width: 40%;
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/* ================================================================== */
/* BLOG */
/* ================================================================== */
.blog .blog_wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.blog .blog_wrap .archive_list { width: 70%; }
.blog .catlb { margin-bottom: 1.5em; font-size: 3rem; font-weight: bold; font-feature-settings: "palt"; }
.blog .sidebox { width: 20%; }
.blog .sidebox div { padding-bottom: 1.5em; }
.blog .sidebox div .s_lb { display: block; padding: 0.5em; font-size: 1.4rem; font-weight: bold; border-top: 1px solid #0542a8; }
.blog .sidebox div ul { margin: 0.5em; }
.blog .sidebox div ul li { padding: 0.5em 0; font-size: 1.4rem; line-height: 1.3; }
.blog .sidebox div ul li a { display: inline-block; padding-left: 1em; position: relative; }
.blog .sidebox div ul li a::before { font-family: "Font Awesome 5 Pro"; content: "\f105"; color: #0542a8; position: absolute; top: 0; left: 0; }
.blog .sidebox .tagcloud { padding: 1em; }

.wp-pagenavi { margin-top: 50px; padding: 1em 0; font-size: 1.4rem; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #b6b6b6; padding: 0.2em 0.75em; margin: 2px; color: #1e1e1e; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background-color: #6c9BD2; border-color: #0542a8; color: #FFF; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; font-weight: normal; }

/* ================================================================== */
/* SMP 
/* ================================================================== */
@media screen and (max-width: 767px) { .cnt, header .inner, .g_menue_area ul.g_menue, footer .inner, #contentspg .mainimg_wrap .par-mainimg .inner, .greeting .inner, .businessinfo, .example, .corpinfo .inner, .under .pan .inner, .under .pgnav, .under .post_content, .works .work_nav { width: 95%; }
  .br-pc, .dn-sp { display: none; }
  .br-sp, .dn-pc { display: block; }
  body { font-family: sans-serif; min-width: initial; font-size: 1.4rem; }
    /* Other */
  article .pagenavi { margin: 0 auto 50px; }
  article .pagenavi a { display: inline-block; margin: 0 10px; padding: 1em; font-size: 1.4rem; }
  footer .inner { text-align: center; display: block; }
  footer .f_logo { width: 50%; }
  footer ul.f_menu { display: none; }
  footer .copyright { display: block; font-size: 1.1rem; margin-top: 10px; color: rgba(255, 255, 255, 0.7); }
  #pagetop { position: fixed; bottom: 10px; right: 10px; z-index: 200; }
  #pagetop a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 50px; height: 50px; padding: 0; font-size: 1.4rem; }
  #pagetop a::before { font-weight: 300; font-size: 1.3rem; top: 5px; }
  #sp_btnarea { position: absolute; right: auto; top: 360px; left: 10px; }
  #support_btn { width: 100px; height: 100px; background: url(img/icon/note.svg) no-repeat center 10px; background-size: 20px auto; background-color: rgba(26, 27, 51, 0.8); font-size: 1.1rem; border: 2px solid rgba(255, 255, 255, 0.8); }
  #support_btn:hover { width: 100px; height: 100px; }
  #support_btn b { margin: 0.75em 0 0; }
  #support_btn .dn-sp { display: none; }
}
  /* ====================================================================== */
  /* HEADER
  header { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 70px; position: fixed; z-index: 60; top: 0; /*    @include background-image(linear-gradient(rgba($c_white,.8), rgba($c_white,.8) 50%, transparent 100%,transparent));
background-color: rgba(255, 255, 255, 0.7); border-bottom: 10px solid #0542a8;*/ }
  /*header .inner h1 { margin-top: auto; margin-left: 60px; }
  header .inner h1 a { width: 220px; height: 31px; background-size: cover; }
  
  .g_menue_area { display: none; }
  .d_nav { display: block; }
  .smp_menuarea { display: block; }
  /* ====================================================================== */
  /* CONTENT *
  article p { margin-top: 30px; }
  article table { display: block; margin-top: 30px; }
  article table th, article table td { display: block; }
  article ul, article ol { margin-top: 30px; }
  /* --------------------------------------------------- */
  /* Bgbox 
  .bgbox { margin-top: 30px; }
  .bgbox .inner { margin: 6px; padding: 1.5em; }
  .bgbox .lb { font-size: 2rem; }
  .bgbox .lb::before { font-size: 1.6rem; }
  .imgbox { margin-top: 30px; }
  /* --------------------------------------------------- */
  
  /* COMMON
  .mainimg_wrap { height: 90vh; min-height: initial; }
  .mainimg_wrap .par-mainimg { height: 90vh; min-height: initial; }
  .mainimg_wrap .par-mainimg .copyarea { width: 80%; top: 40%; transform: translateY(-40%); }
  .mainimg_wrap .par-mainimg .copyarea .maincopy { font-size: 2.4rem; }
  .mainimg_wrap .par-mainimg .copyarea .maincopy strong { font-size: 3.6rem; }
  .mainimg_wrap .par-mainimg .copyarea p { margin: 20px 50px 0 0; }
  .mainimg_wrap .par-mainimg .information { width: 100%; bottom: 0; right: 0; }
  #contentspg .mainimg_wrap { min-height: 250px; height: 250px; }
  #contentspg .mainimg_wrap .par-mainimg { min-height: 250px; height: 250px; }
  #contentspg .mainimg_wrap .par-mainimg.par-company { background: url(img/pgtitle/company.png) no-repeat center top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-business { background: url(img/pgtitle/business.png) no-repeat center top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-works { background: url(img/pgtitle/works.png) no-repeat right top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-recruit { background: url(img/pgtitle/recruit.png) no-repeat center top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-partner { background: url(img/pgtitle/partner.png) no-repeat right top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-contact { background: url(img/pgtitle/contact.png) no-repeat right top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-news { background: url(img/pgtitle/news.png) no-repeat right top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg.par-blog { background: url(img/pgtitle/company.png) no-repeat right top; background-size: auto 150px; }
  #contentspg .mainimg_wrap .par-mainimg .inner { overflow: hidden; }
  #contentspg .mainimg_wrap .par-mainimg h2.pgtitle { width: auto; margin-top: 180px; font-size: 2.8rem; text-align: center; }
  #contentspg .mainimg_wrap .par-mainimg h2.pgtitle::first-letter { font-size: 3.6rem; }
  #contentspg .mainimg_wrap .par-mainimg h2.pgtitle::after { width: 40%; }
  #contentspg .mainimg_wrap .pan { display: none; }
  
  #u-container{width: (92% 1200px); margin: auto;position: relative;}
 
  /* TOP 
  .greeting { padding: 50px 0; background: url(img/top/greeting2.png) no-repeat bottom right; background-size: contain; position: relative; }
  .greeting::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; z-index: 10; }
  .greeting .inner { position: relative; z-index: 20; }
  .greeting .inner .subct { width: auto; }
  .greeting .ct_ttl { font-size: 2.8rem; border-bottom: solid 2px #c2c2c2; text-align: center; }
  .greeting .ct_ttl::first-letter { font-size: 3.6rem; }
  .greeting .ct_ttl::after { width: 40%; }
  .greeting .blue_btn { display: table; margin: 50px auto 0; }
  .par-businessinfo { min-height: initial; }
  .businessinfo { padding: 50px 0; }
  .businessinfo .ct_ttl { font-size: 2.8rem; }
  .businessinfo .s_bnrwrap { margin-top: 50px; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; }
  .businessinfo .s_bnrwrap .s_bnr { margin: 50px auto 0; width: 280px; height: 200px; }
  .businessinfo .s_bnrwrap .s_bnr:nth-of-type(1) { margin-top: 0; }
  .businessinfo .s_bnrwrap .s_bnr a .s_lb { font-size: 1.8rem; }
  .businessinfo .s_bnrwrap .s_bnr img.bnr { width: 280px; height: 200px; object-fit: contain; }
  .example { padding: 50px 0; }
  .example .ct_ttl { font-size: 2.8rem; }
  .example .e_wrap div .e_box { width: 100%; height: auto; padding-bottom: 15px; }
  .example .e_wrap div .e_box img { width: 80%; height: 100px; object-fit: cover; margin: 20px auto 20px; }
  .example .e_wrap i.prev-arrow, .example .e_wrap i.next-arrow { display: none; }
  .works { padding: 30px 0; }
  .works .lb { height: 18px; background: url(img/top/works_lb.png) no-repeat center; background-size: contain; }
  .works .w_wrap { width: 100%; }
  .works .w_wrap div img { width: 70%; height: auto; }
  .works .w_wrap i.prev-arrow, .works .w_wrap i.next-arrow { font-size: 3rem; }
  .works .w_wrap i.prev-arrow { left: 0; }
  .works .w_wrap i.next-arrow { right: 0; }
  .corpinfo { height: auto; padding-bottom: 100px; }
  .corpinfo .inner { padding-top: 50px; display: block; }
  .corpinfo dl { display: block; width: auto; margin-top: 20px; border-bottom: 1px solid #0542a8; }
  .corpinfo dl:last-child { border-bottom: none; }
  .corpinfo dl dt::before { border-left-width: 5px; border-bottom: none; }
  .corpinfo dl dd { height: auto; padding: 0 1em 20px; border-left: none; }
  .corpinfo dl dd .ryougoku { margin-top: 1em; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; display: block; }
  .corpinfo dl dd .ryougoku-blk { display: block; margin-right: 0; margin-bottom: 1em; }
  .corpinfo dl dd .ryougoku-blk:last-child { margin-bottom: 0; }
  .corpinfo dl dd .access_btn { position: static; display: table; margin: 20px auto 0; }
  
  /* Under 
  .under .pan { display: none; }
  .under .pgnav { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .under .pgnav li { display: block; width: 48%; margin: 0 0 0.5em; }
  .under .pgnav li a { display: block; padding: 0.5em 0; padding-left: 1.5em; }
  .under .par-under { width: 100%; background: url(img/common/under.png) no-repeat right bottom; background-size: 100% auto; background-color: #120403; /*    background: transparent;*/ border-top: 1px solid rgba(255, 255, 255, 0.2); }
   
  /*.under .post_content { padding:0; }
  .under .btm_contactarea { padding: 50px 0; text-align: center; }
  .under .btm_contactarea a.contact_btn { display: table; margin: 30px auto 0; padding: 1em; font-size: 1.6rem; }
  /* ================================================================== */
  /* Company 
  .company table.gaiyo th { width: auto; background-color: transparent; border-bottom: none; padding-bottom: 0; }
  .company table.gaiyo td { padding-top: 0; padding-left: 2em; }
  .company table.gaiyo td ul { width: auto; margin-top: 0; display: block; }
  .company table.gaiyo td ul li { width: auto; margin-bottom: 2em; }
  .company table.gaiyo td ul li:last-child { margin-bottom: 0; }
  .company table.gaiyo td ul li:nth-of-type(3), .company table.gaiyo td ul li:nth-of-type(4) { margin-top: 0; }
  .company table.gaiyo td ul li .floorname { display: block; width: auto; margin-top: 1em; }
  .company table.gaiyo td .access_btn { display: block; display: table; margin: 20px auto 0; }
  .company .history dl { display: table; padding: 1em 0; }
  .company .history dl:nth-of-type(1) { margin-top: 30px; }
  .company .history dl dt, .company .history dl dd { display: table-cell; }
  .company .history dl dt { width: 30%; }
  .company .history dl dd { width: auto; }
  .company .access .access_wrap { display: block; }
  .company .access .access_wrap .accessinfo { margin-top: 50px; width: auto; }
  .company .access .access_wrap .accessinfo p { margin-top: 10px; }
  .company .access .access_wrap .accessinfo p .floorname { display: block; width: auto; margin-top: 1em; }
  .company .access .access_wrap .accessinfo .map { height: 250px; }
  
  /* Message 
  .message .sign strong { font-size: 2.4rem; }
  
  /* Devices
  .devices .eq_wrap { display: block; }
  .devices .eq_wrap table.equipment { width: 100%; display: table; table-layout: fixed; }
  .devices .eq_wrap table.equipment th, .devices .eq_wrap table.equipment td { display: table-cell; }
  
  /* Business 
  .business .bus_dt_wrap { display: block; }
  .business .bus_dt_wrap .bus_dt { width: auto; margin-bottom: 50px; }
  .business .bus_dt_wrap .bus_dt img { display: block; margin: 30px auto 0; width: 90%; height: auto; }
  .business .bus_dt_wrap .blue_btn { margin: 30px auto 0; display: table; padding: 1em; font-size: 1.6rem; }
  /* ================================================================== */
  /* SINGLE */
  .postbox .posttitle ul li.date { font-size: 1.1rem; }
  .postbox .posttitle ul li.cate a { margin-left: 0.75em; font-size: 1.1rem; }
  .postbox .posttitle ul li.tag { font-size: 1.1rem; margin-left: 0.75em; }
  .postbox .posttitle ul li.tag a { margin-right: 0.75em; font-size: 1.1rem; }
  .postbox .posttitle .post_lb { margin: 0.5em 0; font-size: 2rem; font-weight: bold; }
  .postbox .context { margin-top: 30px; }
  .postbox .context img { display: block; width: 60%; height: auto; margin: 0 auto 30px; }
  
  /* Works 
  .works .work_nav { margin-top: 0; -webkit-justify-content: space-between; justify-content: space-between; }
  .works .work_nav li { width: 50%; margin: 0 0 1em; }
  .works .work_nav li a { display: table; width: 90%; margin: 0 auto; padding: 0.5em 0; border: 1px solid #b6b6b6; box-sizing: border-box; }
  .works .work_nav li a::before { margin-left: 0.75em; margin-right: 0.75em; }
  .works .gallery { -webkit-justify-content: space-between; justify-content: space-between; }
  .works .gallery .gbox { width: 48%; height: auto; margin-right: 0; margin-bottom: 30px; }
  .works .gallery .gbox img { width: 100%; height: 150px; object-fit: cover; }
  .works .gallery .gbox .exparea { width: 100%; height: auto; margin-top: 1px; position: static; overflow: hidden; }
  .works .gallery .gbox .exparea p { margin: 1em; font-size: 1.3rem; }
  .works .gallery .gbox .exparea::after { display: none; }
  .works .tb_scroll { overflow: auto; white-space: nowrap; }
  .works .tb_scroll::-webkit-scrollbar { height: 10px; }
  .works .tb_scroll::-webkit-scrollbar-track { background: #f7f7f7; }
  .works .tb_scroll::-webkit-scrollbar-thumb { background: #ebebeb; }
  .works .tb_scroll table { width: 100%; }
  .works table.list_tb { display: table; }
  .works table.list_tb th, .works table.list_tb td { display: table-cell; padding: 0.5em; font-size: 1.3rem; line-height: 1.3; }
  .works table.list_tb th { text-align: center; }
  .works table.list_tb th small { font-size: 1.1rem; }
  .works table.list_tb td { vertical-align: middle; }
  .works table.list_tb td:nth-of-type(1) { width: auto; }
  .works table.list_tb td:nth-of-type(3) { width: auto; }
  .works table.list_tb td:nth-of-type(4) { width: auto; }
  .works table.list_tb td:nth-of-type(5) { width: auto; }
  
  /* Partner 
  .partner table.dl_tb { display: table; }
  .partner table.dl_tb th, .partner table.dl_tb td { display: table-cell; vertical-align: top; font-size: 1.2rem; }
  .partner table.dl_tb th { text-align: center; line-height: 1.3; vertical-align: middle; }
  .partner table.dl_tb th:nth-of-type(1) { width: auto; }
  .partner table.dl_tb th:nth-of-type(2) { width: auto; }
  .partner table.dl_tb td:nth-of-type(1) { font-weight: bold; position: relative; }
  .partner table.dl_tb td:nth-of-type(1)::before { margin-right: 0.5em; width: 16px; height: 16px; }
  .partner table.dl_tb td .dl_btn { display: block; margin: 1em 0 0; margin-left: 0; padding: 0.25em 0; position: relative; text-align: center; }
  .partner table.dl_tb td .dl_btn::after { content: ""; display: inline-block; margin-left: 0.5em; width: 15px; height: 15px; background: url(img/icon/download.svg) no-repeat; background-size: contain; vertical-align: middle; }



  /* ================================================================== */
  /* Contact 
  .contact .formbox { margin-top: 30px; }
  .contact .formbox dl { display: block; }
  .contact .formbox dl dt, .contact .formbox dl dd { display: block; }
  .contact .formbox dl dt { width: auto; padding-bottom: 0.5em; }
  .contact .formbox dl dd input[type="text"], .contact .formbox dl dd input[type="email"], .contact .formbox dl dd input[type="url"], .contact .formbox dl dd select, .contact .formbox dl dd textarea { width: 90%; }
  .contact .formbox dl dd .mwform-tel-field input, .contact .formbox dl dd .mwform-zip-field input, .contact .formbox dl dd select { width: auto; }
  .contact .formbox dl dd small { display: block; }
  .contact .formbox .btnarea input { margin-left: 10px; margin-right: 10px; font-size: 1.6rem; padding: 0.75em 1.5em; }
  /* ================================================================== */
  /* NEWS*/ 
.postbox { padding-bottom: 50px; }
.postbox ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.postbox .context img { display: block; width: 90% !important; height: auto; }
.postbox .context img.postimg { margin: 0 auto 50px; }
.infolist { margin-top: 0; }
.infolist dl { display: block; }
.infolist dl dt, .news .infolist dl dd { display: block; }
.infolist dl dt { width: auto; }
  /* ================================================================== */
  /* BLOG 
  .blog .blog_wrap { display: block; }
  .blog .blog_wrap .archive_list { width: auto; }
  .blog .catlb { margin-bottom: 1em; font-size: 2.1rem; }
  .blog .sidebox { width: auto; }
  .blog .wp-pagenavi { margin: 50px auto; }
  a[href^="tel:"] { pointer-events: visible; } }
/* ================================================================== */
}
 /* =========4/24追加========= */
.managementPolicyBox dl{
	text-align: left;
	margin-top: 1.8rem;
	margin-bottom: 2rem;
}
.managementPolicyBox dt{
	text-align: left;
	font-size:  2rem;
}
.managementPolicyBox dd{
	text-align: left;
	padding-left: 2rem;
}
.title--border {
padding: 0.8rem 0.8rem;
border-left: 5px solid #006eb0;
}
.shippori-mincho-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.yuji-boku-regular {
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
}

.companyNme{
	font-size: 1.8rem;
}
.bossname{
	font-size: 2.2rem;
	}