@charset "UTF-8";

/* ---------- ---------- ---------- ---------- ----------
 ACD
 ---------- ---------- ---------- ---------- ---------- */
 body{position: relative;-webkit-text-size-adjust: 100%;}
 li{list-style: none;}

.mainVisual,
.contents{min-width: 1400px;}

/**/
.pagetop{position: fixed;right: 0;bottom: 0;z-index: 10000;}
.pagetop a{display: block;width: 80px;height: 0;padding-top: 80px;overflow: hidden;background: url(../images/common/pagetop.png) no-repeat center;}

.enText{font-family:'Libre Baskerville', Baskerville, Times, Palatino, serif;}
.mincho{font-family: 'Libre Baskerville', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;}


.modal-btn{transition: all .25s ease;}
.modal-btn:hover{opacity:0.7;}

/*--------------------------------------
 HEADER
---------------------------------------*/
.headBox{background: #fff;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
box-shadow:0 0 10px rgba(0,0,0,0.5);
position: relative;z-index: 1001;
min-width: 1400px;}
.headBox .inner {
    width: 1334px;
    margin: auto;
	position: relative;
	padding: 8px 0;
}
.headBox .inner:after {
	content:"";
	clear: both;
	display: block;
}

.headBox .text{float: left;padding-top: 12px;font-size: 11px;line-height: 1;color: #0a4f8a;}

.siteHeader{
	background: #fff;
	width: 100%;
	position: fixed;
	top: 0;left: 0;
	z-index: 1000;
}
/**/
.siteHeader#fixedBox2{position: relative;}
.siteHeader#fixedBox2.fixed{position: fixed;}
.siteHeader#fixedBox2+.pageHead{margin-top: 0;}
/**/
.siteHeader .inner{width: 1334px;overflow: hidden;margin: auto;}
.home .siteHeader{position: relative;background: none;}

.siteHeader .logo{float: left;}
/* navigation */
.siteHeader .navigation,
.home #fixedBox .siteHeader .navigation{
	overflow: hidden;float: right;margin-top: 35px;
	background: none;border: 1px solid #fff;
	padding-right: 10px;
}
.siteHeader .navigation li{float: left;text-align: center;font-size: 12px;width: 90px;}
.siteHeader .navigation a,
.home #fixedBox .siteHeader .navigation a{
	display: inline-block;
	padding: 5px 0;
	color: #0a4f8a;
}

body.service .nav-service a,
body.voice .nav-voice a,
body.news .nav-news a,
body.corporate .nav-corporate a,
body.corporate_en .nav-corporateen a
body.contact .nav-contact a{text-decoration: underline;}

/* fixedBox */
#fixedBox{background: #fff;}

/* home */
.home .siteHeader .navigation{
	border: 1px solid rgba(225, 225, 225, 0.3);
	background: rgba(0, 0, 0, 0.3);
}
.home .siteHeader .navigation a{color: #fff;}

/*--------------------------------------
 FOOTER
---------------------------------------*/
.siteFooter {min-width: 1334px;text-align: center;padding: 36px 0;background: #fafafa;}
.siteFooter .inner{width: 1334px;margin: auto;overflow: hidden;}
.siteFooter small{font-size: 13px;display: block;float: left;margin-top: 7px;}

.siteFooter .linkArea {
    font-size: 13px;
    float: left;
    margin-top: 7px;
}
.siteFooter .linkArea a{
	display: inline-block;
	margin-left: 1em;
}

/*--------------------------------------
 ana
---------------------------------------*/
.ana{
	float: right;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
}
.ana .anaLogo{display: inline-block;margin-left: 14px;float: none;}

.headBox .ana{line-height: 40px;}
.headBox .anaLogo{float: right;height: 40px;}
.headBox .inner .ana .anaLogo{
	position: absolute;
	right: 152px;top: 760px;
	width: 200px;height: auto;
}
.siteFooter .ana{color: #0a4f8a;line-height: 35px;}
.siteFooter .ana .anaLogo{float: right;height: 30px;}

/*--------------------------------------
 CONTENTS
---------------------------------------*/
.contents p,
.contents li,
.contents th,
.contents td{font-size: 15px;}

.contentsWide{width: 1260px;padding: 0 37px;margin: auto;}
.contentsWide.main{width: 900px;padding: 60px 217px;}
.innerContentsWidth{width: 900px;margin: auto;}

/* pageHead */
.pageHead{
	background-color: #094577;
	background: -webkit-gradient(linear, left top, left bottom,  from(#083b67),  to(#0a4f8a));
	background: linear-gradient(bottom,  #083b67 0%,  #0a4f8a 100%);
	margin-top: 100px;
	height: 70px;
	min-width: 1400px;
}
.pageHead .inner{
	width: 1260px;
	padding: 0 37px;
	margin: auto;
	overflow: hidden;
}
.pageHead .pageTitle{
	font-family: 'Libre Baskerville', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;
	line-height: 70px;
	font-size: 25px;
	color: #fff;
	float: left;
}
.pageHead .path{
	float: right;
	line-height: 70px;
	font-size: 12px;
	color: #fff;
}
.pageHead .path a{color: #fff;}

/* ---------- TITLE ---------- */
/* mainVisualTitle */
.mainVisualTitle{
	position: relative;
	height: 500px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover;

	min-width: 1400px;
}
.mainVisualTitle .maintitle{
	font-size: 64px;text-align: center;line-height: 1;
	color: #fff;
	font-family: 'Libre Baskerville', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;
	text-shadow: 2px 1px 1px #48484a
}
.mainVisualTitle .maintitle span{
	display: block;
	font-size: 28px;
	padding-top: 10px;
}

/* areaTitle */
.areaTitle{
	text-align: center;
	font-size: 38px;
	line-height: 1.3;
	color: #0a4f8a;
	font-family: 'Libre Baskerville', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;

	margin-bottom: 50px;
}
.home .areaTitle{margin-bottom:0;}
.areaTitle span{
	display: block;
	font-size: 15px;
	margin-top: 5px;
}

/* title01 */
.title01{
	border-left: 7px solid #0a4f8a;
	background-color: #e4e3e3;
	background: -webkit-gradient(linear, left top, left bottom,  from(#f6f5f5),  to(#d7d6d6));
	background: linear-gradient(bottom,  #f6f5f5 0%,  #d7d6d6 100%);
	color: #0a4f8a;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
}
.title01 .titleInner{
	display: block;
	border: 1px solid #dcdbdc;border-left: none;
	background: url(../images/common/bg_slash.png);
	padding: 16px 36px;
}

/* iconTitle */
.iconTitle{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.iconTitle{
	width: 570px;
	text-align: left;
	font-size: 28px;color: #0a4f8a;line-height: 1.5;
	margin-bottom: 30px;
}
.iconTitle strong{font-weight: normal;width: 470px;}
.iconTitle .icon{
	display: inline-block;
    border-radius: 70px;
    background: #1d7ccd;
    color: #fff;
	font-size: 40px;
    line-height: 1;
    padding: 18px 22px;
}



/* ---------- ICON ---------- */
.icon{display: inline-block;padding-left: 42px;}
.icon-newwin{background: url(../images/common/icon_newwindow.png) no-repeat 0 50%;}
.icon-mail{background: url(../images/common/icon_mail.png) no-repeat 0 50%;}
.icon-mail.white{background: url(../images/common/icon_mail_w.png) no-repeat 0 50%;}

/* ---------- BUTTON ---------- */

/* more */
.btnMore{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.btnMore a{
	color: #fff;
}

/* ---------- BLOCK ---------- */
.blockArea{padding: 100px 0;}
/* column */
.column2Block,
.column3Block,
.column4Block{overflow: hidden;}
.column2Block .setBlock,
.column3Block .setBlock,
.column4Block .setBlock{float: left;}

.column3Block{margin-left: -30px;}
.column3Block .setBlock{margin-left: 30px;width: 400px;}
.column4Block{margin-left: -20px;}
.column4Block .setBlock{margin-left: 20px;width: 300px;}

/* setBlock */
.setBlock{background: #0a4f8a;color: #fff;padding-bottom: 30px;}
.setBlock aside{display: block;}
.setBlock p{padding: 25px 25px 0;font-size: 15px;line-height: 1.6;}
.setBlock p.btn{text-align: center;}
.setBlock p.btn a{
	display: inline-block;border: 1px solid #fff;padding: 10px;width: 148px;
	color: #fff;font-size: 14px;line-height: 1;letter-spacing: 1px;
}

/* categoryNav */
.categoryNav{background: #ddd;color: #0a4f8a;}
.categoryNav ul{width: 1260px;margin: auto;padding: 26px 0;}
.categoryNav li{
	display: inline-block;border-left: 1px solid #0a4f8a;
	font-size: 12px;line-height: 1;
	padding: 0 30px;
}
.categoryNav li:first-child{border-left: none;}

/* flexBoxArea */
.flexBoxArea{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display:flex;

	align-items:center;
	justify-content:space-between;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flexBoxArea.reverse{
    -webkit-box-direction:reverse;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row-reverse;/*--- safari（PC）用 ---*/
    flex-direction:row-reverse;
}

/* ---------- TABLE ---------- */
table.table01{
	width: 100%;
	border-collapse:separate;
	border-spacing:5px;
}
table.table01 th,
table.table01 td{font-size: 15px;padding: 25px 20px;}
table.table01 th{background: #0a4f8a;color: #fff;font-weight: normal;}
table.table01 td{background: #e4e8ef;}
table.table01 .enText{
	font-size: 12px;
	margin-top: 10px;
}

/* table02 */
table.table02{width: 94%;margin: 15px auto 0;}
table.table02 th,
table.table02 td{font-size: 14px;border: 1px solid #aaa;padding: 10px;}
table.table02 th{background: #eee;}

/* iconBlock
---------------------------------------*/
.iconBlock{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
}
.iconBlock .icon{
	display: inline-block;
	border-radius: 60px;
	background: #0a4f8a;
	color: #fff;
	font-size: 42px;
	line-height: 1;
	padding: 18px 22px;
}
.iconBlock h3,
.iconBlock p{text-align: center;}
.iconBlock h3{font-size: 26px;color: #0a4f8a;margin-top: 23px;}
.iconBlock p{font-size: 18px;margin-top: 25px;}
/* iconBtn */
.iconBtn{text-align: center;padding-top: 87px;}
.iconBtn a{
	display: inline-block;
	border: 3px solid #0a4f8a;
	box-shadow:0 3px 8px #aaa;
	width: 400px;
	padding: 20px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #0a4f8a;
}

/* contactArea
---------------------------------------*/
.contactArea{background: #d8e3ee;padding: 100px 0;min-width: 1334px;}
.contactArea .inner{width: 900px;margin: auto;overflow: hidden;}
.contactArea .contactBlock{
	float: right;
	background: url(../images/common/contact_bg.png);
	color: #fff;
	width: 350px;height: 140px;

	padding: 35px 40px 25px;
}
.contactArea .contactBlock:first-child{float: left;}
.contactArea .title{
	text-align: center;
	color: #fff600;
	font-size: 22px;
	font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;
}
.contactArea .btn{
	display: block;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	vertical-align: middle;
	margin-top: 20px;
	line-height: 46px;
	font-size: 16px;
}
.contactArea .btn span{
	display: inline-block;
	min-height: 20px;
}
.contactArea .btn .mail{font-size: 15px;padding-left: 40px;
	background: url(../images/common/contact_icon_mail.png) no-repeat 0 50%;}
.contactArea .btn .phone{font-weight: bold;padding-left: 32px
	;background: url(../images/common/contact_icon_phone.png) no-repeat 0 50%;
}
.contactArea .btn .phone a{color: #fff;}
.contactArea .note{display: block;font-size: 13px;margin-top: 20px;}

/* ========================================
  HOME
======================================== */
.mainVisual{
	position: absolute;
	width: 100%;
	left: 0;top: 0;
/*
margin-top: -100px;
position: relative;
*/
}
.mainVisual .catch{
	position: absolute;
	top: 320px;left: 0;
	width: 100%;
	min-width: 1360px;
	text-align: center;
	z-index: 10;
	font-size: 64px;
	font-family: 'Libre Baskerville', serif;
	color: #fff;
	text-shadow:0 2px 2px rgba(0,0,0,0.75);
}
.mainVisual .catch span{
	display: block;
	font-size: 28px;
	font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;
}

/* */
.home .contents{
	padding-top: 650px;
	z-index: 10;
	position: relative;
}
/*
.home .contents section{
	min-width: 1334px;
}*/
/* ---------- service ---------- */
.home #service .block img{display: inline-block;margin: 50px 35px 0;}
/* ---------- voice ---------- */
.home #voice {background:#000 url(../images/top/voice_bg.jpg) no-repeat 50% 0;}
.home #voice .areaTitle{color: #fff;padding-bottom: 90px;}
.home #voice .setBlock{
	padding-bottom: 10px;
}
.home #voice .setBlock a{display: block;color: #fff;}
.home #voice .column3Block .setBlock{margin: 0 50px;width: 300px;}
.home #voice .column3Block .setBlock:first-child{margin-left: 110px;}
/**/
.home #voice .column2Block .setBlock{margin: 0 150px;width: 300px;}
.home #voice .column2Block .setBlock:first-child{margin-left: 180px;}

.home #voice p{
	text-align: center;
	font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;
	font-size: 16px;
	padding: 10px 0 0;

}
.home #voice .postName.resize{
    -webkit-transform: scaleX(0.75);
    -moz-transform: scaleX(0.75);
	white-space:nowrap;
	margin-left: -20px;
}
.home #voice .postName + p{padding-top: 0;}


/* ---------- multilingual ---------- */
.home #multilingual .column3Block{margin-left: 0;}
.home #multilingual .iconBlock{
	width: 33%;
	margin-top: 70px;
	float: left;
}

/* ---------- system ---------- */
.home #system {background:#000 url(../images/top/system_bg.jpg) no-repeat 50% 0;}
.home #system .areaTitle{color: #fff;}
.home #system .pic{margin-top: 90px;text-align: center;}
.home #system .iconBlock{
	width: 33%;
	margin-top: 30px;
	float: left;
}
.home #system .iconBlock .icon{
	background: #fff;
	color: #0a4f8a;
}
.home #system .iconBlock h3,
.home #system .iconBlock p{color: #fff;}
.home #system .iconBtn a{
	border: 3px solid #fff;
	box-shadow:none;
	color: #fff;
}

/* ---------- news ---------- */
.home #news{background: #0a4f8a;}
.home #news .areaTitle{color: #fff;margin-bottom: 80px;}
.home #news .areaTitle span{
	font-size: 18px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.home #news .link {
	width: 900px;
	text-align: right;
	margin: 20px auto 0;
	color: #fff;
	font-size: 14px;
}
.home #news .link a{
	color: #fff;
}

/* ========================================
  CORPORATE
======================================== */
.corporate .mainVisualTitle{background-image: url(../images/corporate/title_bg.jpg);}
.corporate .maintitle{
	position: absolute;left: 50%;top: 370px;
}

/* ========================================
  CORPORATE_EN
======================================== */
.corporate_en .mainVisualTitle{background-image: url(../images/corporate/title_bg.jpg);}
.corporate_en .maintitle{
	position: absolute;left: 50%;top: 370px;
}

/* ========================================
  NEWS
======================================== */
#news .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin: 20px auto 0;
	width: 900px;
	padding: 34px 42px;

	text-align: left;
	border: 1px solid #fff;
	color: #fff;
	background-color: #0a4f8a;
	background-image: url(../images/common/bg01.png);
}
#news .block {padding-right: 100px;position: relative;}
#news .block:after {
	content:'';
	display: block;
	height: 44px;width: 44px;
	position: absolute;top: 50%;right: 30px;margin-top: -22px;
}
#news .NewsArrowtBtn:after {
	z-index: 10;
	background: url(../images/news/news_arr_right.png) no-repeat 0 0;
}
#news .NewsArrowtBtn.open:after {
	background: url(../images/news/news_arr_bottom.png) no-repeat 0 0;
}

#news .NewsArrowtBtn .headerset+.triggerNext { font-size: 1.8em; }

#news .blockArea{padding: 0;}
#news .blockArea .block:nth-child(2n) {background-color: #2a7abe;}

#news .block .headerset time{font-size: 15px;}
#news .block .headerset .category {
	display: inline-block;
	border: 1px solid #fff;
	font-size: 11px;
	padding: 3px 20px 3px;
	line-height: 1;
	border-radius: 3px;
	margin-left: 15px;
	vertical-align: top;
}
#news .category2 {
	display: inline-block;
	background-color: #cf0000;
	font-size: 11px;
	padding: 3px 20px 3px;
	line-height: 1;
	border-radius: 3px;
	margin: 2px 15px;
	vertical-align: top;
	color: #fff;
}
#news .block ul,
#news .block ol {margin-top: 10px;margin-left: 1em;}
#news .block p {margin-top: 10px;}
#news .block a{color: #fff600;text-decoration: underline;}
#news .block table{
	border-collapse:separate;
	border-spacing:1px;
	width: 90%;
	margin: 20px;}
#news .block th,
#news .block td{background: rgba(255,255,255,0.3);padding: 6px 15px;}
#news .block th{width: 20%;font-weight: normal;}

/* categoryNav */
.news .categoryNav{overflow: hidden;background: none;}
.news .categoryNav .categoryName{float: left;font-size: 15px;}
.news .categoryNav .nav{float: right;width: auto;padding: 0;}
.news .categoryNav li{display: inline-block;font-size: 15px;}
.news .categoryNav li a{color: #333;}
.news .categoryNav li.current a,
.news .categoryNav li a:hover{color: #0a4f8a;text-decoration: underline;}

/* ========================================
  SERVICE
======================================== */

.service .mainVisualTitle{overflow: hidden;}
.service#TOP .bx-wrapper img{min-height: 500px;}
.service .mainVisualTitle .maintitle{
	position: absolute;left: 0;top: 43%;
	width: 100%;
	z-index: 10;
}
.service .flexBoxArea .imageArea,
.service .flexBoxArea .textArea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* service index
---------------------------------------*/
.service .contentsWide.main.index{width: 100%;padding: 60px 0 0;}
.service .serviceBlock{border-top: 1px solid #fff;background: #83b2d9;color: #fff;width: 1400px;margin: auto;}
.service .serviceBlock .imageArea,
.service .serviceBlock .textArea{
	width: 50%;
}
.service .serviceBlock .imageArea img{height: 545px;}
.service .serviceBlock .textArea{padding-left: 40px;text-align: left;}
.service .serviceBlock.reverse .textArea{padding-left: 250px;}
.service .serviceBlock p{width: 410px;font-size: 24px;margin-bottom: 15px;}
.service .serviceBlock .name{font-size: 20px;}
.service .serviceBlock .catch{color: #fff600;line-height: 1.3;}
.service .serviceBlock .text{margin-bottom: 25px;font-size: 12px;}
.service .serviceBlock p.btn{margin-top: 24px;font-size: 10px;}
.service .serviceBlock p.btn a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 6px 0;
    width: 140px;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
	text-align: center;
}
.service .serviceBlock ul{overflow: hidden;width: 420px;}
.service .serviceBlock li{float: left;margin-right: 10px;margin-top: 10px;}

/* service detail
---------------------------------------*/
/* ---------- multi ---------- */
.service .mainVisualTitle.multi{background-image: url(../images/service/multi_title_bg.jpg);}
.service .mainVisualTitle.multi .textArea{
	position: absolute;left: 50%;top: 60px;
	width: 100%;
	font-weight: bold;
}
.service .mainVisualTitle.multi .textArea .title,
.service .mainVisualTitle.multi .textArea .catch{color: #0a4f8a;font-size: 32px;}
.service .mainVisualTitle.multi .textArea .catch{font-size: 19px;margin-top: 10px;}
.service .mainVisualTitle.multi .textArea .future{overflow: hidden;font-size: 32px;margin-top: 30px;}
.service .mainVisualTitle.multi .textArea .future li{
	color: #1d7ccd;
	float: left;margin-right: 10px;
	padding: 10px;
	border-radius: 2px;
	border: 2px solid #1d7ccd;
	line-height: 1;
	font-size: 19px;
}
.service .mainVisualTitle.multi .textArea .future li .head{font-size: 16px;width: 20px;display: inline-block;line-height: 1.3;}
.service .mainVisualTitle.multi .textArea .future li strong{font-size: 40px;display: inline-block;margin: 0 5px;}
.service .mainVisualTitle.multi .textArea .list {width: 540px;overflow: hidden;margin-top: 20px;}
.service .mainVisualTitle.multi .textArea .list li{
	white-space:nowrap;
	float: left;min-width: 240px;
	color: #fe6a00;
	font-size: 14px;
}

/* multiBlock */
.multiBlock{padding: 40px 0 0 30px;margin-top: 70px;border-top: 1px solid #999;}
.multiBlock aside{float: right;}
.multiBlock p{width: 570px;}

/* ---------- system ---------- */
.service .mainVisualTitle.system{background-image: url(../images/service/system_title_bg.jpg);}
.service .mainVisualTitle.system .textArea{
	position: absolute;left: 49%;top: 70px;
	width: 100%;
	font-weight: bold;
}
.service .mainVisualTitle.system .textArea .title{color: #0a4f8a;font-size: 40px;}
.service .mainVisualTitle.system .textArea .title img{display: block;margin-top: 20px;}
.service .mainVisualTitle.system .textArea .btn{margin-top: 40px;margin-left: 47px;}
.service .mainVisualTitle.system .textArea .text{margin-top: 40px;color: #fe6a00;font-size: 24px;line-height: 1.3;font-weight: normal;}

/* .service .main.system */
.service .main.system .title{text-align: center;color: #0a4f8a;font-size: 30px;margin-top: 80px;}
.service .main.system ol.point{margin-top: 70px;overflow: hidden;margin-left: -1px;}
.service .main.system ol.point li{
	float: left;width: 449px;margin-left: 1px;margin-top: 1px;
	border: 1px solid #dddede;
	color: #0a4f8a;
	font-size: 15.5px;
	text-align: center;
	position: relative;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 60px;
	padding-right: 30px;
	height: 140px;
	background-color: #f6f7f7;
	background: -webkit-gradient(linear, left top, left bottom,  from(#ffffff),  to(#f2f3f3));
	background: linear-gradient(bottom,  #ffffff 0%,  #f2f3f3 100%);

	display: table;
}
.service .main.system ol.point li .inner{
	display: table-cell;
	vertical-align: middle;
}
.service .main.system ol.point li:after{
	position: absolute;left: 0;top: 0;
	content:'';
	display: block;
	width: 73px;
	height: 98px;
	background-repeat: no-repeat;
	background-image: url(../images/service/system_flag01.png);
}
.service .main.system ol.point li.li02:after{background-image: url(../images/service/system_flag02.png);}
.service .main.system ol.point li.li03:after{background-image: url(../images/service/system_flag03.png);}
.service .main.system ol.point li.li04:after{background-image: url(../images/service/system_flag04.png);}
.service .main.system ol.point li.li05:after{background-image: url(../images/service/system_flag05.png);}
.service .main.system ol.point li.li06:after{background-image: url(../images/service/system_flag06.png);}

.service .main.system p.box{
	border-radius: 10px;
	border: 1px solid #0a4f8a;
	padding: 40px 0;
	text-align: center;
	margin-top: 70px;
	color: #0a4f8a;
	font-size: 16px;
}


/* ---------- courier ---------- */
.service .mainVisualTitle.courier{background-image: url(../images/service/courier_title_bg.jpg);}
.service .mainVisualTitle.courier .textArea{
	position: absolute;right: 50%;top:60px;
	color: #222;
	width: 630px;
}
.service .mainVisualTitle.courier .textArea p{text-align: center;}
.service .mainVisualTitle.courier .textArea .catch{color: #222;font-size: 77px;}
.service .mainVisualTitle.courier .textArea .catch span{display: block;font-size: 22px;}
.service .mainVisualTitle.courier .textArea .title{color: #0a4f8a;font-size: 40px;}
.service .mainVisualTitle.courier .textArea .text{font-size: 20px;line-height: 2;letter-spacing: 3px;}

.service .main.courier.contentsWide{width: 100%;padding-left: 0;padding-right: 0;}
.service .main.courier .pic{
	min-width:1260px;
	background: url(../images/service/takuhai_01.jpg) 50% 0 no-repeat;
-webkit-background-size: auto 100%;
background-size:auto 100%;}
.service .main.courier .pic img{visibility:hidden;width: 100%;min-width:1260px;}

.service .main.courier .list {overflow: hidden;margin-left: -20px;margin-bottom: 20px;}
.service .main.courier .list li{
	float: left;margin-left: 20px;
	width: 226px;height: 280px;

	padding: 0 30px;

	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/service/takuhai_bg01.png);
}
.service .main.courier .list li.li02{background-image: url(../images/service/takuhai_bg02.png);}
.service .main.courier .list li.li03{background-image: url(../images/service/takuhai_bg03.png);}

.service .main.courier .list li h3{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 135px;
	padding: 40px 20px 0 100px;
	color: #0a4f8a;font-size: 48px;
	line-height: 1.1;}
.service .main.courier .list li.li03 h3{padding-top: 22px;}

/* ========================================
  VOICE
======================================== */
.voice .mainVisualTitle{background-image: url(../images/voice/title_bg.jpg);}
.voice .mainVisualTitle .maintitle{
	position: absolute;left: 0;top: 43%;
	width: 100%;
}
.voice .contentsWide.main{width: 100%;padding: 60px 0 0;}
.voice .flexBoxArea .imageArea,
.voice .flexBoxArea .textArea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* voice index
---------------------------------------*/
.voice .mainLogo{padding: 30px 0 60px;}
.voice .logoArea{padding: 100px 0;text-align: center;min-width: 1260px;}
.voice .logoArea img{margin: 0 45px;}
/**/
.voice .voiceBlock{border-top: 1px solid #fff;background: #0a4f8a;color: #fff;width: 1400px;margin: auto;}
.voice .voiceBlock .imageArea,
.voice .voiceBlock .textArea{
	width: 50%;
}
.voice .voiceBlock .imageArea img{height: 545px;}
.voice .voiceBlock .textArea{padding-left: 40px;text-align: left;}
.voice .voiceBlock.reverse .textArea{padding-left: 250px;}
.voice .voiceBlock p{width: 410px;font-size: 24px;margin-bottom: 15px;}
.voice .voiceBlock .catch{color: #fff600;line-height: 1.3;}
.voice .voiceBlock .text{margin-bottom: 25px;font-size: 12px;}
.voice .voiceBlock p.btn{margin-top: 24px;font-size: 10px;}
.voice .voiceBlock p.btn a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 6px 0;
    width: 140px;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
	text-align: center;
}
/* voice detail
---------------------------------------*/
/* profileArea */
.voice .profileArea{background: #0a4f8a;color: #fff;padding: 30px 0 40px;}
.voice .profileArea a{color: #fff;text-decoration: underline;}
.voice .profileArea .imageArea{float: right;margin-right: -8px;margin-left: 45px;}
.voice .profileArea .title{font-size: 24px;margin-top: 12px;}
.voice .profileArea p{margin-top: 24px;}
/* personArea */
.voice .personArea{padding: 50px 0 15px;clear: both;}
.voice .personArea .imageArea{width: 430px;}
.voice .personArea .imageArea img{display: block;border: 5px solid #ddd;}
.voice .personArea .textArea{width: 470px;margin-left: 40px;}
.voice .personArea .name{color: #0a4f8a;font-size: 24px;}
.voice .personArea .post{color: #0a4f8a;font-size: 18px;margin: 10px 0;}
.voice .personArea .areaBlock .imageArea{margin-bottom: 20px;}

/* ---------- leadBlock / faqBlock ---------- */
.voice .leadBlock .title01,
.voice .faqBlock .title01{margin-top: 50px;}
.voice .leadBlock .title01 .titleInner,
.voice .faqBlock .title01 .titleInner{padding: 20px 2em;}
.voice .leadBlock p,
.voice .faqBlock p{margin: 25px 36px 10px;font-size: 13px;line-height: 1.9;}
.voice .faqBlock p+p{margin:10px 35px;}
/* leadBlock */
.voice .leadBlock{margin-top: 50px;}
.voice .leadBlock ol,
.voice .leadBlock ul{
	margin: 25px 36px;
}
.voice .leadBlock li{
	font-size: 13px;
	padding-left: 1em;text-indent: -1em;
	margin-top: 10px;
}
/* faqBlock */
.voice .faqBlock .title01{
	border-left: 7px solid #fe6a00;
	color: #fe6a00;
}
.voice .faqBlock .title01 .titleInner{
	line-height: 1.46;
	padding-left: 4em;
	text-indent: -2em;
}
/* pager */
.voice .pager{margin-top:50px;overflow: hidden;}
.voice .pager a{
	display: inline-block;
	width: 250px;
	text-align: center;
	padding: 12px 0;
	color: #0a4f8a;
	font-size: 12px;
	border-radius: 3px;
	border: 1px solid #ddd;
	background-color: #e4e3e3;
	background: -webkit-gradient(linear, left top, left bottom,  from(#f6f5f5),  to(#d7d6d6));
	background: linear-gradient(bottom,  #f6f5f5 0%,  #d7d6d6 100%);
}
.voice .pager .prev{float: left;}
.voice .pager .next{float: right;}

/* ========================================
  CONTACT
======================================== */
.contact .main{padding-bottom: 80px;}
.contact .note{text-align: center !important;margin-top: 50px;font-size: 13px;}
.contact .note a{text-decoration: underline;}
.contact .needs{color: #b96060;font-size: 9px;}
/* inputArea */
.contact .inputArea{overflow: hidden;margin-top: 60px;}
.contact .inputArea .block{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;float: right;padding: 0 0 0 20px;}
.contact .inputArea .block:first-child{float: left;padding: 0 20px 0 0;}

/* form
---------------------------------------*/
button,
input[type="text"],
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;padding: 0;border: none;
}
input[type="text"],
textarea,
select{
	padding: 11px 15px;
	border: 1px solid #ccc;
	border-radius:3px ;
	font-size: 13px;
	line-height: 1;
	background: #f4f3f3;
	color: #333;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* セレクトボックス */
.custom-selectbox {
    position: relative;
	margin-bottom: 20px;
}
    .custom-selectbox select {
        position: absolute;top: 0;left: 0;
		width: 100%;
        z-index: 1;
        opacity: 0;
    }
    .custom-selectbox .inner {
        position: relative;
        z-index: 0;
        box-sizing: border-box;
	padding: 14px 15px ;
	border: 1px solid #ccc;
	border-radius:3px ;
	font-size: 13px;
	line-height: 1;
	background: #f4f3f3;
	color: #333;
	text-align: left;
    }
    .custom-selectbox .inner:before,
    .custom-selectbox .inner:after {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -3px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-top-color: #aaa;
        border-width: 7px 5px 0 5px;
    }

/* checkbox */
label{
	position: relative;
	background: url(../images/contact/form_check.gif) no-repeat left top;
    height: 22px;
    line-height: 22px;
	display: inline-block;
    padding: 0 0 0 30px;
    cursor: pointer;
    overflow: hidden;

	margin-right: 15px;
	margin-top: 10px;
}
label.c_on{background-position:left -30px;}
label input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;left: 0;top: 5px;
}
/**/
.contact .inputArea .block select,
.contact .inputArea .block input,
.contact .inputArea .block textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;width: 100%;}
.contact .inputArea .block input{margin-bottom: 20px;}
/* textarea */
.contact .inputArea .block textarea{height: 169px;}

/* placeholder */
.contact ::-webkit-input-placeholder{color: #aaa;padding-top: 3px;}
.contact ::-moz-placeholder{color: #aaa;}
.contact :-ms-input-placeholder {color: #aaa;}
/* btn */
.contact .btn{text-align: center;}
.contact .btnSubmit,
.contact .btnBack{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;

	font-family: 'Montserrat', sans-serif;
	font-weight: 400;

	display: inline-block;
    border: 3px solid #0a4f8a;
    padding: 13px 0;
    width: 230px;
    color: #0a4f8a;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
	cursor:pointer;
}
.contact .btnBack{
    border: 3px solid #aaa;
	color: #aaa;
	margin-left: 30px;
}
/* confirm
---------------------------------------*/
/* confirmTable */
.confirmTable{width: 600px;margin: 80px auto 0;}
.confirmTable th,
.confirmTable td{font-size: 13px;line-height: 2;padding: 15px;vertical-align: top;text-align: left;}
.confirmTable th{white-space:nowrap;width: 140px;font-weight: normal;}


/* ========================================
  PRIVACY
======================================== */
.privacy .main .title01{margin-bottom: 20px;margin-top: 40px;}
.privacy .main .title02{font-size: 15px;color: #0a4f8a;font-weight: bold;margin-top: 80px;margin-bottom: 20px;}

.privacy .main ul{margin: 10px 40px 0;}
.privacy .main li{font-size: 15px;line-height: 1.6;margin-left: 1em;}
.privacy .main p{margin: 10px 40px;line-height: 1.9;}

.privacy .box{border: 1px solid #aaa;padding: 20px;margin: 15px 40px 0;}
.privacy .box .title{font-size: 16px;font-weight: bold;}
.privacy .box p{margin: 10px 0;line-height: 1.6;}

/* ========================================
  JS
======================================== */
#fixedBox{
	position: fixed;
	top: 0;left: 0;
	width: 100%;
	z-index: 10000;
}

/* slider */
#TOP .bx-wrapper img{width: 100%;}
#TOP .mainVisual .bx-wrapper img{min-width: 1360px;}
#TOP .bx-wrapper .bx-controls-direction a{width: 60px;height: 60px;margin-top: -40px;}
#TOP .bx-wrapper .bx-prev {background: url(../images/top/slide_left.png) no-repeat;}
#TOP .bx-wrapper .bx-next {background: url(../images/top/slide_right.png) no-repeat;}
#TOP .bx-wrapper .bx-prev:hover,
#TOP .bx-wrapper .bx-next:hover{background-position: 0 0;}


.recruit{

}
.recruit .min{
	font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', Baskerville, Times, Palatino, serif;
}
.recruit .tit{
	padding-top: 30px;
	font-size: 40px;
	margin-bottom: 60px;
	font-weight: normal;
	color: #0a4f8a;
	text-align: center;
}
.recruit .txt{
	font-size: 20px;
	line-height: 2;
	color: #0a4f8a;
	margin-bottom: 55px;
	text-align: center;
}
.recruit .txt > a{
	transition: 0.3s all;
}
.recruit .txt > a:hover{
	opacity: 0.8;
}
.recruit .tabletit{
	font-size: 25px;
	line-height: 1;
	color: #0a4f8a;
	margin-bottom: 50px;
	text-align: center;
}
.recruit .tabletit > span{
	display: inline-block;
	border-bottom: 2px solid #0a4f8a;
	padding-bottom: 20px;
}

.recruit table.table01 th,
.recruit table.table01 td{
	padding: 35px 20px;
	line-height: 2;
}
.recruit table.table01 th{
	width: 200px;
}
.recruit table.table01 td a{
	color: #333333;
	text-decoration: underline;
}
.recruit .contentsWide.main{
	padding-bottom: 150px;
}
.recruit .footer{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 80px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
}

.recruit .footer p{
	font-size: 13px;
}
.slide.column4Block img{
	min-width: initial!important;
}

.slideWrap .bx-wrapper .bx-prev{
	background: url(../images/top/slide_left2.png) no-repeat!important;
	left: -90px;
}
.slideWrap .bx-wrapper .bx-next{
	background: url(../images/top/slide_right2.png) no-repeat!important;
	right: -90px;
}
.slideWrap .column4Block .setBlock{
	margin: 0;
}
.slideWrap .bx-wrapper .bx-viewport{
	padding-left: 20px;
}