@charset "utf-8";
/* CSS Document */

/* font
=========================================== */
@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Regular.ttf');
  src:
  url('../fonts/font/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {/*NotoSansJPミディアム*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Medium.ttf');
  src:
  url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Medium.ttf') format('truetype');
	font-weight: 500;
}
@font-face {/*NotoSansJPボールド*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Bold.ttf');
  src:
  url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Bold.ttf') format('truetype');
	font-weight: 700;
}
@font-face {/*NotoSansJPエクストラボールド*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-ExtraBold.ttf');
  src:
  url('../fonts/font/NotoSansJP-ExtraBold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-ExtraBold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-ExtraBold.ttf') format('truetype');
	font-weight: 800;
}
@font-face {/*robotoボールド*/
  font-family: "roboto";
  src: url('../fonts/font/Roboto-Bold.ttf');
  src:
  url('../fonts/font/Roboto-Bold.woff2') format('woff2'),
  url('../fonts/font/Roboto-Bold.woff') format('woff'),
  url('../fonts/font/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
}

/* Link
=========================================== */

a:link, a:visited {
	color: #000000;text-decoration: none;
}
a:hover, a:active {
	color: #000000;text-decoration: underline;
}
a {
	outline: none;transition: 0.3s;
}
a img {transition: 0.3s;}

:focus { outline: none;}



/*PC用CSS*/
@media print,screen and (min-width: 769px) {
/* LAYOUT
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;margin: 0 auto;}

body {
	color: #000000;
	background: #FFFFFF;
	font-size:16px;
	line-height:1.5;
	font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 500;
    font-style: normal;
	max-width:1920px;
	overflow: hidden;
	margin:0 auto;
}

h1,h2,h3,h4,h5,h6 {font-weight:800;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}

p {}
.wrap {width: 1100px;margin:0 auto;position:relative;}
table {width:100%;}
img {max-width:100%;height:auto;}

/*共通設定*/
.btn01 {margin-top: 40px;text-align: right;}
.btn01 a {display: inline-flex;justify-content: center;align-items: center;}
.btn01 a .btn-text {display: inline-block;color: #000000;font-weight: 800;transition: 0.3s;}
.btn01 a .arrow {display: inline-block;width: 64px;height: 64px;box-sizing: border-box;border: 2px solid #008CD4;background: #008CD4;border-radius: 50%;margin-left: 16px;position: relative;transition: 0.3s;}
.btn01 a .arrow::before {content: "";display: block;width: 10px;height: 14px;background: url("../img/common/btn_arrow.svg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.btn01 a:hover {text-decoration: none;}
.btn01 a:hover .arrow {background: transparent;}
.btn01 a:hover .arrow::before {filter: brightness(0) saturate(100%) invert(31%) sepia(76%) saturate(3633%) hue-rotate(181deg) brightness(103%) contrast(101%);}

.btn10 {width: 240px;height: 56px;}
.btn10 a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 14px 0 15px;box-sizing: border-box;border: 1px solid #1c1c1c;border-radius: 30px;background: #1c1c1c;text-decoration: none;}
.btn10 a .btn-text {color: #fff;font-weight: 800;transition: 0.3s;}
.btn10 a:hover {opacity: 0.7;}

.btn02 {width: 240px;height: 56px;}
.btn02 a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 14px 0 15px;box-sizing: border-box;border: 1px solid #004DA1;border-radius: 30px;}
.btn02 a .btn-text {color: #004DA1;font-weight: 800;transition: 0.3s;}
.btn02 a:hover {text-decoration: none;border: 1px solid #008CD4;}
.btn02 a:hover .btn-text {color: #008CD4;}

.btn02.contact_btn a {background: #004DA1;}
.btn02.contact_btn a .btn-text {color: #FFFFFF;padding-left: 36px;box-sizing: border-box;position: relative;}
.btn02.contact_btn a .btn-text::before {content: "";display: block;width: 24px;height: 18px;background: url("../img/common/icon_mail.svg") no-repeat center;background-size: contain;transition: 0.3s;position: absolute;top: 5px;left: 0;}
.btn02.contact_btn a:hover {background: #008CD4;}
.btn02.contact_btn a:hover .btn-text {color: #FFFFFF;}

.title01 {margin-bottom: 40px;}
.title01 .ja {font-size:56px;line-height:1.45;font-weight: 800;}
.title01 .en {display: block;font-family: "roboto";font-size: 20px;color: #008CD4;line-height: 1.3;font-weight: 700;margin-top: 13px;}
.title01 .sub {display: block;font-size: 20px;margin-bottom: -10px;}

.title01.tate .ja {line-height: 1;letter-spacing: -0.4em;margin-top: -15px;}
.title01.tate .en {margin: 0 0 0 20px;line-height: 1;letter-spacing: 0;}

.title01.shiro .en {color: #FFFFFF;}

.title02 {font-size: 28px;line-height: 1.43;padding: 0 0 8px 16px;box-sizing: border-box;border-bottom: 1px solid #D9D9D9;position: relative;}
.title02::before {content: "";display: block;width: 4px;height: 100%;background: #008CD4;position: absolute;bottom: 0;left: 0;}

.title03 {font-size: 48px;margin-bottom: 40px;}
.title03 .sub {display: block;padding-left: 48px;box-sizing: border-box;font-size: 20px;margin-bottom: 16px;position: relative;}
.title03 .sub::before {content: "";display: block;width: 40px;height: 1px;background: #004DA1;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.tel_box {}
.tel_box .tel {}
.tel_box .tel .num {font-size: 24px;line-height: 1.33;padding-left: 20px;position: relative;}
.tel_box .tel .num::before {content: "";display: block;width: 16px;height: 16px;background: url("../img/common/icon_tel.svg") no-repeat center;background-size: contain;position: absolute;top: 7px;left: 0;}
.tel_box .tel-text {font-size: 14px;line-height: 1.43;text-align: center;margin-top: -4px;}

.under-cont > section {padding: 110px 0 120px;}
.under-cont > section:first-child {padding-top: 92px;}

em.text-border {color: #004DA1;border-bottom: 2px solid #004DA1;}

/*ウェブフォント*/
.normal{font-weight: 400;}
.medium {font-weight: 500;}
.bold{font-weight: 700;}
.exBold{font-weight: 800;}

.common_text {line-height: 1.75;}
.common_text02 {line-height: 2;}

.tcenter {text-align: center;}
.tleft {text-align: left;}
.tright {text-align: right;}

.roboto {font-family: "roboto";font-weight: 700;}
.italic {font-style: italic;}

.tate {writing-mode: vertical-rl;white-space: pre;letter-spacing: -0.3em;}
.tate .tate-line {display: inline-block;writing-mode: horizontal-tb;letter-spacing: 0;transform: rotate(90deg);margin: 5px 0 -5px;}
.tate .tate-num {display: inline-block;writing-mode: horizontal-tb;letter-spacing: 0;margin: 5px 0 -5px;}

/*色*/
.shiro {color:#FFFFFF;}
.kuro {color: #000000;}
.mizu {color: #008CD4;}
.ao {color: #004DA1;}

.flex{width: 100%;
    margin: 0 ;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* header */
/*-------------------------------------------*/
#header {height: 76px;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;background: #FFFFFF;box-shadow: 0 8px 4px rgba(0, 0, 0, 0.04);width: 100%;}

#header .wrap.flex{box-sizing: border-box;padding: 10px 30px;align-items: center;justify-content: space-between;}



/* main */
/*-------------------------------------------*/

/* 下層 main */
/*-------------------------------------------*/

/*パンくず*/
div#bread {width: 100%;padding-top: 8px;}
ul.bread-list {justify-content: flex-start;}
ul.bread-list li {font-size:14px;line-height: 20px;}
ul.bread-list li a {text-decoration:none;}
ul.bread-list li a:hover {text-decoration:underline;}
ul.bread-list li::after{content:"＞";margin: 0 4px;}
ul.bread-list li:last-child::after{display: none;}

.page-reason div#bread, .page-other div#bread, .paged.post-type-archive-page-case div#bread, .tax-tax-case div#bread {background: #F5F5F5;}
.page-corp div#bread, .page-inbody div#bread, .page-fallriskvisualization div#bread, .page-officehealthseminar div#bread, .page-company div#bread, .page-contact div#bread, .page-recruit div#bread, .page-followup div#bread {background: #E9F8FF;}
.single div#bread {background: #F5F5F5;margin-top:100px;}
.single-result div#bread, .single-result_2 div#bread, .single-result_3 div#bread {background: #FFFFFF;margin-top:100px;}

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger {position: absolute;left: 0;top:116px;z-index: -100;}

/* footer */
/*-------------------------------------------*/

#footer {padding: 20px 0;}

div#footer{border-top:solid 1px #d4d4d4; }
div#footer .wrap.flex{box-sizing: border-box;padding: 10px 30px;align-items: center;justify-content: space-between;}

div#footer p.text01{text-align: center;width: 100%;margin-top: 20px;}
div#footer p.copyright{text-align: center;width: 100%;}

html.showPage{padding-top: 76px;}
div#contents {min-height: 400px;}

#top-link{opacity: 0;position: absolute;top:76px;z-index: -2;pointer-events: none;}

/* wideWrap
=========================================== */
section{width:100%;}

aside,footer{position:relative;}

/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

.sp{display:none!important;}
}

/*スマホ用CSS*/
@media screen and (min-width: 0px) and (max-width: 768px) {

.btn10 {width: 100%;height: 56px;margin: 20px auto;}
.btn10 a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 14px 0 15px;box-sizing: border-box;border: 1px solid #1c1c1c;border-radius: 30px;background: #1c1c1c;text-decoration: none;}
.btn10 a .btn-text {color: #fff;font-weight: 800;transition: 0.3s;}

	
/* LAYOUT
=========================================== */
body { overflow: hidden; width: 100%; }

.pc { display: none !important; }

.sp { display: block; }

body { color: #000000; background: #FFFFFF; font-size: 14px; line-height: 1.43; font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 500; font-style: normal; word-break: break-all; }

img { width: 100%; height: auto; }

table { width: 100%; table-layout: fixed; }

h1, h2, h3, h4, h5, h6 { font-weight: 800; }

.wrap { position: relative; }

input, select { -webkit-appearance: auto; appearance: auto; }

/*共通設定*/
.btn01 { margin-top: 40px; text-align: right; }

.btn01 a { display: inline-flex; justify-content: center; align-items: center; }

.btn01 a .btn-text { display: inline-block; color: #000000; font-weight: 800; transition: 0.3s; }

.btn01 a .arrow { display: inline-block; width: 50px; height: 50px; box-sizing: border-box; background: #008CD4; border-radius: 50%; margin-left: 12px; position: relative; transition: 0.3s; }

.btn01 a .arrow::before { content: ""; display: block; width: 7px; height: 11px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn02 { width: 100%; min-height: 60px; }

.btn02 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 17px 0 19px; box-sizing: border-box; border: 1px solid #004DA1; border-radius: 30px; position: relative; }

.btn02 a .btn-text { color: #004DA1; font-size: 16px; font-weight: 800; line-height: 23px; transition: 0.3s; }

.btn02 a .arrow { display: inline-block; width: 20px; height: 20px; background: #004DA1; border-radius: 50%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: 0.3s; }

.btn02 a .arrow::before { content: ""; display: block; width: 5px; height: 7px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn02.contact_btn a { background: #004DA1; }

.btn02.contact_btn a .btn-text { font-size: 15px; line-height: 21px; color: #FFFFFF; padding-left: 27px; box-sizing: border-box; position: relative; }

.btn02.contact_btn a .btn-text::before { content: ""; display: block; width: 20px; height: 15px; background: url("../img/common/icon_mail.svg") no-repeat center; background-size: contain; transition: 0.3s; position: absolute; top: 4px; left: 0; }

.title01 { margin-bottom: 40px; }

.title01 .ja { font-size: 32px; line-height: 1.44; font-weight: 800; }

.title01 .en { display: block; font-family: "roboto"; font-size: 14px; color: #008CD4; line-height: 1.32; font-weight: 700; margin-top: 4px; }

.title01 .sub { display: block; font-size: 16px; margin-bottom: -4px; }

.title01.shiro .en { color: #FFFFFF; }

.title02 { font-size: 24px; line-height: 1.33; padding: 0 0 6px 14px; box-sizing: border-box; border-bottom: 1px solid #D9D9D9; position: relative; }

.title02::before { content: ""; display: block; width: 4px; height: 100%; background: #008CD4; position: absolute; bottom: 0; left: 0; }

.title03 { font-size: 30px; margin-bottom: 40px; }

.title03 .sub { display: block; padding-left: 28px; box-sizing: border-box; font-size: 16px; line-height: 1.375; margin-bottom: 8px; position: relative; }

.title03 .sub::before { content: ""; display: block; width: 20px; height: 1px; background: #004DA1; position: absolute; top: 12px; left: 0; }

.tel_box .tel .num { font-size: 32px; line-height: 1.31; padding-left: 28px; position: relative; }

.tel_box .tel .num::before { content: ""; display: block; width: 24px; height: 24px; background: url("../img/common/icon_tel.svg") no-repeat center; background-size: contain; position: absolute; top: 8px; left: 0; }

.tel_box .tel-text { font-size: 15px; line-height: 1.47; text-align: center; }

.under-cont > section { padding: 70px 5% 80px; }

.under-cont > section:first-child { padding-top: 45px; }

em.text-border { color: #004DA1; border-bottom: 2px solid #004DA1; }

/*ウェブフォント*/
.normal { font-weight: 400; }

.medium { font-weight: 500; }

.bold { font-weight: 700; }

.exBold { font-weight: 800; }

.common_text, .common_text02 { line-height: 1.75; }

.tcenter { text-align: center; }

.tleft { text-align: left; }

.tright { text-align: right; }

.roboto { font-family: "roboto"; font-weight: 700; }

.italic { font-style: italic; }

/*色*/
.shiro { color: #FFFFFF; }

.kuro { color: #000000; }

.mizu { color: #008CD4; }

.ao { color: #004DA1; }

.mt20 { margin-top: 20px; }

.flex { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/*header
---------------------------------------------------------------*/
#header { width: 100%; height: 60px; position: fixed; transition: 0.3s; left: 0; right: 0; top: 0; margin: auto; z-index: 100; background: #FFFFFF; box-shadow: 0 4px 2px rgba(0, 0, 0, 0.04); }

#header .header_inner { height: 100%; justify-content: space-between; align-items: center; flex-wrap: nowrap; }

#header .header_inner .logo_box { width: auto; margin-left: 10px; position: relative; z-index: 1; }

#header .header_inner .logo { width: 245px; }

#header .header_inner .logo a { display: block; width: 100%; }

#header .header_inner .right { height: 100%; justify-content: flex-end; margin-right: 76px; }

#header .header_inner .right .right_top { height: 100%; justify-content: flex-end; align-items: center; }

#header .header_inner .right .right_top .btn-list { display: none; }

#header .header_inner .right .right_top .tel_box { width: 26px; height: 26px; }

#header .header_inner .right .right_top .tel_box .tel { width: 100%; height: 100%; }

#header .header_inner .right .right_top .tel_box .tel a { display: block; width: 100%; height: 100%; background: url("../img/common/icon_tel.svg") no-repeat center; background-size: contain; }

#header .header_inner .right .right_top .tel_box .tel .num { display: none; }

#header .header_inner .right .right_top .tel_box .tel-text { display: none; }

/*gnav*/
.gnav { display: none; }

/*CTA*/
#fixed-box { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 10; visibility: hidden; opacity: 0; transition: 0.3s; }

.fixed #fixed-box { visibility: visible; opacity: 1; }

#fixed-box .close-btn { display: none; }

#fixed-box .box_in a { display: flex; justify-content: center; width: 100%; padding-top: 9px; box-sizing: border-box; background: #004DA1; border-radius: 5px 5px 0 0; position: relative; }

#fixed-box .box_in a p { width: 150px; font-size: 13px; line-height: 1.43; margin-right: 7px; }

#fixed-box .box_in a p .big { display: block; font-size: 21px; line-height: 1.45; margin-bottom: -1px; }

#fixed-box .box_in a .img { width: 120px; height: 60px; position: relative; }

#fixed-box .box_in a .img img { width: 140px; position: absolute; bottom: 0; left: 0; }

/* nav
=========================================== */
.sp-nav-btn { width: 40px; height: 27px; position: relative; z-index: 101; box-sizing: border-box; text-align: center; transition: 0.3s; position: absolute; top: 17px; right: 20px; }

.sp-nav-btn > span { width: 100%; height: 2px; background: #000000; position: absolute; left: 0; transition: 0.3s; }

.sp-nav-btn .border01 { top: 0; }

.sp-nav-btn .border02 { top: 50%; transform: translateY(-50%); }

.sp-nav-btn .border03 { bottom: 0; }

.sp-nav-btn.opon .border01 { transform: translate(-50%, -50%) rotateZ(45deg); top: 50%; left: 50%; }

.sp-nav-btn.opon .border02 { display: none; }

.sp-nav-btn.opon .border03 { transform: translate(-50%, 50%) rotateZ(-45deg); bottom: 50%; left: 50%; }

.sp-nav-list .overlay-nav { visibility: hidden; width: 100%; height: calc(100% - 60px); position: fixed; top: 60px; left: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; }

.sp-nav-list .overlay-nav.opon { visibility: visible; opacity: 1; }

.sp-nav-list .navs-list { display: block; position: fixed; width: 100%; height: calc(100% - 60px); z-index: 99; top: 60px; background: #fff; right: -100%; transition: 0.3s; overflow-x: hidden; overflow-y: auto; padding: 20px 20px 55px; box-sizing: border-box; }

.sp-nav-list .navs-list.opon { right: 0; }

.sp-nav-list .navs-list > ul { margin: 20px 0 25px; }

.sp-nav-list .navs-list > ul > li { border-bottom: 1px solid #EBEBEB; }

.sp-nav-list .navs-list > ul > li:first-child { border-top: 1px solid #EBEBEB; }

.sp-nav-list .navs-list > ul > li > a, .sp-nav-list .navs-list > ul > li > .nav-midashi { display: block; padding: 20px 30px 20px 0; box-sizing: border-box; color: #000000; font-size: 14px; font-weight: 800; line-height: 20px; position: relative; }

.sp-nav-list .navs-list > ul > li > a::after, .sp-nav-list .navs-list > ul > li > .nav-midashi::after { content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: 0.3s; }

.sp-nav-list .navs-list > ul > li > a::after { width: 20px; height: 20px; border-radius: 50%; background: url("../img/common/btn_arrow.svg") no-repeat center, #008CD4; background-size: 6px; }

.sp-nav-list .navs-list > ul > li > .nav-midashi::after { width: 15px; height: 9px; background: url("../img/common/sp-nav_arrow.svg") no-repeat center; background-size: contain; }

.sp-nav-list .navs-list > ul > li > .nav-midashi.on::after { transform: translateY(-50%) rotate(180deg); }

.sp-nav-list .navs-list > ul > li > .sp-nav { padding: 20px; box-sizing: border-box; background: #E9F8FF; }

.sp-nav-list .navs-list > ul > li > .sp-nav > li { margin-bottom: 16px; }

.sp-nav-list .navs-list > ul > li > .sp-nav > li:last-child { margin-bottom: 0; }

.sp-nav-list .navs-list > ul > li > .sp-nav > li a { padding-left: 10px; box-sizing: border-box; position: relative; }

.sp-nav-list .navs-list > ul > li > .sp-nav > li > a::before { content: "-"; display: block; width: 5px; position: absolute; top: 0; left: 0; }

.sp-nav-list .navs-list .btn02.contact_btn a .arrow { background: #FFFFFF; }

.sp-nav-list .navs-list .btn02.contact_btn a .arrow::before { background: url("../img/common/btn_arrow03.svg") no-repeat center; background-size: contain; }

.sp-nav-list .navs-list .tel_box { text-align: center; margin-top: 16px; }

/*パンくず*/
div#bread { width: 100%; padding: 8px 5% 0; box-sizing: border-box; }

ul.bread-list { justify-content: flex-start; }

ul.bread-list li { font-size: 12px; line-height: 18px; }

ul.bread-list li a { text-decoration: none; }

ul.bread-list li a:hover { text-decoration: underline; }

ul.bread-list li::after { content: "＞"; margin: 0 2px; }

ul.bread-list li:last-child::after { display: none; }

.page-reason div#bread, .page-other div#bread, .paged.post-type-archive-page-case div#bread, .tax-tax-case div#bread { background: #F5F5F5; }

.page-corp div#bread, .page-inbody div#bread, .page-fallriskvisualization div#bread, .page-officehealthseminar div#bread, .page-company div#bread, .page-contact div#bread, .page-recruit div#bread, .page-followup div#bread { background: #E9F8FF; }

.single div#bread { background: #F5F5F5; margin-top: 64px; }

.single-result div#bread, .single-result_2 div#bread, .single-result_3 div#bread { background: #FFFFFF; margin-top: 64px; }

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger { position: absolute; left: 0; top: 50px; z-index: -100; }

/* CLEARFIX
=========================================== */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

.cf { min-height: 1px; }

* html .cf { height: 1px; /*¥*/ 	                 /*/ height: auto; overflow: hidden; /**/ }

/* iOSでのデフォルトスタイルをリセット */
input[type="checkbox"], 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; cursor: pointer; }

input[type="checkbox"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="checkbox"]::focus, input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

/*ライトボックス設定*/
#fancybox-wrap { padding: 0 !important; width: 100% !important; left: 0 !important; }

div#fancybox-content { border: none; width: 92% !important; padding: 2%; margin: 2%; height: auto !important; }

div#fancybox-outer { background: none; }

#fancybox-close { position: absolute; top: 0 !important; right: 0 !important; }

section { position: relative; }

/* footer */
/*-------------------------------------------*/
#contact-sec > a { display: block; padding: 83px 5% 30px; background: #004DA1; }

#contact-sec > a .title { font-size: 32px; line-height: 46px; margin-bottom: 16px; position: relative; z-index: 1; }

#contact-sec > a .title .title_bg { display: block; font-size: 80px; line-height: 105px; letter-spacing: 0.04em; color: #FFFFFF; opacity: 0.08; position: absolute; top: -53px; left: -10px; z-index: -1; white-space: nowrap; }

#contact-sec > a .list { margin-bottom: 12px; }

#contact-sec > a .list li { display: inline-block; line-height: 20px; font-weight: 800; padding: 5px 10px 7px; box-sizing: border-box; background: #00448E; clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%); margin-left: -4px; }

#contact-sec > a .arrow { width: 60px; height: 60px; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 50%; margin: 8px 0 0 auto; position: relative; }

#contact-sec > a .arrow::before { content: ""; display: block; width: 9px; height: 12px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#recruit-sec { padding: 70px 5% 80px; background: #E9F8FF; }

#recruit-sec .img { margin-bottom: 20px; }

#recruit-sec .text_box .midashi { font-size: 20px; line-height: 1.6; margin-bottom: 20px; }

#recruit-sec .img { margin-bottom: 20px; }

#map-sec { width: 100%; height: 280px; position: relative; }

#map-sec iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#footer { padding: 60px 5% 130px; }

#footer .footer_box { display: block; margin-bottom: 40px; }

#footer .footer_box .navs-list { justify-content: space-between; }

.navs-list > .waku { display: block; width: calc(50% - 13px); }

.navs-list ul.navs-list00 { margin-bottom: 24px; }

.navs-list ul.navs-list00:last-child { margin-bottom: 0; }

.navs-list ul.navs-list00 > li { margin-bottom: 24px; }

.navs-list ul.navs-list00 > li:last-child { margin-bottom: 0; }

.navs-list ul.navs-list00 > li > a { font-weight: 800; }

.navs-list ul.navs-list00 > li .nav-midashi { font-weight: 800; margin-bottom: 16px; }

.navs-list ul.navs-list00 > li .sp-nav > li { padding-left: 10px; box-sizing: border-box; margin-bottom: 16px; }

.navs-list ul.navs-list00 > li .sp-nav > li:last-child { margin-bottom: 0; }

.navs-list ul.navs-list00 > li .sp-nav > li a { position: relative; }

.navs-list ul.navs-list00 > li .sp-nav > li > a::before { content: "-"; display: block; width: 5px; position: absolute; top: 0; left: -10px; }

.navs-list ul.navs-list00 > li .sp-nav-child { margin-top: 12px; }

.navs-list ul.navs-list00 > li .sp-nav-child > li { margin-bottom: 8px; }

.navs-list ul.navs-list00 > li .sp-nav-child > li:last-child { margin-bottom: 0; }

.navs-list ul.navs-list00 > li .sp-nav-child > li a { color: #747474; }

.navs-list ul.navs-list05 > li { margin-bottom: 12px; }

.navs-list ul.navs-list05 > li:last-child { margin-bottom: 0; }

.navs-list ul.navs-list05 > li > a { font-weight: 500; }

#footer .footer_box .right { margin-top: 40px; }

#footer .footer_box .right .logo-list { margin-top: 32px; justify-content: center; align-items: flex-start; }

#footer .footer_box .right .logo-list .logo_box { width: 60px; height: 60px; margin-left: 20px; }

#footer .footer_box .right .logo-list .logo_box a { display: block; width: 100%; height: 100%; }

#footer .footer_box .right .logo-list .logo_box.logo_box01 { width: 45px; height: 58px; margin-left: 0; }

#footer .footer_box .right .logo-list .logo_box.logo_box01 a { background: url("../img/common/logo_x.png") no-repeat center top; background-size: contain; }

#footer .footer_box .right .logo-list .logo_box.logo_box02 a { background: url("../img/common/logo_sport.png") no-repeat center top; background-size: contain; }

#footer .footer_box .right .logo-list .logo_box.logo_box03 a { background: url("../img/common/logo_security.png") no-repeat center top; background-size: contain; }

#footer .bottom_box { display: block; padding-top: 40px; border-top: 1px solid #EBEBEB; }

#footer .bottom_box .right .tel_box { display: flex; align-items: flex-start; margin-top: 4px; }

#footer .bottom_box .right .tel_box .tel .num { font-size: 20px; padding-left: 20px; }

#footer .bottom_box .right .tel_box .tel .num::before { width: 16px; height: 16px; top: 4px; }

#footer .bottom_box .right .tel_box .tel-text { font-size: 14px; line-height: 20px; text-align: left; margin: 2px 0 0 8px; }

#footer .bottom_box .left { margin-top: 32px; }

#footer .bottom_box .left .logo { width: 245px; margin-bottom: 20px; }

#footer .bottom_box .left .logo a { display: block; width: 100%; }

#footer .bottom_box .left .text01 { font-size: 13px; margin-bottom: 12px; }

#footer .bottom_box .left .copyright { font-size: 13px; }
	
	
}