@charset "utf-8";

@media (max-width: 767px) { 
#css{width:auto;}

img{
max-width: 100% ;
height: auto;
width /***/:auto;
}

/* ================================================================================ */
/*      wrapper    */  
/* ================================================================================ */
.wrapper{
width:100%;
margin:0 auto;
position: relative;
min-width: 100px;
background-color:rgb(249,249,254);
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -250px;
}
/* ================================================================================ */

/*	figmain	*/

/* ================================================================================ */
.figmain_top{
width:100%;
margin:130px auto 0;
padding:0;
line-height:0;
min-height:210px;
position:relative;
z-index:9;
}
/*------------------------------
	コンテンツヘッダー画像
------------------------------*/
/* 基本 */
.wrp_conthd{
background:url(../imgs/hexagon.png) repeat 0 -2px, url(../imgs/fg_conthd.jpg) 50% 0px no-repeat;
background-color:#cdcdcd;
background-color:rgb(187,195,208);
background-color:rgb(39,106,197);
width:100%;
height:300px;
}
@media screen and (min-width: 1100px) {
.figmain_top img{
width:100%;
height:auto;
min-height:200px;
}
}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width:100%;
margin:0 auto;
padding-top:130px;
position:relative;
z-index:1;
font-size:1.5rem;
}

.contContainer::before{
content:"";
position:absolute;
left:0;
top:0;
display:block;
width: 100%;
height: 135px;
background: url(../imgs/fg_conthd2.jpg) center center no-repeat;
background-size:cover;
box-sizing:border-box;
z-index:2;
}
.p_company .contContainer::before{
background: url(../imgs/fg_conthd2.jpg) center center no-repeat;
background-size:cover;
}
.contContainer::after{
content:"";
position:absolute;
left:0;
top:0;
display:block;
width: 100%;
height: 135px;
background:rgba(24,172,246,.4);
z-index:3;
}
.contContainer section{
margin-bottom:0px;
}

/*-------------------------------------*/
/* セクション内レイアウトフレーム（w100%） */
/*-------------------------------------*/

.contContainer .innerBlock {
overflow:hidden;
width:100%;
margin:auto;
padding:60px 0;
box-sizing:border-box;
position:relative;
}
.p_business .contContainer .innerBlock {
padding-bottom:0;
}
.p_terms .contContainer .innerBlock,
.p_policy .contContainer .innerBlock {
width:85%;
}
.contContainer h1{
position:absolute;
width:85%;
margin:auto;
left:0;
right:0;
top:50px;
font-size:6vw;
z-index:4;
color:#fff;
text-shadow: 0 0 10px #666;
}
.contContainer h1 span{
font-size:1.5rem;
font-weight:normal;
margin-left:1.2rem;
color:rgba(255,255,255,.8);
vertical-align:middle;
}

/*------------------------------
	コンテンツ セクション
------------------------------*/
.contBody {
width:85%;
margin:auto;
}
.p_company .contBody{
margin-top:72px;
}

/*------------------------------

	会社概要 サイドナビゲーション

------------------------------*/
.p_company .sideNav {
position:absolute;
width:100%;
margin:0 auto 40px;
padding:0;
top:60px;
left:0;
right:0;
line-height:1.0;
box-sizing:border-box;
background:#fff;
z-index:3;
}

.p_company .sideNav ul{
width:100%;
border-top:1px solid rgb(15,65,126);
border-bottom:1px solid rgb(15,65,126);
padding:0;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
.p_company .sideNav ul::after{
content:"";
display: block;
width:50%;
}
.p_company .sideNav ul li{
width:50%;
box-sizing:border-box;
text-align:center;
padding: 0;
position: relative;
text-decoration: none;
font-size:1.3rem;
line-height:1.4;
}
.p_company .sideNav ul li:nth-child(odd){
border-right:1px solid #ccc;
}
.p_company .sideNav ul li a{
padding:10px 0;
}

.p_company .sideNav ul li a{text-decoration:none;display:block;color:#888;}
.p_company .sideNav ul li.current a{
color:rgb(24,172,246);
background:rgba(230,239,248,.5);
}
.p_company .sideNav ul li a:hover{color:rgb(24,172,246);}

/*会社概要 更新年*/
p.caphd_s{font-size:1.2rem;text-align:right;line-height:1.0;margin:-20px 0 5px;}


/*沿革 , 実績*/
dl.hyo1{
width:100%;
margin:0;
box-sizing:border-box;
}
dl.hyo1 dt{
display:block;
margin:0;
width:8.5em;
vertical-align:top;
box-sizing:border-box;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
}
dl.hyo1 dd{
margin-left: 8.5em ;
display:block;
box-sizing:border-box;
}

/*------------------------------

事業案内 サブナビゲーション
(1) 部の切替

------------------------------*/
.hdNav{
position:absolute;
width:100%;
margin:40px auto;
padding:0;
top:200px;
left:0;
right:0;
line-height:1.0;
box-sizing:border-box;
background:rgb(24,172,246);
z-index:3;
}
.hdNav ul{
width:100%;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.hdNav ul > li{
color:rgb(213,229,242);
width:calc((100% - 6px)/3);
vertical-align: middle;
}
.hdNav ul > li a{
display:block;
text-align:center;
padding:20px 0 20px;
position: relative;
text-decoration:none;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0069af+75,0069af+75,ffffff+75,ffffff+75,0069af+100&0.3+0,0.3+75,0.3+75,0.3+100 */
background:rgb(24,172,246);
color:#fff;
}
.hdNav ul > li a::before{
position: absolute;
bottom: 10px;
left: 25%;
content: '';
width: 50%;
height:2px;
background: #fff;
  opacity: 0;
  transition: .3s;
}
.hdNav ul > li a.current::before,
.hdNav ul > li a:hover::before{
position: absolute;
bottom: 10px;
left: 25%;
content: '';
width: 50%;
height:2px;
background: #fff;
opacity: 1;
}

/*------------------------------
	(2) conthd タブで内容切替
------------------------------*/
/*事業案内 タブで内容きりかえ*/
.p_business .conthd{
position: relative;
font-size:1.5rem;
margin-top:40px;
}
/*タブナビ マウスオーバーで表示切替え*/
.p_business ul.subNav{
width:100%;
border-bottom:1px solid rgb(15,65,126);
padding:0;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
.p_business ul.subNav::after{
content:"";
display: block;
width:50%;
border-top:1px solid #ccc;
}
.p_business ul.subNav li{
width:50%;
border-top:1px solid #ccc;
box-sizing:border-box;
text-align:center;
padding: 0;
position: relative;
text-decoration: none;
font-size:1.3rem;
line-height:1.4;
}
.p_business ul.subNav li:nth-child(odd){
	border-right:1px solid #ccc;
}
.p_business ul.subNav li a{
	padding:10px 0;
}
.p_business ul.subNav li.current{
color:rgb(24,172,246);
background:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0069af+75,0069af+75,ffffff+75,ffffff+75,0069af+100&0.3+0,0.3+75,0.3+75,0.3+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.p_business ul.subNav li a{text-decoration:none;display:block;color:#888;}
.p_business ul.subNav li.current a{
color:rgb(24,172,246);
	background:rgba(230,239,248,.5);
}
.p_business ul.subNav li a:hover{color:rgb(24,172,246);}


/*タブ コンテンツ*/
.p_business .contBody{
margin-top:-40px !important;
text-align:center;
}
.wrp_summary{
width:100%;
margin:30px auto;
padding:0;
text-align:center;
overflow:hidden;
box-sizing:border-box;
line-height:1;
}
.wrp_summary .box_l{
width:100%;
margin:0;
text-align:left;
}

.wrp_summary .box_l figure{
width:100%;
margin:0;
text-align:left;
}

.wrp_summary .box_l figure img {
vertical-align: text-bottom;
width:100% !important;
height:auto !important;
}


.wrp_summary .box_r{
width:100%;
margin:0;
padding:0;
text-align:left !important;
box-sizing:border-box;
}
.wrp_summary .box_r p{
line-height:1.6;}

div.wrp_figure{
width:100%;
margin:30px auto;
padding:0;
text-align:center;
}
figure{
display: inline-block;
line-height:1.0;
position:relative;
overflow: hidden;
margin:1.0rem;
padding:0;
box-sizing:border-box;
}
figure img {
  vertical-align: text-bottom;
vertical-align: text-bottom;
width:440px;
height:auto;
}

figure.main img {
vertical-align: text-bottom;
width:600px !important;
height:auto !important;
}

figure figcaption{
width:100%;
margin:0;
padding:1.2rem;
position:absolute;
left:0;
bottom:0;
background:rgba(50,50,50,.5);
color:#fff;
box-sizing:border-box;
text-align:left;
}

/*------------------------------

	ニュース本体

------------------------------*/
.sect_news{
margin-bottom:10vw;
margin:30px auto;
}
.sect_news .innerBlock h2{
display:block;
width:100%;
margin-bottom:20px;
padding-left:1vw;
line-height:1.4;
font-size:2.4rem;
font-weight:900;
color:rgb(24,172,246);
position:relative;
box-sizing:border-box;
}
.sect_news .innerBlock h2 span{
font-size:1.2rem;
font-weight:normal;
color:#999;
padding-left:1vw;
}
.sect_news .innerBlock h2::before{
content:url(../imgs/ico_news.png);
font-weight:900;
position:relative;
top:1vw;
left:-1vw;
}
.newsBox ul{ 
margin:0;
padding:0;
width:100%;
}
.newsBox ul li{
list-style:none;
font-size:1.4rem;
margin-bottom:6px;
padding-bottom:6px;
position: relative;
background:rgb(230,239,248);
border
}
.newsBox ul li p{
line-height:1.6;
padding:0px 6px;
}
/*日付*/
.newsBox ul li p.date{
display:inline-block;
width:7em;
font-size:1.2rem;
}
/*アイコン カテゴリー*/
.newsBox ul li p.tag_cat{
display:inline-block;
text-align:center;
padding:1px 1em;
font-size:1.2rem;
line-height:1.1;
border:1px solid rgb(24,172,246);
color:rgb(24,172,246);
	letter-spacing:0.1rem;
}
.newsBox ul li p.newsTit{
line-height:1.6;
}
.newsBox ul li p a{display:block;}

/*------------------------------

	リンク集　リスト

------------------------------*/
ul.list_links{
width:100%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
ul.list_links li{
width:100%;
line-height:60px;
padding-left:1rem;
box-sizing:border-box;
background:rgb(230,239,248);
}
ul.list_links li:nth-child(even){
background:#fff;
}
ul.list_links li a{
display:block;
text-decoration:none;
}
ul.list_links li a::before{
font-family: FontAwesome;
content: url(../imgs/icon_winopen.png);
position:relative;
margin-right:0.5em;
	margin-top:.3rem;
float:left;
}
ul.list_links li a:hover{
font-weight:600;
}

/* ================================================================================ */
/*      FONT STYLE    */  
/* ================================================================================ */
h2{
font-size:1.8rem;
margin:0 auto 3rem;
padding:1em 2rem; 
border-top:3px solid rgb(15,65,126);
border-bottom:1px solid rgb(15,65,126);
background:#fff;
text-align:left;
}

.p_business .conthd h2{
display:none;
}
.p_business .contBody h2{
margin:60px auto 20px;
padding:0; 
line-height:1.4;
border:none 0;
background:transparent;
font-size:2.4rem;
text-align:center;
}
h3{
font-size:1.6rem;
margin:30px auto;
padding:1rem;
background:rgb(213,229,242);
}

h3.infopage-sp { /* thと並べて区別を付ける */
border-left: 6px solid #0F417E;
margin-bottom:10px;
}

h4,h5{
margin:20px auto;
}

.p_business .contBody br{display:none;}
.p_business .contBody p{text-align:left;}


p{
margin-bottom:1em;
}

}


