@charset "UTF-8";


/**************************************************************************************************

IE11のときはメイリオ

**************************************************************************************************/

@media all and (-ms-high-contrast:none) {

body{
 font-family: "メイリオ", Meiryo, sans-serif !important;
}
}



/**************************************************************************************************

WRAPPER

**************************************************************************************************/

#wrapper{
	margin:96px auto 0 auto;
	width:100%;
}


/**************************************************************************************************

HEADER

**************************************************************************************************/
header{
  z-index: 10001;
    width: 100%;
margin: 0 auto;
padding:0 0 0 3%;
background:#003368;
height:96px;
/*** ↓固定設定↓ ***/
position: fixed;
top: 0;
  -webkit-transition: all 0.25s ease-in-out;
ransition: all 0.25s ease-in-out; /* 滑らかな変化を設定 */
}

.is-animation{
    width: 100%;
padding:0 0 0 2%;
top: -35px;
height:96px;
  -webkit-transition: all 0.25s ease-in-out;
ransition: all 0.25s ease-in-out; /* 滑らかな変化を設定 */
}


/**************************************************************************************************

ロゴ

**************************************************************************************************/


.logo{
z-index:15;
position:absolute;
display:block;
top:25px;
  -webkit-transition: all 0.25s ease-in-out;
ransition: all 0.25s ease-in-out; /* 滑らかな変化を設定 */
}

.is_scroll .logo {
top:44px;
  -webkit-transition: all 0.25s ease-in-out;
ransition: all 0.25s ease-in-out; /* 滑らかな変化を設定 */

}


.logo img{
z-index:15;
 height:55px;
 max-width: none;
 -webkit-transition: all 0.25s ease-in-out;
ransition: all 0.25s ease-in-out; /* 滑らかな変化を設定 */
}

.is_scroll .logo img {
  height:45px;
  -webkit-transition: all 0.25s ease-in-out;
ransition: all 0.25s ease-in-out; /* 滑らかな変化を設定 */
}


.logo a{
	opacity:1.0;

}



.logo .visited a, {
	opacity:1.0;
}


.logo a:hover {

	opacity:.7;
}

.logo a:active {

	opacity:.7;
}



/**************************************************************************************************

PC ヘッダーメニュー

**************************************************************************************************/

#headerMenuBox{
display:block;
    position: absolute;
z-index:10;

top:0;
right:0;
padding:0 0 0 0;
text-align:right;
width:100%;
}

#mddNav ul {
margin:0 0 0 0;
}

#mddNav ul li{
display:inline-block;
}


#mddNav ul li:last-child{
margin:0 0 0 0;
}

#mddNav ul li a:link {
	color:#fff;
	text-decoration: none;

}
#mddNav ul li a:visited {
	color:#fff;
}
#mddNav ul li a:hover {
	color:#fff;
}
#mddNav ul li a:active {
	color:#fff;
}

/*** スマホ用のヘッダーは非表示 ***/
.header {
display:none;
}


/*** ボタン ***/
#headerMenuBox ul {
display:block;
    position: absolute;
z-index:10;
top:0;
right:40px;

}

#headerMenuBox ul li{
display:inline-block;
}

#headerMenuBox .btn a{
	font-size:13px;
	vertical-align:middle;
	text-align:center;
	color:#000;
	line-height:1.5em;
	text-decoration: none;
	display: block;
	padding:15px 0 0 0;
margin:0;
 position:relative;
}


#headerMenuBox .btn .visited a, {
	font-size:15px;
	color:#000;
}


#headerMenuBox .btn a:hover {
	color:#1a9ede;
}

#headerMenuBox .btn a:active {
	color:#1a9ede;
}

#headerMenuBox .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
 font-size: 0.6em;
position:absolute;
font-weight: 900;
color:#969696;
left:-10px;
}


/**************************************************************************************************
言語切り替えボタン
**************************************************************************************************/

.menu {
    position: relative;

text-align:center;
    margin: 0 auto;
    z-index: 20;
}

.menu > li {
    float: right;
width:100px;
    height:40px;
    line-height: 40px;
margin:7px 25px 0 0;

}

.menu > li.menu__single a {
    display: block;
    color: #fff;
font-size:12px;
text-decoration:none;
}

.menu > li.menu__single a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}


.menu > li.menu__single.:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}


.menu > ul.menu__second-level li a {
    display: block;
    color: #333;
font-size:13px;
text-decoration:none;
}



/* 下矢印 */
.init-bottom:before {
font-family: "Font Awesome 5 Free";
content:'\f0ac';
display: inline-block;
color:#fff;
font-size:90%;
font-weight:700;
margin:0 5px 0 0;
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}


.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;

    width: 100%;
    background: #002248;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 40px;
    visibility: visible;
    opacity: 1;
}



/**************************************************************************************************
ここからマウスオーバーナビ処理 
**************************************************************************************************/
#mddNav {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 10;
}
 
#mddNav > ul {
margin:25px 0 0 0;
}
 

 
#mddNav > ul > li > a {
display:inline-block;
font-size:16px;
height:40px;
padding:32px 0 0 0;
line-height:1.2em;
font-weight:700;
margin:0 30px 0 0;
    transition: all 0.2s linear;
}
 

#mddNav > ul > li:last-child > a {
margin:0;
}
 
#mddNav > ul > li .visited a, {
	text-decoration: none;
	color:#fff;
		text-decoration: none;
}

#mddNav > ul > li a:hover {
	text-decoration: none;
	opacity:1.0;
    color:#1a9ede;
}

#mddNav > ul > li a:active {
	text-decoration: none;
	color:#fff;
    color:#1a9ede;
}


.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0.4em;
  height: 0.4em;
  border: 0.15em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
margin:-2px 0 0 8px;
}


 
#mddNav .mddWrap {
    top: 71px;
    left: 0;
    width: 100%;
    height:auto;
    padding-bottom:30px;
    text-align: center;
    background: #fff;
	 	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.1);
box-shadow:0 1px 8px rgba(0,0,0,0.1);
    position: absolute;
    z-index: 10;
    overflow: hidden;
    display: none;

}
 


 
/* ------------------------------
   Clearfix Elements
------------------------------ */
#mddNav > ul:after {
    content: " ";
    display: block;
    clear: both;
}



.disnone{
display:none!important
}

.pcClass{
display:block
}



/**************************************************************************************************

PANKUZU

**************************************************************************************************/

#pankuzuArea {
	width: 100%;
}



#pankuzuBox {
min-width:1000px;
max-width:1200px;
	margin:0 auto;
	text-align:left;
	color:#000;
	padding:40px 0 0 0;
	font-size:13px;
	color:#333;
	line-height:1.2em;
	letter-spacing:.3px;
}


#pankuzuBox span{
color:#000;
padding:0 7px;
}



    
#pankuzuBox a{
    color:#000;
    text-decoration:none;
    }
  
 

#pankuzuBox a:visited{
    color:#000;
    text-decoration:none;
}

#pankuzuBox a:hover{
    color:#1a9ede;
    text-decoration:none;
}



#pankuzuBox a.active{
    color:#1a9ede;
    text-decoration:none;
}


#pankuzuArea img{
width:16px;
height:16px;
}




/**************************************************************************************************

ページ内アンカーリンク

**************************************************************************************************/

#comPageLinkBox {
	width:980px;
	background:#fff;
	margin:0 auto 100px auto;
}


#comPageLinkBox ul {
margin:0 auto;
text-align:center;
}

#comPageLinkBox ul li{
font-size:15px;
line-height:1.5em;
position:relative;
display:inline-block;
margin:0 0 10px 0;
padding:0 0 0 0;
color:#000;
}

#comPageLinkBox ul li:nth-child(even){
font-size:13px;
display:inline-block;
color:#004b94;
margin:0 30px;
}

#comPageLinkBox ul li:last-child{
font-size:16px;
line-height:1.5em;
position:relative;
display:inline-block;
margin:0 0 10px 0;
padding:0 0 0 0;
color:#000;
}




#comPageLinkBox ul li a{
color:#004b94;
    text-decoration:none;
}


#comPageLinkBox ul li a:visited{
color:#004b94;
    text-decoration:none;
}

#comPageLinkBox ul li a:hover{
  	opacity:0.8;
	filter: alpha(opacity=80);
}



#comPageLinkBox ul li a.active{
  	opacity:0.8;
	filter: alpha(opacity=80);
}


#comPageLinkBox ul li i{
margin:0 7px 0 0;
}



/**************************************************************************************************

コンテンツBOX

**************************************************************************************************/
.contentsBox{
width:100%;
margin:50px auto 100px auto;
}

.contentsBox p {
font-size:16px;
line-height:2.13em;

}

.box1200{
max-width:1200px;
min-width:1000px;
margin:0 auto;
}

.box1000{
width:1000px;
margin:0 auto;
}



/**************************************************************************************************

MAINBOX

**************************************************************************************************/

#mainBox {
	width:73%;
	float:left;
}



/**************************************************************************************************

SUBBOX

**************************************************************************************************/

#subBox {
width:24%;
	padding:0;
margin:0;
float:right;
}


.sideArchiveTtl{
font-size:15px;
font-weight:bold;
line-height:1.5em;
color:#fff;
padding:12px 0 11px 20px;
background:#002d5c;

}




.sideArchiveBox{
background:#fff;
border:solid 1px #cfcfcf;
border-top:solid 0px #cfcfcf;
margin:0 0 20px 0;
}

.sideArchiveBoxInner{
padding:0 10px 0 10px;
}

.sideArchiveListBox ul li a{
display:block;
border-bottom:dotted 1px #ccc;
padding:10px 0 10px 6px;
font-size:15px;
line-height:1.4em;
color:#000;
margin:0;
text-decoration: none;
}


.sideArchiveListBox ul li .visited a, {
	opacity:1.0;
text-decoration: none;
}


.sideArchiveListBox ul li a:hover {
	opacity:.8;
text-decoration: none;
}

.sideArchiveListBox ul li a:active {
	opacity:.8;
text-decoration: none;
}


.sideArchiveListBox ul li:last-child a{
border-bottom:dotted 0px #ccc;
color:#000;
text-decoration: none;
}


.sideArchiveListBox .widget .title{
display:none;
}


.sideArchiveListBox p{
padding:10px 0;
font-size:16px;
color:#000;
}


.sideSpNone{
display:block;
}



/**************************************************************************************************

画像角丸

**************************************************************************************************/
.imgBorderRadius {
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.imgmaru {
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}




/**************************************************************************************************

H1：第2階層共通

**************************************************************************************************/
.comH1Box{
color:#000;
font-weight:900;
line-height:1.5em;
margin:0 0 0 0;
position:relative;
}

.comH1Box .ttl{
position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
padding:20px 50px 20px 50px;
}


.comH1Box .roman{
font-size:14px;
color:#fff;
letter-spacing:2.0px;
font-weight:900;
text-align:center;
line-height:1.2em;
}


.comH1Box h1{
font-size:40px;
color:#fff;
font-weight:900;
text-align:center;
line-height:1.5em;
letter-spacing:2.0px;
margin:10px 0 0 0;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.comH1Box img{
width: 100%;
height:260px;
  object-fit: cover;
}


/*** ノーマル（背景グレー） ***/
.subtitle h1{
color:#000;
width:100%;
background:#f0f0f0;
font-size:34px;
text-align:center;
font-weight:700;
letter-spacing:2.0px;
line-height:1.4em;
margin:0;
padding:40px 0;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}



/**************************************************************************************************

h2：共通

**************************************************************************************************/


.subtitle h2{
font-size:26px;
font-weight:bold;
margin:120px 0 50px 0;
color:#000;
letter-spacing:2.0px;
text-align:center;
position:relative;
}

 .subtitle h2.upper{
font-size:26px;
font-weight:bold;
margin:0 0 50px 0;
color:#000;
letter-spacing:2.0px;
text-align:center;
position:relative;
}


.subtitle h2:before, .subtitle h2.upper:before{
position:absolute;
width:30px;
height:2px;
background:#0e4d8f;
font-weight: 900;
bottom:-20px;
content: "";
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
transform: translateX(-50%);
}

 .subtitle h2.upperW{
font-size:26px;
font-weight:bold;
margin:0 0 80px 0;
color:#fff;
letter-spacing:2.0px;
text-align:center;
position:relative;
}


.subtitle h2.upperW:before{
position:absolute;
width:30px;
height:2px;
background:#fff;
font-weight: 900;
bottom:-20px;
content: "";
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
transform: translateX(-50%);
}


/*** プライバシーポリシー ***/
 .subpage h2{
font-size:20px;
line-height:1.6em;
font-weight:bold;
color:#000;
margin:80px 0 20px 0;

}

 .subpage h2.upper{
font-size:20px;
line-height:1.6em;
font-weight:bold;
color:#000;
margin:0 0 20px 0;

}





/**************************************************************************************************

h3：共通

**************************************************************************************************/

 .subtitle h3.upper{
  background:#f5f0ed;
font-size:24px;
font-weight:bold;
border-left:solid 3px #003367;
border-bottom:solid 1px #ccc;
margin:40px 0 20px 0;
letter-spacing:2.0px;
padding:14px 0 13px 20px;
color:#000;
border-radius: 0px;         /* CSS3 */
	-moz-border-radius: 0px;    /* Firefox */
	-webkit-border-radius: 0px;
}


 .subtitle h3{
  background:#f5f0ed;
font-size:24px;
font-weight:bold;
border-left:solid 3px #003367;
border-bottom:solid 1px #ccc;
margin:80px 0 20px 0;
letter-spacing:2.0px;
padding:14px 0 13px 20px;
color:#000;
border-radius: 0px;         /* CSS3 */
	-moz-border-radius: 0px;    /* Firefox */
	-webkit-border-radius: 0px;
}

/*** プライバシーポリシー ***/
.subtitle2 h3.subpage{
font-size:18px;
font-weight:bold;
margin:30px 0 15px 0;
color:#000;
line-height:1.5em;
}


/**************************************************************************************************

h4：共通

**************************************************************************************************/
.subtitle h4{
font-size:20px;
font-weight:bold;
margin:50px 0 15px 0;
color:#000;
line-height:1.5em;
}


.subtitle h4.upper{
font-size:20px;
font-weight:bold;
margin:0 0 15px 0;
color:#000;
line-height:1.5em;
}

.subtitle h4 span{
font-size:16px;
font-weight:bold;
margin:0 7px 0 0;

color:#0056a2;
}





/**************************************************************************************************

TOPキービジュアル

**************************************************************************************************/
/* Main */

.wrap {
  overflow: hidden;
  position: relative;
}
.wrap::before {
  animation: displayImg 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation-delay:0.5s;

  background: #fff;
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 31;
}
@keyframes displayImg {
  100% {
    transform: translateX(100%);
  }
}


/*** スマホは非表示 ***/
#keyVisualSp{
display:none;
}

#keyVisualPc{
display:block;
min-width:1000px;
height:100%;
margin:0 auto;
position:relative;

}


#keyVisualPc .keyBox{
background-color: rgba(255,255,255,0.8);
width:715px;
height:280px;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
          transform: translate(-50%, -50%);

position:absolute;
margin:0 auto;
z-index:21;
}

#keyVisualPc .roman{
color:#003265;
font-size:15px;
width:100%;
font-weight:700;
position:absolute;
letter-spacing:1.5px;
text-align:center;
line-height:1.2em;
top:17%;
left:50%;
text-shadow: 1px 1px 0px #fff;

-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
	  text-shadow: 1px 1px 0px #fff;
}

#keyVisualPc .catch{
color:#000;
font-size:26px;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
padding:0 40px;
width:100%;
font-weight:700;
color:#000;
position:absolute;
text-shadow: 1px 1px 0px #fff;
text-align:center;
line-height:1.6em;
top:30%;
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
	  text-shadow: 1px 1px 0px #fff;
}


.swiper-container{
z-index:10;
}

@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.10);
      transform: scale(1.10);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.10);
      transform: scale(1.10);
  }
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-img {
min-width:1000px;
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
  height:600px; 

}




/**************************************************************************************************

TOPキャッチ

**************************************************************************************************/

.topH2Catch{
text-align:center;
line-height:1.6em;
font-size:30px;
font-weight:700;
color:#003367;
margin:30px 0 0 0;
letter-spacing:1.6px;
}

/**************************************************************************************************

TOP動画バナー

**************************************************************************************************/

.topban{
text-align:center;
margin:30px 0 0 0;
}


/**************************************************************************************************

TOPH2共通

**************************************************************************************************/

.topH2Roman{
text-align:center;
line-height:1.2em;
font-size:13px;
font-weight:normal;
color:#003367;
letter-spacing:2.0px;
}

h2.topH2{
text-align:center;
margin:10px 0 35px 0;
line-height:1.2em;
font-size:36px;
font-weight:normal;
color:#000;
letter-spacing:2.0px;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

h2.topH2Recruit{
text-align:center;
margin:10px 0 0 0;
line-height:1.2em;
font-size:36px;
font-weight:normal;
color:#000;
letter-spacing:2.0px;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

h2.topH2S{
text-align:center;
margin:10px 0 35px 0;
line-height:1.2em;
font-size:30px;
font-weight:normal;
color:#000;
letter-spacing:2.0px;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}


/**************************************************************************************************

動画エリア

**************************************************************************************************/

.movieBox {
width:900px;
margin:20px auto 0 auto;
text-align:center;
padding:0;
}

.movieBox .youtube{
margin:0 auto;
width:900px;
height:500px;
text-align:center;
padding:0;
}

.movieBox h2.upper{
font-size:20x;
font-weight:bold;
text-align:left;
margin:0 0 15px 0;
color:#000;
line-height:1.5em;
}

.movieBox h2{
font-size:20px;
font-weight:bold;
text-align:left;
margin:80px 0 15px 0;
color:#000;
line-height:1.5em;
}


/**************************************************************************************************

TOP施工実績

**************************************************************************************************/

#topWorksArea{
max-width:1200px;
min-width:1000px;
display:block;
margin:0 auto;
padding:0 0 60px 0;
background:#fff;
}

#topWorksArea ul {
width:100%;
margin:30px auto 0 auto;
}

#topWorksArea ul li{
aspect-ratio: 4 / 3;
width:30%;
display:inline-block;
vertical-align:top;
margin:0 0 0 3.5%;
}

#topWorksArea ul li:nth-child(1){
width:31%;
display:inline-block;
vertical-align:top;
margin:0 3.5% 0 0;
}

#topWorksArea ul li:nth-child(2){
width:31%;
display:inline-block;
vertical-align:top;
margin:0 0 0 0;
}

#topWorksArea ul li:nth-child(3){
width:31%;
display:inline-block;
vertical-align:top;
margin:0 0 0 3.5%;
}



#topWorksArea ul li p{
display:inline-block;
margin:5px 0 0 0;
}

#topWorksArea ul li p span{
color:#004b95;
background:#fff;
border:solid 1px #004b95;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 0;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

#topWorksArea ul li p.day{
text-align:left;
color:#969696;
font-size:11px;
margin:0 10px 0 0;
}

#topWorksArea ul li p span.frame{
color:#fff;
background:#2d96a5;
border:solid 1px #2d96a5;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 5px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

#topWorksArea ul li p span.tent{
color:#fff;
background:#ce5e76;
border:solid 1px #ce5e76;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 5px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}


#topWorksArea ul li p span.other{
color:#fff;
background:#3c5ec2;
border:solid 1px #3c5ec2;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 5px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}


#topWorksArea ul li h3 {
font-size:17px;
line-height:1.5em;
text-align:left;
margin:5px 0 0 0;
}

#topWorksArea ul li h3 span{
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
	background:#fa0000;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:2px 4px;
	margin:0 5px 0 0;
}

#topWorksArea ul li img{
width:100%;
height:100%;
}


#topWorksArea .btn a{
width:300px;
	font-size:15px;
	text-align:center;
	color:#002248;
	text-decoration: none;
border:solid 1px #002248;
margin:50px auto 0 auto;
	display: block;
	padding:16px 0;
	position:relative;
background:#fff;
}

#topWorksArea .btn .visited a, {
background:#fff;
}


#topWorksArea .btn a:hover {
background:#002248;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

#topWorksArea .btn a:active {
color:#fff;
background:#002248;
	opacity:1.0;
	filter: alpha(opacity=100);
}

#topWorksArea .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#002248;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

#topWorksArea .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}




/**************************************************************************************************

TOP事業案内

**************************************************************************************************/
#topServiceArea{
margin:0 auto;
width:100%;
background:#fff;
background: linear-gradient(#e8f8ff, #fff);
padding:65px 0 100px 0;
position:relative;
}

#topServiceArea .serviceImg{
position:absolute;
top:-30px;
left:0;
z-index:1;
}



#topServiceArea .imgBox {
max-width:1100px;
min-width:1000px;
margin:0 0 0 0;
float:right;
position:relative;
z-index:3;
}


#topServiceArea h2 {
font-size:34px;
color:#002248;
line-height:1.4em;
text-shadow: 1px 1px 0px #fff;
margin:0 0 20px 3%;
}

#topServiceArea p.serviceTxt {
font-size:20px;
line-height:1.6em;
text-align:left;
margin:10px 3% 0 3%;
}



#topServiceArea ul {
max-width:1024px;
min-width:1000px;
margin:30px auto 0 auto;
}

#topServiceArea ul li{
width:30%;
display:inline-block;
vertical-align:top;
margin:0 0 0 2%;
}

#topServiceArea ul li img{
width:100%;
outline:solid 1px #fff;
}

#topServiceArea ul li:nth-child(1){
width:30%;
display:inline-block;
vertical-align:top;
margin:0 0 0 3%;
}

#topServiceArea ul li:nth-child(2){
width:30%;
display:inline-block;
vertical-align:top;
margin:0 0 0 2%;
}

#topServiceArea ul li:nth-child(3){
width:30%;
display:inline-block;
vertical-align:top;
margin:0 3% 0 2%;
}




#topServiceArea ul li h3 {
font-size:20px;
color:#002248;
margin:15px 0 5px 0;
text-align:left;
line-height:1.2em;
padding:0 0 0 24px;
position:relative;
}

#topServiceArea ul li h3 a:after{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
font-weight: 900;
font-size:75%;
top:50%;
left:0;
color:#004b94;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}
#topServiceArea ul li p{
font-size:14px;
margin:10px 0 0 0;
line-height:1.6em;
text-align:left;
}





/**************************************************************************************************

TOPお知らせ

**************************************************************************************************/
#topNewsBox{
margin:0 auto;
width:100%;
padding:50px 0 50px 0;

}


#topNewsBox dl{
padding:0 0 20px 0;
margin:0 auto 20px auto;
border-bottom:dotted 1px #ccc;
width:980px;
}

#topNewsBox dt{
width:90px;
text-align:center;
font-size:16px;
padding:4px 0;
line-height:1.4em;
color:#555;
display:inline-block;
vertical-align:middle;
}



#topNewsBox dd{
width:840px;
font-size:16px;
line-height:1.4em;
padding:5px 0;
margin:0 0 0 30px;

display:inline-block;
vertical-align:middle;
}



/**************************************************************************************************

共通：スタッフ紹介とご希望の連絡方法

**************************************************************************************************/
.comRenrakuArea{
width:100%;
height:auto;
display:block;
background:#f7f4f1;
padding:60px 0 60px 0;
}

.comRenrakuBox{
min-width:1000px;
max-width:1200px;
margin:0 auto;

}

.comRenrakuBox .comRenrakuToolBox h3{
font-size:28px;
line-height:1.4em;
font-weight:normal;
margin:0 0 0 0;
text-align:center;
}


.comRenrakuBox .comRenrakuToolBox p{
text-align:center;
font-size:15px;
margin:40px 0 0 0;
}



.comRenrakuBox .comRenrakuToolBox ul {
width:100%;
margin:35px auto;
}

.comRenrakuBox .comRenrakuToolBox ul li {
width:23.5%;
display:inline-block;
margin:0 2% 0 0;
vertical-align:top;
background:#fff;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}

.comRenrakuBox .comRenrakuToolBox ul li:last-child{
width:23.5%;
display:inline-block;
margin:0;
vertical-align:top;
}

.comRenrakuBox .comRenrakuToolBox ul li img{
width:100%;
}

.comRenrakuBox .comRenrakuToolBox ul li h4{
font-size:20px;
line-height:1.3em;
color:#003a72;
font-weight:normal;
text-align:center;
margin:20px 5% 15px 5%;
padding:0 0 2% 0;
}



.comRenrakuBox .comRenrakuToolBox ul li p{
text-align:left;
font-size:15px;
padding:0 5% 6% 5%;
margin:0;
font-weight:normal;
line-height:1.6em;
}

.comRenrakuBox .comRenrakuToolBox ul li i{
color:#003a72;
margin:0 7px 0 0;
}

.comRenrakuBox .telAreaSp{
display:none;
}


.comRenrakuBox .telArea{
width:600px;
display:block;
margin:40px auto 0 auto;:
}


.comRenrakuBox .telArea ul li {
float:left;
margin:0 80px 0 0;

}

.comRenrakuBox .telArea ul li:nth-child(even){
float:right;
margin:0 0 0 0;

}

.comRenrakuBox .telArea ul li p.addr{
font-size:14px;
margin:0 0 5px 0;
line-height:1.4em;
color:#003367;
}

.comRenrakuBox .telArea ul li .telTxt{
font-size:34px;
margin:0;
padding:0 0 0 30px;
line-height:1.4em;
color:#003367;
position:relative;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight:500;
}

.comRenrakuBox .telArea ul li .telIcon{
font-size:18px;
margin:0;
line-height:1.4em;
color:#003367;
top:13px;
left:0;
position:absolute;
}


.comRenrakuBox .telArea ul li i{
font-size:20px;
color:#003a72;
margin:0 10px 0 0;
}

.comRenrakuArea .btn a{
width:340px;
	font-size:17px;
	text-align:center;
	color:#003367;
line-height:1.3em;
	text-decoration: none;
border:solid 1px #002248;
margin:40px auto 0 auto;
	display: block;
	padding:22px 0 22px 40px;
	position:relative;
background:#fff;
}

.comRenrakuArea .btn .visited a, {
background:#fff;
}


.comRenrakuArea .btn a:hover {
background:#00559f;
border:solid 1px #00559f;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.comRenrakuArea .btn a:active {
color:#fff;
background:#00559f;
border:solid 1px #00559f;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.comRenrakuArea .btn i{
	font-size:110%;
margin:0 10px 0 0;
color:#003a72;
}

.comRenrakuArea .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f0e0';
position:absolute;
font-weight: 900;
font-size: 120%;
top:50%;
left:75px;
color:#002248;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.comRenrakuArea .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f0e0';
position:absolute;
font-weight: 900;
font-size: 120%;
top:50%;
left:75px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}





/**************************************************************************************************

翔栄について

**************************************************************************************************/

.aboutArea{
width:100%;
background: #fff;
}

.aboutBox{
min-width:1000px;
max-width:1200px;
margin:0 auto;

}

.aboutTxtBox{
min-width:1000px;
max-width:1200px;
margin:0 auto;
}

.aboutTxtBox h2{
font-size:24px;
line-height:1.8em;
color:#00224c;
margin:0 0 40px 0;
text-align:center;
}
.aboutTxtBox ul li{
display:inline-block;
vertical-align:top;
margin:0 6% 0 0;
width:56%;
}

.aboutTxtBox ul li:last-child{
display:inline-block;
vertical-align:top;
margin:0;
width:38%;
}

.aboutTxtBox ul li img{
width:100%;
}


.aboutTxtBox p{
margin:0 0 20px 0;
}

.aboutLeftBox{
background: linear-gradient(45deg, #eef6fc 0%, #eef6fc 30%, #fff 70%, #fff 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
padding:4% 0;
}

.aboutRightBox{
background: linear-gradient(-45deg, #f5f5f5 0%, #f5f5f5 30%, #fff 70%, #fff 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
padding:2% 0 4% 0;
}





.aboutArea .btn a{
width:300px;
	font-size:15px;
	text-align:center;
	color:#002248;
	text-decoration: none;
border:solid 1px #002248;
margin:50px auto 0 auto;
	display: block;
	padding:16px 0;
	position:relative;
background:#fff;
}

.aboutArea .btn .visited a, {
background:#fff;
}


.aboutArea .btn a:hover {
background:#002248;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.aboutArea .btn a:active {
color:#fff;
background:#002248;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.aboutArea .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#002248;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.aboutArea .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}




/**************************************************************************************************

企業情報

**************************************************************************************************/

/***************************
ご挨拶
***************************/
.msgArea{
width:100%;
padding:0 0 0 0;
}

.msgBox{
width:1000px;
margin:0 auto;
}

.msgBox p{
margin:0 0 20px 0;
}

.msgBoxL{
float:left;
width:560px;
vertical-align:top;
}

.msgBoxR{
float:right;
width:380px;
vertical-align:top;
}

.msgBox h3{
font-size:24px;
line-height:1.8em;
color:#00224c;
margin:0 0 40px 0;
}

.msgBox .namePredident{
font-size:16px;
line-height:1.2em;
font-weight:bold;
margin:40px 0 0 0;
}

.msgBox .namePredident span{
font-size:20px;
margin:0 0 0 20px;
}




/***************************
経営理念・方針
***************************/
.policyArea{
width:100%;
background: linear-gradient(to right, #013f86, #2584c0);
padding:60px 0;
margin:100px 0 0 0;
}

.policyBox{
width:1000px;
margin:0 auto;
}


.policyBox h3{
font-size:50px;
text-align:center;
color:#fff;
margin:100px 0 50px 0;
font-weight:900;
text-shadow: 1px 1px 0px #000;
}

.policyBox .policyTxt {
font-size:22px;
text-align:center;
color:#fff;
line-height:1.8em;
font-weight:900;
text-shadow: 1px 1px 0px #000;
}


/***************************
会社概要
***************************/

.guideBox {
	width:800px;
margin:70px auto 0 auto
}



.guideBox table {
	width:800px;
	border-collapse:collapse;
	background:#fff;
}

.guideBox th {
	font-size:15px;
	line-height:1.6em;
width:30%;
	vertical-align:middle;
	padding:15px 10px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#00224c;
}
.guideBox td {
	font-size:15px;
	line-height:1.6em;
width:70%;
	padding:15px 10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#000;
}



/***************************
工場
***************************/
.factoryArea{
width:100%;
background: #f5f5f5;
padding:60px 0;
margin:100px 0 0 0;
}

.factoryBox{
width:1000px;
margin:0 auto;
}


.factoryBoxL{
float:left;
width:500px;
vertical-align:top;
}

.factoryBoxR{
float:right;
width:460px;
vertical-align:top;
}


.factoryBox table {
	width:460px;
	border-collapse:collapse;
}

.factoryBox th {
	font-size:15px;
	line-height:1.6em;
width:30%;
	vertical-align:middle;
	padding:15px 10px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#00224c;
}
.factoryBox td {
	font-size:14px;
	line-height:1.6em;
width:70%;
	padding:15px 10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#000;
}

.factoryBox table ul li{
display:inline-block;
line-height:1.6em;
width:80%;
}

.factoryBox table ul li:nth-child(even){
display:inline-block;
line-height:1.6em;
width:20%;
}



/***************************
アクセス
***************************/

.accessBox{
width:1000px;
margin:0 auto 0 auto;
}

.accessBox h3{
font-size:20px;
margin:0 0 10px 0;
}

.accessBox h3 span{
font-size:16px;
color:#004e92;
margin:0 5px 0 0;
}

.accessBox ul {
border-bottom:solid 1px #e6e6e6;
padding:0 0 50px 0;
margin:0 0 50px 0;
}

.accessBox ul.second {
border-bottom:solid 0px #e6e6e6;
padding:0 0 0 0;
margin:0 0 0 0;
}
.accessBox ul li{
width:360px;
display:inline-block;
vertical-align:middle;
}

.accessBox ul li:nth-child(even){
width:600px;
display:inline-block;
vertical-align:middle;
}

.accessBox .btn a{
width:300px;
	font-size:15px;
	text-align:center;
	color:#002248;
	text-decoration: none;
border:solid 1px #002248;
margin:20px 0 0 0;
	display: block;
	padding:16px 0;
	position:relative;
background:#fff;
}

.accessBox .btn .visited a, {
background:#fff;
}


.accessBox .btn a:hover {
background:#002248;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.accessBox .btn a:active {
color:#fff;
background:#002248;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.accessBox .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#002248;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.accessBox .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}


/**************************************************************************************************

採用情報

**************************************************************************************************/
.recruitTxtBox{
margin:0 auto 60px auto;
}


.recruitTxtBox h2 {
font-size:24px;
line-height:1.7em;
text-align:center;
margin:0 0 30px 0;
color:#00224c;
}

.recruitTxtBox p{
font-size:15px;
line-height:1.7em;
text-align:center;
}

/***************************
社員紹介
***************************/

.staffArea {
width:100%;
background:#f0f0f0;
padding:60px 0;
}

.staffArea ul {
max-width:1200px;
min-width:1000px;
margin:70px auto 0 auto;
}

.staffArea ul li{
width:22%;
display:inline-block;
vertical-align:top;
margin:0 4% 4% 0;
}

.staffArea ul li:nth-child(4n){
width:22%;
display:inline-block;
vertical-align:top;
margin:0 0 0 0;
}



.staffArea ul li h3 {
font-size:18px;
color:#000;
margin:5px 0 5px 0;
text-align:left;
line-height:1.4em;
}


.staffArea ul li h3 span{
font-size:13px;
margin:0 0 0 10px;
font-weight:normal;
}

.staffArea ul li p{
font-size:13px;
color:#004b95;
margin:15px 0 5px 0;
text-align:left;
line-height:1.4em;

}

.staffArea ul li img{
width:100%;
height:100%;
}



/***************************
インタビュー
***************************/
.interviewArea{
width:100%;
background: linear-gradient(40deg, #eef6fc 0%, #eef6fc 50%, #fff 50%, #fff 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
padding:4% 0 2% 0;
}


.interviewArea ul {
min-width:1000px;
max-width:1200px;
margin:0 auto 0 auto;
}

.interviewArea ul li{
width:42%;
margin:0 3% 0 0;
display:inline-block;
vertical-align:top;
}

.interviewArea ul li:last-child{
width:55%;
display:inline-block;
vertical-align:top;
margin:0 0 6% 0;
}

.interviewArea ul li img{
width:100%;
}

.interviewArea ul li h3{
font-size:30px;
color:#000;
line-height:1.5em;
letter-spacing:1.5px;
}


.interviewArea ul li p.cap{
font-size:15px;
color:#000;
line-height:1.5em;
font-weight:normal;
}

.interviewArea ul li .nameRoman{
font-size:15px;
color:#004b95;
line-height:1.5em;
letter-spacing:1.5px;
margin:10px 0 0 0;
}

.interviewArea ul li:last-child .interviewBox{
background:#1c3f92;
padding:5%;
}

.interviewArea ul li:last-child .interviewBox h4{
font-size:22px;
color:#fff;
line-height:1.5em;
font-weight:700;
margin:0 0 10px 0;
}


.interviewArea ul li:last-child .interviewBox h5{
font-size:18px;
color:#fff;
font-weight:700;
margin:40px 0 10px 0;
}

.interviewArea ul li:last-child .interviewBox p{
font-size:14px;
line-height:1.8em;
color:#fff;
}


/***************************
社員の一日
***************************/
.onedayArea{
width:100%;
background: linear-gradient(-60deg, #f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
padding:4% 0 2% 0;

}

.onedayBox {
min-width:1000px;
max-width:1200px;
margin:0 auto 0 auto;
}


/*** 社員のイントロ ***/
.onedayIntro {
min-width:920px;
max-width:1120px;
background:#f5fafd;
padding:30px 40px;
margin:0 auto 50px auto;
}


.onedayIntro dl {
margin:0 auto 30px auto;
text-align:center;
}

.onedayIntro dl dt{
display:inline-block;
width:80px;
margin:0 10px 0 0;
vertical-align:middle;
}

.onedayIntro dl dd{ 
display:inline-block;
width:200px;
margin:0 0 0 0;
vertical-align:middle;
font-size:20px;
color:#004b95;
line-height:1.5em;
font-weight:700;
text-align:center;
margin:0;
}

.onedayIntro dl dt img{
border-radius:50%;
width:80px;
height:80px;
}



.onedayIntro h3{
font-size:25px;
line-height:1.5em;
color:#000;
text-align:center;
margin:0 0 20px 0;
}



.onedayIntro ul li{
background:#1c3f92;
display:inline-block;
padding:1.5% 2%;
width:30%;
margin:0 2% 0 0;
vertical-align:middle;
}

.onedayIntro ul li:last-of-type{
padding:0;
background:#f5fafd;
display:inline-block;
width:64%;
margin:0;
}


.onedayIntro h4{
font-size:25px;
font-weight:normal;
line-height:1.3em;
color:#fff;

}

.onedayIntro h4 span{
margin:0 0 0 0;
font-size:18px;
}

.onedayIntro ul li p{
font-size:15px;
font-weight:normal;
line-height:1.4em;
color:#000;
}



/*** １日の画像とテキスト ***/
.onedayBox ul li{
display:inline-block;
width:48%;
margin:0 4% 6% 0;
vertical-align:middle;
}

.onedayBox ul li:nth-child(even){
display:inline-block;
width:48%;
margin:0 0 6% 0;
vertical-align:middle;
}

.onedayBox ul h5.upper{
font-size:24px;
line-height:1.5em;
color:#004b95;
margin:0 0 15px 0;
}

.onedayBox ul h5{
font-size:24px;
line-height:1.5em;
color:#004b95;
margin:30px 0 15px 0;
}


.onedayBox ul p{
font-size:16px;
line-height:1.7em;
}

.onedayBox ul img{
width:100%;
}


/***************************
募集要項
***************************/

.requirementsBox {
	width:800px;
margin:70px auto 0 auto
}



.requirementsBox table {
	width:800px;
	border-collapse:collapse;
	background:#fff;
}

.requirementsBox th {
	font-size:15px;
	line-height:1.6em;
width:25%;
	vertical-align:middle;
	padding:15px 10px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#00224c;
}
.requirementsBox td {
	font-size:15px;
	line-height:1.6em;
width:75%;
	padding:15px 10px;
	vertical-align:middle;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#000;
}

.requirementsBox p{
font-size:14px;
text-align:center;
margin:20px 0 0 0;
}

.requirementsBox .btn a{
width:500px;
	font-size:17px;
	text-align:center;
	color:#fff;
	text-decoration: none;
margin:30px auto 0 auto;
	display: block;
	padding:25px 0;
	position:relative;
background:#004b95;
}

.requirementsBox .btn .visited a, {
background:#fff;
}


.requirementsBox .btn a:hover {
background:#54ade7;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.requirementsBox .btn a:active {
color:#fff;
background:#54ade7;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.requirementsBox .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.requirementsBox .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.requirementsBox .telArea p{
text-align:center;
font-size:25px;
line-height:1.7em;
}

.requirementsBox p.cap{
text-align:center;
margin:20px 0 0 0;
font-size:14px;
line-height:1.7em;
}

.requirementsBox p.entryCatch{
font-size:22px;
margin:50px 0 0 0;
color:#000;
text-align:center;
font-weight:900;
line-height:1.7em;

}





/**************************************************************************************************

事業・サービス

**************************************************************************************************/

.serviceArea{
width:100%;
background:#fff;
}

.serviceBox{
min-width:1000px;
max-width:1200px;
margin:0 auto;

}

.serviceTxtBox{
width:850px;
margin:0 auto 60px auto;

}

.serviceLeftBox{
background: linear-gradient(45deg, #eef6fc 0%, #eef6fc 60%, #fff 40%, #fff 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
padding:4% 0;
}

.serviceRightBox{
background: linear-gradient(-45deg, #f5f5f5 0%, #f5f5f5 60%, #fff 40%, #fff 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
padding:4% 0;
}

.serviceBoxInner{
min-width:1000px;
max-width:1200px;
margin:0 auto;
}

.serviceArea h3.upper{
font-size:22px;
margin:0 auto 10px auto;
border-left:solid 3px #0e4d8f;
padding:5px 0 5px 10px;
}


.serviceArea h3{
font-size:22px;
margin:50px auto 10px auto;
border-left:solid 3px #0e4d8f;
padding:5px 0 5px 10px;
}

.serviceLeftBox ul {
width:100%;
text-align:center;
margin:0 auto;

}

.serviceArea ul li{
width:49%;
display:inline-block;
margin:2% 2% 0 0;
}

.serviceArea ul li:nth-child(even){
width:49%;
display:inline-block;
margin:2% 0 0 0;
}
.serviceArea ul li img{
width:100%;
}



.serviceArea .btn a{
width:300px;
	font-size:15px;
	text-align:center;
	color:#002248;
	text-decoration: none;
border:solid 1px #002248;
margin:50px auto 0 auto;
	display: block;
	padding:16px 0;
	position:relative;
background:#fff;
}

.serviceArea .btn .visited a, {
background:#fff;
}


.serviceArea .btn a:hover {
background:#002248;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.serviceArea .btn a:active {
color:#fff;
background:#002248;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.serviceArea .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#002248;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.serviceArea .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}


/**************************************************************************************************

商品紹介

**************************************************************************************************/

.productArea{
width:100%;
background:#fff;
}

.productBox{
width:1000px;
margin:0 auto;

}

.productTxtBox{
width:550px;
margin:0 auto 50px auto;

}

.productBox h2 {
font-size:24px;
line-height:1.7em;
text-align:center;
margin:0 0 30px 0;
color:#00224c;
}


.normalTxtImg {
width:980px;
margin:0 auto;
}

.normalTxtImg dl dt{
width:100%;
margin:0 0 20px 0;
display:block;
vertical-align:top;
}

.normalTxtImg dl dd{
width:100%;
display:block;
text-align:center;
margin:0 auto;
}

.normalTxtImg dl dd img{
width:480px;
}

.normalTxtImg dl dd ul {
margin:0;
}


.normalTxtImg dl dd ul li{
display:inline-block;
margin:0 20px 0 0;
width:480px;
vertical-align:top;
}

.normalTxtImg dl dd ul li:last-child{
display:inline-block;
margin:0;
width:480px;
vertical-align:top;
}


.normalTxtImg dl dd p{
text-align:center;
margin:5px 0 0 0;
}



/**************************************************************************************************

施工事例

**************************************************************************************************/

/*********************************/
/*** 一覧 ***/
/*********************************/
.worksArea{
width:100%;
padding:0 0 0 0;
background:#fff;
}

.worksBox, .worksOtherBox{
min-width:1000px;
max-width:1200px;
margin:0 auto;

}

.worksBox ul, .worksOtherBox ul {
width:100%;
margin:70px 0 0 0;
}

.worksBox ul li{
aspect-ratio: 4 / 3;
width:31%;
display:inline-block;
vertical-align:top;
margin:0 3.5% 4% 0;
}


.worksBox ul li:nth-child(3n){
width:31%;
display:inline-block;
vertical-align:top;
margin:0 0 4% 0;
}

.worksOtherBox ul li{
aspect-ratio: 4 / 3;
width:23.5%;
display:inline-block;
vertical-align:top;
margin:0 2% 4% 0;
}

.worksOtherBox ul li:nth-child(4n){
width:23.5%;
display:inline-block;
vertical-align:top;
margin:0 0 4% 0;
}


.worksBox ul li img, .worksOtherBox ul li img{
width:100%;
height:100%;
object-fit: cover; /* この一行を追加するだけ！ */;
}


.worksBox ul li p, .worksOtherBox ul li p{
display:inline-block;
margin:0 0 0 0;
}

.worksBox ul li p span, .worksOtherBox ul li p span{
color:#004b95;
background:#fff;
border:solid 1px #004b95;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 0;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

.worksBox ul li p span.frame, .worksOtherBox ul li p span.frame{
color:#fff;
background:#2d96a5;
border:solid 1px #2d96a5;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 5px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

.worksBox ul li p span.tent, .worksOtherBox ul li p span.tent{
color:#fff;
background:#ce5e76;
border:solid 1px #ce5e76;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 5px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}


.worksBox ul li p span.other, .worksOtherBox ul li p span.other{
color:#fff;
background:#3c5ec2;
border:solid 1px #3c5ec2;
font-size:11px;
padding:3px 10px 4px 10px;
margin:0 0 0 5px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}


.worksBox ul li p.day, .worksOtherBox ul li p.day{
text-align:left;
color:#969696;
font-size:11px;
margin:0 10px 0 0;
}


.worksBox ul li h3, .worksOtherBox ul li h3 {
font-size:17px;
line-height:1.5em;
text-align:left;
margin:5px 0 0 0;
}

.worksBox ul li h3 span, .worksOtherBox ul li h3 span{
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
	background:#fa0000;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:2px 4px;
	margin:0 5px 0 0;
}
.worksBox ul li img, .worksOtherBox ul li img{
width:100%;
}


/*********************************/
/*** 詳細 ***/
/*********************************/


.workDetailArea {
min-width:1000px;
max-width:1000px;
margin:0 auto;
}

.workDetailArea .shunkou{
margin:0 auto;
}

.workDetailArea .shunkou p{
display:inline-block;
margin:10px 0 0 0;
}

.workDetailArea .shunkou p span{
color:#004b95;
background:#fff;
border:solid 1px #004b95;
font-size:12px;
padding:3px 10px 4px 10px;
margin:0 0 0 0;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

.workDetailArea .shunkou p span.frame{
color:#fff;
background:#2d96a5;
border:solid 1px #2d96a5;
font-size:12px;
padding:3px 10px 4px 10px;
margin:0 0 0 10px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

.workDetailArea .shunkou p span.tent{
color:#fff;
background:#ce5e76;
border:solid 1px #ce5e76;
font-size:12px;
padding:3px 10px 4px 10px;
margin:0 0 0 10px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}


.workDetailArea .shunkou p span.other{
color:#fff;
background:#3c5ec2;
border:solid 1px #3c5ec2;
font-size:12px;
padding:3px 10px 4px 10px;
margin:0 0 0 10px;
text-align:center;
line-height:1.4em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}

.workDetailArea .shunkou p.day{
text-align:left;
color:#969696;
font-size:15px;
margin:0 10px 0 0;
}

.workDetailArea h2{
font-size:25px;
line-height:1.5em;
margin:15px 0 20px 0;
padding:0 0 10px 0;
border-bottom:solid 1px #e6e6e6;
}

.workDetailArea h2 span{
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
	background:#fa0000;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:2px 4px;
	margin:0 5px 0 0;
}



.workImgArea ul li{
width:100%;
margin:3% 0 0 0;
}


.workImgArea ul li img{
width:100%;
height:100%;
}



.worksArea2{
width:100%;
padding:30px 0;
margin:50px 0 0 0;
background: linear-gradient(#e8f8ff, #f8fcfe);
}


/**************************************************************************************************

お客様の声

**************************************************************************************************/



.voiceBox{
min-width:1000px;
max-width:1200px;
margin:0 auto 0 auto;

}

.voiceBox ul {
margin:50px 0 20px 0;
}

.voiceBox ul li{
display:inline-block;
width:44.5%;
padding:2%;
margin:0 2.5% 3% 0;
border:solid 1px #ccc;
vertical-align:top;

}

.voiceBox ul li:nth-child(even){
margin:0 0 3% 0;
}

.voiceBox ul li a{
text-decoration: none;
color:#000;
}


.voiceBox ul li .visited a, {
text-decoration: none;
	opacity:1.0;
}


.voiceBox ul li a:hover {
text-decoration: none;
	opacity:.8;
}

.voiceBox ul li a:active {
text-decoration: none;
	opacity:.8;
}



.voiceInfoBox{
border-bottom:solid 1px #e6e6e6;
padding:0 0 10px 0;
margin:0 0 20px 0;
}

.voiceInfoBox p.day{
color:#969696;
font-size:11px;
line-height:1.3em;
display:inline-block;
margin:0 10px 0 0;
}

.voiceInfoBox .initial{
display:inline-block;
color:#004b95;
background:#fff;
border:solid 1px #004b95;
font-size:11px;
padding:3px 10px 3px 10px;
text-align:center;
line-height:1.3em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
}


.voiceBox h2{
font-size:20px;
margin:20px 0 0 0;
color:#000;
font-weight:700;
line-height:1.4em;
}

.voiceBox h2 span{
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
	background:#fa0000;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:2px 4px;
	margin:0 5px 0 0;
}

.voiceBox dl{
}

.voiceBox dl dt{
display:inline-block;
width:72%;
margin:0 4% 0 0;
vertical-align:top;
font-size:15px;
line-height:1.6em;
}

.voiceBox dl dd{
display:inline-block;
width:24%;
vertical-align:top;
margin:0;
}

.voiceBox dl dd img{
width:100%;
}



/***お客様の声詳細 ***/

.voiceDetailBox1000{
width:1000px;
margin:0 auto;
}


.voiceDetailBox1000 h2{
font-size:26px;
color:#000;
border-bottom:solid 1px #e6e6e6;
padding:0px 0 10px 10px;
margin:0 0 10px 0;
font-weight:700;
line-height:1.4em;
}

.voiceDetailBox1000 h2 span{
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
	background:#fa0000;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:2px 4px;
	margin:0 5px 0 0;
}


.voiceDetailBox1000 ul li{
display:inline-block;
font-size:13px;
color:#787878;
line-height:1.4em;
margin:0 15px 40px 0;
padding:10px 0 0 10px;
}



.voiceDetailBox1000 ul li:last-child{
color:#004b95;
background:#fff;
border:solid 1px #004b95;
font-size:13px;
padding:4px 10px 3px 10px;
text-align:center;
line-height:1.5em;
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;

}

.voiceContentsBox{
padding:0 10px;
}

.voiceImgBox{
margin:30px 0 0 0;
text-align:center;
}

.voiceImgBox img{
width:600px;
}



/*** ボタン ***/
.voiceBox .btn a{
width:150px;
	font-size:13px;
	vertical-align:middle;
text-align:center;

	color:#000;
	line-height:1.5em;
	text-decoration: none;
	display: block;
margin:20px auto 0 auto;
	padding:7px 0 6px 0;
background:#f0f0f0;
border:solid 1px #e6e6e6;
position:relative;
}


.voiceBox .btn .visited a, {
	opacity:1.0;
}


.voiceBox .btn a:hover {
	opacity:.8;
}

.voiceBox .btn a:active {
	opacity:.8;
}


.voiceBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
color:#002248;
font-weight: 900;
font-size:70%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}



.voiceDetailBox1000 .staffVoiceBox{
width:94%;
margin:50px 0 0 0;
padding:3% 3% 2% 3%;
display:block;
position:relative;
background:#f6f2ef;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;

}


.voiceDetailBox1000 .staffVoiceBox .staffTtl{
width:180px;
position:absolute;
background:#004b95;
font-size:14px;
text-align:center;
padding:7px 0;
color:#fff;
left:50%;
top:-20px;
border-radius: 30px;         /* CSS3 */
	-moz-border-radius: 30px;    /* Firefox */
	-webkit-border-radius: 30px;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}


.voiceDetailBox1000 .staffVoiceBox dl dt{
display:inline-block;
width:100px;
margin:0 20px 0 0;
vertical-align:middle;
}

.voiceDetailBox1000 .staffVoiceBox dl dt p{
font-size:12px;
text-align:center;
margin:5px 0 0 0;
}

.voiceDetailBox1000 .staffVoiceBox dl dd{
display:inline-block;
width:calc(100% - 120px);
vertical-align:middle;
}

.voiceDetailBox1000 .staffVoiceBox dl dd p{
font-size:16px;
line-height:1.4em;
}

.voiceDetailBox1000 .staffVoiceBox img{
border-radius:50%;
width:100px;
height:100px;
}





/**************************************************************************************************

よくある質問

**************************************************************************************************/

.faqBox {
    width:1000px;
margin:0 auto;
}


.faqAccordion {
    width:1000px;
}

.faqAccordion dt {
    cursor:pointer;
    background-image: url(faq/img/open.png);
    background-size:12px auto;
    background-repeat: no-repeat;
    background-position: 99% center;
    border-bottom:dotted 1px #ccc;
    padding:20px 30px 20px 45px;
    font-size:16px;
    line-height:1.6em;
    position:relative;
}


.faqAccordion dt:before{
font-family: "Font Awesome 5 Free";
content:'\f059';
 font-size:130%;
position:absolute;
color:#004b95;
font-weight: 900;
top:50%;
left:10px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

.faqAccordion dd{
    display:none;
    font-size:16px;
    line-height:140%;
    border-bottom:dotted 1px #ccc;
    padding:20px 30px 20px 50px;
    line-height:1.6em;
    position:relative;
    }


.faqAccordion dd p{
margin:0 0 20px 0;
    }

.faqAccordion dt.active{
    background-image: url(faq/img/close.png);
    background-size:12px auto;
}
.faqAccordion dt.over {
    background-color: #f5f5f5;

}



/**************************************************************************************************

翔栄日記

**************************************************************************************************/
.blogBox{
width:100%;
padding:0 0 20px 0;
margin:0 0 20px 0;
border-bottom:dotted 1px #ccc;
}

.blogThumbBox{
width:160px;
float:left;
}

.blogThumbBox img{
width:160px;
height:120px
object-fit: cover; /* この一行を追加するだけ！ */;
}

.blogInfoBox{
width:calc(97% - 160px);
margin:0 0 0 3%;
float:right;
}

.blogBox h3{
font-size:18px;
font-weight:bold;
margin:10px 0 0 0;
line-height:1.5em;
}

.blogBox p.day	{
color:#969696;
	font-size:12px;
margin:0 0 0 0;
}

.blogInfoBox .btn{
font-size:11px;
line-height:1.5em;
text-align:center;
width:120px;
margin:30px 0 0 0;
height:auto;
float:right;
position:relative;
}


.blogInfoBox .btn a{
	display: block;
background:#fff;
padding:7px 10px;
border:solid 1px #ccc;
	cursor:pointer;

	text-decoration: none;
	color:#333;
}

.blogInfoBox .btn .visited a, {
background:#fff;
	text-decoration: none;
	color:#333;
}

.blogInfoBox .btn a:hover {
	text-decoration: none;
background:#f0f0f0;
	color:#ff7c05;
		opacity:0.7;
	filter: alpha(opacity=70);
	color:#333;

}

.blogInfoBox .btn a:active {
background:#f0f0f0;
	text-decoration: none;
	color:#333;
	color:#333;
}


.blogInfoBox .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
 font-size: 60%;
color:#969696;
position:absolute;
font-weight: 900;
top:50%;
right:10px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}






/*** 最新情報 ***/
.blogDetail{
width:1000px;
margin:0 auto;
}



.blogDetBox{
border:solid 1px #ccc;
padding:20px 30px;
margin:0 0 30px 0;
}

.blogDetBox img{
width:auto;
height:auto;
}

.blogDetBox p{
margin:0 0 20px 0;
}

.blogDetBox p.day{
font-size:12px;
margin:0 0 10px 0;
color:#969696;
}


/*** 翔栄日記詳細 ***/
.blogDetail{
width:1000px;
margin:0 auto;
}


.blogDetail h2{
background:#002d5c;
color:#fff;
text-align:left;
font-size:20px;
padding:15px 3%;
letter-spacing:1.5px;
line-height:1.4em;
font-weight:normal;
}



/**************************************************************************************************

新着情報

**************************************************************************************************/
.newsDetail{
width:1000px;
margin:0 auto 0 auto;
}


.newsDetail h2{
color:#000;
text-align:left;
border-bottom:solid 1px #e6e6e6;
border-left:solid 3px #002d5c;
font-size:20px;
padding:5px 10px 10px 15px;

letter-spacing:1.5px;
line-height:1.7em;

font-weight:normal;
}


.newsDetBox{
border-bottom:solid 1px #e6e6e6;
padding:30px 10px 40px 10px;
margin:0 0 0 0;
}

.newsDetail img{
width:auto;
height:auto;
}

}

.newsDetail p{
margin:0 0 20px 0;
}

.newsDetail p.day{
font-size:12px;
margin:0 0 10px 0;
color:#969696;
}

.newsDetail p.day span{
border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px;
	background:#fa0000;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:2px 4px;
	margin:0 5px 0 0;
}


/* 記事内の画像 */
.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}


.alignleft	{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.alignright {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

.wp-caption	{
border: solid 1px #aaaaaa;
text-align: center;
padding-top: 5px;
margin-top: 10px;
}


/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */

.pagenaviArea{
text-align:center;

}

.navigation { padding: 15px; text-align:center;}

.wp-pagenavi { font-weight: normal;

}

.wp-pagenavi a, .wp-pagenavi a:link {
padding:10px;
margin:0 5px;
	text-decoration: none;
	border: 1px solid #003265;
	color: #003265;
}

.wp-pagenavi a:visited {
padding:10px;
margin:0 5px;
	text-decoration: none;
	border: 1px solid #003265;
}

.wp-pagenavi a:hover {
	border: 1px solid #003265;
opacity:.8;	
}

.wp-pagenavi a:active {
padding:10px;
margin:0 5px;
	border: 1px solid #003265;
opacity:.8;
}

.wp-pagenavi span.pages {
padding:10px;
margin:0 5px;
	color: #003265;
	border: 1px solid #003265;
}

.wp-pagenavi span.current {
padding:10px;
margin:0 5px;
background:#003265;
	border: 1px solid #003265;
	color: #fff;
}

.wp-pagenavi span.extend {
padding:10px;
margin:0 5px;
	border: 1px solid #003265;
	color: #003265;
}





/**************************************************************************************************

共通：次の記事、前の記事

**************************************************************************************************/
.pageNextBox{
min-width:1000px;
max-width:1200px;
margin:50px auto 0 auto;
border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
}

.pageNextBox ul li{
font-size:16px;
float:left;
}

.pageNextBox ul li:last-child{
font-size:16px;
float:right;
}




/**************************************************************************************************

共通：詳細から一覧へ戻るボタン

**************************************************************************************************/

/*** ボタン ***/
.comBackToListBtn a{
width:300px;
	font-size:15px;
	text-align:center;
	color:#002248;
	text-decoration: none;
border:solid 1px #002248;
margin:30px auto 0 auto;
	display: block;
	padding:16px 0;
	position:relative;
background:#fff;
}


.comBackToListBtn .visited a, {
	opacity:1.0;
}


.comBackToListBtn a:hover {
background:#002248;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.comBackToListBtn a:active {
color:#fff;
background:#002248;
	opacity:1.0;
	filter: alpha(opacity=100);
}



.comBackToListBtn a:after{
font-family: "Font Awesome 5 Free";
content:'\f104';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
left:15px;
color:#002248;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.comBackToListBtn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f104';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
left:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}



/**************************************************************************************************

お知らせ

**************************************************************************************************/
.newsBox{
width:1000px;
margin:0 auto;
}

.newsBox p{
margin:0 0 50px 0;
}

.newsBox p.yoko, .newsBox p.tate{
text-align:center;
}

.newsBox p.yoko img{
width:800px;
}

.newsBox p.tate img{
width:600px;
}




.newsBox .btn{
width:300px;
margin:50px auto 0 auto;
}


.newsBox .btn a{
width:300px;
	font-size:16px;
	text-align:center;

	color:#000;
	text-decoration: none;
	display: block;
	padding:15px 0;
	position:relative;
background:#eee;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;


}

.newsBox .btn .visited a, {
background:#fff;
}


.newsBox .btn a:hover {
background:#0056a2;
color:#fff;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.newsBox .btn a:active {
color:#fff;
background:#0056a2;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.newsBox .btn a:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size:80%;
top:50%;
right:15px;
color:#0056a2;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.newsBox .btn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size:80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}


/**************************************************************************************************

お問い合わせ
Contact

**************************************************************************************************/
.contactBox h2{
font-size:22px;
color:#000;
border-left:solid 4px #004b95;
border-bottom:solid 1px #ccc;
padding:10px 0 8px 20px;
background:#f6f6f6;
font-weight:normal;
line-height:1.4em;
margin:100px 0 20px 0;
}


.contactBox h2.upper{
font-size:22px;
color:#000;
border-left:solid 4px #004b95;
border-bottom:solid 1px #ccc;
padding:10px 0 8px 20px;
background:#f6f6f6;
font-weight:normal;
line-height:1.4em;
margin:50px 0 20px 0;
}


.contactBox .telArea{
width:998px;
margin:40px auto 0 auto;

border:solid 1px #ccc;
padding:25px 0;
border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
}

.contactBox .telArea p{
text-align:center;
font-size:20px;
line-height:1.5em;
}

.contactBox .telArea p.cap{
text-align:center;
font-size:15px;
line-height:1.7em;
margin:20px 0 0 0;
}



.contactBox .telArea ul {
margin:0 auto;
text-align: center;
}


.contactBox .telArea ul li {
display:inline-block;
margin:0 80px 0 0;

}

.contactBox .telArea ul li:nth-child(even){
display:inline-block;
margin:0 0 0 0;

}

.contactBox .telArea ul li p.addr{
font-size:15px;
margin:20px 0 5px 0;
line-height:1.4em;
color:#003367;
}

.contactBox .telArea ul li .telTxt{
font-size:36px;
margin:0;
padding:0 0 0 30px;
line-height:1.4em;
color:#003367;
position:relative;
   font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight:500;
}

.contactBox .telArea ul li .telIcon{
font-size:18px;
margin:0;
line-height:1.4em;
color:#003367;
top:13px;
left:0;
position:absolute;
}


.contactBox .telArea ul li i{
font-size:20px;
color:#003a72;
margin:0 10px 0 0;
}

#contact{
width:1000px;
margin:0 auto 80px auto;
}

#contactComfirmBox {
padding:0 0 90px 0;
}


#contactConpretionBox {
padding:0 0 90px 0;
}


#contact .btn,#contact .btn input{
height:70px;
line-height:70px;
cursor:pointer;
}



#contact form{
width:1000px;
margin:0 auto;
}






/**************************************************************************************************

サイトマップ

**************************************************************************************************/
#sitemapBox{
width:800px;
margin:0 auto;
}


#sitemapBoxL{
width:45%;
float:left;
}


#sitemapBoxR{
width:45%;
float:right;
}

#sitemapBox h2.home{
font-size:17px;
margin:0 0 10px 0;
padding:0 0 0 15px;
position:relative;
}

#sitemapBox h2.upper{
font-size:17px;
margin:0 0 10px 0;
padding:0 0 0 15px;
position:relative;
}

#sitemapBox h2{
font-size:17px;
margin:30px 0 10px 0;
padding:0 0 0 15px;
position:relative;
}

#sitemapBox h2 a:link {
	color:#333;
	text-decoration: none;
}
#sitemapBox h2 a:visited {
	color:#333;
	text-decoration: none;
}
#sitemapBox h2 a:hover {
	color:#1a9ede;
	text-decoration: none;
}
#sitemapBox h2 a:active {
	color:#1a9ede;
	text-decoration: none;
}



#sitemapBox h2.home a:before{
font-family: "Font Awesome 5 Free";
content:'\f015';
 font-size:100%;
position:absolute;

	color:#636363;
font-weight: 900;
font-size:80%;
top:50%;
left:-5px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}


#sitemapBox h2 a:before{
font-family: "Font Awesome 5 Free";
content:'\f068';
 font-size:100%;
position:absolute;

	color:#636363;
font-weight: 900;
font-size:80%;
top:50%;
left:-5px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}

#sitemapBox ul li{
margin:0 0 0 0;
padding:0 0 10px 20px;

}


#sitemapBox ul li span{
font-weight:900;
}



#sitemapBox  ul li a{
position:relative;
width:auto;
line-height:2.0em;
padding:0 0 0 0;
font-size:15px;
text-decoration: none;
}


#sitemapBox ul li a:link {
	color:#333;
	text-decoration: none;
}
#sitemapBox ul li a:visited {
	color:#333;
	text-decoration: none;
}
#sitemapBox ul li a:hover {
	color:#1a9ede;
	text-decoration: none;
}
#sitemapBox ul li a:active {
	color:#1a9ede;
	text-decoration: none;
}






/*************************************************************************************************

アンカーリンクずれ解消

**************************************************************************************************/

#message {
  margin-top : -130px;
  padding-top : 130px;
}


#policy {
  margin-top : -0px;
  padding-top : 0px;
}


#guide {
  margin-top : -0px;
  padding-top : 0px;
}


#history {
  margin-top : -0px;
  padding-top : 0px;
}



#factory {
  margin-top : -0px;
  padding-top : 0px;
}



#access {
  margin-top : -0px;
  padding-top : 0px;
}



#steelframe {
  margin-top : -100px;
  padding-top : 100px;
}


#tent {
  margin-top : -0px;
  padding-top : 0px;
}


#environment {
  margin-top : -0px;
  padding-top : 0px;
}




#menu1 {
  margin-top : -70px;
  padding-top : 70px;
}


#menu2 {
  margin-top : -40px;
  padding-top : 40px;
}


#menu3 {
  margin-top : -40px;
  padding-top : 40px;
}


#menu4 {
  margin-top : -40px;
  padding-top : 40px;
}


#menu5 {
  margin-top : -40px;
  padding-top : 40px;
}


#menu6 {
  margin-top : -40px;
  padding-top : 40px;
}



/*************************************************************************************************

NONE

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

.spnone{
display:block;
}

.br-sp { display:block; }

.br-pc { display:none; }


a[href^="tel:"] {
    pointer-events: none;
}

/*** reCAPTCHAバッジ（ロゴマーク）を消す ***/
.grecaptcha-badge { visibility: hidden; }

p.recaptcha{
margin:40px 0 0 0;
text-align:center;
line-height:1.5em;
font-size:11px;
}


/**************************************************************************************************

ERROR

**************************************************************************************************/
.errBox{
margin:50px 0;
}


.errMsgTitle{
text-align:center;
font-size:18px;
font-weight:bold;
color:#ff0000;
}

.errBox p{

text-align:center;
}





/**************************************************************************************************

PAGEUP

**************************************************************************************************/

.pagetop {
	display: none;
	position: fixed;
	bottom:174px;
	right: 70px;
	z-index:1000;
}

.pagetop a {
position:absolute;
	display: block;
	width: 70px;
	height: 70px;
	background-color: #002248;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	line-height: 70px;

}

.pagetop a:visited {
	color:#fff;
	text-decoration: none;
	background-color: #002248;
}
.pagetop a:hover {
	color:#fff;
	text-decoration: none;
	background-color: #00559f;
}
.pagetop a:active {
	color:#fff;
	text-decoration: none;
	background-color: #00559f;
}


.pagetop a:before{
font-family: "Font Awesome 5 Free";
content:'\f106';
 font-size: 0.6em;
position:absolute;
font-weight: 900;
font-size: 150%;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
          transform: translate(-50%, -50%);

}




/**************************************************************************************************

FOOTER

**************************************************************************************************/
footer{
	width:100%;
	margin:0 auto;
	padding:0;
	height:auto;
	background:#002656;
	text-align:center;
}


#footerInfoBox{
max-width:1200px;
min-width:1000px;
background:#002656;
padding:50px 0;
margin:0 auto;
}


/*** フッター左ロゴエリア ***/
#footerInfoBox #footerLogo{
display:inline-block;
width:18%;
margin:0 0 0 3%;
vertical-align:top;
}

#footerInfoBox #footerLogo p.name{
font-size:16px;
color:#fff;
font-weight:700;
line-height:1.4em;
letter-spacing:1.0px;
text-align:left;
}

#footerInfoBox #footerLogo p.addr{
font-size:12px;
color:#fff;

text-align:left;
line-height:1.4em;
margin:10px 0 18px 0;
}

#footerInfoBox #footerLogo ul {
text-align:left;
}

#footerInfoBox #footerLogo ul li{
display:inline-block;
color:#fff;
font-size:10px;
margin:0 12px 0 0;
line-height:1.2em;
text-align:left;
vertical-align:middle;
}

#footerInfoBox #footerLogo ul li img{
width:20px;
}


/*** お問い合わせボタン ***/
#footerInfoBox #footerLogo .btn a{
width:185px;
	font-size:14px;
	vertical-align:middle;
margin:15px 0 0 0;
text-align:center;

	color:#fff;
	line-height:1.6em;
	text-decoration: none;
border:solid 1px #7f98b3;
	display: block;
	padding:12px 0;
background:#002656;
position:relative;
}


#footerInfoBox #footerLogo .btn .visited a, {
	opacity:1.0;
}


#footerInfoBox #footerLogo .btn a:hover {
background:#00559f;
}

#footerInfoBox #footerLogo .btn a:active {
background:#00559f;
}

#footerInfoBox #footerLogo .btn i{
margin:0 7px 0 0;
}



/*** 言語切り替え ***/

#footerInfoBox #footerLogo .languageBtn ul li{
font-size:13px;
font-weight:normal;
color:#000;
margin:15px 20px 0 0;
text-align:left;
padding:0 0 0 15px;
line-height:1.4em;
position:relative;
display:inline-block;
}



#footerInfoBox #footerLogo .languageBtn ul li a{
color:#fff;
	text-decoration: none;
}



#footerInfoBox #footerLogo .languageBtn ul li .visited a, {
color:#fff;
	text-decoration: none;
}

#footerInfoBox #footerLogo .languageBtn ul li a:hover {
  	opacity:0.8;
	filter: alpha(opacity=80);
}

#footerInfoBox #footerLogo .languageBtn ul li a:active {
  	opacity:0.8;
	filter: alpha(opacity=80);
}

#footerInfoBox #footerLogo .languageBtn ul li:after{
font-family: "Font Awesome 5 Free";
content:'\f0da';
position:absolute;
font-weight:900;
color:#fff;
font-size:60%;
top:50%;
left:3px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}


/*** フッター右メニューエリア ***/
#footerMenu{
text-align:left;
display:inline-block;
width:79%;
margin:0 0 0 0
vertical-align:top;
}

#footerMenu ul {
margin:0 auto;
text-align:center;
}

#footerMenu ul li{
display:inline-block;
vertical-align:top;
text-align:left;
margin:0 8% 0 0;
}

#footerMenu ul li:last-child{
display:inline-block;
vertical-align:top;
text-align:left;
margin:0;
}


#footerMenu p.m{
font-size:15px;
margin:0 0 14px 0;
color:#fff;
position:relative;
padding:0 0 0 20px;
line-height:1.4em;
}

#footerMenu p.m:after{
font-family: "Font Awesome 5 Free";
content:'\f068';
position:absolute;
font-weight:900;
color:#fff;
font-size:50%;
top:50%;
left:3px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

#footerMenu p.home{
font-size:16px;
margin:0 0 10px 0;
color:#000;
position:relative;
padding:0 0 0 20px;
line-height:1.4em;
}

#footerMenu p.home:after{
font-family: "Font Awesome 5 Free";
content:'\f015';
font-weight:900;
position:absolute;
color:#fff;
font-size:80%;
top:50%;
left:0;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

#footerMenu p{
font-size:13px;
font-weight:normal;
color:#000;
margin:0 0 10px 23px;
line-height:1.4em;
}


#footerMenu p a{
color:#fff;
	text-decoration: none;
}



#footerMenu p .visited a, {
color:#fff;
	text-decoration: none;
}

#footerMenu p a:hover {
  	opacity:0.8;
	filter: alpha(opacity=80);
}

#footerMenu p a:active {
  	opacity:0.8;
	filter: alpha(opacity=80);
}




/***  スマホフッターメニュー ***/

.footerSpSubMenu {
display:none;
}


p.footerExp{
margin:20px 0 0 0;
text-align:center;
line-height:1.6em;
font-size:14px;
}



/**************************************************************************************************

コピーライト

**************************************************************************************************/

.copyright{
width:100%;
height:auto;
padding:40px 0 40px 0;
background:#002248;
}

.copyright ul li{
float:left;
font-size:12px;
color:#fff;
margin:0 0 0 3%;
}

.copyright ul li:last-child{ 
float:right;
font-size:12px;
margin:0 3% 0 0;
}