@charset "utf-8";
@media screen and (min-width: 768px) {

/* ================================================================================ */

/*	wrapper	*/

/* ================================================================================ */


/*------------------------------
	コンテンツヘッダー画像
------------------------------*/
/* 基本 */
.wrp_conthd{
background:url(../imgs/fg_conthd.jpg) 50% 0px no-repeat;
background-color:rgb(39,106,197);
width:100%;
height:300px;
}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width:100%;
min-width:1000px;
margin:0px auto 0;
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_conthd.jpg) center center no-repeat;
background-size:cover;
z-index:2;
}
.contContainer::after{
content:"";
position:absolute;
left:0;
top:0;
display:block;
width: 100%;
height: 135px;
background:rgba(24,172,246,.6);
z-index:3;
}
.contContainer section{
margin-bottom:60px;
}

/*-------------------------------------*/

/* セクション内レイアウトフレーム（w1040px） */

/*--------------------------------- ---*/

.contContainer .innerBlock {
overflow:hidden;
width:1040px;
margin:auto;
padding:60px 0;
box-sizing:border-box;
position:relative;
}
.contContainer h1{
position:absolute;
width:1040px;
margin:auto;
left:0;
right:0;
top:36px;
font-size:3.4rem;
z-index:4;
color:#fff;
}
.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:960px;
width:1040px;
margin:auto;
}
.p_company .contBody{
width:690px;
float:right;
}

/*------------------------------

会社概要 サイドナビゲーション

------------------------------*/
.p_company .sideNav{
width:280px;
float:left;
}
.p_company .sideNav ul{
width:100%;
border-top:3px solid rgb(15,65,126);
}
.p_company .sideNav ul li{
box-sizing:border-box;
background:#fff;
border-bottom:1px solid rgb(15,65,126);
position:relative;
}
.p_company .sideNav ul li a{
display:block;
padding:.9rem .9rem  .9rem 3rem;
text-decoration:none;
}
.p_company .sideNav ul li::before{
content: '\f138';
font-family: 'Font Awesome 5 Free';
font-weight: 600;
position: absolute;
top: 50%;
left: .9rem;
right: auto;
bottom: auto;
transform: translateY(-50%);
color:rgb(24,172,246);
}
/*会社概要 更新年*/
p.caphd_s{font-size:1.2rem;text-align:right;line-height:1.0;margin:-20px 0 5px;}

/*表内2カラム（役員）*/
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:1100px;
margin:0 auto;
padding:0;
top:180px;
left:0;
right:0;
line-height:1.0;
box-sizing:border-box;
text-align:right;
z-index:999;
}
.hdNav ul{
width:400px;
margin:15px 0 0 auto;
display:table;
border-collapse: separate;  /* セルの間隔を空ける */
border-spacing: 4px 0;
}
.hdNav ul > li{
color:rgb(213,229,242);
width:calc((400px - 6px) / 3);
display:table-cell;
vertical-align: middle;
margin-left:1px;
}
.hdNav ul > li a{
display:block;
text-align:center;
padding:3rem;
border-radius:3px 3px 0 0;
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: -moz-linear-gradient(top, rgba(230,230,230,.9) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.9) 50%, rgba(255,255,255,.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(230,230,230,.9) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(230,230,230,.9) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.hdNav ul > li a::after{
content: '▲';
font-size:1.2rem;
transform: translateY(-50%);
position: absolute;
bottom: 10px;
left:0;
right:0;
color:rgb(24,172,246);
transition: .3s;
opacity:0;
}
.hdNav ul > li a.current::after,
.hdNav ul > li a:hover::after{
content: '▲';
font-size:1.2rem;
transform: translateY(-50%);
position: absolute;
bottom: 10px;
left:0;
right:0;
color:rgb(24,172,246);
opacity:1;
}

/*------------------------------
	(2) conthd タブで内容切替
------------------------------*/
/*事業案内 タブで内容きりかえ*/
.p_business .conthd{
position: relative;
font-size:1.5rem;
}
/*タブナビ マウスオーバーで表示切替え*/
.p_business ul.subNav{
position:absolute;
top:0;
right:0;
width:780px;
border-top:3px solid rgb(15,65,126);
padding:0;
box-sizing:border-box;
display:flex;
justify-content: space-between;
}
.p_business ul.subNav li{
width: 100%;
border-right:1px solid #ccc;
text-align:center;
padding: 0;
position: relative;
}
.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{
display:block;
height:78px;
line-height:78px;
display: block;
text-decoration: none;
}
.p_business ul.subNav li a{text-decoration:none;display:block;color:#888;}
.p_business ul.subNav li.current a{
color:#333;
}
.p_business ul.subNav li a:hover{color:rgb(24,172,246);}
.p_business ul.subNav li::after {
position: absolute;
bottom: 15px;
left: 0;
content: '';
width: 100%;
height: 4px;
background: rgb(0,60,130);
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
}
.p_business ul.subNav li.current::before {
position: absolute;
bottom: 15px;
left: 25%;
content: '';
width: 50%;
height: 4px;
background: rgb(0,60,130);
}
.p_business ul.subNav li:hover::after {
transform: scale(.5, 1);
}

/*タブ コンテンツ*/

.p_business .contBody{
margin-top:-40px !important;
text-align:center;
}

.wrp_summary{
width:960px;
margin:30px auto;
padding:0;
text-align:center;
overflow:hidden;
box-sizing:border-box;
display:flex;
justify-content: space-between;
line-height:1;
}
.wrp_summary .box_l{
width:48%;
margin:0 1%;
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:48%;
margin:0 1%;
padding:3rem;
text-align:left !important;
box-sizing:border-box;
background: rgb(230,239,248);
}

div.wrp_figure{
width:100%;
margin:30px auto;
padding:0;
text-align:center;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
figure{
/*display: inline-block;*/
line-height:1.0;
position:relative;
overflow: hidden;
margin:1.5rem;
padding:0;
box-sizing:border-box;
}
figure img {
vertical-align: text-bottom;
vertical-align: text-bottom;
width:440px;
height:auto;
	object-fit:cover;
	width:442px;
	height:290px;
}
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;
}

/*------------------------------

	お知らせ

------------------------------*/
.newsBox ul{ 
margin:0;
padding:0;
width:100%;
border-top:1px solid #e6e6e6;
}
.newsBox ul li{
width:100%;
list-style:none;
font-size:1.4rem;
position: relative;
padding:2.4rem;
border-bottom:1px solid #e6e6e6;
display: table;
}
.newsBox ul li p{
line-height:1.6;
padding:0;
display: table-cell;
}
/*日付*/
.newsBox ul li p.date{
width:10%;
font-size:1.2rem;
text-align:center;
font-family: "メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
/*アイコン カテゴリー*/
.newsBox ul li p.tag_cat{
text-align:center;
margin:0 1em;
display:block;
width:80%;
margin:0 auto;
padding:4px 1em;
font-size:1.2rem;
line-height:1.1;
border:1px solid rgb(24,172,246);
color:rgb(24,172,246);
letter-spacing:0.05rem;
}
.newsBox ul li p.newsTit{
width:70%;
padding:0 1em;
font-size:1.5rem;
line-height:1.4;
}

h3.infopage-sp {
margin-bottom:10px;
}


/*------------------------------

	リンク集　リスト

------------------------------*/
ul.list_links{
width:100%;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
}
ul.list_links li{
width:50%;
line-height:60px;
padding-left:3.6rem;
box-sizing:border-box;
background:rgb(230,239,248);
}
ul.list_links li:nth-child(4n-1),
ul.list_links li:nth-child(4n){
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;
float:left;
}
ul.list_links li a:hover{
font-weight:600;
}


/* ================================================================================ */
/*      FONT STYLE    */  
/* ================================================================================ */

h2{
margin:0 auto 40px;
padding:1em 4rem; 
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{
margin:0 auto 0 0;
width:260px;
padding:0;
line-height:78px;
box-sizing:border-box;
text-align:center;
background:rgb(24,172,246);
color:#fff;
border-bottom:0 none;
}
.p_business .contBody h2{
margin:0 auto;
padding:1em 1.5em; 
border:none 0;
background:transparent;
font-size:3.0rem;
text-align:center;
}



}