@charset "utf-8";
/* ===========================================================
 *
 * 三幸 スタイルシート
 * Last UpDate : 2024/08/19
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
@import "general.css";
@import "fonts.css";

html{  }
body {
	color: #333;
	font-weight: 400;
    font-style: normal;
	font-family:
		source-han-sans-japanese,
		"游ゴシック",
		YuGothic,
		"ヒラギノ角ゴ Pro",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	letter-spacing: 1px;
}
/*
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .h2Wrap{ line-height: 1.7 !important; }
  *::-ms-backdrop, .h2Wrap h2 span{ margin-top: 0 !important; }
  *::-ms-backdrop, h4{ line-height: 1.7 !important; }
  *::-ms-backdrop, .supportSec02 > ul > li{ flex-basis: 42% !important; padding: 3% !important; }
  *::-ms-backdrop, .flowSec ul li .flowSecTit{ line-height: 1 !important; }
  *::-ms-backdrop, .flowSec ul li .flowSecIco{ padding-left: 3px !important; }
  *::-ms-backdrop, .companySec > ul > li dt{ flex-basis: 28% !important; padding: 1% !important; }
  *::-ms-backdrop, .companySec > ul > li dd{ flex-basis: 68% !important; padding: 1% !important; }
  *::-ms-backdrop, .historySec dt{ flex-basis: 28% !important; padding: 1% !important; }
  *::-ms-backdrop, .historySec dd{ flex-basis: 68% !important; padding: 1% !important; }
  *::-ms-backdrop, .typeSec01 .typeSecTit{ margin-top: 30px !important; }

}
*/


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:link		{ color: #666; text-decoration: none; }
a:visited	{ color: #666; text-decoration: none; }
a:hover		{ color: #02569b; text-decoration: none; }
a:active	{ color: #02569b; text-decoration: none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }

/************** トップページ **************/




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:680px){
/* ----------------------------------------------------------

	***** SP表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 60%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; height: auto !important; height: 100%; }

/* 非表示用 */
.noneSP		{ display: none !important; }
/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
/* トップページのみ */
#wrap-bg header{ position: absolute; ; top: 0; left: 0; }

header{ position: absolute; ; top: 0; left: 0;  width: 100%; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 2; height: 60px; }
header #headerLogo{ flex-basis: 100px; text-align: center; }
header #headerLogo img{ width: 70%; height: auto; }
header #headerLogo a:hover{ opacity: 0.6; }
header #headerTit{ flex-basis: 160px; font-size: 2.2rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
header #headerTit span{ font-size: 1.4rem; }
header #headerTit a{ color: #333; }
header #headerTit a:hover{ opacity: 0.6; }
header #gNavi{ display: none; }
header #headerTel{ display: none; }
header #headerBtn{ display: none; }



/*ドロワー*/
.l-drawer{ position: relative; }
.l-drawer__checkbox{ display: none; }
.l-drawer__icon{
	cursor: pointer;
	display: block;
	width: 56px;
	height: 60px;
	position: fixed;
	right: 0;
	background: #1d977e;
}
.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after{
	background-color: #fff;
	display: block;
	width: 26px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after{ content: " "; }
.l-drawer__icon-parts:before{ transform: translateY(9px); }
.l-drawer__icon-parts:after{ transform: translateY(-9px); }
.l-drawer__overlay{
	background: #000;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
}
.l-drawer__menu{
	background: rgba(255,255,255,0.9);
	color: #000;
	max-width: 100%;
	width: 100vh;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	right: -100vh;
}
.l-drawer__icon{ z-index: 4; }
.l-drawer__menu{ z-index: 3; }
.l-drawer__overlay{ z-index: 2; }
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts{ background: transparent; }
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.l-drawer__checkbox:checked ~ .l-drawer__overlay{ opacity: 0.3; pointer-events: auto; }
.l-drawer__checkbox:checked ~ .l-drawer__menu{ right: 0; }
.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu{ -webkit-transition: all 0.7s; transition: all 0.7s; }

nav.l-drawer__menu{ padding: 60px 30px 30px 30px; }
nav.l-drawer__menu > ul > li{ display: block; color: #333; padding: 0 10px 0 20px; position: relative; font-size: 1.8rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 3em; letter-spacing: 1px; }
nav.l-drawer__menu > ul > li a{ color: #333; }
nav.l-drawer__menu > ul > li a:hover{ opacity: 0.6; }
nav.l-drawer__menu > ul > li:after{ display: block; content: ""; position: absolute; top: 18px; left: 0; width: 5px; height: 5px; background: #fff; border: 4px solid #ccc; border-radius: 100%; }
nav.l-drawer__menu > ul > li > ul{ margin: 0 0 10px 20px; }
nav.l-drawer__menu > ul > li > ul > li{ list-style-type: disc; font-size: 1.4rem; line-height: 1.8em; }


/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btmMenu { display: none; }

#footerMap{ position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; }
#footerMap iframe,
#footerMap object,
#footerMap embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

footer{ background: #024175; }

footer #footer{ width: 100%; margin: 0 auto; padding: 40px 0 0 0; }
footer .footerSec{ color: #fff; text-align: center; }
footer .footerSecLogo{ font-size: 3.5rem; letter-spacing: 1px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
footer .footerSecLogo span{ font-size: 2.5rem; margin-right: 5px; }
footer .footerSecLogo a{ color: #fff; }
footer .footerSecLogo a:hover{ opacity: 0.6; }
footer .footerSecAdd{ font-size: 1.4rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 20px; }

footer .footerSecTel{ width: 90%; margin: 20px auto; padding: 20px 0 0 0; border-top: 1px solid #fff; }
footer .footerSecTel a{ display: block; color: #024175; font-size: 4rem; padding: 5px 10px; background: #fff; border: 2px solid #fff; font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSecTel a span{ display: block; color: #024175; font-size: 1.5rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


footer .footerSecBtn{ width: 90%; margin: 0 auto 30px auto; }
footer .footerSecBtn a{ display: block; font-size: 1.8rem; color: #fff; text-align: center; padding: 10px; border: 2px solid #fff; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSecBtn a i{ font-size: 1.8rem; margin-right: 10px; }
footer .footerSecBtn a:hover{ background: #fff; color: #024175; }
footer .footerSitemap{ width: 100%; }
footer .footerSitemap ul:nth-child(1){ display: flex; justify-content: space-between; border-top: 1px solid #808080; }
footer .footerSitemap ul:nth-child(2){ display: flex; justify-content: space-between; flex-wrap: wrap; }
footer .footerSitemap ul:nth-child(3){ display: flex; justify-content: space-between; }

footer .footerSitemap > ul > li{ flex-basis: 50%; }
footer .footerSitemap > ul > li a{ display: block; color: #fff; font-size: 1.4rem; text-align: center; padding: 10px; background: #333; border-bottom: 1px solid #808080; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; }
footer .footerSitemap > ul > li:nth-child(2n) a{ border-left: 1px solid #808080; }
footer .footerSitemap > ul > li a:hover{ opacity: 0.6; }
footer .footerSitemap > ul:nth-child(1) > li > ul{ display: none; }


footer #footerCopyright{ color: #fff; background: #888; text-align: center; font-size: .9rem; padding: 10px; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{ margin-bottom: 30px; }
#h1Wrap h1{ width: 100%; margin: 0 auto; color: #fff; font-size: 3rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; padding: 100px 0 50px 0; letter-spacing: 4px; line-height: 1.4; text-align: center; text-shadow: black 1px 1px 2px, black -1px 1px 2px,black 1px -1px 2px, black -1px -1px 2px; }
#h1Wrap h1 span{ display: block; font-size: 1.4rem; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 4px; }

.h1Reason{ background: url("../reason/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Works{ background: url("../works/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Equipment{ background: url("../equipment/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Company{ background: url("../company/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Otoiawase{ background: url("../otoiawase/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Sitemap{ background: url("../sitemap/images/h1.jpg") no-repeat center right; background-size: cover; }

h2{ font-size: 2rem; color: #007bbb; padding: 3px 20px; border: 3px solid #007bbb; margin-bottom: 50px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
h3{ font-size: 1.8rem; padding: 5px 0; border-bottom: 3px solid #333; position: relative; margin-bottom: 30px; }
h3:after{ position: absolute; content: ""; display: block; border-bottom: 2px solid #007bbb; bottom: -3px; width: 15%; }
h4{ font-size: 1.6rem; padding: 5px 20px; background: #eee; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 20px; }

/* ぱんくず */
#breadcrumbs{ display: none; }  

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
/* 背景動画 */
#wrap-bg{ position: relative; }
#wrap-bg video{ position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; background-size: cover; z-index: -1; margin-top: 30px; }
#wrap-bg .topImgTxt{ position: absolute; top: 35%; left: 0%; right: 0; margin: auto; /* transform: translate(-50%, -50%); */ }

/************** トップページ **************/
#topImg{ width: 100%; height: 40vh; position: relative; overflow: hidden; }
#topImg .topImgBg{ width: 100%; height: 50vh; background: rgba(0,0,0,0.5); }
#topImg .topImgTxt{ color: #fff; text-align: center; }
#topImg .topImgTxt01{ font-size: 1.8rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topImg .topImgTxt02{ font-size: 4rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt03{ font-size: 1.5rem; letter-spacing: 4px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt04{ font-size: 1.2rem; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.4; }


#topReason{ background: url("../images/bg_img01.jpg") no-repeat center bottom; background-size: cover; padding: 40px 0 0 0; }

#topReason{  }
#topReason .topReasonSecTit{ font-size: 2.7rem; color: #fff; text-align: center; letter-spacing: 4px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
#topReason .topReasonSecTit span{ color: #fff; }
#topReason .topReasonSec01{ width: 90%; margin: 0 auto; }
#topReason .topReasonSec01 > ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topReason .topReasonSec01 > ul > li{ flex-basis: 49%; position: relative; background: #fff; padding: 20px 10px 10px 10px; box-shadow: 0 0 8px #999; margin-bottom: 60px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num{ position: absolute; top: -25px; left: 10px; background: #1d977e; border-radius: 5px; width: 40px; height: 40px; text-align: center; line-height: 40px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num span{ color: #fff; font-size: 3rem; text-shadow: 4px 4px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Tit{ font-size: 1.3rem; text-align: center; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img{ margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img img{ width: 100%; height: auto; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Txt{ display: none; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{}
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{ display: block; color: #fff; font-size: 1.2rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 3px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


#topReason .topReasonSec01 > ul > li{ position: relative; transition: .3s; }
#topReason .topReasonSec01 > ul > li:hover{ box-shadow: 0px 0px 0px 5px #1d977e; }
#topReason .topReasonSec01 > ul > li:after{ position: absolute; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 5px; background: #1d977e; }

#topWorks{ position: relative; margin-bottom: 80px; }
#topWorks > ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topWorks > ul > li{ flex-basis: 49.99999%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 50px 0; background-color: #999;}
#topWorks > ul > li:nth-child(2n){ border-right: 0px; }
#topWorks > ul > li.topWorksTit{ background: rgba(0,123,187,1); }

/*
#topWorks > ul > li.topWorks01{ background: url("../images/bg_works01.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks02{ background: url("../images/bg_works02.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks03{ background: url("../images/bg_works03.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks04{ background: url("../images/bg_works04.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks05{ background: url("../images/bg_works05.jpg") no-repeat; background-size: cover; }
*/

#topWorks > ul > li .topWorksTit01{ font-size: 4rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; }
#topWorks > ul > li .topWorksTit01 span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topWorks > ul > li .topWorksTxt01{ font-size: 1.2rem; color: #fff; text-align: center; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksTit02{ font-size: 2.2rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; margin-bottom: 20px; }
#topWorks > ul > li .topWorksBtn{ width: 80%; margin: 0 auto; }
#topWorks > ul > li .topWorksBtn a{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksBtn a:hover{ background: #fff; color: #02569b; }


#topEquipment{ margin-bottom: 80px; }
#topEquipment .topEquipmentTit{ font-size: 4.5rem; text-align: center; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.4; margin-bottom: 20px; }
#topEquipment .topEquipmentTit span{ display: block; font-size: 1.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }

#topEquipment ul{ width: 90%; margin: 0 auto 40px auto; display: flex; justify-content: space-between; }
#topEquipment ul li{ flex-basis: 49%; position: relative; }
#topEquipment ul li:last-child{ display: none; }
#topEquipment ul li .topEquipmentTit01{ position: absolute; top: 0; left: 0; font-size: 1.2rem; color: #fff; background: #02569b; padding: 5px 15px; text-align: center; }
#topEquipment ul li .topEquipmentImg01{}
#topEquipment ul li .topEquipmentImg01 img{ width: 100%; height: auto; }

#topEquipment .topEquipmentBtn{ width: 60%; margin: 0 auto; }
#topEquipment .topEquipmentBtn a{ display: block; color: #02569b; font-size: 1.4rem; background: #fff; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; }
#topEquipment .topEquipmentBtn a:hover{ background: #02569b; color: #fff; }




#topBtn{ width: 100%; overflow: hidden; }
#topBtn ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topBtn ul li{ flex-basis: 49.99%; position: relative; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#topBtn ul li:nth-child(2n){ border-right: none; }
#topBtn ul li .topSecTit{ text-align: center; z-index: 1; position: relative; }

#topBtn ul li .topSecTit01{ color: #fff; font-size: 1.4rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topBtn ul li .topSecTit02{ font-size: 2.8rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 20px; }
#topBtn ul li .topSecBtn01{ width: 150px; margin: 0 auto; }
#topBtn ul li .topSecBtn01{ display: block; font-size: 1.4rem; text-align: center; color: #fff; background: #1d977e; border-radius: 40px; border: 2px solid #1d977e; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topBtn ul li .topSecBtn01:hover{ background: #fff; color: #1d977e; }
#topBtn ul li a{ display: block; overflow: hidden; }

#topBtn ul li .topSecImg { position: relative; overflow: hidden; text-align: center; padding: 100px 0; }
#topBtn ul li.topSecImg01 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_greeting01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg02 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_profile01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg03 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_history01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg04 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_staff01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#topBtn ul li .topSecImg:hover:after {
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#topBtn ul li .topSecImg:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }

/* セカンドページ */
#contents{ width: 90%; margin: 0 auto; }

/* ページ内ナビ　2つ */
.contentsNav02{ width: 90%; margin: 0 auto 40px auto; }
.contentsNav02 > ul{ display: flex; justify-content: space-between; }
.contentsNav02 > ul > li{ flex-basis: 48%; }
.contentsNav02 > ul > li a{ display: block; font-size: 1.4rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav02 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　3つ */
.contentsNav03{ width: 100%; margin: 0 auto 40px auto; }
.contentsNav03 > ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.contentsNav03 > ul > li{ flex-basis: 48%; margin: 0 1% 10px 1%;}
.contentsNav03 > ul > li a{ display: block; font-size: 1.4rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav03 > ul > li a:hover{ background: #1d977e; color: #fff; }


/* ページ内ナビ　4つ */
.contentsNav04{ width: 100%; margin: 0 auto 40px auto; }
.contentsNav04 > ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.contentsNav04 > ul > li{ flex-basis: 48%; margin: 0 1% 10px 1%; }
.contentsNav04 > ul > li a{ display: block; font-size: 1.4rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav04 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　5つ */
.contentsNav05{ width: 100%; margin: 0 auto 40px auto; }
.contentsNav05 > ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.contentsNav05 > ul > li{ flex-basis: 31%; margin: 0 1% 10px 1%; }
.contentsNav05 > ul > li:nth-child(4){ flex-basis: 40%; margin: 0 1% 20px 1%; }
.contentsNav05 > ul > li a{ display: block; font-size: 1.4rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav05 > ul > li a:hover{ background: #1d977e; color: #fff; }


/* 選ばれる理由 reason */
#reasonSec{ width: 90%; margin: 0 auto; }
.reasonSec01{ margin: 0 0 60px 0; }
.reasonSec01 > ul{ background: #02569b; border-radius: 15px; }
.reasonSec01 > ul > li:nth-child(1){ padding: 30px; position: relative; }
.reasonSec01 > ul > li:nth-child(2){ }

.reasonSec01 > ul > li .reasonSec01Num{ position: absolute; top: -25px; left: 0; right: 0; display: block; background: #1d977e; border-radius: 5px; width: 40px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; }
.reasonSec01 > ul > li .reasonSec01Num span{ color: #fff; font-size: 3rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; }

.reasonSec01 > ul > li .reasonSec01Tit{ display: block; font-size: 2.5rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; text-align: center; margin-bottom: 20px; }
.reasonSec01 > ul > li .reasonSec01Tit span{ }
.reasonSec01 > ul > li .reasonSec01Txt{ font-size: 1.4rem; color: #fff; line-height: 1.7; letter-spacing: 1px; }
.reasonSec01 > ul > li .reasonSec01Img{ }
.reasonSec01 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec01Flow{ width: 100%; margin: 30px auto; }
.reasonSec01Flow > ul{ width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }
.reasonSec01Flow > ul > li{ flex-basis: 27%; margin: 0 1% 20px 1%; }
.reasonSec01Flow > ul > li img{ width: 100%; height: auto; }
.reasonSec01Flow > ul > li.arrow{ flex-basis: 3%; text-align: center; font-size: 1rem; padding-top: 30px; }
.reasonSec01Flow > ul > li.arrow span{ display: block; color: rgba(0,123,187,1); transform: rotate(90deg); }
.reasonSec01Flow > ul > li.arrow span:nth-child(1),
.reasonSec01Flow > ul > li.arrow span:nth-child(3){ color: rgba(0,123,187,0.4); }

.reasonSec01Detail{ width: 100%; margin: 0 auto 60px auto; padding-bottom: 30px; border-bottom: 2px solid #999; }
.reasonSec01Detail > ul{ }
.reasonSec01Detail > ul > li{ background: #eee; border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.reasonSec01Detail > ul > li .reasonSec01DetailTit{ width: 140px; font-size: 1.6rem; color: #fff; background: #02569b; text-align: center; padding: 3px 20px; border-radius: 40px; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; }
.reasonSec01Detail > ul > li .reasonSec01DetailTxt{ font-size: 1.6rem; font-weight: 700; }


.reasonSec02{ margin: 0 0 60px 0; }
.reasonSec02 > ul{ background: #02569b; border-radius: 15px; }
.reasonSec02 > ul > li:nth-child(1){ padding: 30px; position: relative; }
.reasonSec02 > ul > li:nth-child(2){ }

.reasonSec02 > ul > li .reasonSec01Num{ position: absolute; top: -25px; left: 0; right: 0; display: block; background: #1d977e; border-radius: 5px; width: 40px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; }
.reasonSec02 > ul > li .reasonSec01Num span{ color: #fff; font-size: 3rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec02 > ul > li .reasonSec01Tit{ display: block; font-size: 2.2rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; text-align: center; margin-bottom: 20px; }
.reasonSec02 > ul > li .reasonSec01Tit span{ }
.reasonSec02 > ul > li .reasonSec01Txt{ font-size: 1.4rem; color: #fff; line-height: 1.7; letter-spacing: 1px; }
.reasonSec02 > ul > li .reasonSec01Img{ }
.reasonSec02 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec02Detail{ width: 90%; margin: 0 auto 60px auto; padding-bottom: 30px; border-bottom: 2px solid #999; }
.reasonSec02Detail > ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
.reasonSec02Detail > ul > li{ flex-basis: 100%; margin-bottom: 30px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit{ font-size: 2.5rem; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit span{ display: inline-block; vertical-align: super; margin-right: 15px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit span img{ width: 85%; height: auto; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg{ margin-bottom: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg img{ width: 100%; height: auto; border-radius: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTxt{ font-size: 1.3rem; line-height: 1.6; }

.reasonSec01Btm{ width: 90%; margin: 0 auto 60px auto; padding-bottom: 60px; border-bottom: 2px solid #999;  }

/* 業務内容 works */
#worksSec{ }
.worksSec01{ margin-bottom: 60px; }
.worksSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.worksSec01 ul li{ flex-basis: 100%; margin-bottom: 20px; }
.worksSec01 ul li .worksSec01Txt{ font-size: 1.4rem; letter-spacing: 1px; line-height: 2; }
.worksSec01 ul li .worksSec01Img{ }
.worksSec01 ul li .worksSec01Img img{ width: 100%; height: auto; border-radius: 10px; }

.worksSec02{ margin-bottom: 100px; }
.worksSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.worksSec02 ul li{ flex-basis: 100%; margin-bottom: 20px; }
.worksSec02 ul li .worksSec02Img01 img{ width: 100%; height: auto; }
.worksSec02 ul li .worksSec02Img02 img{ width: 100%; height: auto; }

.worksSec03{ margin-bottom: 100px; }
.worksSec03Txt{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.6; margin-bottom: 30px; }
.worksSec03Img{ }
.worksSec03Img ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.worksSec03Img ul li{ flex-basis: 100%; margin-bottom: 20px; }
.worksSec03Img ul li img{ width: 100%; height: auto; border-radius: 10px; }



/* 設備概要 equipment */
#equipmentSec{ }
.equipmentSec01{ margin-bottom: 60px; }
.equipmentSec01 table{ display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; width: 100%; border-collapse: collapse; }
.equipmentSec01 table th{ font-size: 12px; padding: 5px; background: #eee; border-bottom: 1px solid #aaa; text-align: left; }
.equipmentSec01 table th:nth-child(1){ width: 5%; }
.equipmentSec01 table th:nth-child(2){ width: 20%; }
.equipmentSec01 table th:nth-child(3){ width: 20%; }
.equipmentSec01 table th:nth-child(4){ width: 25%; }
.equipmentSec01 table th:nth-child(5){ width: 15%; }
.equipmentSec01 table th:nth-child(6){ width: 5%; text-align: center; }
.equipmentSec01 table td{ font-size: 12px; padding: 5px; border-bottom: 1px dashed #ccc; }
.equipmentSec01 table td:nth-child(6){ text-align: center; }
.equipmentSec01 table tr:last-child{ border-bottom: 1px solid #ccc; }

.equipmentSec02{ margin-bottom: 60px; }
.equipmentSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.equipmentSec02 ul li{ flex-basis: 48%; margin-bottom: 30px; }
.equipmentSec02 ul li .equipmentSec02Img{ margin-bottom: 5px; }
.equipmentSec02 ul li .equipmentSec02Img img{ width: 100%; height: auto; }
.equipmentSec02 ul li .equipmentSec02Tit{ font-size: 1.3rem; }

/* 会社概要 company */
#companySec{}
.companySec01{ margin-bottom: 80px; }
.companySec01Tit{ font-size: 2.5rem; font-weight: 900; margin-bottom: 30px; }
.companySec01Txt{ font-size: 1.6rem; line-height: 1.8; }
.companySec01Img{ width: 50%; margin: 0 auto 10px auto; }
.companySec01Img img{ width: 100%; height: auto; }
.companySec01Name{ text-align: right; font-size: 1.8rem; }
.companySec01Name span{ font-size: 1.4rem; color: #333; }

.companySec02{ margin-bottom: 80px; }
.companySec02 table{ width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; margin-bottom: 30px; }
.companySec02 table th{ width: 32%; font-size: 1.4rem; padding: 15px 10px; border-bottom: 1px solid #ccc; }
.companySec02 table td{ font-size: 1.4rem; padding: 15px 10px; border-bottom: 1px solid #ccc; }
.companySec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.companySec02 ul li{ flex-basis: 100%; margin-bottom: 20px; }
.companySec02 ul li img{ width: 100%; height: auto; border-radius: 10px; }

.companySec03{ margin-bottom: 80px; }
.companySec03Add{ font-size: 1.5rem; margin-bottom: 20px; }
.companySec03Map{ position: relative; padding-bottom: 40%; padding-top: 30px; height: 0; overflow: hidden; }
.companySec03Map iframe,
.companySec03Map object,
.companySec03Map embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.companySec04{ margin-bottom: 80px; }
.companySec04Img{ margin-bottom: 20px; }
.companySec04Img img{ border-radius: 10px; }
.companySec04Txt{ font-size: 1.6rem; margin-bottom: 40px; }
.companySec04 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.companySec04 ul li{ flex-basis: 48%; margin-bottom: 40px; }
.companySec04 ul li h3{}
.companySec04 ul li .companySec04Img01{}
.companySec04 ul li .companySec04Img01 img{ width: 100%; height: auto; border-radius: 10px; }

.companySec05{ margin-bottom: 40px;}
.companySec05Txt01{ text-align: center; font-size: 1.9rem; font-family: ryo-display-plusn,serif; font-weight: 900; font-style: normal; }
.companySec05Txt02{  }
.companySec05Txt02 ul{ margin-left: 30px; }
.companySec05Txt02 ul li{ list-style-type: square; margin-bottom: 20px; font-size: 1.6rem; letter-spacing: 1px; }


/* お問い合わせ otoiawase */
#contactSec{ margin-bottom: 80px; }
#privacySec{ margin-bottom: 80px; }
.privacySecTxt{ font-size: 1.6rem; margin-bottom: 60px; }
.privacySecTxt ol{ margin: 10px 0 0 30px; }
.privacySecTxt ol li{ list-style-type: decimal; }



	

/* サイトマップ sitemap */
#sitemapSec{ margin-bottom: 100px; }
.sitemapSec01{}
.sitemapSec01 > ul{}
.sitemapSec01 > ul > li{ display: block; flex-basis: 65%; padding: 0 10px 0 30px; position: relative; font-size: 2.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 3em; }
.sitemapSec01 > ul > li:after{ display: block; content: ""; position: absolute; top: 23px; left: 0; width: 8px; height: 8px; background: #fff; border: 5px solid #02569b; border-radius: 100%; }
.sitemapSec01 > ul > li > ul{ margin: 0 0 10px 30px; }
.sitemapSec01 > ul > li > ul > li{ list-style-type: disc; font-size: 1.8rem; line-height: 2em; }





}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:681px) and (max-width:1024px){
/* ----------------------------------------------------------

	***** TAB表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 50%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; }

/* 非表示用 */
.noneTAB		{ display: none !important; }
/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
/* トップページのみ */
#wrap-bg header{ position: absolute; ; top: 0; left: 0; }

header{ position: absolute; ; top: 0; left: 0;  width: 100%; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 2; height: 60px; }
header #headerLogo{ flex-basis: 130px; text-align: center; }
header #headerLogo img{ width: 70%; height: auto; }
header #headerLogo a:hover{ opacity: 0.6; }
header #headerTit{ flex-basis: 160px; font-size: 2.8rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
header #headerTit span{ font-size: 2rem; }
header #headerTit a{ color: #333; }
header #headerTit a:hover{ opacity: 0.6; }
header #gNavi{ display: none; }
header #headerTel{ display: none; }
header #headerBtn{ display: none; }



/*ドロワー*/
.l-drawer{ position: relative; }
.l-drawer__checkbox{ display: none; }
.l-drawer__icon{
	cursor: pointer;
	display: block;
	width: 56px;
	height: 60px;
	position: fixed;
	right: 0;
	background: #1d977e;
}
.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after{
	background-color: #fff;
	display: block;
	width: 26px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after{ content: " "; }
.l-drawer__icon-parts:before{ transform: translateY(9px); }
.l-drawer__icon-parts:after{ transform: translateY(-9px); }
.l-drawer__overlay{
	background: #000;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
}
.l-drawer__menu{
	background: rgba(255,255,255,0.9);
	color: #000;
	max-width: 100%;
	width: 320px;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	right: -320px;
}
.l-drawer__icon{ z-index: 4; }
.l-drawer__menu{ z-index: 3; }
.l-drawer__overlay{ z-index: 2; }
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts{ background: transparent; }
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.l-drawer__checkbox:checked ~ .l-drawer__overlay{ opacity: 0.3; pointer-events: auto; }
.l-drawer__checkbox:checked ~ .l-drawer__menu{ right: 0; }
.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu{ -webkit-transition: all 0.7s; transition: all 0.7s; }

nav.l-drawer__menu{ padding: 60px 30px 30px 30px; }
nav.l-drawer__menu > ul > li{ display: block; color: #333; padding: 0 10px 0 20px; position: relative; font-size: 1.8rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 3em; letter-spacing: 1px; }
nav.l-drawer__menu > ul > li a{ color: #333; }
nav.l-drawer__menu > ul > li a:hover{ opacity: 0.6; }
nav.l-drawer__menu > ul > li:after{ display: block; content: ""; position: absolute; top: 14px; left: 0; width: 5px; height: 5px; background: #fff; border: 4px solid #ccc; border-radius: 100%; }
nav.l-drawer__menu > ul > li > ul{ margin: 0 0 10px 20px; }
nav.l-drawer__menu > ul > li > ul > li{ list-style-type: disc; font-size: 1.4rem; line-height: 1.8em; }


/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btmMenu { display: none; }

#footerMap{ position: relative; padding-bottom: 27%; padding-top: 30px; height: 0; overflow: hidden; }
#footerMap iframe,
#footerMap object,
#footerMap embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

footer{ background: #024175; }

footer #footer{ width: 100%; margin: 0 auto; border-bottom: 1px solid #fff; padding: 40px 0 0 0; }
footer .footerSec{ color: #fff; text-align: center; }
footer .footerSecLogo{ font-size: 3.5rem; letter-spacing: 1px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
footer .footerSecLogo span{ font-size: 2.5rem; margin-right: 5px; }
footer .footerSecLogo a{ color: #fff; }
footer .footerSecLogo a:hover{ opacity: 0.6; }
footer .footerSecAdd{ font-size: 1.4rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 20px; }

footer .footerSecTel{ width: 350px; margin: 20px auto; padding: 20px 0 0 0; border-top: 1px solid #fff; }
footer .footerSecTel a{ display: block; color: #024175; font-size: 4rem; padding: 5px 10px; background: #fff; border: 2px solid #fff; font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSecTel a span{ display: block; color: #024175; font-size: 1.5rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


footer .footerSecBtn{ width: 350px; margin: 0 auto 30px auto; }
footer .footerSecBtn a{ display: block; font-size: 1.8rem; color: #fff; text-align: center; padding: 10px; border: 2px solid #fff; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSecBtn a i{ font-size: 1.8rem; margin-right: 10px; }
footer .footerSecBtn a:hover{ background: #fff; color: #024175; }
footer .footerSitemap{ width: 100%; }
footer .footerSitemap ul:nth-child(1){ display: flex; justify-content: space-between; border-top: 1px solid #808080; }
footer .footerSitemap ul:nth-child(2){ display: flex; justify-content: space-between; flex-wrap: wrap; }
footer .footerSitemap ul:nth-child(3){ display: flex; justify-content: space-between; }

footer .footerSitemap > ul > li{ flex-basis: 50%; }
footer .footerSitemap > ul > li a{ display: block; color: #fff; font-size: 1.4rem; text-align: center; padding: 10px; background: #333; border-bottom: 1px solid #808080; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSitemap > ul > li:nth-child(2n) a{ border-left: 1px solid #808080; }
footer .footerSitemap > ul > li a:hover{ opacity: 0.6; }
footer .footerSitemap > ul:nth-child(1) > li > ul{ display: none; }


footer #footerCopyright{ color: #fff; background: #888; text-align: center; font-size: .9rem; padding: 10px; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{}
#h1Wrap h1{ width: 100%; margin: 0 auto; color: #fff; font-size: 5rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; padding: 100px 0 50px 0; letter-spacing: 4px; line-height: 1.4; text-align: center; text-shadow: black 1px 1px 2px, black -1px 1px 2px,black 1px -1px 2px, black -1px -1px 2px; }
#h1Wrap h1 span{ display: block; font-size: 2rem; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 4px; }

.h1Reason{ background: url("../reason/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Works{ background: url("../works/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Equipment{ background: url("../equipment/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Company{ background: url("../company/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Otoiawase{ background: url("../otoiawase/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Sitemap{ background: url("../sitemap/images/h1.jpg") no-repeat center right; background-size: cover; }

h2{ font-size: 3rem; color: #007bbb; padding: 3px 20px; border: 3px solid #007bbb; margin-bottom: 50px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
h3{ font-size: 2.4rem; padding: 5px 0; border-bottom: 3px solid #333; position: relative; margin-bottom: 30px; }
h3:after{ position: absolute; content: ""; display: block; border-bottom: 2px solid #007bbb; bottom: -3px; width: 15%; }
h4{ font-size: 1.8rem; padding: 5px 20px; background: #eee; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }

/* ぱんくず */
#breadcrumbs{ background: #333; padding: 5px 0 8px 0; margin-bottom: 80px; }  
#breadcrumbs ol{ width: 90%; margin: 0 auto; } 
#breadcrumbs ol li{ display: inline-block; position: relative; }
#breadcrumbs ol li:before{ content: ">"; display: block; position: absolute; top: .5em; left: 0px; color: #fff; font-size: 1.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#breadcrumbs ol li:first-child:before{ content: ""; }
#breadcrumbs ol li a{ color: #fff; font-size: 1.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin: 0 0 0 13px; }
#breadcrumbs ol li:first-child a{ margin: 0 0 0 0; }
#breadcrumbs ol li a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
/* 背景動画 */
#wrap-bg{ position: relative; }
#wrap-bg video{ position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; background-size: cover; z-index: -1; }
#wrap-bg .topImgTxt{ position: absolute; top: 25%; left: 0%; right: 0; margin: auto; /* transform: translate(-50%, -50%); */ }

/************** トップページ **************/
#topImg{ width: 100%; height: 40vh; position: relative; overflow: hidden; }
#topImg .topImgBg{ width: 100%; height: 40vh; background: transparent url("../images/bg_overlay01.png") center center repeat; }
#topImg .topImgTxt{ color: #fff; text-align: center; }
#topImg .topImgTxt01{ font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topImg .topImgTxt02{ font-size: 8rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt03{ font-size: 3rem; letter-spacing: 4px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt04{ font-size: 1.6rem; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


#topReason{ background: url("../images/bg_img01.jpg") no-repeat center bottom; background-size: cover; padding: 40px 0; }

#topReason{ margin-bottom: 40px; }
#topReason .topReasonSecTit{ font-size: 5rem; color: #fff; text-align: center; letter-spacing: 4px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
#topReason .topReasonSecTit span{ color: #fff; }
#topReason .topReasonSec01{ width: 90%; margin: 0 auto; }
#topReason .topReasonSec01 > ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topReason .topReasonSec01 > ul > li{ flex-basis: 48%; position: relative; background: #fff; padding: 30px 20px 20px 20px; box-shadow: 0 0 8px #999; margin-bottom: 60px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num{ position: absolute; top: -25px; left: 10px; background: #1d977e; border-radius: 5px; width: 50px; height: 50px; text-align: center; line-height: 50px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num span{ color: #fff; font-size: 4rem; text-shadow: 4px 4px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Tit{ font-size: 2.3rem; text-align: center; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img{ margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img img{ width: 100%; height: auto; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Txt{ font-size: 1.3rem; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{}
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


#topReason .topReasonSec01 > ul > li{ position: relative; transition: .3s; }
#topReason .topReasonSec01 > ul > li:hover{ box-shadow: 0px 0px 0px 5px #1d977e; }
#topReason .topReasonSec01 > ul > li:after{ position: absolute; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 5px; background: #1d977e; }

#topWorks{ position: relative; margin-bottom: 80px; }
#topWorks > ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topWorks > ul > li{ flex-basis: 33.33%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 60px 0; background-color: #999;}
#topWorks > ul > li:nth-child(3n){ border-right: 0px; }
#topWorks > ul > li.topWorksTit{ background: linear-gradient(135deg, rgba(0,123,187,1) 0%,rgba(2,84,128,1) 100%);  }

/*
#topWorks > ul > li.topWorks01{ background: url("../images/bg_works01.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks02{ background: url("../images/bg_works02.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks03{ background: url("../images/bg_works03.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks04{ background: url("../images/bg_works04.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks05{ background: url("../images/bg_works05.jpg") no-repeat; background-size: cover; }
*/

#topWorks > ul > li .topWorksTit01{ font-size: 5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; }
#topWorks > ul > li .topWorksTit01 span{ display: block; font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topWorks > ul > li .topWorksTxt01{ font-size: 1.4rem; color: #fff; text-align: center; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksTit02{ font-size: 3.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; margin-bottom: 20px; }
#topWorks > ul > li .topWorksBtn{ width: 80%; margin: 0 auto; }
#topWorks > ul > li .topWorksBtn a{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksBtn a:hover{ background: #fff; color: #02569b; }


#topEquipment{ margin-bottom: 80px; }
#topEquipment .topEquipmentTit{ font-size: 5.5rem; text-align: center; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.4; margin-bottom: 20px; }
#topEquipment .topEquipmentTit span{ display: block; font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }

#topEquipment ul{ width: 90%; margin: 0 auto 40px auto; display: flex; justify-content: space-between; }
#topEquipment ul li{ flex-basis: 32%; position: relative; }
#topEquipment ul li .topEquipmentTit01{ position: absolute; top: 0; left: 0; font-size: 1.3rem; color: #fff; background: #02569b; padding: 5px 15px; }
#topEquipment ul li .topEquipmentImg01{}
#topEquipment ul li .topEquipmentImg01 img{ width: 100%; height: auto; }

#topEquipment .topEquipmentBtn{ width: 320px; margin: 0 auto; }
#topEquipment .topEquipmentBtn a{ display: block; color: #02569b; font-size: 1.4rem; background: #fff; border: 2px solid #02569b; text-align: center; padding: 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; }
#topEquipment .topEquipmentBtn a:hover{ background: #02569b; color: #fff; }




#topBtn{ width: 100%; overflow: hidden; }
#topBtn ul{ display: flex; justify-content: space-between; }
#topBtn ul li{ flex-basis: 50%; position: relative; border-right: 1px solid #fff; }
#topBtn ul li:last-child{ border-right: none; }
#topBtn ul li .topSecTit{ text-align: center; z-index: 1; position: relative; }

#topBtn ul li .topSecTit01{ color: #fff; font-size: 1.6rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topBtn ul li .topSecTit02{ font-size: 3.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 20px; }
#topBtn ul li .topSecBtn01{ width: 150px; margin: 0 auto; }
#topBtn ul li .topSecBtn01{ display: block; font-size: 1.4rem; text-align: center; color: #fff; background: #1d977e; border-radius: 40px; border: 2px solid #1d977e; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topBtn ul li .topSecBtn01:hover{ background: #fff; color: #1d977e; }
#topBtn ul li a{ display: block; overflow: hidden; }

#topBtn ul li .topSecImg { position: relative; overflow: hidden; text-align: center; padding: 100px 0; }
#topBtn ul li.topSecImg01 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_greeting01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg02 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_profile01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg03 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_history01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg04 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_staff01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#topBtn ul li .topSecImg:hover:after {
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#topBtn ul li .topSecImg:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }

/* セカンドページ */
#contents{ width: 90%; margin: 0 auto; }

/* ページ内ナビ　2つ */
.contentsNav02{ width: 90%; margin: 0 auto 60px auto; }
.contentsNav02 > ul{ display: flex; justify-content: space-between; }
.contentsNav02 > ul > li{ flex-basis: 48%; }
.contentsNav02 > ul > li a{ display: block; font-size: 1.6rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav02 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　3つ */
.contentsNav03{ width: 90%; margin: 0 auto 60px auto; }
.contentsNav03 > ul{ display: flex; justify-content: space-between; }
.contentsNav03 > ul > li{ flex-basis: 30%; }
.contentsNav03 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav03 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　4つ */
.contentsNav04{ width: 100%; margin: 0 auto 60px auto; }
.contentsNav04 > ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.contentsNav04 > ul > li{ flex-basis: 31%; margin: 0 1% 15px 1%; }
.contentsNav04 > ul > li a{ display: block; font-size: 1.5rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav04 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　5つ */
.contentsNav05{ width: 100%; margin: 0 auto 60px auto; }
.contentsNav05 > ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.contentsNav05 > ul > li{ flex-basis: 31%; margin: 0 1% 15px 1%; }
.contentsNav05 > ul > li a{ display: block; font-size: 1.5rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav05 > ul > li a:hover{ background: #1d977e; color: #fff; }


/* 選ばれる理由 reason */
#reasonSec{ width: 90%; margin: 0 auto; }
.reasonSec01{ margin: 0 0 60px 0; }
.reasonSec01 > ul{ background: #02569b; border-radius: 15px; }
.reasonSec01 > ul > li:nth-child(1){ padding: 60px; }
.reasonSec01 > ul > li:nth-child(2){ }

.reasonSec01 > ul > li .reasonSec01Num{ display: inline-block; background: #1d977e; border-radius: 5px; width: 60px; height: 60px; text-align: center; line-height: 60px; margin-right: 20px; }
.reasonSec01 > ul > li .reasonSec01Num span{ color: #fff; font-size: 5.5rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec01 > ul > li .reasonSec01Tit{ display: inline-block; font-size: 3rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; margin-bottom: 20px; vertical-align: middle; }
.reasonSec01 > ul > li .reasonSec01Tit span{ }
.reasonSec01 > ul > li .reasonSec01Txt{ font-size: 1.6rem; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.reasonSec01 > ul > li .reasonSec01Img{ }
.reasonSec01 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec01Flow{ width: 90%; margin: 60px auto; }
.reasonSec01Flow > ul{ display: flex; justify-content: space-around; }
.reasonSec01Flow > ul > li{ flex-basis: 16%; }
.reasonSec01Flow > ul > li img{ width: 100%; height: auto; }
.reasonSec01Flow > ul > li.arrow{ flex-basis: 3%; text-align: center; font-size: 1rem; padding-top: 30px; }
.reasonSec01Flow > ul > li.arrow span{ display: block; color: rgba(0,123,187,1); transform: rotate(90deg); }
.reasonSec01Flow > ul > li.arrow span:nth-child(1),
.reasonSec01Flow > ul > li.arrow span:nth-child(3){ color: rgba(0,123,187,0.4); }

.reasonSec01Detail{ width: 90%; margin: 0 auto 80px auto; padding-bottom: 60px; border-bottom: 2px solid #999; }
.reasonSec01Detail > ul{ }
.reasonSec01Detail > ul > li{ background: #eee; border-radius: 10px; padding: 40px; margin-bottom: 20px; }
.reasonSec01Detail > ul > li .reasonSec01DetailTit{ width: 140px; font-size: 2rem; color: #fff; background: #02569b; text-align: center; padding: 3px 20px; border-radius: 40px; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; }
.reasonSec01Detail > ul > li .reasonSec01DetailTxt{ font-size: 1.8rem; font-weight: 700; }


.reasonSec02{ margin: 0 0 60px 0; }
.reasonSec02 > ul{ background: #02569b; border-radius: 15px; }
.reasonSec02 > ul > li:nth-child(1){ padding: 40px; }
.reasonSec02 > ul > li:nth-child(2){ }

.reasonSec02 > ul > li .reasonSec01Num{ display: inline-block; background: #1d977e; border-radius: 5px; width: 60px; height: 60px; text-align: center; line-height: 60px; margin-right: 20px; }
.reasonSec02 > ul > li .reasonSec01Num span{ color: #fff; font-size: 5.5rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec02 > ul > li .reasonSec01Tit{ display: inline-block; font-size: 3rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; margin-bottom: 20px; vertical-align: middle; }
.reasonSec02 > ul > li .reasonSec01Tit span{ }
.reasonSec02 > ul > li .reasonSec01Txt{ font-size: 1.6rem; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.reasonSec02 > ul > li .reasonSec01Img{ }
.reasonSec02 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec02Detail{ width: 90%; margin: 0 auto 60px auto; padding-bottom: 60px; border-bottom: 2px solid #999; }
.reasonSec02Detail > ul{ display: flex; justify-content: space-around; }
.reasonSec02Detail > ul > li{ flex-basis: 31%; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit{ font-size: 3rem; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit span{ display: inline-block; vertical-align: super; margin-right: 15px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg{ margin-bottom: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg img{ width: 100%; height: auto; border-radius: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTxt{ font-size: 1.3rem; line-height: 1.6; }

.reasonSec01Btm{ width: 90%; margin: 0 auto 60px auto; padding-bottom: 60px; border-bottom: 2px solid #999;  }

/* 業務内容 works */
#worksSec{ }
.worksSec01{ margin-bottom: 60px; }
.worksSec01 ul{ display: flex; justify-content: space-between; }
.worksSec01 ul li{ flex-basis: 100%; }
.worksSec01 ul li .worksSec01Txt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 2.2; }
.worksSec01 ul li .worksSec01Img{ }
.worksSec01 ul li .worksSec01Img img{ width: 100%; height: auto; border-radius: 10px; }

.worksSec02{ margin-bottom: 100px; }
.worksSec02 ul{ display: flex; justify-content: space-between; }
.worksSec02 ul li{  }
.worksSec02 ul li:nth-child(1){ flex-basis: 53%; }
.worksSec02 ul li:nth-child(2){ flex-basis: 35%; }
.worksSec02 ul li .worksSec02Img01 img{ width: 100%; height: auto; }
.worksSec02 ul li .worksSec02Img02 img{ width: 100%; height: auto; }

.worksSec03{ margin-bottom: 100px; }
.worksSec03Txt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 30px; }
.worksSec03Img{ }
.worksSec03Img ul{ display: flex; justify-content: space-between; }
.worksSec03Img ul li{ flex-basis: 48%; }
.worksSec03Img ul li img{ width: 100%; height: auto; border-radius: 10px; }



/* 設備概要 equipment */
#equipmentSec{ }
.equipmentSec01{ margin-bottom: 60px; }
.equipmentSec01 table{ width: 100%; border-collapse: collapse; }
.equipmentSec01 table th{ font-size: 14px; padding: 10px; background: #eee; border-bottom: 1px solid #aaa; text-align: left; }
.equipmentSec01 table th:nth-child(1){ width: 5%; }
.equipmentSec01 table th:nth-child(2){ width: 20%; }
.equipmentSec01 table th:nth-child(3){ width: 20%; }
.equipmentSec01 table th:nth-child(4){ width: 25%; }
.equipmentSec01 table th:nth-child(5){ width: 15%; }
.equipmentSec01 table th:nth-child(6){ width: 5%; text-align: center; }
.equipmentSec01 table td{ font-size: 14px; padding: 10px; border-bottom: 1px dashed #ccc; }
.equipmentSec01 table td:nth-child(6){ text-align: center; }
.equipmentSec01 table tr:last-child{ border-bottom: 1px solid #ccc; }

.equipmentSec02{ margin-bottom: 60px; }
.equipmentSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.equipmentSec02 ul li{ flex-basis: 32%; margin-bottom: 30px; }
.equipmentSec02 ul li .equipmentSec02Img{ margin-bottom: 5px; }
.equipmentSec02 ul li .equipmentSec02Img img{ width: 100%; height: auto; border-radius: 10px; }
.equipmentSec02 ul li .equipmentSec02Tit{ font-size: 1.5rem; }

/* 会社概要 company */
#companySec{}
.companySec01{ margin-bottom: 80px; }
.companySec01Tit{ font-size: 2.5rem; font-weight: 900; margin-bottom: 30px; }
.companySec01Txt{ font-size: 1.8rem; line-height: 1.8; }
.companySec01Img{ float: right; padding: 0 0 0 30px; width: 30%; }
.companySec01Img img{ width: 100%; height: auto; }
.companySec01Name{ text-align: right; font-size: 2rem; }
.companySec01Name span{ font-size: 1.6rem; color: #333; }

.companySec02{ margin-bottom: 80px; }
.companySec02 table{ width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; margin-bottom: 30px; }
.companySec02 table th{ width: 20%; font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
.companySec02 table td{ font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
.companySec02 ul{ display: flex; justify-content: space-between; }
.companySec02 ul li{ flex-basis: 48%; }
.companySec02 ul li img{ width: 100%; height: auto; border-radius: 10px; }

.companySec03{ margin-bottom: 80px; }
.companySec03Add{ margin-bottom: 20px; }
.companySec03Map{ position: relative; padding-bottom: 40%; padding-top: 30px; height: 0; overflow: hidden; }
.companySec03Map iframe,
.companySec03Map object,
.companySec03Map embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.companySec04{ margin-bottom: 80px; }
.companySec04Img{ margin-bottom: 20px; }
.companySec04Img img{ border-radius: 10px; }
.companySec04Txt{ font-size: 1.8rem; margin-bottom: 40px; }
.companySec04 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.companySec04 ul li{ flex-basis: 48%; margin-bottom: 40px; }
.companySec04 ul li h3{}
.companySec04 ul li .companySec04Img01{}
.companySec04 ul li .companySec04Img01 img{ width: 100%; height: auto; border-radius: 10px; }

.companySec05{ margin-bottom: 40px;}
.companySec05Txt01{ text-align: center; font-size: 2.3rem; font-family: ryo-display-plusn,serif; font-weight: 900; font-style: normal; }
.companySec05Txt02{  }
.companySec05Txt02 ul{ margin-left: 30px; }
.companySec05Txt02 ul li{ list-style-type: square; margin-bottom: 20px; font-size: 1.8rem; letter-spacing: 1px; }


/* お問い合わせ otoiawase */
#contactSec{ margin-bottom: 80px; }
#privacySec{ margin-bottom: 80px; }
.privacySecTxt{ font-size: 1.6rem; margin-bottom: 60px; }
.privacySecTxt ol{ margin: 10px 0 0 30px; }
.privacySecTxt ol li{ list-style-type: decimal; }



	

/* サイトマップ sitemap */
#sitemapSec{ margin-bottom: 100px; }
.sitemapSec01{}
.sitemapSec01 > ul{}
.sitemapSec01 > ul > li{ display: block; flex-basis: 65%; padding: 0 10px 0 30px; position: relative; font-size: 2.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 3em; }
.sitemapSec01 > ul > li:after{ display: block; content: ""; position: absolute; top: 18px; left: 0; width: 8px; height: 8px; background: #fff; border: 5px solid #02569b; border-radius: 100%; }
.sitemapSec01 > ul > li > ul{ margin: 0 0 10px 60px; }
.sitemapSec01 > ul > li > ul > li{ list-style-type: disc; font-size: 1.8rem; line-height: 2em; }



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1025px) and (max-width:1419px){
/* ----------------------------------------------------------

	***** PC表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; }

/* 非表示用 */
.nonePC		{ display: none !important; }
/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
/* トップページのみ */
#wrap-bg header{ position: absolute; ; top: 0; left: 0; }

header{ width: 1140px; background: #fff; display: flex; justify-content: space-between; align-items: center; z-index: 2; }
header #headerLogo{ flex-basis: 130px; text-align: center; }
header #headerLogo img{ width: 70%; height: auto; }
header #headerLogo a:hover{ opacity: 0.6; }
header #headerTit{ flex-basis: 160px; font-size: 2.8rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
header #headerTit span{ font-size: 2rem; }
header #headerTit a{ color: #333; }
header #headerTit a:hover{ opacity: 0.6; }
header #gNavi{ flex-basis: 520px; }
header #gNavi nav ul{ display: flex; justify-content: space-between; align-items: center; }
header #gNavi nav ul li{ flex-basis: 25%; text-align: center; background: #eee; }
header #gNavi nav ul li a{ display: block; font-size: 1.7rem; color: #333; text-align: center; padding: 30px 10px; background: #eee; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.5; }
header #gNavi nav ul li a span{ display: block; font-size: .8rem; font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
header #gNavi nav ul li a:hover{ background: #02569b; color: #fff; }
header #headerTel{ flex-basis: 200px; font-size: 3rem; text-align: center; font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
header #headerTel span{ display: block; font-size: 1.1rem; color: #999; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
header #headerBtn{ flex-basis: 100px; }
header #headerBtn a{ display: block; height: 100px; line-height: 100px; color: #fff; background: #1d977e; font-size: 3.5rem; text-align: center; }
header #headerBtn a:hover{ color: #1d977e; background: #eee; }

/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btmMenu { display: none; }

#footerMap{ position: relative; padding-bottom: 27%; padding-top: 30px; height: 0; overflow: hidden; }
#footerMap iframe,
#footerMap object,
#footerMap embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

footer{ background: #024175; }

footer #footer{ width: 1200px; margin: 0 auto 10px auto; display: flex; justify-content: space-between; border-bottom: 1px solid #fff; padding: 40px 0; }
footer .footerSec{ flex-basis: 35%; color: #fff; }
footer .footerSecLogo{ font-size: 3.5rem; letter-spacing: 1px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
footer .footerSecLogo span{ font-size: 2.5rem; margin-right: 5px; }
footer .footerSecLogo a{ color: #fff; }
footer .footerSecLogo a:hover{ opacity: 0.6; }
footer .footerSecAdd{ font-size: 1.4rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 20px; }
footer .footerSecBtn{ width: 200px; }
footer .footerSecBtn a{ display: block; font-size: 1.8rem; color: #fff; text-align: center; padding: 10px; border: 2px solid #fff; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSecBtn a i{ font-size: 1.8rem; margin-right: 10px; }
footer .footerSecBtn a:hover{ background: #fff; color: #024175; }
footer .footerSitemap{ flex-basis: 65%; display: flex; justify-content: space-between; }
footer .footerSitemap > ul:nth-child(1){ flex-basis: 53%; }
footer .footerSitemap > ul:nth-child(2){ flex-basis: 23%; }
footer .footerSitemap > ul:nth-child(3){ flex-basis: 23%; }

footer .footerSitemap > ul > li{ display: block; color: #fff; padding: 0 10px 0 30px; position: relative; font-size: 1.6rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 2em; letter-spacing: 2px; }
footer .footerSitemap > ul > li a{ color: #fff; }
footer .footerSitemap > ul > li a:hover{ opacity: 0.6; }
footer .footerSitemap > ul > li:after{ display: block; content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #024175; border: 4px solid #fff; border-radius: 100%; }
footer .footerSitemap > ul > li > ul{ margin: 0 0 10px 40px; }
footer .footerSitemap > ul > li > ul > li{ list-style-type: disc; font-size: 1.2rem; line-height: 1.8em; }


footer #footerCopyright{ color: #fff; text-align: center; font-size: .9rem; padding-bottom: 10px; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{}
#h1Wrap h1{ width: 1200px; margin: 0 auto; color: #fff; font-size: 6rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; padding: 80px 0; letter-spacing: 4px; line-height: 1.4; text-shadow: black 1px 1px 2px, black -1px 1px 2px,black 1px -1px 2px, black -1px -1px 2px; }
#h1Wrap h1 span{ display: block; font-size: 3rem; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 4px; }

.h1Reason{ background: url("../reason/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Works{ background: url("../works/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Equipment{ background: url("../equipment/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Company{ background: url("../company/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Otoiawase{ background: url("../otoiawase/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Sitemap{ background: url("../sitemap/images/h1.jpg") no-repeat center right; background-size: cover; }

h2{ font-size: 3.3rem; color: #007bbb; padding: 3px 20px; border: 3px solid #007bbb; margin-bottom: 50px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
h3{ font-size: 2.8rem; padding: 5px 0; border-bottom: 3px solid #333; position: relative; margin-bottom: 30px; }
h3:after{ position: absolute; content: ""; display: block; border-bottom: 2px solid #007bbb; bottom: -3px; width: 15%; }
h4{ font-size: 2rem; padding: 5px 20px; background: #eee; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }

/* ぱんくず */
#breadcrumbs{ background: #333; padding: 5px 0 8px 0; margin-bottom: 80px; }  
#breadcrumbs ol{ width: 1200px; margin: 0 auto; } 
#breadcrumbs ol li{ display: inline-block; position: relative; }
#breadcrumbs ol li:before{ content: ">"; display: block; position: absolute; top: .3em; left: 0px; color: #fff; font-size: 1.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; }
#breadcrumbs ol li:first-child:before{ content: ""; }
#breadcrumbs ol li a{ color: #fff; font-size: 1.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; margin: 0 0 0 15px; }
#breadcrumbs ol li:first-child a{ margin: 0 0 0 0; }
#breadcrumbs ol li a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
/* 背景動画 */
#wrap-bg{ position: relative; }
#wrap-bg video{ position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; background-size: cover; z-index: -1; }
#wrap-bg .topImgTxt{ position: absolute; top: 30%; left: 10%; /* transform: translate(-50%, -50%); */ }

/************** トップページ **************/
#topImg{ width: 100%; height: 100vh; position: relative; overflow: hidden; }
#topImg .topImgBg{ width: 100%; height: 100vh; background: transparent url("../images/bg_overlay01.png") center center repeat; }
#topImg .topImgTxt{ color: #fff; }
#topImg .topImgTxt01{ font-size: 3rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topImg .topImgTxt02{ font-size: 10rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt03{ font-size: 3.5rem; letter-spacing: 4px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt04{ font-size: 1.8rem; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


#topReason{ background: url("../images/bg_img01.jpg") no-repeat center; background-size: cover; padding: 40px 0; }

#topReason{ margin-bottom: 40px; }
#topReason .topReasonSecTit{ font-size: 5.5rem; color: #fff; text-align: center; letter-spacing: 4px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
#topReason .topReasonSecTit span{ color: #fff; }
#topReason .topReasonSec01{ width: 1200px; margin: 0 auto; }
#topReason .topReasonSec01 > ul{ display: flex; justify-content: space-between; }
#topReason .topReasonSec01 > ul > li{ flex-basis: 24%; position: relative; background: #fff; padding: 30px 20px 20px 20px; box-shadow: 0 0 8px #999;; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num{ position: absolute; top: -25px; left: 10px; background: #1d977e; border-radius: 5px; width: 50px; height: 50px; text-align: center; line-height: 50px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num span{ color: #fff; font-size: 4rem; text-shadow: 4px 4px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Tit{ font-size: 2.3rem; text-align: center; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img{ margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img img{ width: 100%; height: auto; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Txt{ font-size: 1.3rem; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{}
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topReason .topReasonSec01 > ul > li a div{ transition: .3s; }
#topReason .topReasonSec01 > ul > li a:hover div{ opacity: 0.6; transition: .3s; }
#topReason .topReasonSec01 > ul > li a:hover div.topReasonSec01Num{ opacity: 1; }


#topReason .topReasonSec01 > ul > li{ position: relative; transition: .3s; }
#topReason .topReasonSec01 > ul > li:hover{ box-shadow: 0px 0px 0px 5px #1d977e; }
#topReason .topReasonSec01 > ul > li:after{ position: absolute; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 5px; background: #1d977e; }

#topWorks{ position: relative; margin-bottom: 80px; }
#topWorks > ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topWorks > ul > li{ flex-basis: 33.33%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 50px 0; background-color: #999;}
#topWorks > ul > li:nth-child(3n){ border-right: 0px; }
#topWorks > ul > li.topWorksTit{ background: rgba(0,123,187,1);  }

/*
#topWorks > ul > li.topWorks01{ background: url("../images/bg_works01.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks02{ background: url("../images/bg_works02.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks03{ background: url("../images/bg_works03.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks04{ background: url("../images/bg_works04.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks05{ background: url("../images/bg_works05.jpg") no-repeat; background-size: cover; }
*/

#topWorks > ul > li .topWorksTit01{ font-size: 5.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; }
#topWorks > ul > li .topWorksTit01 span{ display: block; font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topWorks > ul > li .topWorksTxt01{ font-size: 1.4rem; color: #fff; text-align: center; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksTit02{ font-size: 4.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; margin-bottom: 20px; }
#topWorks > ul > li .topWorksBtn{ width: 250px; margin: 0 auto; }
#topWorks > ul > li .topWorksBtn a{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksBtn a:hover{ background: #fff; color: #02569b; }


#topEquipment{ margin-bottom: 80px; }
#topEquipment .topEquipmentTit{ font-size: 5.5rem; text-align: center; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.4; margin-bottom: 20px; }
#topEquipment .topEquipmentTit span{ display: block; font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }

#topEquipment ul{ width: 1200px; margin: 0 auto 40px auto; display: flex; justify-content: space-between; }
#topEquipment ul li{ flex-basis: 32%; position: relative; }
#topEquipment ul li .topEquipmentTit01{ position: absolute; top: 0; left: 0; font-size: 1.3rem; color: #fff; background: #02569b; padding: 5px 15px; }
#topEquipment ul li .topEquipmentImg01{}
#topEquipment ul li .topEquipmentImg01 img{ width: 100%; height: auto; }

#topEquipment .topEquipmentBtn{ width: 320px; margin: 0 auto; }
#topEquipment .topEquipmentBtn a{ display: block; color: #02569b; font-size: 1.4rem; background: #fff; border: 2px solid #02569b; text-align: center; padding: 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; }
#topEquipment .topEquipmentBtn a:hover{ background: #02569b; color: #fff; }




#topBtn{ width: 100%; overflow: hidden; }
#topBtn ul{ display: flex; justify-content: space-between; }
#topBtn ul li{ flex-basis: 50%; position: relative; border-right: 1px solid #fff; }
#topBtn ul li:last-child{ border-right: none; }
#topBtn ul li .topSecTit{ text-align: center; z-index: 1; position: relative; }

#topBtn ul li .topSecTit01{ color: #fff; font-size: 2rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topBtn ul li .topSecTit02{ font-size: 4.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 20px; }
#topBtn ul li .topSecBtn01{ width: 150px; margin: 0 auto; }
#topBtn ul li .topSecBtn01{ display: block; font-size: 1.4rem; text-align: center; color: #fff; background: #1d977e; border-radius: 40px; border: 2px solid #1d977e; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topBtn ul li .topSecBtn01:hover{ background: #fff; color: #1d977e; }
#topBtn ul li a{ display: block; overflow: hidden; }

#topBtn ul li .topSecImg { position: relative; overflow: hidden; text-align: center; padding: 100px 0; }
#topBtn ul li.topSecImg01 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_greeting01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg02 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_profile01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg03 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_history01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg04 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_staff01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#topBtn ul li .topSecImg:hover:after {
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#topBtn ul li .topSecImg:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }

/* セカンドページ */
#contents{ width: 1120px; margin: 0 auto; }

/* ページ内ナビ　2つ */
.contentsNav02{ width: 750px; margin: 0 auto 60px auto; }
.contentsNav02 > ul{ display: flex; justify-content: space-between; }
.contentsNav02 > ul > li{ flex-basis: 48%; }
.contentsNav02 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav02 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　3つ */
.contentsNav03{ width: 1120px; margin: 0 auto 60px auto; }
.contentsNav03 > ul{ display: flex; justify-content: space-between; }
.contentsNav03 > ul > li{ flex-basis: 25%; }
.contentsNav03 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav03 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　4つ */
.contentsNav04{ width: 1120px; margin: 0 auto 60px auto; }
.contentsNav04 > ul{ display: flex; justify-content: space-between; }
.contentsNav04 > ul > li{ flex-basis: 18%; }
.contentsNav04 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav04 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　5つ */
.contentsNav05{ width: 1040px; margin: 0 auto 60px auto; }
.contentsNav05 > ul{ display: flex; justify-content: space-between; }
.contentsNav05 > ul > li{ flex-basis: 18%; }
.contentsNav05 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav05 > ul > li a:hover{ background: #1d977e; color: #fff; }


/* 選ばれる理由 reason */
#reasonSec{}
.reasonSec01,
.reasonSec02{ width: 90%; max-width: 1200px; margin: 0 auto 60px; }
.reasonSec01 > ul{ display: flex; background: #02569b; border-radius: 15px; }
.reasonSec01 > ul > li:nth-child(1){ flex-basis: 100%; padding: 60px; }
.reasonSec01 > ul > li:nth-child(2){ flex-basis: 55%; }

.reasonSec01 > ul > li .reasonSec01Num{ display: inline-block; background: #1d977e; border-radius: 5px; width: 60px; height: 60px; text-align: center; line-height: 60px; margin-right: 20px; }
.reasonSec01 > ul > li .reasonSec01Num span{ color: #fff; font-size: 5.5rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec01 > ul > li .reasonSec01Tit{ display: inline-block; font-size: 3rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; margin-bottom: 20px; vertical-align: middle; }
.reasonSec01 > ul > li .reasonSec01Tit span{ }
.reasonSec01 > ul > li .reasonSec01Txt{ font-size: 1.6rem; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.reasonSec01 > ul > li .reasonSec01Img{ }
.reasonSec01 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec01Flow{ width: 1120px; margin: 60px auto; }
.reasonSec01Flow > ul{ display: flex; justify-content: space-around; }
.reasonSec01Flow > ul > li{ flex-basis: 16%; }
.reasonSec01Flow > ul > li img{ width: 100%; height: auto; }
.reasonSec01Flow > ul > li.arrow{ flex-basis: 3%; text-align: center; font-size: 2rem; padding-top: 60px; }
.reasonSec01Flow > ul > li.arrow span{ display: block; color: rgba(0,123,187,1); transform: rotate(90deg); }
.reasonSec01Flow > ul > li.arrow span:nth-child(1),
.reasonSec01Flow > ul > li.arrow span:nth-child(3){ color: rgba(0,123,187,0.4); }

.reasonSec01Detail{ width: 1200px; margin: 0 auto 80px auto; padding-bottom: 80px; border-bottom: 2px solid #999; }
.reasonSec01Detail > ul{ display: flex; justify-content: space-around; }
.reasonSec01Detail > ul > li{ flex-basis: 47%; background: #eee; border-radius: 10px; padding: 40px;  }
.reasonSec01Detail > ul > li .reasonSec01DetailTit{ width: 140px; font-size: 2rem; color: #fff; background: #02569b; text-align: center; padding: 3px 20px; border-radius: 40px; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; }
.reasonSec01Detail > ul > li .reasonSec01DetailTxt{ font-size: 1.8rem; font-weight: 700; }


.reasonSec02 > ul{ display: flex; flex-direction: row-reverse; background: #02569b; border-radius: 15px; }
.reasonSec02 > ul > li:nth-child(1){ flex-basis: 100%; padding: 40px; }
.reasonSec02 > ul > li:nth-child(2){ flex-basis: 55%; }

.reasonSec02 > ul > li .reasonSec01Num{ display: inline-block; background: #1d977e; border-radius: 5px; width: 60px; height: 60px; text-align: center; line-height: 60px; margin-right: 20px; }
.reasonSec02 > ul > li .reasonSec01Num span{ color: #fff; font-size: 5.5rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec02 > ul > li .reasonSec01Tit{ display: inline-block; font-size: 3rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; margin-bottom: 20px; vertical-align: middle; }
.reasonSec02 > ul > li .reasonSec01Tit span{ }
.reasonSec02 > ul > li .reasonSec01Txt{ font-size: 1.6rem; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.reasonSec02 > ul > li .reasonSec01Img{ }
.reasonSec02 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec02Detail{ width: 1200px; margin: 0 auto 80px auto; padding-bottom: 80px; border-bottom: 2px solid #999; }
.reasonSec02Detail > ul{ display: flex; justify-content: space-around; }
.reasonSec02Detail > ul > li{ flex-basis: 31%; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit{ font-size: 3rem; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit span{ display: inline-block; vertical-align: super; margin-right: 15px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg{ margin-bottom: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg img{ width: 100%; height: auto; border-radius: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTxt{ font-size: 1.3rem; line-height: 1.6; }

.reasonSec01Btm{ width: 1200px; margin: 0 auto 80px auto; padding-bottom: 80px; border-bottom: 2px solid #999;  }

/* 業務内容 works */
#worksSec{}
.worksSec01{ margin-bottom: 60px; }
.worksSec01 ul{ display: flex; justify-content: space-between; }
.worksSec01 ul li{ flex-basis: 100%; }
.worksSec01 ul li .worksSec01Txt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 2.2; }
.worksSec01 ul li .worksSec01Img{ }
.worksSec01 ul li .worksSec01Img img{ width: 100%; height: auto; border-radius: 10px; }

.worksSec02{ margin-bottom: 100px; }
.worksSec02 ul{ display: flex; justify-content: space-between; }
.worksSec02 ul li{  }
.worksSec02 ul li:nth-child(1){ flex-basis: 53%; }
.worksSec02 ul li:nth-child(2){ flex-basis: 35%; }
.worksSec02 ul li .worksSec02Img01 img{ width: 100%; height: auto; }
.worksSec02 ul li .worksSec02Img02 img{ width: 100%; height: auto; }

.worksSec03{ margin-bottom: 100px; }
.worksSec03Txt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 30px; }
.worksSec03Img{ }
.worksSec03Img ul{ display: flex; justify-content: space-between; }
.worksSec03Img ul li{ flex-basis: 48%; }
.worksSec03Img ul li img{ width: 100%; height: auto; border-radius: 10px; }



/* 設備概要 equipment */
#equipmentSec{}
.equipmentSec01{ margin-bottom: 60px; }
.equipmentSec01 table{ width: 100%; border-collapse: collapse; }
.equipmentSec01 table th{ font-size: 15px; padding: 10px; background: #eee; border-bottom: 1px solid #aaa; text-align: left; }
.equipmentSec01 table th:nth-child(1){ width: 5%; }
.equipmentSec01 table th:nth-child(2){ width: 20%; }
.equipmentSec01 table th:nth-child(3){ width: 20%; }
.equipmentSec01 table th:nth-child(4){ width: 25%; }
.equipmentSec01 table th:nth-child(5){ width: 15%; }
.equipmentSec01 table th:nth-child(6){ width: 5%; text-align: center; }
.equipmentSec01 table td{ font-size: 15px; padding: 10px; border-bottom: 1px dashed #ccc; }
.equipmentSec01 table td:nth-child(6){ text-align: center; }
.equipmentSec01 table tr:last-child{ border-bottom: 1px solid #ccc; }

.equipmentSec02{ margin-bottom: 60px; }
.equipmentSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.equipmentSec02 ul li{ flex-basis: 32%; margin-bottom: 30px; }
.equipmentSec02 ul li .equipmentSec02Img{ margin-bottom: 5px; }
.equipmentSec02 ul li .equipmentSec02Img img{ width: 100%; height: auto; }
.equipmentSec02 ul li .equipmentSec02Tit{ font-size: 1.5rem; }

/* 会社概要 company */
#companySec{}
.companySec01{ margin-bottom: 80px; }
.companySec01Tit{ font-size: 2.5rem; font-weight: 900; margin-bottom: 30px; }
.companySec01Txt{ font-size: 1.8rem; line-height: 1.8; }
.companySec01Img{ float: right; padding: 0 0 0 30px; }
.companySec01Name{ text-align: right; font-size: 2rem; }
.companySec01Name span{ font-size: 1.6rem; color: #333; }

.companySec02{ margin-bottom: 80px; }
.companySec02 table{ width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; margin-bottom: 30px; }
.companySec02 table th{ width: 20%; font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
.companySec02 table td{ font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
.companySec02 ul{ display: flex; justify-content: space-between; }
.companySec02 ul li{ flex-basis: 48%; }
.companySec02 ul li img{ width: 100%; height: auto; border-radius: 10px; }

.companySec03{ margin-bottom: 80px; }
.companySec03Add{ margin-bottom: 20px; }
.companySec03Map{}

.companySec04{ margin-bottom: 80px; }
.companySec04Img{ margin-bottom: 20px; }
.companySec04Img img{ border-radius: 10px; }
.companySec04Txt{ font-size: 1.8rem; margin-bottom: 40px; }
.companySec04 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.companySec04 ul li{ flex-basis: 48%; margin-bottom: 40px; }
.companySec04 ul li h3{}
.companySec04 ul li .companySec04Img01{}
.companySec04 ul li .companySec04Img01 img{ width: 100%; height: auto; border-radius: 10px; }

.companySec05{ margin-bottom: 40px;}
.companySec05Txt01{ text-align: center; font-size: 2.3rem; font-family: ryo-display-plusn,serif; font-weight: 900; font-style: normal; }
.companySec05Txt02{  }
.companySec05Txt02 ul{ margin-left: 30px; }
.companySec05Txt02 ul li{ list-style-type: square; margin-bottom: 20px; font-size: 1.8rem; letter-spacing: 1px; }


/* お問い合わせ otoiawase */
#contactSec{ margin-bottom: 80px; }
#privacySec{ margin-bottom: 80px; }
.privacySecTxt{ font-size: 1.6rem; margin-bottom: 60px; }
.privacySecTxt ol{ margin: 10px 0 0 30px; }
.privacySecTxt ol li{ list-style-type: decimal; }



	

/* サイトマップ sitemap */
#sitemapSec{ margin-bottom: 100px; }
.sitemapSec01{}
.sitemapSec01 > ul{}
.sitemapSec01 > ul > li{ display: block; flex-basis: 65%; padding: 0 10px 0 30px; position: relative; font-size: 2.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 3em; }
.sitemapSec01 > ul > li:after{ display: block; content: ""; position: absolute; top: 24px; left: 0; width: 8px; height: 8px; background: #fff; border: 5px solid #02569b; border-radius: 100%; }
.sitemapSec01 > ul > li > ul{ margin: 0 0 10px 60px; }
.sitemapSec01 > ul > li > ul > li{ list-style-type: disc; font-size: 1.8rem; line-height: 2em; }





}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC WIDE CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:1420px){
/* ----------------------------------------------------------

	***** PCWIDE表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; height: 100%; }

/* 非表示用 */
.nonePCWIDE		{ display: none !important; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
/* トップページのみ */
#wrap-bg header{ position: absolute; ; top: 0; left: 0; }

header{ width: 1140px; background: #fff; display: flex; justify-content: space-between; align-items: center; z-index: 2; }
header #headerLogo{ flex-basis: 130px; text-align: center; }
header #headerLogo img{ width: 70%; height: auto; }
header #headerLogo a:hover{ opacity: 0.6; }
header #headerTit{ flex-basis: 160px; font-size: 2.8rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
header #headerTit span{ font-size: 2rem; }
header #headerTit a{ color: #333; }
header #headerTit a:hover{ opacity: 0.6; }
header #gNavi{ flex-basis: 520px; }
header #gNavi nav ul{ display: flex; justify-content: space-between; align-items: center; }
header #gNavi nav ul li{ flex-basis: 25%; text-align: center; background: #eee; }
header #gNavi nav ul li a{ display: block; font-size: 1.7rem; color: #333; text-align: center; padding: 30px 10px; background: #eee; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.5; }
header #gNavi nav ul li a span{ display: block; font-size: .8rem; font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
header #gNavi nav ul li a:hover{ background: #02569b; color: #fff; }
header #headerTel{ flex-basis: 200px; font-size: 3rem; text-align: center; font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
header #headerTel span{ display: block; font-size: 1.1rem; color: #999; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
header #headerBtn{ flex-basis: 100px; }
header #headerBtn a{ display: block; height: 100px; line-height: 100px; color: #fff; background: #1d977e; font-size: 3.5rem; text-align: center; }
header #headerBtn a:hover{ color: #1d977e; background: #eee; }

/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btmMenu { display: none; }

#footerMap{ position: relative; padding-bottom: 27%; padding-top: 30px; height: 0; overflow: hidden; }
#footerMap iframe,
#footerMap object,
#footerMap embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

footer{ background: #024175; }

footer #footer{ width: 1200px; margin: 0 auto 10px auto; display: flex; justify-content: space-between; border-bottom: 1px solid #fff; padding: 40px 0; }
footer .footerSec{ flex-basis: 35%; color: #fff; }
footer .footerSecLogo{ font-size: 3.5rem; letter-spacing: 1px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
footer .footerSecLogo span{ font-size: 2.5rem; margin-right: 5px; }
footer .footerSecLogo a{ color: #fff; }
footer .footerSecLogo a:hover{ opacity: 0.6; }
footer .footerSecAdd{ font-size: 1.4rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 20px; }
footer .footerSecBtn{ width: 200px; }
footer .footerSecBtn a{ display: block; font-size: 1.8rem; color: #fff; text-align: center; padding: 10px; border: 2px solid #fff; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
footer .footerSecBtn a i{ font-size: 1.8rem; margin-right: 10px; }
footer .footerSecBtn a:hover{ background: #fff; color: #024175; }
footer .footerSitemap{ flex-basis: 65%; display: flex; justify-content: space-between; }
footer .footerSitemap > ul:nth-child(1){ flex-basis: 53%; }
footer .footerSitemap > ul:nth-child(2){ flex-basis: 23%; }
footer .footerSitemap > ul:nth-child(3){ flex-basis: 23%; }

footer .footerSitemap > ul > li{ display: block; color: #fff; padding: 0 10px 0 30px; position: relative; font-size: 1.6rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 2em; letter-spacing: 2px; }
footer .footerSitemap > ul > li a{ color: #fff; }
footer .footerSitemap > ul > li a:hover{ opacity: 0.6; }
footer .footerSitemap > ul > li:after{ display: block; content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #024175; border: 4px solid #fff; border-radius: 100%; }
footer .footerSitemap > ul > li > ul{ margin: 0 0 10px 40px; }
footer .footerSitemap > ul > li > ul > li{ list-style-type: disc; font-size: 1.2rem; line-height: 1.8em; }


footer #footerCopyright{ color: #fff; text-align: center; font-size: .9rem; padding-bottom: 10px; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{}
#h1Wrap h1{ width: 1200px; margin: 0 auto; color: #fff; font-size: 6rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; padding: 80px 0; letter-spacing: 4px; line-height: 1.4; text-shadow: black 1px 1px 2px, black -1px 1px 2px,black 1px -1px 2px, black -1px -1px 2px; }
#h1Wrap h1 span{ display: block; font-size: 3rem; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 4px; }

.h1Reason{ background: url("../reason/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Works{ background: url("../works/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Equipment{ background: url("../equipment/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Company{ background: url("../company/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Otoiawase{ background: url("../otoiawase/images/h1.jpg") no-repeat center right; background-size: cover; }
.h1Sitemap{ background: url("../sitemap/images/h1.jpg") no-repeat center right; background-size: cover; }

h2{ font-size: 3.3rem; color: #007bbb; padding: 3px 20px; border: 3px solid #007bbb; margin-bottom: 50px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
h3{ font-size: 2.8rem; padding: 5px 0; border-bottom: 3px solid #333; position: relative; margin-bottom: 30px; }
h3:after{ position: absolute; content: ""; display: block; border-bottom: 2px solid #007bbb; bottom: -3px; width: 15%; }
h4{ font-size: 2rem; padding: 5px 20px; background: #eee; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }

/* ぱんくず */
#breadcrumbs{ background: #333; padding: 5px 0 8px 0; margin-bottom: 80px; }  
#breadcrumbs ol{ width: 1200px; margin: 0 auto; } 
#breadcrumbs ol li{ display: inline-block; position: relative; }
#breadcrumbs ol li:before{ content: ">"; display: block; position: absolute; top: .3em; left: 0px; color: #fff; font-size: 1.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#breadcrumbs ol li:first-child:before{ content: ""; }
#breadcrumbs ol li a{ color: #fff; font-size: 1.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 400; font-style: normal; margin: 0 0 0 15px; }
#breadcrumbs ol li:first-child a{ margin: 0 0 0 0; }
#breadcrumbs ol li a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
/* 背景動画 */
#wrap-bg{ position: relative; }
#wrap-bg video{ position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; background-size: cover; z-index: -1; }
#wrap-bg .topImgTxt{ position: absolute; top: 50%; left: 10%; /* transform: translate(-50%, -50%); */ }

/************** トップページ **************/
#topImg{ width: 100%; height: 100vh; position: relative; overflow: hidden; }
#topImg .topImgBg{ width: 100%; height: 100vh; background: transparent url("../images/bg_overlay01.png") center center repeat; }
#topImg .topImgTxt{ color: #fff; }
#topImg .topImgTxt01{ font-size: 3rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topImg .topImgTxt02{ font-size: 10rem; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt03{ font-size: 3.5rem; letter-spacing: 4px; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; }
#topImg .topImgTxt04{ font-size: 1.8rem; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }


#topReason{ background: url("../images/bg_img01.jpg") no-repeat center; background-size: cover; padding: 40px 0; }

#topReason{ margin-bottom: 40px; }
#topReason .topReasonSecTit{ font-size: 5.5rem; color: #fff; text-align: center; letter-spacing: 4px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
#topReason .topReasonSecTit span{ color: #fff; }
#topReason .topReasonSec01{ width: 1200px; margin: 0 auto; }
#topReason .topReasonSec01 > ul{ display: flex; justify-content: space-between; }
#topReason .topReasonSec01 > ul > li{ flex-basis: 24%; position: relative; background: #fff; padding: 30px 20px 20px 20px; box-shadow: 0 0 8px #999;; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num{ position: absolute; top: -25px; left: 10px; background: #1d977e; border-radius: 5px; width: 50px; height: 50px; text-align: center; line-height: 50px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Num span{ color: #fff; font-size: 4rem; text-shadow: 4px 4px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Tit{ font-size: 2.3rem; text-align: center; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img{ margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Img img{ width: 100%; height: auto; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Txt{ font-size: 1.3rem; margin-bottom: 10px; }
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{}
#topReason .topReasonSec01 > ul > li .topReasonSec01Btn{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topReason .topReasonSec01 > ul > li a div{ transition: .3s; }
#topReason .topReasonSec01 > ul > li a:hover div{ opacity: 0.6; transition: .3s; }
#topReason .topReasonSec01 > ul > li a:hover div.topReasonSec01Num{ opacity: 1; }


#topReason .topReasonSec01 > ul > li{ position: relative; transition: .3s; }
#topReason .topReasonSec01 > ul > li:hover{ box-shadow: 0px 0px 0px 5px #1d977e; }
#topReason .topReasonSec01 > ul > li:after{ position: absolute; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 5px; background: #1d977e; }

#topWorks{ position: relative; margin-bottom: 80px; }
#topWorks > ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topWorks > ul > li{ flex-basis: 33.33%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 50px 0; background-color: #999;}
#topWorks > ul > li:nth-child(3n){ border-right: 0px; }
#topWorks > ul > li.topWorksTit{ background: rgba(0,123,187,1);  }

/*
#topWorks > ul > li.topWorks01{ background: url("../images/bg_works01.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks02{ background: url("../images/bg_works02.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks03{ background: url("../images/bg_works03.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks04{ background: url("../images/bg_works04.jpg") no-repeat; background-size: cover; }
#topWorks > ul > li.topWorks05{ background: url("../images/bg_works05.jpg") no-repeat; background-size: cover; }
*/

#topWorks > ul > li .topWorksTit01{ font-size: 5.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; }
#topWorks > ul > li .topWorksTit01 span{ display: block; font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topWorks > ul > li .topWorksTxt01{ font-size: 1.4rem; color: #fff; text-align: center; letter-spacing: 2px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksTit02{ font-size: 4.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; text-align: center; line-height: 1.4; margin-bottom: 20px; }
#topWorks > ul > li .topWorksBtn{ width: 250px; margin: 0 auto; }
#topWorks > ul > li .topWorksBtn a{ display: block; color: #fff; font-size: 1.4rem; background: #02569b; border: 2px solid #02569b; text-align: center; padding: 5px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topWorks > ul > li .topWorksBtn a:hover{ background: #fff; color: #02569b; }


#topEquipment{ margin-bottom: 80px; }
#topEquipment .topEquipmentTit{ font-size: 5.5rem; text-align: center; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.4; margin-bottom: 20px; }
#topEquipment .topEquipmentTit span{ display: block; font-size: 2.5rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }

#topEquipment ul{ width: 1200px; margin: 0 auto 40px auto; display: flex; justify-content: space-between; }
#topEquipment ul li{ flex-basis: 32%; position: relative; }
#topEquipment ul li .topEquipmentTit01{ position: absolute; top: 0; left: 0; font-size: 1.3rem; color: #fff; background: #02569b; padding: 5px 15px; }
#topEquipment ul li .topEquipmentImg01{}
#topEquipment ul li .topEquipmentImg01 img{ width: 100%; height: auto; }

#topEquipment .topEquipmentBtn{ width: 320px; margin: 0 auto; }
#topEquipment .topEquipmentBtn a{ display: block; color: #02569b; font-size: 1.4rem; background: #fff; border: 2px solid #02569b; text-align: center; padding: 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; }
#topEquipment .topEquipmentBtn a:hover{ background: #02569b; color: #fff; }




#topBtn{ width: 100%; overflow: hidden; }
#topBtn ul{ display: flex; justify-content: space-between; }
#topBtn ul li{ flex-basis: 50%; position: relative; border-right: 1px solid #fff; }
#topBtn ul li:last-child{ border-right: none; }
#topBtn ul li .topSecTit{ text-align: center; z-index: 1; position: relative; }

#topBtn ul li .topSecTit01{ color: #fff; font-size: 2rem; letter-spacing: 2px; font-family: paralucent-stencil, sans-serif; font-weight: 500; font-style: normal; }
#topBtn ul li .topSecTit02{ font-size: 4.5rem; color: #fff; font-family: vdl-logona, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 20px; }
#topBtn ul li .topSecBtn01{ width: 150px; margin: 0 auto; }
#topBtn ul li .topSecBtn01{ display: block; font-size: 1.4rem; text-align: center; color: #fff; background: #1d977e; border-radius: 40px; border: 2px solid #1d977e; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
#topBtn ul li .topSecBtn01:hover{ background: #fff; color: #1d977e; }
#topBtn ul li a{ display: block; overflow: hidden; }

#topBtn ul li .topSecImg { position: relative; overflow: hidden; text-align: center; padding: 200px 0; }
#topBtn ul li.topSecImg01 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_greeting01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg02 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_profile01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg03 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_history01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#topBtn ul li.topSecImg04 .topSecImg:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../images/btn_staff01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#topBtn ul li .topSecImg:hover:after {
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#topBtn ul li .topSecImg:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }

/* セカンドページ */
#contents{ width: 1120px; margin: 0 auto; }

/* ページ内ナビ　2つ */
.contentsNav02{ width: 750px; margin: 0 auto 60px auto; }
.contentsNav02 > ul{ display: flex; justify-content: space-between; }
.contentsNav02 > ul > li{ flex-basis: 48%; }
.contentsNav02 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav02 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　3つ */
.contentsNav03{ width: 1120px; margin: 0 auto 60px auto; }
.contentsNav03 > ul{ display: flex; justify-content: space-between; }
.contentsNav03 > ul > li{ flex-basis: 25%; }
.contentsNav03 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav03 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　4つ */
.contentsNav04{ width: 1120px; margin: 0 auto 60px auto; }
.contentsNav04 > ul{ display: flex; justify-content: space-between; }
.contentsNav04 > ul > li{ flex-basis: 18%; }
.contentsNav04 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav04 > ul > li a:hover{ background: #1d977e; color: #fff; }

/* ページ内ナビ　5つ */
.contentsNav05{ width: 1040px; margin: 0 auto 60px auto; }
.contentsNav05 > ul{ display: flex; justify-content: space-between; }
.contentsNav05 > ul > li{ flex-basis: 18%; }
.contentsNav05 > ul > li a{ display: block; font-size: 1.8rem; color: #1d977e; text-align: center; border: 2px solid #1d977e; padding: 5px 10px; border-radius: 5px; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; }
.contentsNav05 > ul > li a:hover{ background: #1d977e; color: #fff; }


/* 選ばれる理由 reason */
#reasonSec{}
.reasonSec01,
.reasonSec02{margin: 0 auto 60px; width: 90%; max-width: 1200px;}
.reasonSec01 > ul{ display: flex; background: #02569b; border-radius: 15px; }
.reasonSec01 > ul > li:nth-child(1){ flex-basis: 100%; padding: 80px; }
.reasonSec01 > ul > li:nth-child(2){ flex-basis: 55%; }

.reasonSec01 > ul > li .reasonSec01Num{ display: inline-block; background: #1d977e; border-radius: 5px; width: 70px; height: 70px; text-align: center; line-height: 70px; margin-right: 20px; }
.reasonSec01 > ul > li .reasonSec01Num span{ color: #fff; font-size: 6rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec01 > ul > li .reasonSec01Tit{ display: inline-block; font-size: 3.5rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; margin-bottom: 20px; vertical-align: middle; }
.reasonSec01 > ul > li .reasonSec01Tit span{ }
.reasonSec01 > ul > li .reasonSec01Txt{ font-size: 1.6rem; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.reasonSec01 > ul > li .reasonSec01Img{ }
.reasonSec01 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec01Flow{ width: 1120px; margin: 60px auto; }
.reasonSec01Flow > ul{ display: flex; justify-content: space-around; }
.reasonSec01Flow > ul > li{ flex-basis: 16%; }
.reasonSec01Flow > ul > li img{ width: 100%; height: auto; }
.reasonSec01Flow > ul > li.arrow{ flex-basis: 3%; text-align: center; font-size: 2rem; padding-top: 60px; }
.reasonSec01Flow > ul > li.arrow span{ display: block; color: rgba(0,123,187,1); transform: rotate(90deg); }
.reasonSec01Flow > ul > li.arrow span:nth-child(1),
.reasonSec01Flow > ul > li.arrow span:nth-child(3){ color: rgba(0,123,187,0.4); }

.reasonSec01Detail{ width: 1200px; margin: 0 auto 80px auto; padding-bottom: 80px; border-bottom: 2px solid #999; }
.reasonSec01Detail > ul{ display: flex; justify-content: space-around; }
.reasonSec01Detail > ul > li{ flex-basis: 47%; background: #eee; border-radius: 10px; padding: 40px;  }
.reasonSec01Detail > ul > li .reasonSec01DetailTit{ width: 140px; font-size: 2rem; color: #fff; background: #02569b; text-align: center; padding: 3px 20px; border-radius: 40px; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; }
.reasonSec01Detail > ul > li .reasonSec01DetailTxt{ font-size: 1.8rem; font-weight: 700; }


.reasonSec02 > ul{ display: flex; flex-direction: row-reverse; background: #02569b; border-radius: 15px; }
.reasonSec02 > ul > li:nth-child(1){ flex-basis: 100%; padding: 80px; }
.reasonSec02 > ul > li:nth-child(2){ flex-basis: 55%; }

.reasonSec02 > ul > li .reasonSec01Num{ display: inline-block; background: #1d977e; border-radius: 5px; width: 70px; height: 70px; text-align: center; line-height: 70px; margin-right: 20px; }
.reasonSec02 > ul > li .reasonSec01Num span{ color: #fff; font-size: 6rem; text-shadow: 5px 5px rgba(102,102,102,0.3); font-family: neuzeit-grotesk, sans-serif; font-weight: 700; font-style: normal; }

.reasonSec02 > ul > li .reasonSec01Tit{ display: inline-block; font-size: 3.5rem; color: #fff; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; line-height: 1.4; margin-bottom: 20px; vertical-align: middle; }
.reasonSec02 > ul > li .reasonSec01Tit span{ }
.reasonSec02 > ul > li .reasonSec01Txt{ font-size: 1.6rem; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.reasonSec02 > ul > li .reasonSec01Img{ }
.reasonSec02 > ul > li .reasonSec01Img img{ width: 100%; height: auto; }

.reasonSec02Detail{ width: 1200px; margin: 0 auto 80px auto; padding-bottom: 80px; border-bottom: 2px solid #999; }
.reasonSec02Detail > ul{ display: flex; justify-content: space-around; }
.reasonSec02Detail > ul > li{ flex-basis: 31%; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit{ font-size: 3rem; font-family: tbudgothic-std, sans-serif; font-weight: 900; font-style: normal; letter-spacing: 2px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTit span{ display: inline-block; vertical-align: super; margin-right: 15px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg{ margin-bottom: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailImg img{ width: 100%; height: auto; border-radius: 10px; }
.reasonSec02Detail > ul > li .reasonSec02DetailTxt{ font-size: 1.3rem; line-height: 1.6; }

.reasonSec01Btm{ width: 1200px; margin: 0 auto 80px auto; padding-bottom: 80px; border-bottom: 2px solid #999;  }

/* 業務内容 works */
#worksSec{}
.worksSec01{ margin-bottom: 60px; }
.worksSec01 ul{ display: flex; justify-content: space-between; }
.worksSec01 ul li{ flex-basis: 100%; }
.worksSec01 ul li .worksSec01Txt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 2.8; }
.worksSec01 ul li .worksSec01Img{ }
.worksSec01 ul li .worksSec01Img img{ width: 100%; height: auto; border-radius: 10px; }

.worksSec02{ margin-bottom: 100px; }
.worksSec02 ul{ display: flex; justify-content: space-between; }
.worksSec02 ul li{  }
.worksSec02 ul li:nth-child(1){ flex-basis: 53%; }
.worksSec02 ul li:nth-child(2){ flex-basis: 35%; }
.worksSec02 ul li .worksSec02Img01 img{ width: 100%; height: auto; }
.worksSec02 ul li .worksSec02Img02 img{ width: 100%; height: auto; }

.worksSec03{ margin-bottom: 100px; }
.worksSec03Txt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 30px; }
.worksSec03Img{ }
.worksSec03Img ul{ display: flex; justify-content: space-between; }
.worksSec03Img ul li{ flex-basis: 48%; }
.worksSec03Img ul li img{ width: 100%; height: auto; border-radius: 10px; }



/* 設備概要 equipment */
#equipmentSec{}
.equipmentSec01{ margin-bottom: 60px; }
.equipmentSec01 table{ width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.equipmentSec01 table th{ font-size: 15px; padding: 10px; background: #eee; border-bottom: 1px solid #aaa; text-align: left; }
.equipmentSec01 table th:nth-child(1){ width: 5%; }
.equipmentSec01 table th:nth-child(2){ width: 20%; }
.equipmentSec01 table th:nth-child(3){ width: 20%; }
.equipmentSec01 table th:nth-child(4){ width: 25%; }
.equipmentSec01 table th:nth-child(5){ width: 15%; }
.equipmentSec01 table th:nth-child(6){ width: 5%; text-align: center; }
.equipmentSec01 table td{ font-size: 15px; padding: 10px; border-bottom: 1px dashed #ccc; }
.equipmentSec01 table td:nth-child(6){ text-align: center; }
.equipmentSec01 table tr:last-child{ border-bottom: 1px solid #ccc; }

.equipmentSec02{ margin-bottom: 60px; }
.equipmentSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.equipmentSec02 ul li{ flex-basis: 32%; margin-bottom: 30px; }
.equipmentSec02 ul li .equipmentSec02Img{ margin-bottom: 5px; }
.equipmentSec02 ul li .equipmentSec02Img img{ width: 100%; height: auto; }
.equipmentSec02 ul li .equipmentSec02Tit{ font-size: 1.5rem; }

/* 会社概要 company */
#companySec{}
.companySec01{ margin-bottom: 80px; }
.companySec01Tit{ font-size: 2.5rem; font-weight: 900; margin-bottom: 30px; }
.companySec01Txt{ font-size: 1.8rem; line-height: 1.8; }
.companySec01Txt span{ color: #f00; }
.companySec01Img{ float: right; padding: 0 0 0 30px; }
.companySec01Name{ text-align: right; font-size: 2rem; }
.companySec01Name span{ font-size: 1.6rem; color: #333; }

.companySec02{ margin-bottom: 80px; }
.companySec02 table{ width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; margin-bottom: 30px; }
.companySec02 table th{ width: 20%; font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
.companySec02 table td{ font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
.companySec02 ul{ display: flex; justify-content: space-between; }
.companySec02 ul li{ flex-basis: 48%; }
.companySec02 ul li img{ width: 100%; height: auto; border-radius: 10px; }

.companySec03{ margin-bottom: 80px; }
.companySec03Add{ margin-bottom: 20px; }
.companySec03Map{}

.companySec04{ margin-bottom: 80px; }
.companySec04Img{ margin-bottom: 20px; }
.companySec04Img img{ border-radius: 10px; }
.companySec04Txt{ font-size: 1.8rem; margin-bottom: 40px; }
.companySec04 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.companySec04 ul li{ flex-basis: 48%; margin-bottom: 40px; }
.companySec04 ul li h3{}
.companySec04 ul li .companySec04Img01{}
.companySec04 ul li .companySec04Img01 img{ width: 100%; height: auto; border-radius: 10px; }

.companySec05{ margin-bottom: 40px;}
.companySec05Txt01{ text-align: center; font-size: 2.3rem; font-family: ryo-display-plusn,serif; font-weight: 900; font-style: normal; }
.companySec05Txt02{  }
.companySec05Txt02 ul{ margin-left: 30px; }
.companySec05Txt02 ul li{ list-style-type: square; margin-bottom: 20px; font-size: 1.8rem; letter-spacing: 1px; }




/* お問い合わせ otoiawase */
#contactSec{ margin-bottom: 80px; }
#privacySec{ margin-bottom: 80px; }
.privacySecTxt{ font-size: 1.6rem; margin-bottom: 60px; }
.privacySecTxt ol{ margin: 10px 0 0 30px; }
.privacySecTxt ol li{ list-style-type: decimal; }



	

/* サイトマップ sitemap */
#sitemapSec{ margin-bottom: 100px; }
.sitemapSec01{}
.sitemapSec01 > ul{}
.sitemapSec01 > ul > li{ display: block; flex-basis: 65%; padding: 0 10px 0 30px; position: relative; font-size: 2.3rem; font-family: tbudgothic-std, sans-serif; font-weight: 700; font-style: normal; line-height: 3em; }
.sitemapSec01 > ul > li:after{ display: block; content: ""; position: absolute; top: 24px; left: 0; width: 8px; height: 8px; background: #fff; border: 5px solid #02569b; border-radius: 100%; }
.sitemapSec01 > ul > li > ul{ margin: 0 0 10px 60px; }
.sitemapSec01 > ul > li > ul > li{ list-style-type: disc; font-size: 1.8rem; line-height: 2em; }



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PCWIDE CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */