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

/*################ 下層共通 ################*/
.pageTitle{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	position:relative;
	padding:600px 0 0 0;
}
.pageTitle .titleBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pageTitle .inner{
	display:table;
	height:100%;
}
.pageTitle h2{
	font-size:358%;
	font-weight:500;
	text-align:center;
	color:#fff;
	line-height:1.2;
	display:table-cell;
	vertical-align:middle;
}
.pageTitle02{background:#fff;}
.pageTitle02 .inner{padding:50px 0;}
.pageTitle02 .inner h2{
	font-size:358%;
	font-weight:500;
	line-height:1;
	text-align:center;
}
.pageTitle02 .inner h2 span{
	display:block;
    font-family: 'Gotham Medium';
	font-size:20%;
	margin-bottom:25px;
	color:#c9c9c9;
}
.pageTitle02 .inner h3{
	font-size:186%;
	text-align:center;
	padding-top:20px;
}
section p.btn,
section p.btn_last{
	font-size:86%;
	line-height:1;
	text-align:center;
	}
section p.btn a,
section p.btn_last a{
	border:2px solid #005bac;
	padding:10px 0;
	display:block;
	transition: all .2s;
}
section p.btn a:hover,
section p.btn_last a:hover{
	color:#fff;
	background:#005bac;
}
section p.btn.white a{
	border:2px solid #fff;
	padding:10px 0;
	display:block;
	color:#fff;
	transition: all .2s;
}
section p.btn.white a:hover{
	color:#005bac;
	background:#fff;
}
section .btnArea{background:url(../img/bg_diagonal01.gif);}
section .btnArea .inner{padding:70px 0;}
section .btnArea .inner p.btn{
	width:33%;
	margin:0 auto;
	font-size:108%;
}
section .btnArea p.btn a{ padding:20px 0;}
section .btnArea .inner #pager{
	width:98%;
	margin:0 auto;
}
section .btnArea .inner #pager ul{
	position:relative;
	height:59px;
}
section .btnArea .inner #pager ul li{
	width:33%;
	position:absolute;
	text-align:center;
	line-height:1;
	top:0;
	font-size:108%;
    font-family: 'Gotham Medium','Noto Sans Japanese';
	font-weight:400;
}
section .btnArea .inner #pager ul li a{
	display:block;
	border:2px solid #005bac;
	padding:20px 0;
	border-right:0;
}
section .btnArea .inner #pager ul li:last-child a{ border-right:2px solid #005bac;}
section .btnArea .inner #pager ul li.prev{ left:0;}
section .btnArea .inner #pager ul li.next{ right:0;}
section .btnArea .inner #pager ul li.top{ left:33%; width:34%;}
section .btnArea .inner #pager ul li a:hover{
	color:#fff;
	background:#005bac;
}
section .btnArea .inner #pager ul li.prev a:before{
	content:"＜";
	padding-right:1em;
}
section .btnArea .inner #pager ul li.next a:after{
	content:"＞";
	padding-left:1em;
}


/*################ 事業内容 ################*/

#section section .inner{ padding:100px 0;}
#section .pageTitle{
	background-image:url(../../section/img/bg_section01.jpg);
}
#section .pageTitle .inner{ padding:0;}
#section #solution{
	background:#005bac;
}
#section section .inner h3{
	font-size:316%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:30px;
}
#section section .inner h4{
	font-size:165%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:30px;
}
#section section .inner p{ margin-bottom:40px;}
#section section .inner p sup{
	font-size:30%;
	position:relative;
	top:-6px;
}
#section section .inner p:last-of-type{ margin-bottom:0;}
#section #solution .inner #fiveBusiness {
    background: url(../../section/img/img_section01.png) center 0 no-repeat;
    background-size: 56.2% auto;
    width: 56.2%;
    height: 100%;
    padding: 60% 21.8% 0;
    margin: 0 auto;
    position: relative;
}
#section #solution .inner #fiveBusiness ul{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#section #solution .inner #fiveBusiness ul li{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#section #solution .inner #solutionTable{
	background:#004078;
	padding:50px 5%;
	color:#fff;
	text-align:center;
}
#section #solution .inner #solutionTable h3{
	font-size:186%;
	line-height:1;
	margin-bottom:40px;
}
#section #solution .inner #solutionTable p{
	font-size:115%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:20px;
}
#section #solution .inner #solutionTable table{
	table-layout:fixed;
	border:0;
	border-collapse:collapse;
	width:100%;
}
#section #solution .inner #solutionTable table td{
	background-position:5% center;
	background-repeat:no-repeat;
	background-size:10% auto;
	border:1px solid #99b3c9;
	color:#99b3c9;
	font-size:115%;
	padding:15px 0 15px 6%;
	line-height:1;
	text-align:left;
	vertical-align:middle;
}
#section #solution .inner #solutionTable table td.solution01{ background-image:url(../../section/img/ico_section01.svg);}
#section #solution .inner #solutionTable table td.solution02{ background-image:url(../../section/img/ico_section02.svg); background-size:8% auto;}
#section #solution .inner #solutionTable table td.solution03{ background-image:url(../../section/img/ico_section03.svg);}
#section #solution .inner #solutionTable table td.solution04{ background-image:url(../../section/img/ico_section04.svg);}
#section #solution .inner #solutionTable table td.solution05{ background-image:url(../../section/img/ico_section05.svg); background-size:8% auto;}
#section #solution .inner #solutionTable table td.solution06{ background-image:url(../../section/img/ico_section06.svg);}
#section #solution .inner #solutionTable table td.solution07{ background-image:url(../../section/img/ico_section07.svg);}
#section #solution .inner #solutionTable table td.solution08{ background-image:url(../../section/img/ico_section08.svg);}
#section #solution .inner #solutionTable table td.solution09{ background-image:url(../../section/img/ico_section09.svg); background-size:8% auto;}
#section #solution .inner #solutionTable table td.solution10{ background-image:url(../../section/img/ico_section10.svg);}
#section #solution .inner #solutionTable table td.solution11{ background-image:url(../../section/img/ico_section11.svg);}
#section #communicationPlanning,
#section #operatingBusiness,
#section #webBusiness#webBusiness{background:url(../img/bg_diagonal01.gif);}
#section #communicationPlanning .inner p{margin-bottom:40px;}
#section #communicationPlanning .inner p.img{
	width:65.2%;
	margin:0 auto;
}
#section #operatingBusiness p.img{
	float:left;
	margin:0 5% 20px 0;
	}

#section #systemBusiness #feature{
	background:url(../../section/img/bg_section02.jpg) center top no-repeat;
	background-size:cover;
	padding:100px 0;
}
#section #systemBusiness #feature .inner{
	background:rgba(0,0,0,0.7);
	width:800px;
	padding:100px;
	margin-bottom:100px;
	color:#fff;
	text-align:center;
}
#section #systemBusiness #feature .inner:last-of-type{ margin:0 auto;}
#section #systemBusiness #feature .inner h4{font-size:200%;}
#section #systemBusiness #feature .inner#contents01 ul{
	width:74%;
	margin:0 auto 40px;
}
#section #systemBusiness #feature .inner#contents01 ul li{
	float:left;
	width:30%;
	margin:0 0 0 5%;
}
#section #systemBusiness #feature .inner#contents01 ul li:first-child{ margin:0;}
#section #systemBusiness #feature .inner#contents01 ul li:nth-child(4){margin:-5% 0 0 17%;}
#section #systemBusiness #feature .inner#contents01 ul li:nth-child(5){margin:-5% 0 0 5%}
#section #systemBusiness #feature .inner#contents01 ul:after{
	content:"";
	display:table;
	clear:both;
}
#section #systemBusiness #feature .inner#contents01 p.btn{
	width:280px;
	margin:0 auto;
	font-size:108%;
}
#section #systemBusiness #feature .inner#contents01 p.btn a {padding: 15px 0;}
#section section .inner#contents02 p:last-of-type{ margin-bottom:40px;}
#section #systemBusiness #feature .inner#contents02 dl{
	clear:both;
	display:table;
	width:100%;
}
#section #systemBusiness #feature .inner#contents02 dl dt{
	display:table-cell;
	background:rgba(255,255,255,0.4);
	width:16%;
	padding:36px 0;
	font-size:216%;
	line-height:1.2;
	vertical-align:middle;
}
#section #systemBusiness #feature .inner#contents02 dl dt small{
	display:block;
	font-size:47%;
}
#section #systemBusiness #feature .inner#contents02 dl dd{
	display:table-cell;
	padding:36px 4%;
	background:rgba(255,255,255,0.2);
	vertical-align:middle;
}
#section #systemBusiness #feature .inner#contents02 dl dd p{
	float:left;
	width:60%;
	text-align:left;
	font-size:120%;
	margin:0;
	line-height:1.8;
}
#section #systemBusiness #feature .inner#contents02 dl dd p small{
	display:block;
	font-size:86%;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn{
	float:right;
	width:38%;
	font-size:105%;
	text-align:center;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn a{ padding:15px 0;}

#section #systemBusiness #feature .inner#contents02 dl dd p.btn a span{
	background:url(../../section/img/ico_btn01.svg) right center no-repeat;
	background-size:17px auto;
	display:inline-block;
	padding-right:25px;
	min-height:20px;
	line-height:20px;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn a:hover span{
	background:url(../../section/img/ico_btn02.svg) right center no-repeat;
	background-size:17px auto;
}

/*################ ブンカの強み ################*/

#advantage .pageTitle{
	background-image:url(../../advantage/img/bg_advantage01.jpg);
}
#advantage #advNavi{
	width:100%;
	margin:0;
}
#advantage #advNavi ul li{
	float:left;
	width:25%;
	text-align:center;
	font-size:115%;
	font-weight:500;
	line-height:1;
}
#advantage #advNavi ul li a{background:#fff;}
#advantage #advNavi ul li:nth-child(1) a,
#advantage #advNavi ul li:nth-child(3) a,
#advantage #advNavi ul li:nth-child(6) a,
#advantage #advNavi ul li:nth-child(8) a{ background:#f7f7f7;}
#advantage #advNavi ul li a{
	display:block;
	padding:32px 0;
	color:#222;
}
#advantage #advNavi ul li a:hover{ color:#005bac;}

#advantage #advNavi ul li a span{
	display:block;
	font-family:'Gotham Medium';
	color:#ccc;
}
#advantage #advNavi ul li a:hover span{color:#ccc;}

#advantage #advNavi ul:after{
	content:"";
	display:table;
	clear:both;
}
#advantage #advantage01{
	background:url(../../advantage/img/bg_advantage02.gif) right top no-repeat #005bac;
	height:514px;
	color:#fff;
}
#advantage #advantage02{
	background:url(../../advantage/img/bg_advantage03.jpg) center top no-repeat;
	background-size:cover;
	height:556px;
}
#advantage #advantage03{
	background:url(../../advantage/img/bg_advantage04.jpg) center top no-repeat;
	background-size:cover;
	height:556px;
	color:#fff;
}
#advantage #advantage04{
	background:url(../../advantage/img/bg_advantage05.jpg) center top no-repeat;
	background-size:cover;
	height:556px;
}
#advantage #advantage05{
	background:url(../../advantage/img/bg_advantage06.gif) right top no-repeat #005bac;
	height:553px;
	color:#fff;
}
#advantage #advantage06{
	background:url(../../advantage/img/bg_advantage07.jpg) center top no-repeat;
	background-size:cover;
	height:556px;
}
#advantage #advantage07{
	background:url(../../advantage/img/bg_advantage08.gif) right top no-repeat #005bac;
	height:555px;
	color:#fff;
}
#advantage #advantage08{
	background:url(../../advantage/img/bg_advantage09.jpg) center top no-repeat;
	background-size:cover;
	height:622px;
}
#advantage section.left .inner{
	padding:100px 500px 100px 0;
	width:500px;
}
#advantage section.right .inner{
	padding:100px 0 100px 500px;
	width:500px;
}
#advantage section#advantage01 .inner{
	padding:100px 450px 100px 0;
	width:550px;
	background:url(../../advantage/img/img_advantage01.svg) 665px 100px no-repeat;
	background-size:250px 348px;
}
#advantage section#advantage05 .inner{
	background:url(../../advantage/img/img_advantage02.svg) right 100px no-repeat;
	background-size:397px 376px;
}
#advantage section#advantage06 .inner{
	background:url(../../advantage/img/img_advantage03.png) 0 130px no-repeat;
	background-size:413px auto;
}
#advantage section#advantage07.left .inner{
	padding:100px 325px 100px 0;
	width:675px;
	background:url(../../advantage/img/img_advantage04.svg) right 160px no-repeat;
	background-size:391px 300px;
}
#advantage section#advantage08 .inner{
	background:url(../../advantage/img/img_advantage05.svg) 10px 160px no-repeat;
	background-size:346px 330px;
}
#advantage section.advBox h3{
	font-size:316%;
	font-weight:400;
	line-height:45px;
	margin-bottom:35px;
}
#advantage section#advantage08 h3{ letter-spacing:-2px;}
#advantage section.advBox h3 span{
	font-size:50%;
    font-family: 'Gotham Medium';
	font-weight:400;
	display:inline-block;
	margin:0 12px 0 0;
	text-align:center;
	border:2px solid #222;
	color:#222;
	width:56px;
	height:56px;
	line-height:60px;
	letter-spacing:0;
}
#advantage section.left h3 span{
	border:2px solid #fff;
	color:#fff;
}
#advantage section.advBox h4{
	font-size:165%;
	font-weight:500;
	margin-bottom:35px;
	line-height:1.5;
}
#advantage section#advantage08 h4{
	background:url(../../advantage/img/img_advantage06.png) right top no-repeat;
	background-size:20% auto;
	width:78%;
	padding: 0 20% 10px 0;
}
#advantage section.advBox p {margin-bottom:35px;}
#advantage section#advantage01.advBox p,
#advantage section#advantage07.advBox p{ width:500px;}
#advantage section.advBox p.btn{
	width:18em;
	text-align:center;
}

/*################ プロジェクト ################*/

#project .pageTitle{
	background-image:url(../../project/img/bg_project01.jpg);
	margin-bottom:100px;
}
#project .pageTitle span{ display:block;}
#project #projectList ul li{
	float:left;
	width:320px;
	margin:0 0 60px 20px;
	padding:0;
	text-align:center;
}
#project #projectList ul li:first-child{
	margin-left:0;
	}
#project #projectList ul li.project04{
	margin-left:170px;
	}
#project #projectList ul li h3{
	font-size:172%;
	font-weight:500;
	margin-bottom:25px;
	line-height:1;
}
#project #projectList ul li h3 a{ color:#222;}

#project #projectList ul li p{
	margin-bottom:20px;
	font-size:93%;
	}
#project #projectList ul li p.btn{
	width:200px;
	margin:0 auto;
	font-size:86%;
}
#project #projectList ul:after{
	content:"";
	display:table;
	clear:both;
}

/*################ プロジェクト詳細 ################*/

#projectDetail.project01 .pageTitle{background-image:url(../../project/img/bg_project01_01.jpg);}
#projectDetail.project02 .pageTitle{background-image:url(../../project/img/bg_project02_01.jpg);}
#projectDetail.project03 .pageTitle{background-image:url(../../project/img/bg_project03_01.jpg);}
#projectDetail.project04 .pageTitle{background-image:url(../../project/img/bg_project04_01.jpg);}
#projectDetail.project05 .pageTitle{background-image:url(../../project/img/bg_project05_01.jpg);}
#projectDetail .pageTitle .box{
	height:100%;
	text-align:center;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
#projectDetail .pageTitle h2{
	font-size:286%;
	font-weight:500;
	color:#fff;
	margin-bottom:30px;
	display:block;
	line-height:1.2;
}
#projectDetail .pageTitle p{ line-height:2;}


#projectDetail #purpose,
#projectDetail #achievement{background:url(../img/bg_diagonal01.gif);}
#projectDetail #purpose .inner,
#projectDetail #episode .inner,
#projectDetail #proposal .inner,
#projectDetail #achievement .inner{ padding:100px 0;}
#projectDetail #episode{
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-bottom:46.5%;
}
#projectDetail.project01 #episode{background-image:url(../../project/img/bg_project01_02.jpg);}
#projectDetail.project02 #episode{background-image:url(../../project/img/bg_project02_02.jpg);}
#projectDetail.project03 #episode{background-image:url(../../project/img/bg_project03_02.jpg);}
#projectDetail.project04 #episode{background-image:url(../../project/img/bg_project04_02.jpg);}
#projectDetail.project05 #episode{background-image:url(../../project/img/bg_project05_02.jpg);}
#projectDetail h3{
	margin-bottom:50px;
	font-size:316%;
	font-weight:500;
	line-height:1;
}
#projectDetail section h3 span {
    display: block;
    font-family: 'Gotham Medium';
    font-size: 20%;
    margin-bottom: 25px;
    color: #c9c9c9;
}
#projectDetail section h4{
	font-size:135%;
	line-height:1.2;
	margin-bottom:30px;
	}
#projectDetail #purpose ul li{font-size:216%;}
#projectDetail #outline{
	background:url(../../project/img/bg_project01_03.jpg) center top no-repeat;
	background-size:cover;
	padding:100px 0;
}
#projectDetail #outline .inner{
	background:#fff;
	width:800px;
	padding:100px;
}
#projectDetail #outline .inner h3{
	font-size:165%;
	text-align:center;
}
#projectDetail #outline .inner dl{
	border:1px solid #dcdcdc;
	padding:50px;
	margin-bottom:50px;
	line-height:1.2;
}
#projectDetail #outline .inner dl dt{
	font-size:129%;
	margin-bottom:30px;
}
#projectDetail #outline .inner dl dd{
	margin-bottom:50px;
}
#projectDetail #outline .inner dl dd:last-of-type{ margin:0;}
#projectDetail #outline .inner dl dd ul li{
	display:inline-block;
	margin:0 20px 10px 0;
	padding:3px 0 3px 30px;
	background-size:auto 18px;
	background-position:left center;
	background-repeat:no-repeat;
}
#projectDetail #outline .inner dl dd ul li.solution01{background-image:url(../../company/img/ico_company07.svg);}
#projectDetail #outline .inner dl dd ul li.solution02{background-image:url(../../company/img/ico_company08.svg);}
#projectDetail #outline .inner dl dd ul li.solution03{background-image:url(../../company/img/ico_company10.svg);}
#projectDetail #outline .inner dl dd ul li.solution04{background-image:url(../../company/img/ico_company04.svg);}
#projectDetail #outline .inner dl dd ul li.solution05{background-image:url(../../company/img/ico_company02.svg);}
#projectDetail #outline .inner dl dd ul li.solution06{background-image:url(../../company/img/ico_company11.svg);}
#projectDetail #outline .inner dl dd ul li.solution07{background-image:url(../../company/img/ico_company06.svg);}
#projectDetail #outline .inner dl dd ul li.solution08{background-image:url(../../company/img/ico_company09.svg);}
#projectDetail #outline .inner dl dd ul li.solution09{background-image:url(../../company/img/ico_company05.svg);background-size:auto 20px;}
#projectDetail #outline .inner p.btn{
	width:35%;
	margin:0 auto;
}
#projectDetail #outline .inner p.btn a{
	padding:20px 0;
	font-size:115%;
}

/*################ 会社案内 ################*/
#company h2{
	font-size:358%;
	font-weight:500;
	margin-bottom:50px;
	line-height:1;
}
#company h2 span{
	display:block;
    font-family: 'Gotham Medium';
	font-size:20%;
	margin-bottom:25px;
	color:#c9c9c9;
}
#company h3{ font-size:165%;}
#company #vision{
	background:url(../../company/img/bg_company01.jpg) center top no-repeat;
	background-size:contain;
	position:relative;
	padding:46.7% 0 0 0;
	color:#fff;
}
/*20211207add movie*/
#company #vision{
	background : none;
	padding-top : 0;
}
#company #vision .movie{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	background : #000;
}
#company #vision .movie video{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/*20211207add movie*/
#company #vision .bgBox{
	background:url(../../company/img/bg_company02.gif) center top no-repeat;
	background-size:cover;
}
#company #vision .inner{
	padding:65px 0;
}
#company #vision .inner .titleBox{
	float:left;
	width:35%;
	line-height:1.5;
}
#company #vision h3{ text-indent:-0.5em;}
#company #vision .inner .textBox{
	float:right;
	width:65%;
	margin:35px 0 0 0;
}
#company #vision .inner .textBox p{ margin-bottom:45px;}
#company #vision .inner .textBox p:last-child{margin:0;}
#company #vision .inner .textBox p.name{text-align: right;}
#company #profile_office{
	background:url(../../company/img/bg_company03.jpg) center top no-repeat;
	background-size:cover;
	positin:relative;
}
#company #profile_office .inner{padding:179px 0;}
#company #profile_office .inner .box{
	float:left;
	width:45%;
	background:rgba(0,0,0,0.5);
	padding:50px 0 80px;
	text-align:center;
	color:#fff;
	position:relative;
}
#company #profile_office .inner .box.office{
	float:right;
	width:45%;
}
#company #profile_office .inner .box h2{font-size:225%;	}
#company #profile_office .inner .box p{ margin-bottom:45px;}
#company #profile_office .inner .box p.btn{
	margin:0;
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
}
#company #profile_office .inner .box p.btn a{
	display:block;
	margin:0 auto;
	width:200px;
	}
#company #section{background:url(../../company/img/bg_company04.gif);}
#company #section .fiveSection{
	float:left;
	width:40%;
	padding:100px 8% 100px 1%;
	border-right:2px solid #fff;
}
#company #section .solution{
	float:right;
	width:45%;
	padding:100px 0 100px 5%;
}
#company #section .box h2{
	margin-bottom:50px;
	text-align:center;
	line-height:1;
}
#company #section .box h3{
    font-family: 'Gotham Medium';
	font-size:172%;
	font-weight:500;
	text-align:center;
	margin-bottom:25px;
	line-height:1;
	color:#005bac;
}
#company #section .box p{
	text-align:center;
	margin:0 0 50px 0;
	font-size:115%;
	font-weight:500;
}
#company #section .fiveSection ul{
	background:url(../../company/img/img_company01.png) 0 0 no-repeat;
	background-size:100% auto;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	margin-bottom:30px;
	padding:96% 0 0 0;
}
#company #section .solution ul{
	background:url(../../company/img/img_company01_2.png) 0 0 no-repeat;
	background-size:100% auto;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	margin-bottom:30px;
	padding:86% 0 0 0;
}
#company #section .fiveSection ul li,
#company #section .solution ul li{display:none;}
#company #section p.btn{
	clear:both;
	width:200px;
	margin:0 auto;
	font-size:86%;
}
#company #security{
	background:url(../../company/img/bg_company05.jpg) center top no-repeat;
	background-size:cover;
	padding:100px 0;
}

#company #security .inner{
	background:#fff;
	padding:100px 100px;
	width:800px;
}
#company #security .inner h2{text-align:center;}
#company #security .inner > h3{
	text-align:center;
	margin-bottom:100px;
}
#company #security .inner .box{
	border-bottom:1px solid #dcdcdc;
	padding-bottom:50px;
	margin-bottom:50px;
}
#company #security .inner .box:last-of-type{
	border:0;
	margin:0;
	padding:0;
}
#company #security .inner .box h3{
	font-size:186%;
	margin-bottom:40px;
	line-height:1;
}
#company #security .inner .box h3:before{
	content:"-";
	margin-right:10px;
}
#company #security .inner .box p{ margin-bottom:30px;}
#company #security .inner .box .ismsBox{
	border:1px solid #dcdcdc;
	padding:30px 3%;
}
#company #security .inner .box .ismsBox ul{
	float:left;
	width:80%;
}
#company #security .inner .box .ismsBox p{
	float:right;
	width:20%;
	margin:0;
}
#company #security .inner .box .ismsBox:after{
	content:"";
	display:table;
	clear:both;
}
#company #security .inner .box ul.policy{
	margin-bottom: 30px;
}
#company #security .inner .box ul.policy li{
	list-style:decimal;
	padding-left:0.5em;
	margin-left:1em;
}
#company #security .inner .box p.btn{
	width: 280px;
	margin: 0 auto 30px;
}
@media screen and (min-width:1024px) {
	#company #security .inner .box p.btn a{
		padding: 15px 0;
		font-size: 108%;
	}
}
#company #security .inner .box .textBox p.btn{ width:200px;}
#company #security .inner .box:after{
	content:"";
	display:table;
	clear:both;
}

/*################ 会社概要・沿革 ################*/

#outline #outlineNavi{
	width:100%;
	margin:0;
}
#outline #outlineNavi ul li{
	float:left;
	width:50%;
	text-align:center;
	font-size:115%;
	line-height:1.5;
}
#outline #outlineNavi ul li a{
	display:block;
	padding:30px 0;
	color:#222;
}
#outline #outlineNavi ul li:first-child a{ background:#f7f7f7;}
#outline #outlineNavi ul li a span{
	display:block;
	font-size:75%;
    font-family: 'Gotham Medium';
	color:#cccccc;
}
#outline #outlineNavi ul:after{
	content:"";
	display:table;
	clear:both;
}
#outline section.pageTitle02{
	background:url(../../company/outline/img/bg_outline01.jpg) center top no-repeat;
	background-size:cover;
	padding:100px 0;
}
#outline section.pageTitle02 .inner{background:#fff;}
#outline section.pageTitle02 .inner h3 { margin-bottom:80px;}
#outline section.pageTitle02 .inner table{
	width:800px;
	margin:0 auto 50px;
	border-top:1px solid #dcdcdc;
	border-collapse:collapse;
}
#outline section.pageTitle02 .inner table th{
	border-bottom:1px solid #dcdcdc;
	padding:30px 3%;
	width:19%;
	text-align:right;
}
#outline section.pageTitle02 .inner table td{
	border-bottom:1px solid #dcdcdc;
	padding:30px 0 30px 3%;
}
#outline section.pageTitle02 .inner table .odd th,
#outline section.pageTitle02 .inner table .odd td{ background:#fafafa;}
#outline section.pageTitle02 .inner table .next th,
#outline section.pageTitle02 .inner table .next td{
	border-bottom:0;
	padding-bottom:0;
	}
#outline section.pageTitle02 .inner .ismsBox {
    border: 1px solid #dcdcdc;
    padding: 30px 3%;
	margin:0 100px;
}
#outline section.pageTitle02 .inner .ismsBox dl {
    float: left;
    width: 80%;
}
#outline section.pageTitle02 .inner .ismsBox p {
    float: right;
    width: 20%;
    margin: 0;
}
#outline section.pageTitle02 .inner .ismsBox:after {
    content: "";
    display: table;
    clear: both;
}
/*################ 事業所 ################*/

#access #officeList{
	background:url(../../company/access/img/bg_access01.jpg) center top no-repeat;
	background-size:contain;
	padding-top:20%;
}
#access #officeList ul.address{
	width:100%;
	margin-bottom:15px;
}
#access #officeList ul.address li{
	float:left;
	width:33.333%;
	text-align:center;
	padding:60px 0;
}
#access #officeList ul.address li:nth-child(-n+3){ border-bottom:1px solid #ccc;}
#access #officeList ul.address li h3{
	font-size:158%;
	font-weight:500;
	margin-bottom:25px;
}
#access #officeList ul.address li p{ margin-bottom:15px;}
#access #officeList ul.address li p.btn{ display:none;}
#access #officeList ul.address:after{
	content:"";
	display:table;
	clear:both;
}
#access #officeList #map .tabs{
	width:93%;
	margin:0 auto;
}
#access #officeList #map .tabs li{
	float:left;
	width:16%;
	border:1px solid #ccc;
	border-bottom:0;
	text-align:center;
	line-height:1;
	margin:0 -1px 0 0;
	position:relative;
	top:14px;
}
#access #officeList #map .tabs li.active{
	position:relative;
	top:0;
}
#access #officeList #map .tabs li a{
	display:block;
	padding:15px 0;
	background:#f7f7f7;
	color:#222;
	font-family:115%;
}
#access #officeList #map .tabs li.active a{
	padding:22px 0;
	background:#fff;
}
#access #officeList #map .tabs:after{
	content:"";
	display:table;
	clear:both;
}
#access #officeList #map .content{
	clear:both;
}
#access #officeList #map .content h3{ display:none;}
#access #officeList #map .mapFrame{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:100%;
	height:100%;
	padding:35% 0 0 0;
	position:relative;
}
#access #officeList #map .mapFrame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*################ 情報セキュリティ体制 ################*/

#infosecurity section .titleArea{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
    width: 100%;
    height: 100%;
	margin-bottom:100px;
	padding:316px 0 0 0;
	}
#infosecurity #headOffice .titleArea{ background-image:url(../../company/infosecurity/img/bg_security01.jpg);}
#infosecurity #securityArea .titleArea{ background-image:url(../../company/infosecurity/img/bg_security02.jpg);}
#infosecurity #deliveryCenter .titleArea{ background-image:url(../../company/infosecurity/img/bg_security03.jpg);}
#infosecurity section .titleArea .titleBox{
	position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
}
#infosecurity section .titleArea .inner{
    display: table;
	padding:0 25%;
	width:500px;
    height: 100%;
	text-align:center;
	}
#infosecurity section .titleArea .inner .box{
	background:rgba(0,0,0,0.7);
	width:100%;
	margin:0 auto;
    color: #fff;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
}
#infosecurity section .titleArea .inner .box h3{
	font-size:316%;
	font-weight:500;
	margin-bottom:30px;
}
#infosecurity section .titleArea .inner .box p{
	font-size:165%;
	font-weight:500;
}
#infosecurity section .titleArea .inner .box p sup{
	font-size:30%;
	position:relative;
	top:-10px;
}

#infosecurity section  ul li {
    float: left;
    width: 320px;
    margin: 0 0 60px 20px;
    text-align: center;
}
#infosecurity section ul li:nth-child(3n+1) {margin-left: 0;}
#infosecurity section  ul li p{font-size:86%;}
#infosecurity section  ul li p span{
    font-family: 'Gotham Medium';
	display:block;
	font-size:184%;
}
#infosecurity section  ul:after {
    content: "";
    display: table;
    clear: both;
}
#infosecurity #headOffice .box .textBox{
	background:url(../../company/img/img_company03.jpg) right top no-repeat;
	background-size:40% auto;
	padding: 0 45% 10.4% 0;
	margin-bottom: 60px;
}
#infosecurity #staff{
	background:url(../../company/infosecurity/img/bg_security04.jpg) center top no-repeat;
	background-size:cover;
	padding:100px 0;
}
#infosecurity #staff .inner{
	background:#fff;
	padding:100px;
	width:800px;
}
#infosecurity #staff .inner h3{
	text-align:center;
	margin-bottom:30px;
	font-size:184%;
}
#infosecurity #staff .inner p{ margin-bottom:30px;}
#infosecurity #staff .inner .box{
	border:1px solid #dcdcdc;
	padding:50px;
	margin-bottom:50px;
}
#infosecurity #staff .inner .box p{ margin:0;}
#infosecurity section#staff ul li {
	float:none;
	font-size:129%;
	margin:0 0 30px 0;
	text-align:left;
	width:auto;
}

/*################ 採用情報 ################*/

#recruit .pageTitle{background-image:url(../../recruit/img/bg_recruit01.jpg?d211215);}
#recruit section h3{
	font-size:358%;
	font-weight:500;
	line-height: 1;
	margin-bottom:50px;
}
#recruit section h3 span{
	display: block;
    font-family: 'Gotham Medium';
    font-size: 20%;
    margin-bottom: 25px;
    color: #c9c9c9;
}
#recruit #vision{
	background:url(../../recruit/img/bg_recruit02.jpg) center top no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	height:100%;
	padding:35.6% 0 0 0;
}
#recruit #vision .visionBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#recruit #vision .visionBox .inner{padding:60px 0 0 0;}
#recruit #vision .visionBox .inner ul li{font-size:216%;}
#recruit #feature .inner{padding:50px 0 90px;}
#recruit #feature h3{ text-align:center;}
#recruit #feature ul li{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	float:left;
	width:320px;
	margin:0 0 0 20px;
	padding:32% 0 0 0;
	text-align:center;
	position:relative;
}
#recruit #feature ul li.feature01{background-image:url(../../recruit/img/bg_recruit03.jpg);}
#recruit #feature ul li.feature02{background-image:url(../../recruit/img/bg_recruit04.jpg);}
#recruit #feature ul li.feature03{background-image:url(../../recruit/img/bg_recruit05.jpg);}
#recruit #feature ul li span{
	border:2px solid #fff;
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	width:58px;
	height:58px;
    font-family: 'Gotham Medium';
	font-size:172%;
	text-align:center;
	line-height:60px;
	color:#fff;
}
#recruit #feature ul li:first-child{ margin-left:0;}
#recruit #feature ul li dl dt{
	font-size:172%;
	font-weight: 500;
	line-height:1.2;
	margin-bottom:15px;
}
#recruit #feature ul:after{
	content:"";
	display:table;
	clear:both;
}
#recruit #recruitment{
	background:url(../img/bg_diagonal01.gif);
}
#recruit #recruitment .inner{ padding:50px 0;}
#recruit #recruitment .inner p{
	text-align:center;
	font-size:143%;
}
#recruit #recruitment .inner a{ text-decoration: underline; }

#recruit #staffInterview{padding-top:100px;}
#recruit #staffInterview .inner{
	background:url(../img/bg_diagonal01.gif);
	height:124px;
}
#recruit #staffInterview .inner dl{
	background:url(../../recruit/img/bg_recruit06.jpg?d211215) 0 0 no-repeat;
	background-size:300px auto;
	float:left;
	width:36%;
	height:124px;
	padding:35px 0 0 34%;
	line-height:1.5;
}
#recruit #staffInterview .inner dl dt{ font-size:129%;}
#recruit #staffInterview .inner p{
	float:right;
	width:24%;
	padding:34px 3%;
}
#recruit #staffInterview .inner p.btn a{ padding:20px 0;}


/*################ インタビュー ################*/

#interview #interviewList ul li{
	position:relative;
	margin:0;
}
#interview #interviewList ul li img{
	width:100%;
	vertical-align:bottom;
}
#interview #interviewList ul li .box{
	background:rgba(0,0,0,0.5);
	width:45%;
	padding:5% 0;
	position:absolute;
	top:15%;
	height:50%;
	color:#fff;
	text-align:center;
}
#interview #interviewList ul li.left .box{left:4%;}
#interview #interviewList ul li.right .box{right:4%;}
#interview #interviewList ul li .box p.catch{
	font-size:216%;
	font-weight:500;
	margin-bottom:30px;
	line-height:1.5;
}
#interview #interviewList ul li .box h3{
	font-size:115%;
	margin-bottom:25px;
}
#interview #interviewList ul li .box h3 span{ display:block;}
#interview #interviewList ul li .box p.btn{
	width:40%;
	margin:0 auto;
}
/*################ インタビュー詳細 ################*/

#interview #interviewDetail .titleBox{
	position:relative;
	margin:0;
	overflow:hidden;
}
#interview #interviewDetail img{
	width:100%;
	vertical-align:bottom;
}
#interview #interviewDetail .titleBox .box{
	background:rgba(0,0,0,0.5);
	display:table;
	width:45%;
	padding:8% 0;
	position:absolute;
	top:15%;
	height:auto;
	color:#fff;
	text-align:center;
}
#interview #interviewDetail .titleBox.left .box{left:4%;}
#interview #interviewDetail .titleBox.right .box{right:4%;}
#interview #interviewDetail .titleBox .box h3{
	font-size:216%;
	font-weight:500;
	margin-bottom:30px;
	line-height:1.5;
}
#interview #interviewDetail .titleBox .box p.name{
	font-size:115%;
	margin-bottom:0;
}
#interview #interviewDetail .titleBox .box p.name span{ display:block;}
#interview #interviewDetail .rightBox,
#interview #interviewDetail .leftBox{
	clear:both;
	width:100%;
	position:relative;
}
#interview #interviewDetail .rightBox p.photo{
	background:#fff;
	padding:0 50% 0 0;
}
#interview #interviewDetail .rightBox .textBox,
#interview #interviewDetail .leftBox .textBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#interview #interviewDetail .rightBox .textBox .inner,
#interview #interviewDetail .leftBox .textBox .inner{
	display:table;
	height:100%;
}
#interview #interviewDetail .rightBox .textBox .inner .box{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:0 0 0 58%;
}

#interview #interviewDetail .leftBox p.photo{
	background:#fff;
	padding:0 0 0 50%;
}
#interview #interviewDetail .leftBox .textBox .inner .box{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:0 58% 0 0 ;
}
#interview #interviewDetail .inner h4{
	font-size:316%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:40px;
}
#interview #interviewDetail .inner h5{
	font-size:158%;
	font-weight:400;
	line-height:1.5;
	margin-bottom:40px;
}
#interview #interviewDetail .textBoxFull{
	background:url(../img/bg_diagonal01.gif);
	padding:100px 0;
}


/*################ 募集要項 ################*/
#information .recruit-menu{
    padding : .5em;
    text-align : center;
    background : #dddcdc;
    cursor : pointer;
    font-size:186%;
}
#information .recruit-menu:hover{
    background:#005bac;
    color : #fff;
}
#information .recruit-menu--active{
    background:#005bac;
    color : #fff;
}
#information .recruit-menu h3{
    position : relative;
}
#information .recruit-menu h3:after,
#information .recruit-menu--active h3:after{
    position : absolute;
    display : block;
    right : 0;
    top : 0;
    width : 10px;
    height : 10px;
    text-align : center;
}
#information .recruit-menu h3:after{
    content : '＋';
}
#information .recruit-menu--active h3:after{
    content : 'ー';
}



#information .recruit-detail{
    display : flex;
    flex-wrap : nowrap;
    justify-content : flex-start;
    align-items : center;
    margin : 2em auto 0 auto;
    padding-bottom : 2em;
    border-bottom : 1px dashed #c0c0c0;
}
#information .recruit-detail__ttl{
    color : #005bac;
    min-width : 9em;
    box-sizing : border-box;
    padding-right : 1em;
}
#information .recruit-detail__content{
}
#information .recruit-detail__content--mbTxt{
	margin-bottom : 1em;
}
#information p.btn,
#information p.btn_last{
	width:33%;
	margin:3em auto;
	font-size:108%;
}
#information .js-details{
    display : none;
}


/*################ プライバシーポリシー ################*/

#privacyPolicy #policy h4,
#privacyPolicy #policy h5{
	font-size:160%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 30px 0;
}
#privacyPolicy #policy h5{
	font-size:130%;
}

#privacyPolicy #policy p{margin-bottom:45px;}
#privacyPolicy #policy ul{margin-bottom:80px;}
#privacyPolicy #policy ul li{margin-bottom:30px;}
#privacyPolicy #policy ul li .box{
	border:1px solid #dcdcdc;
	padding:20px 0 20px 3%;
	margin:30px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#privacyPolicy #policy ul li .box dl{
	width:70%;
}
#privacyPolicy #policy ul li .box dl dt{
	font-size:115%;
	font-weight:500;
}
#privacyPolicy #policy ul li .box dl dd{width:100%;}
#privacyPolicy #policy ul li .box dl dd dl{
	float:none;
	width:100%;
}
#privacyPolicy #policy ul li .box dl dd dt{
	font-size:100%;
	font-weight:400;
	display:inline-block;
	margin-right:15px;
	}
#privacyPolicy #policy ul li .box dl dd dd{
	font-size:100%;
	display:inline-block;
	width:auto;
	margin-right:15px;
	}

#privacyPolicy #policy ul li .box p.btn{
	width:25%;
	margin:0;
}

@media print, screen and (max-width: 480px) {
	#privacyPolicy #policy ul li .box{
		display:block;
		padding:20px 3%;
	}
	#privacyPolicy #policy ul li .box dl,
	#privacyPolicy #policy ul li .box p.btn{
		width:95%;
	}
}

#privacyPolicy #policy ul li .box p.btn a{ padding:20px 0;}

#privacyPolicy #policy ul li .box:after{
	content:"";
	display:table;
	clear:both;
}
#privacyPolicy #policy p.name{text-align:right;}

#privacyPolicy #policy ul li table{
	width: 100%;
	margin-top: 30px;
}
#privacyPolicy #policy ul li table th{
	width: 30%;
	background: #f4f3f3;
	border:1px solid #dcdcdc;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}
#privacyPolicy #policy ul li table td{
	width: 70%;
	border:1px solid #dcdcdc;
	padding: 20px;
	word-break: break-all;
}

/*################ お問い合わせ ################*/

#contact #formTable{padding-bottom:100px;}
#contact #formTable p{
	text-align:center;
	margin-bottom:30px;
}
#contact #formTable table{
	border:0;
	border-top:1px solid #dcdcdc;
	width:80%;
	margin:0 auto 30px;
}
#contact #formTable table th{
	border-bottom:1px solid #dcdcdc;
	width:30%;
	padding:18px 1%;
	text-align:left;
	font-weight:400;
	vertical-align:middle;
	line-height:1;
}
#contact #formTable table th span{
	background:#222;
	color:#fff;
	padding:3px 5px;
	font-size:86%;
	line-height:1;
	float:right;
}
#contact #formTable table td{
	border-bottom:1px solid #dcdcdc;
	padding:18px 0;
	text-align:left;
	font-weight:400;
	vertical-align:middle;
}
#contact #formTable table td input[type=text]{
	appearance:none;
	-webkit-appearance:none;
	border:1px solid #dcdcdc;
	height:44px;
	line-height:44px;
	padding:0 2%;
    font-family: 'Noto Sans Japanese';
    font-weight: 200;
	background:#f7f7f7;
}
#contact #formTable table td select{
	border:1px solid #dcdcdc;
	height:44px;
	line-height:44px;
	padding:0 2%;
    font-family: 'Noto Sans Japanese';
    font-weight: 200;
	background:#f7f7f7;
}
#contact #formTable table td textarea{
	appearance:none;
	-webkit-appearance:none;
	border:1px solid #dcdcdc;
	padding:10px 2%;
    font-family: 'Noto Sans Japanese';
    font-weight: 200;
	background:#f7f7f7;
}
#contact #formTable table td ul li{
	float:left;
	width:48%;
}
#contact #formTable table td ul:after{
	content:"";
	display:table;
	clear:both;
}
#contact #formTable table td .width500{width:520px;}
#contact #formTable table td .width190{width:190px;}
#contact #formTable table td .width250{width:250px;}
#contact #formTable table td .width150{width:145px;}
#contact #formTable table td .width90{width:90px;}
#contact #formTable .policyCheck{
	border:1px solid #dcdcdc;
	width:60%;
	margin:0 auto 50px;
	padding:20px 10%;
}
#contact #formTable .policyCheck p{ margin:0;}
#contact #formTable p a:hover{text-decoration:underline;}

section .formBtn ul{text-align:center;}
section .formBtn li{
	display:inline-block;
	width:200px;
	margin:0 20px;
	font-size:86%;
	line-height:1;
	text-align:center;
	}
section .formBtn li input[type=submit],
section .formBtn li a{
	appearance:none;
	-webkit-appearance:none;
	background:#fff;
	border:2px solid #005bac;
	border-radius:0;
	padding:10px 0;
	display:block;
	width:100%;
	transition: all .2s;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
	font-size:100%;
	line-height:1;
	color:#005bac;
	cursor:pointer;
}
section .formBtn li input[type=submit]:hover,
section .formBtn li a:hover{
	color:#fff;
	background:#005bac;
}


@media screen and (max-width:1024px){

/*################ 下層共通 ################*/
section .btnArea .inner p.btn{
	width:33%;
	margin:0 auto;
}
/*################ 事業内容 ################*/

#section section .inner{ padding:50px 0;}
#section #systemBusiness #feature .inner{
	background:rgba(0,0,0,0.7);
	width:92%;
	padding:50px 2%;
	margin:0 auto 50px;
	color:#fff;
	text-align:center;
}
#section #systemBusiness #feature .inner#contents02 dl dt{
	display:table-cell;
	background:rgba(255,255,255,0.4);
	width:16%;
	padding:24px 0;
	font-size:216%;
	line-height:1.2;
	vertical-align:middle;
}
#section #systemBusiness #feature .inner#contents02 dl dt small{
	display:block;
	font-size:47%;
}
#section #systemBusiness #feature .inner#contents02 dl dd{
	display:table-cell;
	padding:24px 4%;
	background:rgba(255,255,255,0.2);
	vertical-align:middle;
}
#section #systemBusiness #feature .inner#contents02 dl dd p{
	float:none;
	width:100%;
	text-align:left;
	font-size:120%;
	margin:0 0 20px 0;
	line-height:1.8;
}
#section #systemBusiness #feature .inner#contents02 dl dd p small{
	display:block;
	font-size:86%;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn{
	float:right;
	width:50%;
	margin:0 auto;
	font-size:105%;
	text-align:center;
}

/*################ 事業所 ################*/

#access #officeList #map .tabs{
	width:100%;
	margin:0 auto;
}
#access #officeList #map .tabs li{
	float:left;
	width:16.5%;
	border:1px solid #ccc;
	border-bottom:0;
	text-align:center;
	line-height:1;
	margin:0 -1px 0 0;
	position:relative;
	top:14px;
}

/*################ ブンカの強み ################*/
#advantage #advNavi ul li{
	float:left;
	width:25%;
	text-align:center;
	font-size:100%;
	font-weight:500;
	line-height:1;
}
#advantage #container section{
	position:relative;
	width:100%;
}
#advantage #advantage01{
	background-size:auto 100%;
	height:100%;
	padding:50% 0 0 0;
}
#advantage #advantage02{
	background-size:cover;
	height:100%;
	padding:50% 0 0 0;

}
#advantage #advantage03{
	background-size:cover;
	height:100%;
	padding:50% 0 0 0;
}
#advantage #advantage04{
	background-size:cover;
	height:100%;
	padding:50% 0 0 0;
}
#advantage #advantage05{
	background-size:auto 100%;
	height:553px;
	color:#fff;
}
#advantage #advantage06{
	background-size:cover;
	height:100%;
	padding:50% 0 0 0;
}
#advantage #advantage07{
	background-size:auto 100%;
	height:100%;
	padding:50% 0 0 0;
	color:#fff;
}
#advantage #advantage08{
	background-size:cover;
	height:100%;
	padding:50% 0 0 0;
}

#advantage section.left .inner{
	position:absolute;
	padding:60px 38% 60px 2%;
	width:60%;
	top:0;
	left:0;
}
#advantage section.right .inner{
	position:absolute;
	padding:30px 2% 30px 38%;
	width:60%;
	top:0;
	left:0;
}
#advantage section#advantage01 .inner{
	padding:60px 38% 60px 2%;
	width:60%;
	background:url(../../advantage/img/img_advantage01.svg) 90% 60px no-repeat;
	background-size:25% 98%;
}
#advantage section#advantage05 .inner{
	background:url(../../advantage/img/img_advantage02.svg) 90% 60px no-repeat;
	background-size:30% 78%;
}
#advantage section#advantage06 .inner{
	background:url(../../advantage/img/img_advantage03.png) 2% 60px no-repeat;
	background-size:30%;
}
#advantage section#advantage07.left .inner{
	background:url(../../advantage/img/img_advantage04.svg) 95% 60px no-repeat;
	background-size:33% 70%;
	padding:60px 38% 60px 2%;
	width:60%;
}
#advantage section#advantage08 .inner{
	background:url(../../advantage/img/img_advantage05.svg) 4% 60px no-repeat;
	background-size:30% 70%;
}
#advantage section.advBox h3{
	font-size:272%;
	font-weight:400;
	line-height:45px;
	margin-bottom:25px;
}
#advantage section.advBox h3 span{
	font-size:50%;
    font-family: 'Gotham Medium';
	font-weight:400;
	display:inline-block;
	margin:0 12px 0 0;
	text-align:center;
	border:2px solid #222;
	color:#222;
	width:50px;
	height:50px;
	line-height:54px;
	letter-spacing:0;
}
#advantage section.left h3 span{
	border:2px solid #fff;
	color:#fff;
}
#advantage section.advBox h4{
	font-size:165%;
	font-weight:500;
	margin-bottom:35px;
	line-height:1.5;
}
#advantage section.advBox p {margin-bottom:35px;}

#advantage section#advantage01.advBox p,
#advantage section#advantage07.advBox p{ width:auto;}

/*################ プロジェクト ################*/

#project .pageTitle{margin-bottom:50px;}
#project #projectList ul{
	width:96%;
	padding:0 2%;
}
#project #projectList ul li{
	width:32%;
	margin:0 0 60px 2%;
	position:relative;
}
#project #projectList ul li.project04{margin-left:16%;}
#project #projectList ul li h3{font-size:172%;}
#project #projectList ul li p{
	margin-bottom:20px;
	font-size:86%;
	}
#project #projectList ul li p.btn{width:98%;}

/*################ プロジェクト詳細 ################*/

#projectDetail .pageTitle h2{
	font-size:286%;
	margin-bottom:30px;
}
#projectDetail #outline .inner{
	background:#fff;
	width:90%;
	padding:100px 3%;
}
#projectDetail #outline .inner h3{
	font-size:165%;
	text-align:center;
}
#projectDetail #outline .inner dl{
	border:1px solid #dcdcdc;
	padding:50px;
	margin-bottom:50px;
	line-height:1.2;
}
#projectDetail #outline .inner p.btn{
	width:35%;
	margin:0 auto;
}


/*################ 会社案内 ################*/
#company #vision .bgBox{
	background:url(../../company/img/bg_company02.gif) center top no-repeat;
	background-size:cover;
}
#company #vision .inner{
	height:auto;
	padding:50px 0;
}
#company #security{
	background:none;
	padding:0;
}
#company #security .inner{
	background:#fff;
	padding:50px 2%;
	width:96%;
}

/*################ 会社概要・沿革 ################*/

#outline section.pageTitle02 .inner {
	width:88%;
	padding:50px 2%;
	margin:0 auto;
}
#outline section.pageTitle02 .inner table{
	width:100%;
	margin:0 auto 50px;
}
#outline section.pageTitle02 .inner .ismsBox {
    border: 1px solid #dcdcdc;
    padding: 30px 3%;
	margin:0 2%;
}


/*################ 情報セキュリティ体制 ################*/

#infosecurity section .titleArea .titleBox{
	position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
}
#infosecurity section .titleArea .inner{
    display: table;
	padding:0 10%;
	width:80%;
    height: 100%;
	text-align:center;
	}
#infosecurity section  ul li {
	width: 32%;
    margin: 0 0 60px 2%;
}
#infosecurity #headOffice .box .textBox{
	padding-bottom: 5%;
}
#infosecurity #staff{
	background:url(../../company/infosecurity/img/bg_security04.jpg) center top no-repeat;
	background-size:cover;
	width:96%;
	padding:50px 2%;
}
#infosecurity #staff .inner{
	background:#fff;
	padding:50px 3%;
	width:94%;
}
#infosecurity #staff .inner .box{
	border:1px solid #dcdcdc;
	padding:50px 3%;
	margin-bottom:50px;
}

/*################ 採用情報 ################*/

#recruit .pageTitle{background-image:url(../../recruit/img/bg_recruit01.jpg);}
#recruit section h3{
	font-size:358%;
	font-weight:500;
	line-height: 1;
	margin-bottom:50px;
}
#recruit section h3 span{
	display: block;
    font-family: 'Gotham Medium';
    font-size: 20%;
    margin-bottom: 25px;
    color: #c9c9c9;
}
#recruit #vision{
	background:url(../../recruit/img/bg_recruit02.jpg) center top no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	height:100%;
	padding:35.6% 0 0 0;
}
#recruit #vision .visionBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#recruit #vision .visionBox .inner{	padding:20px 0 0 0;}
#recruit #vision h3{ margin-bottom:20px;}

#recruit #vision .visionBox .inner ul li{font-size:115%;}
#recruit #feature .inner{padding:50px 0;}
#recruit #feature ul li{
	width: 32%;
    margin: 0 0 60px 2%;
    padding: 30% 0 0 0;
    position: relative;
}
#recruit #feature ul li span{
	border:2px solid #fff;
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	width:58px;
	height:58px;
    font-family: 'Gotham Medium';
	font-size:172%;
	text-align:center;
	line-height:60px;
	color:#fff;
}
#recruit #feature ul li:first-child{ margin-left:0;}
#recruit #feature ul:after{
	content:"";
	display:table;
	clear:both;
}
#recruit #recruitment{background:url(../img/bg_diagonal01.gif);}
#recruit #recruitment .inner{ padding:50px 0;}
#recruit #recruitment .inner p{
	text-align:center;
	font-size:143%;
}
#recruit #recruitment .inner a{ text-decoration: underline; }

#recruit #staffInterview{
	padding-top:100px;
	margin-bottom:100px;
	}
#recruit #staffInterview .inner{
	background:url(../img/bg_diagonal01.gif);
	height:auto;
	padding:20px 2%;
}
#recruit #staffInterview .inner dl{
	background:url(../../recruit/img/bg_recruit06.jpg) 0 0 no-repeat;
	background-size:50% auto;
	float:none;
	width:45%;
	height:45%;
	margin-bottom:20px;
	padding:18.45% 0 0 55%;
	line-height:1.5;
	position:relative;
}
#recruit #staffInterview .inner dl dt{
	position:absolute;
	top:10%;
	left:55%;
	font-size:129%;
	 }
#recruit #staffInterview .inner dl dd{
	position:absolute;
	top:43%;
}
#recruit #staffInterview .inner p{
	float:none;
	width:100%;
	margin:0 auto;
	padding:0;
}
#recruit #staffInterview .inner p.btn a{ padding:10px 0;}

/*################ インタビュー ################*/

#interview #interviewList ul li .box{
	background:rgba(0,0,0,0.5);
	width:50%;
	padding:3% 0;
	position:absolute;
	top:15%;
	height:56%;
	color:#fff;
	text-align:center;
}
#interview #interviewList ul li.left .box{left:4%;}
#interview #interviewList ul li.right .box{right:4%;}
#interview #interviewList ul li .box p.catch{
	font-size:172%;
	font-weight:500;
	margin-bottom:20px;
	line-height:1.5;
}
#interview #interviewList ul li .box h3{
	font-size:100%;
	margin-bottom:20px;
}
#interview #interviewList ul li .box p.btn{width:60%;}

/*################ インタビュー詳細 ################*/

#interview #interviewDetail .titleBox{
	position:relative;
	margin:0;
	overflow:hidden;
}
#interview #interviewDetail img{
	width:100%;
	vertical-align:bottom;
}
#interview #interviewDetail .titleBox .box{
	background:rgba(0,0,0,0.5);
	width:50%;
	padding:3% 0;
	position:absolute;
	top:15%;
	height:56%;
	color:#fff;
	text-align:center;
}
#interview #interviewDetail .titleBox .box h3{
	font-size:172%;
	margin-bottom:20px;
}
#interview #interviewDetail .titleBox .box p.name{font-size:100%;}
#interview #interviewDetail .rightBox .textBox .inner .box{padding:0 0 0 56%;}
#interview #interviewDetail .leftBox .textBox .inner .box{padding:0 56% 0 0;}
#interview #interviewDetail .inner h4{
	font-size:179%;
	margin-bottom:20px;
}
#interview #interviewDetail .inner h5{
	font-size:115%;
	margin-bottom:20px;
}
#interview #interviewDetail .inner p{ font-size:86%;}
#interview #interviewDetail .textBoxFull{
	background:url(../img/bg_diagonal01.gif);
	padding:100px 0;
}

/*################ お問い合わせ ################*/

#contact #formTable table{
	border:0;
	border-top:1px solid #dcdcdc;
	width:100%;
	margin:0 auto 30px;
}
#contact #formTable table th{
	border-bottom:1px solid #dcdcdc;
	width:35%;
	padding:18px 1%;
	text-align:left;
	font-weight:400;
	vertical-align:middle;
	line-height:1;
}
#contact #formTable table td .width500{width:95%;}
#contact #formTable table td .width190{width:80%;}
#contact #formTable table td .width150{width:25%;}
#contact #formTable table td .width90{width:15%;}
#contact #formTable .policyCheck{
	border:1px solid #dcdcdc;
	width:80%;
	margin:0 auto 50px;
	padding:20px 10%;
}
section .formBtn li{
	display:inline-block;
	width:30%;
	margin:0 5%;
	font-size:86%;
	line-height:1;
	text-align:center;
	}

}
@media screen and (max-width:786px){

/*################ 下層共通 ################*/
.pageTitle{
	width:100%;
	height:100%;
	padding:46.875% 0 0 0;
}
.pageTitle h2{
	font-size:286%;
	font-weight:500;
}
section .btnArea .inner p.btn{width:100%;}
section .btnArea .inner #pager{
	width:98%;
	margin:0 auto;
}
section .btnArea .inner #pager ul{
	position:relative;
	height:59px;
}
section .btnArea .inner #pager ul li{
	width:25%;
	position:absolute;
	text-align:center;
	line-height:1;
	top:0;
	font-size:100%;
    font-family: 'Gotham Medium','Noto Sans Japanese';
	font-weight:400;
}
section .btnArea .inner #pager ul li.prev{ left:0;}
section .btnArea .inner #pager ul li.next{ right:0;}
section .btnArea .inner #pager ul li.top{left:25%; width:50%;}
section .btnArea .inner #pager ul li a{
	display:block;
	border:2px solid #005bac;
	padding:20px 0;
	border-right: 0;
}

/*################ 事業内容 ################*/

#section section .inner h3{
	font-size:158%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:30px;
}
#section section .inner h4{
	font-size:115%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:30px;
}
#section section .inner p{ margin-bottom:40px;}
#section section .inner p:last-of-type{ margin-bottom:0;}

#section #solution .inner #fiveBusiness {
    background: url(../../section/img/img_section01.png) center 0 no-repeat;
    background-size: 80% auto;
    width: 80%;
    height: 100%;
    padding: 80% 10% 0;
    margin: 0 auto;
    position: relative;
}
#section #solution .inner #solutionTable{
	background:#004078;
	padding:50px 5%;
	color:#fff;
	text-align:center;
}
#section #solution .inner #solutionTable h3{
	font-size:186%;
	line-height:1;
	margin-bottom:40px;
}
#section #solution .inner #solutionTable p{
	font-size:115%;
	font-weight:500;
	line-height:1.2;
	margin-bottom:20px;
}
#section #solution .inner #solutionTable table td{
	display:block;
	width:82%;
	background-position:5% center;
	background-repeat:no-repeat;
	background-size:10% auto;
	border:1px solid #99b3c9;
	border-bottom:0;
	color:#99b3c9;
	font-size:115%;
	padding:20px 0 20px 18%;
	line-height:1;
	text-align:left;
	vertical-align:middle;
}
#section #solution .inner #solutionTable table tr:last-of-type td:last-of-type{ border-bottom:1px solid #99b3c9;}
#section #communicationPlanning .inner p.img{
	width:90%;
	margin:0 auto;
}
#section #operatingBusiness p.img{
	float:none;
	margin:0 0 20px 0;
}
#section #systemBusiness #feature{padding:50px 0;}
#section #systemBusiness #feature .inner{
	background:rgba(0,0,0,0.7);
	width:92%;
	padding:50px 2%;
	margin:0 auto 50px;
	color:#fff;
	text-align:center;
}
#section #systemBusiness #feature .inner h4{font-size:158%;}
#section #systemBusiness #feature .inner#contents01 ul{
	width:90%;
	margin:0 auto 40px;
}
#section #systemBusiness #feature .inner#contents01 ul li{
	float:left;
	width:49%;
	margin:0 0 0 2%;
}
#section #systemBusiness #feature .inner#contents01 ul li:nth-child(4){margin:0 0 0 2%;}
#section #systemBusiness #feature .inner#contents01 ul li:nth-child(5){margin:0%}
#section #systemBusiness #feature .inner#contents01 ul li:nth-child(odd){ margin:0;}
#section #systemBusiness #feature .inner#contents01 p.btn{
	width:100%;
	margin:0 auto;
	font-size:108%;
}
#section #systemBusiness #feature .inner#contents02 dl{
	display:block;
}
#section #systemBusiness #feature .inner#contents02 dl dt{
	display:block;
	background:rgba(255,255,255,0.4);
	width:100%;
	padding:15px 0;
	font-size:216%;
	line-height:1.2;
	vertical-align:middle;
}
#section #systemBusiness #feature .inner#contents02 dl dt small{
	display:block;
	font-size:47%;
}
#section #systemBusiness #feature .inner#contents02 dl dd{
	display:block;
	padding:15px 4%;
	background:rgba(255,255,255,0.2);
	vertical-align:middle;
}
#section #systemBusiness #feature .inner#contents02 dl dd p{
	float:none;
	width:100%;
	text-align:left;
	font-size:158%;
	margin:0 0 20px 0;
	line-height:1.8;
}
#section #systemBusiness #feature .inner#contents02 dl dd p small{
	display:block;
	font-size:64%;
	line-height:1.2;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn{
	float:none;
	width:100%;
	margin:0 auto;
	font-size:108%;
	text-align:center;
	line-height:1;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn a{ padding:15px 0;}

#section #systemBusiness #feature .inner#contents02 dl dd p.btn a span{
	background:url(../../section/img/ico_btn01.svg) right center no-repeat;
	background-size:17px auto;
	display:inline-block;
	padding-right:25px;
	min-height:20px;
	line-height:20px;
}
#section #systemBusiness #feature .inner#contents02 dl dd p.btn a:hover span{
	background:url(../../section/img/ico_btn02.svg) right center no-repeat;
	background-size:17px auto;
}

/*################ ブンカの強み ################*/

#advantage #advNavi ul li{
	float:left;
	width:50%;
	text-align:center;
	font-size:100%;
	font-weight:500;
	line-height:1;
}
#advantage #advNavi ul li:nth-child(1) a,
#advantage #advNavi ul li:nth-child(3) a,
#advantage #advNavi ul li:nth-child(6) a,
#advantage #advNavi ul li:nth-child(8) a{ background:#fff;}
#advantage #advNavi ul li:nth-child(1) a,
#advantage #advNavi ul li:nth-child(4) a,
#advantage #advNavi ul li:nth-child(5) a,
#advantage #advNavi ul li:nth-child(8) a{ background:#f7f7f7;}
#advantage #container section .advBox{
	position:relative;
	width:100%;
}
#advantage #advantage01,
#advantage #advantage02,
#advantage #advantage03,
#advantage #advantage04,
#advantage #advantage05,
#advantage #advantage06,
#advantage #advantage07,
#advantage #advantage08{
	background-size:cover;
	height:auto;
	padding:0 0 2% 0;
}
#advantage section.left .inner{
	position:static;
	padding:30px 2%;
	width:96%;
	top:0;
	left:0;
}
#advantage section.right .inner{
	position:static;
	padding:30px 2%;
	width:96%;
	top:0;
	left:0;
}
#advantage section#advantage01 .inner{
	padding:5% 2% 93% 2%;
	width:96%;
	background:url(../../advantage/img/img_advantage01.svg) center bottom no-repeat;
	background-size:62% 40%;
}
#advantage section#advantage05 .inner{
	background:url(../../advantage/img/img_advantage02.svg) center bottom no-repeat;
	padding:5% 2% 85% 2%;
	background-size:75% 45%;
}
#advantage section#advantage06 .inner{
	background:url(../../advantage/img/img_advantage03.png) center bottom no-repeat;
	padding:5% 2% 46% 2%;
	background-size:70% auto;
}
#advantage section#advantage07.left .inner{
	width:96%;
	background:url(../../advantage/img/img_advantage04.svg)center bottom no-repeat;
	padding:5% 2% 45% 2%;
	background-size:57% 27%;
}
#advantage section#advantage08 .inner{
	background:url(../../advantage/img/img_advantage05.svg)center bottom no-repeat;
	padding:5% 2% 64% 2%;
	background-size:46% 30%;
}
#advantage section.advBox h3{
	font-size:244%;
	font-weight:400;
	line-height:45px;
	margin-bottom:20px;
}
#advantage section.advBox h3 span{
	font-size:50%;
    font-family: 'Gotham Medium';
	font-weight:400;
	display:block;
	margin:0 12px 0 0;
	text-align:center;
	border:2px solid #222;
	color:#222;
	width:50px;
	height:50px;
	line-height:54px;
	letter-spacing:0;
}
#advantage section.left h3 span{
	border:2px solid #fff;
	color:#fff;
}
#advantage section.advBox h4{
	font-size:115%;
	font-weight:500;
	margin-bottom:20px;
	line-height:1.5;
}
#advantage section.advBox p {margin-bottom:35px;}

#advantage section#advantage01.advBox p,
#advantage section#advantage07.advBox p{ width:auto;}
#advantage section#advantage08 h4{
	background:url(../../advantage/img/img_advantage06.png) right top no-repeat;
	background-size:20% auto;
	width:78%;
	padding: 22px 20% 22px 0;
}

#advantage section.advBox p.btn {
    width: 100%;
    text-align: center;
}

/*################ プロジェクト ################*/

#project #projectList ul li{
	width:49%;
	margin:0 0 60px 2%;
	position:relative;
}
#project #projectList ul li.project04{margin-left:2%;}
#project #projectList ul li:nth-child(odd){margin-left:0;}

#project #projectList ul li h3{	font-size:150%;}
#project #projectList ul li p{
	margin-bottom:20px;
	font-size:86%;
	text-align:left;
	}
#project #projectList ul li p br{display:none;}

#project #projectList ul li p.btn{
	width:98%;
	text-align:center;
}

/*################ プロジェクト詳細 ################*/

#projectDetail .pageTitle h2{
	font-size:186%;
	margin-bottom:15px;
}
#projectDetail .pageTitle p{
	font-size:86%;
	line-height:1.5;
	}

#projectDetail #purpose .inner,
#projectDetail #episode .inner,
#projectDetail #proposal .inner,
#projectDetail #achievement .inner{ padding:50px 0;}
#projectDetail h3{
	margin-bottom:20px;
	font-size:258%;
}
#projectDetail section h4{
	font-size:135%;
	line-height:1.2;
	margin-bottom:30px;
	}
#projectDetail #purpose ul li{
	font-size:158%;
}
#projectDetail #outline .inner{
	background:#fff;
	width:92%;
	padding:50px 2%;
}
#projectDetail #outline .inner dl{padding:50px 5%;}
#projectDetail #outline .inner p.btn{
	width:100%;
}


/*################ 会社案内 ################*/
#company h2{
	font-size:286%;
	margin-bottom:30px;
	text-align:center;
}
#company h3{
	font-size:150%;
	text-align:center;
	}
#company #vision .inner{
	height:auto;
	padding:50px 2%;
}
#company #vision .inner .titleBox{
	float:none;
	width:100%;
	line-height:1.5;
}
#company #vision h3{
	text-indent:0;
	margin-bottom:20px;
	}
#company #vision h3 br{display:none;}

#company #vision .inner .textBox{
	float:none;
	width:100%;
	margin:0;
}
#company #vision .inner .textBox p{ margin-bottom:30px;}
#company #profile_office{background:none;}
#company #profile_office .inner{
	padding:0;
	width:100%;
}
#company #profile_office .inner .box{
	float:none;
	background:rgba(0,0,0,0.5);
	width:96%;
	padding:30px 2%;
	text-align:center;
	color:#fff;
	position:static;
}
#company #profile_office .inner .box.office{
	float:none;
	width:96%;
}
#company #profile_office .inner .box h2{font-size:216%;	}
#company #profile_office .inner .box p{ margin-bottom:30px;}
#company #profile_office .inner .box p.btn{
	margin:0;
	position:static;
	bottom:0;
	left:0;
	width:100%;
}
#company #profile_office .inner .box p.btn a{
	display:block;
	margin:0 auto;
	width:auto;
	}
#company #section .inner{padding:50px 2%;}
#company #section .box h2{margin-bottom:30px;}
#company #section .box h3{
	font-size:172%;
	font-weight:500;
	text-align:center;
	margin-bottom:25px;
	line-height:1;
}
#company #section .box p{
	text-align:center;
	margin:0 0 50px 0;
	font-size:115%;
	font-weight:500;
}
#company #section .box{
	float:none;
	width:94%;
	padding:30px 3%;
	border:0;
}
#company #section p.btn{
	clear:both;
	width:100%;
	margin:0 auto;
	font-size:86%;
}
#company #security{
	background:none;
	padding:0;
}
#company #security .inner{
	padding:50px 2%;
	width:96%;
}
#company #security .inner > h3{	margin-bottom:50px;}
#company #security .inner .box .ismsBox ul{
	float:left;
	width:70%;
}
#company #security .inner .box .ismsBox p{
	text-align:right;
	width:28%;
	}
#company #security .inner .box p.btn{ width:100%;}

/*################ 会社概要・沿革 ################*/

#outline section.pageTitle02 .inner .ismsBox dl {
    float: left;
    width: 70%;
}
#outline section.pageTitle02 .inner .ismsBox p {
    float: right;
    width: 28%;
    margin: 0;
}

/*################ 事業所 ################*/

#access #officeList ul.address{
	width:100%;
	margin-bottom:50px;
}
#access #officeList ul.address li{
	float:none;
	width:96%;
	text-align:left;
	padding:30px 2%;
	border-bottom:1px solid #ccc;
}
#access #officeList ul.address li:last-child{ border:0;}

#access #officeList ul.address li h3{
	font-size:158%;
	font-weight:500;
	margin-bottom:25px;
}
#access #officeList ul.address li p{
	line-height:1.2;
	margin-bottom:15px;
	}
#access #officeList ul.address li p.btn{display:block;}
#access #officeList ul.address:after{
	content:"";
	display:table;
	clear:both;
}
#access #officeList #map .tabs{ display:none;}
#access #officeList #map .content{
	clear:both;
	width:96%;
	margin:0 auto;
}
#access #officeList #map .content h3{
	display:block;
	text-align:center;
	font-size:115%;
	}
#access #officeList #map .content .tabContent{
	display:block !important;
	margin-bottom:30px;
}
#access #officeList #map .mapFrame{
	width:100%;
	height:100%;
	padding:50% 0 0 0;
	position:relative;
	border:1px solid #ccc;
}
#access #officeList #map .mapFrame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*################ 情報セキュリティ体制 ################*/

#infosecurity section .titleArea{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
    width: 100%;
    height: 100%;
	margin-bottom:100px;
	padding: 46.875% 0 0 0;
}
#infosecurity section .titleArea .titleBox{
	position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
}
#infosecurity section .titleArea .inner{
    display: table;
	padding:0 2%;
	width:96%;
    height: 100%;
	text-align:center;
	}
#infosecurity section .titleArea .inner .box h3 {
    font-size: 286%;
    font-weight: 500;
    margin-bottom: 30px;
}
#infosecurity section .titleArea .inner .box p {
    font-size: 143%;
    font-weight: 500;
}
#infosecurity section  ul li {
	width: 49%;
    margin: 0 0 60px 2%;
}
#infosecurity #staff{
	background:url(../../company/infosecurity/img/bg_security04.jpg) center top no-repeat;
	background-size:cover;
	width:96%;
	padding:50px 2%;
}
#infosecurity #staff .inner{
	background:#fff;
	padding:50px 3%;
	width:94%;
}
#infosecurity #staff .inner .box{
	border:1px solid #dcdcdc;
	padding:50px 3%;
	margin-bottom:50px;
}

/*################ 採用情報 ################*/

#recruit section h3{
	font-size:286%;
	margin-bottom:30px;
}
#recruit #vision{
	background:url(../../recruit/img/bg_recruit02.jpg) center top no-repeat;
	background-size:100% auto;
	position:static;
	width:100%;
	height:100%;
	padding:35.6% 0 0 0;
}
#recruit #vision .visionBox{
	background:url(../img/bg_diagonal01.gif);
	position:static;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	padding-bottom:50px;
}
#recruit #vision .visionBox .inner{	padding:20px 0 0 0;}
#recruit #vision h3{
	text-align:center;
	margin-bottom:20px;
	}
#recruit #vision .visionBox .inner ul li{
	font-size:115%;
	text-align:center;
	}
#recruit #feature ul li{
	width: 49%;
    margin: 0 0 60px 2%;
    padding: 47% 0 0 0;
    position: relative;
}
#recruit #feature ul li span{
	border:2px solid #fff;
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	width:58px;
	height:58px;
    font-family: 'Gotham Medium';
	font-size:172%;
	text-align:center;
	line-height:60px;
	color:#fff;
}
#recruit #feature ul li dl dt {
    font-size: 150%;
    font-weight: 500;
}
#recruit #feature ul li dl dd{ font-size:86%;}

#recruit #feature ul li:first-child{ margin-left:0;}
#recruit #feature ul li:last-child{ margin:0;}
#recruit #feature ul:after{
	content:"";
	display:table;
	clear:both;
}
#recruit #recruitment{background:url(../img/bg_diagonal01.gif);}
#recruit #recruitment .inner{ padding:50px 0;}
#recruit #recruitment .inner p{
	text-align:center;
	font-size:129%;
}
#recruit #recruitment .inner a{ text-decoration: underline; }

/*################ インタビュー ################*/

#interview #interviewList ul li .box{
	width:96%;
	padding:3% 2%;
	position:static;
	top:0;
	height:auto;
}
#interview #interviewList ul li .box p.catch{
	font-size:172%;
	margin-bottom:20px;
}
#interview #interviewList ul li .box h3{
	font-size:100%;
	margin-bottom:20px;
}
#interview #interviewList ul li .box p.btn{width:100%;}

/*################ インタビュー詳細 ################*/

#interview #interviewDetail .titleBox{
	position:static;
	margin:0;
	overflow:hidden;
}
#interview #interviewDetail img{
	width:100%;
	vertical-align:bottom;
}
#interview #interviewDetail .titleBox .box{
	width: 100%;
    padding: 3% 0;
    position: static;
    top: 0;
    height: auto;
}
#interview #interviewDetail .titleBox .box h3{
	font-size: 172%;
	margin-bottom:20px;
}
#interview #interviewDetail .titleBox .box p.name{font-size:100%;}
#interview #interviewDetail .rightBox,
#interview #interviewDetail .leftBox{
	clear:both;
	width:100%;
	position:relative;
}
#interview #interviewDetail .rightBox p.photo,
#interview #interviewDetail .leftBox p.photo{padding:0;}
#interview #interviewDetail .rightBox .textBox,
#interview #interviewDetail .leftBox .textBox{
	position:absolute;
	top:auto;
	bottom:2%;
	left:0;
	width:100%;
	height:auto;
}
#interview #interviewDetail .rightBox .textBox .inner .box,
#interview #interviewDetail .leftBox .textBox .inner .box{
	background:rgba(0,0,0,0.5);
	display:table-cell;
	height:48%;
	vertical-align:middle;
	padding:1% 2%;
	color:#fff;
}
	#interview #interviewDetail .inner h4{
	font-size:143%;
	margin-bottom:10px;
}
#interview #interviewDetail .inner h5{
	font-size:100%;
	margin-bottom:10px;
}
#interview #interviewDetail .inner p{
	font-size:79%;
	line-height:1.5;
	}

#interview #interviewDetail .textBoxFull{
	background:url(../img/bg_diagonal01.gif);
	padding:50px 0;
}


/*################ 募集要項 ################*/
    #information .recruit-last{
        margin-bottom: 90px;
    }
    #information .recruit-menu{
        font-size:115%;
    }

    #information .recruit-detail{
        display : block;
    }
    #information .recruit-detail__ttl{
        font-size:120%;
        padding : 0 0 1em 0;
    }
    #information p.btn{
        width:100%;
    }
    #information p.btn_last{
	    width:100%;
	    margin:3em auto 0 auto;
    }

/*################ プライバシーポリシー ################*/

#privacyPolicy #policy p{margin-bottom:30px;}
#privacyPolicy #policy ul{margin-bottom:60px;}
#privacyPolicy #policy ul li{margin-bottom:25px;}
#privacyPolicy #policy ul li .box dl{width:60%;}
#privacyPolicy #policy ul li .box p.btn{width:35%;}

/*################ お問い合わせ ################*/

#contact #formTable p{ text-align:left;}
#contact #formTable table{
	border:0;
	border-top:1px solid #dcdcdc;
	width:100%;
	margin:0 auto 30px;
}
#contact #formTable table th{
	border-bottom:0;
	display:block;
	width:98%;
	padding:18px 1% 0 1%;
	text-align:left;
	font-weight:400;
	vertical-align:middle;
	line-height:1;
}
#contact #formTable table td{
	border-bottom:1px solid #dcdcdc;
	display:block;
	width:98%;
	padding:18px 1%;
	text-align:left;
	font-weight:400;
	vertical-align:middle;
}
#contact #formTable table td .width500{width:95%;}
#contact #formTable table td .width190{width:80%;}
#contact #formTable table td .width250{width:80%;}
#contact #formTable table td .width150{width:25%;}
#contact #formTable table td .width90{width:15%;}
#contact #formTable .policyCheck{
	border:1px solid #dcdcdc;
	width:80%;
	margin:0 auto 50px;
	padding:20px 10%;
}
#contact #formTable .policyCheck p,
#contact #formTable .complete p { text-align:center;}
section .formBtn li{
	display:block;
	width:100%;
	margin:0 0 15px 0;
	font-size:86%;
	line-height:1;
	text-align:center;
	}

}
@media screen and (max-width:425px){
/*################ 下層共通 ################*/

.pageTitle h2{font-size:158%;}
.pageTitle02 .inner{padding:30px 0;}
.pageTitle02 .inner h2{
	font-size:158%;
	font-weight:500;
	line-height:1;
	text-align:center;
}
.pageTitle02 .inner h2 span{
	font-size:50%;
	margin-bottom:15px;
	}
.pageTitle02 .inner h3{ font-size:143%;}
section .btnArea .inner #pager{
	width:98%;
	margin:0 auto;
}
section .btnArea .inner #pager ul{
	position:relative;
	height:120px;
}
section .btnArea .inner #pager ul li{
	width:49%;
	position:absolute;
	text-align:center;
	line-height:1;
	top:60px;
	font-size:100%;
    font-family: 'Gotham Medium','Noto Sans Japanese';
	font-weight:400;
}
section .btnArea .inner #pager ul li.prev{ left:0;}
section .btnArea .inner #pager ul li.next{ right:0;}
section .btnArea .inner #pager ul li.top{top:0; left:0; width:100%;}
section .btnArea .inner #pager ul li a{
	display:block;
	border:2px solid #005bac;
	padding:20px 0;
	 border-right:2px solid #005bac;
}


/*################ ブンカの強み ################*/

#advantage .pageTitle h2{top:20%;}
#advantage .pageTitle h2 span{display:block;}
#advantage section.advBox h3 {font-size: 158%;}
#advantage section#advantage08 h4{
	background:url(../../advantage/img/img_advantage06.png) left bottom no-repeat;
	background-size:50% auto;
	width:100%;
	padding: 0 0 33% 0;
}

/*################ プロジェクト ################*/

#project #projectList ul li{
	float:none;
	width:100%;
	margin:0 0 60px 0;
	position:relative;
}
#project #projectList ul li.project04{margin-left:0;}
#project #projectList ul li h3{	font-size:150%;}
#project #projectList ul li p{
	margin-bottom:20px;
	font-size:86%;
	text-align:left;
	}
#project #projectList ul li p br{display:none;}

#project #projectList ul li p.btn{
	width:98%;
	text-align:center;
}

/*################ プロジェクト詳細 ################*/

#projectDetail .pageTitle {
    background-size:100% auto;
    height: auto;
    position: relative;
	padding: 46.875% 0 0 0;
}
#projectDetail .pageTitle .titleBox {
	background:rgba(0,0,0,0.7);
    position: static;
    width: 100%;
    height:auto;
	padding:10px 0;
}
#projectDetail .pageTitle .box{
	height:100%;
	text-align:center;
	color:#fff;
	display:block;
	vertical-align:middle;
}
#projectDetail .pageTitle h2{
	font-size:158%;
	margin-bottom:15px;
}
#projectDetail .pageTitle h2 br,
#projectDetail .pageTitle p br{ display:none;}

#projectDetail h3{
	margin-bottom:20px;
	font-size:158%;
	font-weight:500;
	line-height:1;
}
#projectDetail section h3 span {font-size: 50%;}

#projectDetail section h4{
	font-size:115%;
	line-height:1.2;
	margin-bottom:15px;
	}
#projectDetail #purpose ul li{font-size:115%;}
#projectDetail #outline .inner h3{
	font-size:165%;
	text-align:center;
}
#projectDetail #outline .inner dl{
	border:1px solid #dcdcdc;
	padding:30px 3%;
	margin-bottom:50px;
	line-height:1.2;
}
#projectDetail #outline .inner dl dt{
	font-size:129%;
	margin-bottom:15px;
}
#projectDetail #outline .inner dl dd{
	margin-bottom:30px;
}
#projectDetail #outline .inner dl dd:last-of-type{ margin:0;}

/*################ 会社案内 ################*/

#company h2{
	font-size:158%;
	margin-bottom:30px;
	text-align:center;
}
#company h2 span {font-size: 50%;}
#company h3 {font-size: 136%;}
#company #profile_office .inner .box h2 {font-size:158%;}
#company #section .solution {
    padding: 30px 3% 0 3%;
}
#company #section .box h3 {font-size:158%;}
#company #section .box p {
    margin: 0 0 20px 0;
}
#company #security .inner .box h3 {
    font-size: 158%;
	margin-bottom:20px;
}
#company #security .inner .box .ismsBox ul{
	float:none;
	width:100%;
	margin-bottom:20px;
}
#company #security .inner .box .ismsBox p{
	float:none;
	width:70%;
	margin:0 auto;
}
#company #security .inner .box .ismsBox p img{ width:100%;}
#company #security .inner .box .ismsBox:after{
	content:"";
	display:table;
	clear:both;
}
#company #security .inner .box ul.policy li{
	list-style:decimal;
	padding-left:0.5em;
	margin-left:1.5em;
}
#company #security .inner .box .textBox p.btn{ width:100%;}
#company #security .inner .box:after{
	content:"";
	display:table;
	clear:both;
}

/*################ 会社概要・沿革 ################*/

#outline section.pageTitle02{
	background:none;
	padding:0;
}
#outline section.pageTitle02 .inner{
	background:#fff;
    padding: 50px 2%;
    width: 96%;
	}
#outline section.pageTitle02 .inner h3 { margin-bottom:30px;}
#outline section.pageTitle02 .inner table{
	width:100%;
}
#outline section.pageTitle02 .inner .ismsBox {
    border: 1px solid #dcdcdc;
    padding: 30px 3%;
	margin:0;
}
#outline section.pageTitle02 .inner .ismsBox dl {
	float: none;
    width: 100%;
    margin-bottom: 20px;
}
#outline section.pageTitle02 .inner .ismsBox p {
    float: none;
    width: 70%;
    margin: 0 auto;
}
#outline section.pageTitle02 .inner .ismsBox p img {width: 100%;}

/*################ 情報セキュリティ体制 ################*/

#infosecurity section .titleArea{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
    width: 100%;
    height: 100%;
	margin-bottom:100px;
	padding: 46.875% 0 0 0;
}
#infosecurity section .titleArea .titleBox{
	position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
}
#infosecurity section .titleArea .inner{
    display: table;
	padding:0 2%;
	width:96%;
    height: 100%;
	text-align:center;
	}
#infosecurity section .titleArea .inner .box h3 {
	font-size: 158%;
	font-weight: 500;
	margin-bottom: 30px;
}
#infosecurity section .titleArea .inner .box p {
    font-size: 100%;
    font-weight: 500;
}
#infosecurity section .titleArea .inner .box p sup{
	font-size:30%;
	position:relative;
	top:-6px;
}

#infosecurity section  ul li {
	width: 100%;
    margin: 0 0 15px 0;
	line-height:1.2;
}
#infosecurity #staff .inner h3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 158%;
}
#infosecurity #headOffice .box .textBox{
    background:url(../../company/img/img_company03.jpg) center top no-repeat;
    background-size:100% auto;
    padding:85% 0 0 0;
}
/*################ 採用情報 ################*/

#recruit section h3{font-size: 158%;}
#recruit section h3 span {font-size: 50%;}
#recruit #feature ul li{
	float:none;
	width: 100%;
    margin: 0 0 30px 0;
    padding: 100% 0 0 0;
    position: relative;
}
#recruit #feature ul li span{
	border:2px solid #fff;
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	width:58px;
	height:58px;
    font-family: 'Gotham Medium';
	font-size:172%;
	text-align:center;
	line-height:60px;
	color:#fff;
}
#recruit #feature ul li dl dt {
    font-size: 150%;
    font-weight: 500;
}
#recruit #feature ul li dl dd{ font-size:100%;}

#recruit #feature ul li:last-child{ margin:0;}
#recruit #staffInterview{
	padding-top:100px;
	margin-bottom:100px;
	}
#recruit #staffInterview .inner{
	background:url(../img/bg_diagonal01.gif);
	height:auto;
	padding:20px 2%;
}
#recruit #staffInterview .inner dl{
	background:url(../../recruit/img/bg_recruit06.jpg) 0 0 no-repeat;
	background-size:100% auto;
	float:none;
	width:100%;
	height:100%;
	margin-bottom:20px;
	padding:44% 0 0 0;
	line-height:1.5;
	position:relative;
}
#recruit #staffInterview .inner dl dt{
	position:static;
	font-size:129%;
	text-align:center;
}
#recruit #staffInterview .inner dl dd{
	position:static;
	text-align:center;
	font-size:86%;
}
#recruit #staffInterview .inner p{
	float:none;
	width:100%;
	margin:0 auto;
	padding:0;
}
#recruit #staffInterview .inner p.btn a{ padding:10px 0;}

/*################ インタビュー ################*/

#interview #interviewList ul li .box p.catch{
	font-size:143%;
	font-weight:500;
	margin-bottom:20px;
	line-height:1.5;
}

/*################ インタビュー詳細 ################*/

#interview #interviewDetail .titleBox .box h3{
	font-size: 143%;
	margin-bottom:20px;
}
#interview #interviewDetail .titleBox .box p.name{font-size:100%;}
#interview #interviewDetail .rightBox p.photo,
#interview #interviewDetail .leftBox p.photo{padding:0;}
#interview #interviewDetail .rightBox .textBox,
#interview #interviewDetail .leftBox .textBox{
	background:rgba(0,0,0,0.5);
	position:static;
	top:auto;
	bottom:2%;
	left:0;
	width:100%;
	height:auto;
}
#interview #interviewDetail .rightBox .textBox .inner .box,
#interview #interviewDetail .leftBox .textBox .inner .box{
	background:none;
	display:table-cell;
	height:48%;
	vertical-align:middle;
	padding:3% 2%;
	color:#fff;
}

#interview #interviewDetail .textBoxFull{padding:5% 0;}


/*################ プライバシーポリシー ################*/

#privacyPolicy #policy p{margin-bottom:30px;}
#privacyPolicy #policy ul{margin-bottom:60px;}
#privacyPolicy #policy ul li{margin-bottom:25px;}
#privacyPolicy #policy ul li .box dl{
	float:none;
	width:100%;
	margin-bottom:20px;
	}
#privacyPolicy #policy ul li .box p.btn{
	float:none;
	width:100%;
	}
#privacyPolicy #policy ul li .box p.btn a{ padding:10px 0;}

}





/*################ 200930_お知らせ [210402追記] ################*/

#information #info .btnWrap{
		text-align : center;
		margin-top : 10px;
		margin-bottom : 10px;
	}
	#information #info a.btnblue{
		display : inline-block;
		border : 1px solid #2983bc;
		margin : 0 auto;
		padding : 0 1em;
		text-align : center;
		transition:color .2s;
	}
	#information #info a.btnblue:hover{
		background : #005bac;
		color : #fff;
	}

#information .pageTitle h2 span.f-small{
	font-size:50%;
	padding-top:1.5em;
}

#information #info p{margin-bottom:30px;}

#information #info ol{
	padding: 0 0 0 30px;
	margin-bottom:30px;
	list-style-type: decimal;
}
#information #info ol li{margin-bottom:10px;}

#information .pageTitle span{ display:block;}

#information #infoList dl{
	margin : auto auto 3em auto;
	display : flex;
	flex-wrap : wrap;
}
#information #infoList dl dt{
	width : 20%;
	text-align : right;
}
#information #infoList dl dd{
	margin-bottom : 1em;
	width : 75%;
	margin-left : 5%;
}

@media screen and (max-width:1024px){
	#information .pageTitle h2 span{
		font-size:80%;
	}
	#information .pageTitle{margin-bottom:50px;}
}

@media screen and (max-width:786px){
	#information .pageTitle h2 span{
		font-size:60%;
	}
	#information .pageTitle h2 span.f-small{
		font-size:30%;
	}
	#information h3{
		font-size: 1.1em;
	}
	#information #infoList dl{
		display : block;
	}
	#information #infoList dl dt{
		width : 100%;
		text-align : left;
		line-height : 1.3em;
	}
	#information #infoList dl dd{
		width : 100%;
		margin-left : 0;
		line-height : 1.3em;
		margin-bottom : 1em;
	}
}

@media screen and (max-width:425px){
	#information .pageTitle h2 span{
		font-size:70%;
	}
	#information .pageTitle h2 span.f-small{
		font-size:50%;
	}
}









/*240725*/
#vision .movie p {
  position:absolute;
  bottom:10px;
  right:10px;
  color:#ffffff;
}