@charset "utf-8";


html,body{ min-width: 900px;/*20191217*/}
body#top{
	overflow-x: hidden;
}
/*コンテンツ
---------------------------------------------------------------------------*/
#contents{
	width: 900px;
	margin: 0 auto 80px;
}

/* topNews */
#topNews{
	margin-bottom: 70px;
}
#topNews #newsArea{
	float: left;
	width: 600px;
}
#topNews #newsArea p{
	margin: 0;
}
#topNews #sideArea{
	float: right;
	width: 250px;
}
#topNews dl{
	font-weight: 300;
	line-height: 1.5;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #505050;
}
#topNews dl:last-child{
	border: none;
	margin-bottom: 0px;
}
#topNews dt{
	float: left;
	width: 100px;
}
#topNews dt img{
	width: 100px;
	height: 58px;
}
#topNews dd{
	float: right;
	width: 490px;
	font-size: 14px;
}
#topNews dd.schedule{
	color: #ffb800;
	font-weight: 500;
}
#topNews dd.tit{
}
#topNews dd a{
	color: #5082b4;
}
#topNews dd a:hover{
	text-decoration: underline;
}
#topNews .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	padding: 6px 6px;
	border: 1px solid #000000;
	text-align: center;
}
#topNews .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}

/* topSeminar */
#topSeminar{
	margin-bottom: 70px;
}
#topSeminar .seminarImg{
	float: left;
	width: 280px;
}
#topSeminar .seminarText{
	float: right;
	width: 570px;
	margin-right: 20px;
}
#topSeminar h5{
	font-size: 15px;
	margin-bottom: 4px;
	padding: 5px 10px 4px 15px;
	background: #e6e6e6;
}
#topSeminar dl{
	margin-bottom: 2px;
	padding: 6px 0;
    border-bottom: 1px solid #d2d2d2;
}
#topSeminar dl:last-child{
	border: none;
}
#topSeminar dt{
	width: 230px;
	font-size: 11px;
	color: #fff;
	margin-bottom: 5px;
	padding: 2px 0px 2px 5px;
}
#topSeminar dt.dBlue{
	background: #001e5a;
}
#topSeminar dt.dBlue2{
	background:rgba(15,80,210,1.00)
}
#topSeminar dt.lGreen{
	background: #a0c837;
}
#topSeminar dt.lOrange{
	background: #ff9c32;
}
#topSeminar dt.lGreen2{
	background: #006e00;
}
#topSeminar dt.lGrey{
	background: #787878;
}
#topSeminar dt.dRed{
	background: #ad2436;
}
#topSeminar dd.schedule{
	float: left;
	width: 80px;
	font-size: 14px;
	font-weight: 500;
	color: #505050;
}
#topSeminar dd.tit{
	float: left;
	width: 490px;
	font-size: 14px;
	color: #505050;
}
#topSeminar .more01 a,
#topSeminar .more02 a{
	float: right;
	width: 300px;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	padding: 6px 0px;
	border: 1px solid #000000;
	text-align: center;
}
#topSeminar .more01 a:hover,
#topSeminar .more02 a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}

/* topService */
#topService{}
#topService ul{}
#topService li{
	float: left;
	width: 280px;
	margin: 0 30px 40px 0;
	height: 184px;
}
#topService li.adjustment01{
	margin: 0 0 40px 0;
}
#topService li .img{
	width: 280px;
	height: 80px;
	overflow: hidden;
}
#topService li .img img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#topService li a:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#topService li p{
	width: 260px;
	font-size: 15px;
	color: #505050;
	font-weight: 300;
	margin: 0 auto;
}
#topService li .tit{
	font-size: 18px;
	font-weight: 500;
	color: #323232;
	text-align: center;
	margin: 9px auto 7px;
}
#topService li a{
	display: block;
}
#topService li a:hover .tit{
	color: #a1c837;
}
#topService .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	padding: 6px 17px;
	border: 1px solid #000000;
	text-align: center;
}
#topService .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}

/* bannerArea */
#bannerArea{
	padding: 40px 0 90px;
	border-top: 3px solid #d2d2d2;
}
#bannerArea ul{
	width: 785px;
	margin: 0 auto;
    text-align: center;
}
#bannerArea li{
    display: inline-block;
	margin: 0 5px 0 15px;
	font-size: 14px;
	text-align: center;
}
#bannerArea li:first-child{
	margin: 0 5px 0 5px;
}

/* pageTitle */
#pageTitle{
	width: 100%;
	height: 400px;
	margin: 100px 0 50px;
}


/*グループ概要
---------------------------------------------------------------------------*/
/*aboutus*/
#aboutus{}
#aboutus #pageTitle{
	background: url(../../aboutus/img/title_img.jpg) no-repeat center;
}
#aboutus #contents{}
#aboutus #contents ul{
	padding: 10px 0;
}
#aboutus #contents li{
	float: left;
	width: 280px;
	margin: 0 30px 60px 0;
}
#aboutus #contents li .img{
	width: 280px;
	height: 105px;
	overflow: hidden;
}
#aboutus #contents li .img img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#aboutus #contents li a:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#aboutus #contents li.adjustment01{
	margin: 0 0 60px 0;
}
#aboutus #contents li.adjustment02{
	margin: 0 30px 0 0;
}
#aboutus #contents li.adjustment03{
	margin: 0 0 0 0;
}
#aboutus #contents li p{
	width: 240px;
	font-size: 15px;
	color: #505050;
	font-weight: 300;
	margin: 0 auto;
}
#aboutus #contents li .tit{
	width: 280px;
	font-size: 16px;
	font-weight: 500;
	color: #323232;
	text-align: center;
	margin: 10px auto 6px;
	letter-spacing: 2px;
}
#aboutus #contents li a{
	display: block;
}
#aboutus #contents li a:hover .tit{
	color: #a1c837;
}

/*message*/
#message{}
#message #contents{
	width: 100%;
	margin: 0 auto 0px;
}
#message #pageTitle{
	display: none;
}
#message #kaburagi{
	width: 100%;
	height: 700px;
	background: url(../../aboutus/message/img/message_img01.jpg) no-repeat center top;
	background-size: cover;
	margin-top: 100px;
}
#message #zitsuhara{
	width: 100%;
	height: 930px;
	background: url(../../aboutus/message/img/message_img02.jpg) no-repeat center top;
	background-size: cover;
}
#message #kaburagi .inner{
	width: 900px;
	margin: 0 auto;
	padding: 100px 0 0 0;
}
#message #zitsuhara .inner{
	width: 950px;
	height: 860px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	background: url(../../aboutus/message/img/message_text04_bg.png) no-repeat left bottom;
}
#message #kaburagi .inner p,
#message #zitsuhara .inner p{
	width: 466px;
	font-size: 16px;
	line-height: 2.0;
	font-weight: 300;
	letter-spacing: -0.5px;
}
#message #kaburagi .inner .tit{
	margin-bottom: 19px;
}
#message #kaburagi .inner .text{
	margin-bottom: 40px;
}
#message #zitsuhara .inner .tit{
	margin-bottom: 19px;
	padding-left: 25px;
}
#message #zitsuhara .inner .text{
	width: 480px;
	margin-bottom: 20px;
	padding-left: 25px;
}
#message #zitsuhara .inner .name{
	padding-left: 24px;
}

/*philosophy*/
#philosophy{}
#philosophy #pageTitle{
	background: url(../../aboutus/philosophy/img/title_img.jpg) no-repeat center;
}
#philosophy #contents{
	width: 100%;
}
#philosophy #contents #movieArea{
	position:relative;
	width: 100%;
	height: 600px;
	margin: 100px auto 50px;
	overflow:hidden;
}
#philosophy #contents #movieArea video{
	position: absolute;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#philosophy #contents .inner{
	width: 100%;
	margin: 0 auto;
}
#philosophy #contents .inner .inner{
	width: 740px;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 500;
	margin: 0 auto;
}
#philosophy #contents .text01{
	margin-bottom: 35px;
}
#philosophy #contents .text02{
	margin-bottom: 45px;
}
#philosophy #contents ul{}
#philosophy #contents li{
	float: left;
	width: 350px;
	margin: 0 40px 40px 0;
}
#philosophy #contents li.adjustment01{
	margin: 0 0 40px 0;
}
#philosophy #contents li.adjustment02{
	margin: 0 40px 0 0;
}
#philosophy #contents li.adjustment03{
	margin: 0 0 0 0;
}

/*point*/
#point{}
#point #pageTitle{
	background: url(../../aboutus/point/img/title_img.jpg) no-repeat center;
}
#point #contents ul{
	width: 840px;
	margin: 0 auto;
}
#point #contents li{
	float: left;
	width: 400px;
	margin: 0 40px 60px 0;
}
#point #contents li.adjustment01{
	margin: 0 0px 60px 0;
}
#point #contents li .number{
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	margin: 10px auto 5px;
}
#point #contents li .tit{
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	margin: 0 auto 15px;
	background-color: #A1C837;
	color: #FFFFFF;
	line-height: 1.4em;
	height: 65px;
	position: relative;
}
#point #contents li .tit span{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90%;
}
#point #contents li p{
	font-size: 16px;
	font-weight: 300;
}

/*origin*/
#origin{}
#origin #pageTitle{
	background: url(../../aboutus/origin/img/title_img.jpg) no-repeat center;
}
#origin #contents{
	width: 740px;
}
#origin .companyNameArea{
	margin-bottom: 110px;
}
#origin .groupLogoArea{
	margin-bottom: 110px;
}
#origin .characterArea{}
#origin #contents p{
	font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
}
#origin #contents p.caption{
	width: 400px;
	margin: 0 auto;
	font-size: 13px;
}

/*history*/
#history{}
#history #pageTitle{
	background: url(../../aboutus/history/img/title_img.jpg) no-repeat center;
}
#history #contents{
	width: 740px;
}
#history #contents dl{
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#history #contents dt{
	float: left;
	width: 142px;
	font-size: 16px;
	font-weight: 500;
}
#history #contents dd{
	float: right;
	width: 598px;
	font-size: 16px;
}

/*outline*/
#outline{}
#outline #pageTitle{
	background: url(../../aboutus/outline/img/title_img.jpg) no-repeat center;
}
#outline #contents{
	width: 740px;
}
#outline #contents dl{
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#outline #contents dt{
	float: left;
	width: 132px;
	font-size: 16px;
	font-weight: 500;
}
#outline #contents dd{
	float: right;
	width: 598px;
	font-size: 16px;
}
#outline #contents dd .groupBorder{
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 8px;
	padding-bottom: 8px;
}


/*サービス
---------------------------------------------------------------------------*/
/*service*/
#service{}
#service #pageTitle{
	background: url(../../service/img/title_img3.jpg) no-repeat center;
}
#service #pageTitle a{
	display: block;
	width: 100%;
	height: 100%;
}
#service #contents{}
#service #contents ul{
	padding: 10px 0;
}
#service #contents li{
	float: left;
	width: 280px;
	margin: 0 30px 60px 0;
}
#service #contents li .img{
	width: 280px;
	height: 105px;
	overflow: hidden;
}
#service #contents li .img img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#service #contents li a:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#service #contents li.adjustment01{
	margin: 0 0 60px 0;
}
#service #contents li.adjustment02{
	margin: 0 30px 0 0;
}
#service #contents li.adjustment03{
	margin: 0 0 0 0;
}
#service #contents li p{
	width: 240px;
	font-size: 15px;
	color: #505050;
	font-weight: 300;
	margin: 0 auto;
}
#service #contents li .tit{
	width: 280px;
	font-size: 16px;
	font-weight: 500;
	color: #323232;
	text-align: center;
	margin: 10px auto 6px;
	letter-spacing: 2px;
}
#service #contents li a{
	display: block;
}
#service #contents li a:hover .tit{
	color: #a1c837;
}

/*PMI*/
#pmi .ispc{display: block;}
#pmi .issp{display: none;}
#pmi{}
#pmi #pageTitle{
	background: url(../../../service/business/pmi/img/title_img.jpg) no-repeat center;
    text-align: center;
}
#pmi #contents *{
    box-sizing: border-box;
    letter-spacing: 0;
    color: #000000;
}
#pmi #contents{
    width: 100%;
    margin: 0 auto;
}
#pmi #contents .inner{
    width: 100%;
}
#pmi #contents .inner p{
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #000;
    margin: 80px 0 0 0;
}
#pmi #contents .inner .wrap1{
    width: 100%;
    margin: 80px 0 0 0;
    position: relative;
    overflow: hidden;
}
#pmi #contents .inner .wrap1 .wraptitle{
    width: 100%;
    position: relative;
    text-align: center;
}
#pmi #contents .inner .wrap1 .wraptitle::after{
    display: block;
    content: " ";
    width: 100%;
    height: 10px;
    background-color: #001e5a;
    position: absolute;
    top:50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
#pmi #contents .inner .wrap1 .wraptitle h3{
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0 60px 0 70px;
    color:#001e5a;
    font-size: 26px;
    position: relative;
    z-index: 50;
    vertical-align: middle;
	background: url(../../../service/business/pmi/img/wrap1titlebg.png) no-repeat center;
    background-size: auto 100%;
    background-color: #fff;
    min-height: 73px;
    line-height: 73px;
}
#pmi #contents .inner .wrap1 .info1{
    width:900px;
    margin: 10px auto 0 auto;
    padding: 0;
    text-align: left;
    font-size: 18px;
    line-height: 1.8em;
}
#pmi #contents .inner .wrap1 .info2{
    display: block;
    width:900px;
    margin: 6px auto 0 auto;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 1.3em;
    position: relative;
}
#pmi #contents .inner .wrap1 .info2::after{
    display: block;
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}
#pmi #contents .inner .wrap1 .detailwrap{
    width: 900px;
    margin: 70px auto 0 auto;
}
#pmi #contents .inner .wrap1 .detailwrap h4{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border: none;
    margin: 0 0 40px 0;
    padding: 0;
    letter-spacing: 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow{
    width: 900px;
    height: 352px;
	background: url(../../../service/business/pmi/img/flowbg.jpg) no-repeat center;
    position: relative;
}
#pmi #contents .inner .wrap1 .detailwrap .flow h5{
    display: inline-block;
    font-size: 18px;
    text-align: left;
    padding: 0 0 0 62px;
    position: relative; 
    line-height: 50px;
    margin: 0 0 0 0;
    color: #000000;
}
#pmi #contents .inner .wrap1 .detailwrap .flow h5::before{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #001e5a;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top:0;
    left: 0;
    border-radius: 50%;
}
#pmi #contents .inner .wrap1 .detailwrap .flow .flow1 h5::before{
    content: "1";
}
#pmi #contents .inner .wrap1 .detailwrap .flow .flow2 h5::before{
    content: "2";
}
#pmi #contents .inner .wrap1 .detailwrap .flow .flow3 h5::before{
    content: "3";
}
#pmi #contents .inner .wrap1 .detailwrap .flow ul{
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 18px 0 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow ul li{
    position: relative;
    padding: 0 0 0 16px;
    line-height: 22px;
    font-size: 16px;
    margin: 0 0 2px 0;
    color: #000000;
}
#pmi #contents .inner .wrap1 .detailwrap .flow ul li::after{
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #001e5a;
    position: absolute;
    top: 0.4em;
    left: 0;
    font-size: 1em;
}
#pmi #contents .inner .wrap1 .detailwrap .flow ul li.right{
    text-align: right;
    padding: 0 50px 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow ul li.right::after{
    display: none;
}

/*flow1*/
#pmi #contents .inner .wrap1 .detailwrap .flow .flow1{
    width: 240px;
    position: absolute;
    top:20px;
    left: 56px;
}
#pmi #contents .inner .wrap1 .detailwrap .flow .flow1 h5{
    margin: 0 0 15px 24px
}
#pmi #contents .inner .wrap1 .detailwrap .flow .flow1 img{
    margin: 0 0 0 30px;
}
/*flow2*/
#pmi #contents .inner .wrap1 .detailwrap .flow .flow2{
    width: 500px;
    position: absolute;
    top:36px;
    left: 365px;
    text-align: center;
}
#pmi #contents .inner .wrap1 .detailwrap .flow2 h5{
    float: left;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    padding: 0 0 0 0;
    position: relative; 
    line-height: 50px;
    margin: 6px 20px 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow2 h5::before{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #001e5a;
    color: #fff;
    font-size: 18px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
}
#pmi #contents .inner .wrap1 .detailwrap .flow2 img{
    float: left;
    margin: 0 50px 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow2 ul{
    float: left;
    width: 250px;
    list-style: none;
    text-align: left;
    margin: 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow2 ul li .spanright{
    float: right;
}
/*flow3*/
#pmi #contents .inner .wrap1 .detailwrap .flow .flow3{
    width: 500px;
    position: absolute;
    top:209px;
    left: 365px;
    text-align: center;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 h5{
    float: left;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    padding: 0 0 0 0;
    position: relative; 
    line-height: 50px;
    margin: 6px 20px 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 h5::before{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #001e5a;
    color: #fff;
    font-size: 18px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 img{
    float: left;
    margin: 0 50px 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 ul{
    float: left;
    width: 250px;
    list-style: none;
    text-align: left;
    margin: 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 ul li .spanright{
    float: right;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 ul li dl{
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 ul li dl dd{
    position: relative;
    padding: 0 0 0 16px;
    line-height: 22px;
    font-size: 16px;
    margin: 0 0 0 0;
}
#pmi #contents .inner .wrap1 .detailwrap .flow3 ul li dl dd::after{
    display: block;
    content: "- ";
    position: absolute;
    top: 0;
    left: 0;
}
/*--border--*/
#pmi .borderdetail{
    width: 900px;
    margin: 70px auto 0 auto;
    border-left: solid 2px #001e5a;
    border-right: solid 2px #001e5a;
    position: relative;
}
#pmi .borderdetail::after{
    display: block;
    content: " ";
    font-size: 1px;
    width: 30px;
    height: 2px;
    background-color: #001e5a;
    position: absolute;
    top:0;
    left: 0;
}
#pmi .borderdetail::before{
    display: block;
    content: " ";
    font-size: 1px;
    width: 30px;
    height: 2px;
    background-color: #001e5a;
    position: absolute;
    bottom:0;
    left: 0;
}
#pmi .borderdetail .detailborder{
    width: 100%;
    height: 100%;
    position: relative;
}
#pmi .borderdetail .detailborder::after{
    display: block;
    content: " ";
    font-size: 1px;
    width: 30px;
    height: 2px;
    background-color: #001e5a;
    position: absolute;
    top:0;
    right: 0;
}
#pmi .borderdetail .detailborder::before{
    display: block;
    content: " ";
    font-size: 1px;
    width: 30px;
    height: 2px;
    background-color: #001e5a;
    position: absolute;
    bottom:0;
    right: 0;
}
/*----*/
#pmi #contents .inner .wrap1 .detail .detailinner{
    width: 800px;
    margin: 0 auto;
}
#pmi #contents .inner .wrap1 .detail h4{
    border: none;
    text-align: center;
    font-size: 20px;
    color: #001e5a;
    margin: 0;
    padding: 16px 0 28px 0;
    letter-spacing: 0;
}
#pmi #contents .inner .wrap1 .detail .left{
    width: 380px;
    float: left;
}
#pmi #contents .inner .wrap1 .detail .right{
    width: 380px;
    float: right;
}
#pmi #contents .inner .wrap1 .detail h5{
    font-size: 18px;
    color: #001e5a;
    line-height: 50px;
    border:solid 2px #001e5a;
    text-align: center;
}
#pmi #contents .inner .wrap1 .detail ul{
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 18px 0 30px 0;
}
#pmi #contents .inner .wrap1 .detail ul li{
    position: relative;
    padding: 0 0 0 20px;
    line-height: 24px;
    font-size: 18px;
    margin: 0 0 24px 0;
    font-weight: 300;
}
#pmi #contents .inner .wrap1 .detail ul li::after{
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #001e5a;
    position: absolute;
    top: 0.4em;
    left: 0;
    font-size: 1em;
}

#pmi #contents .inner .wrap2{
    width: 100%;
    margin: 80px 0 0 0;
    position: relative;
    overflow: hidden;
}
#pmi #contents .inner .wrap2 .wraptitle{
    width: 100%;
    position: relative;
    text-align: center;
}
#pmi #contents .inner .wrap2 .wraptitle::after{
    display: block;
    content: " ";
    width: 100%;
    height: 10px;
    background-color: #001e5a;
    position: absolute;
    top:50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
#pmi #contents .inner .wrap2 .wraptitle h3{
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0 60px 0 60px;
    color:#001e5a;
    font-size: 26px;
    position: relative;
    z-index: 50;
    vertical-align: middle;
    background: none; 
    background-color: #fff;
}
#pmi #contents .inner .wrap2 .info1{
    width:900px;
    margin: 10px auto 0 auto;
    padding: 0;
    text-align: left;
    font-size: 18px;
    line-height: 1.8em;
}
/*----*/
#pmi #contents .inner .wrap2 .detail .detailinner{
    width: 860px;
    margin: 0 auto;
}
#pmi #contents .inner .wrap2 .detail h4{
    border: none;
    text-align: center;
    font-size: 20px;
    color: #001e5a;
    margin: 0;
    padding: 16px 0 28px 0;
    letter-spacing: 0;
}
#pmi #contents .inner .wrap2 .detail .left{
    width: 210px;
    height: 119px;
    float: left;
    position: relative;
}
#pmi #contents .inner .wrap2 .detail .left1{
	background: url(../../../service/business/pmi/img/wrap2_left1.jpg) no-repeat center;
    background-size: cover;
}
#pmi #contents .inner .wrap2 .detail .left2{
	background: url(../../../service/business/pmi/img/wrap2_left2.jpg) no-repeat center;
    background-size: cover;
}
#pmi #contents .inner .wrap2 .detail .left3{
	background: url(../../../service/business/pmi/img/wrap2_left3.jpg) no-repeat center;
    background-size: cover;
}
#pmi #contents .inner .wrap2 .detail .right{
    width: 630px;
    float: right;
}
#pmi #contents .inner .wrap2 .detail h5{
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    margin: 0;
}
#pmi #contents .inner .wrap2 .detail ul{
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 0 0 30px 0;
}
#pmi #contents .inner .wrap2 .detail ul li{
    position: relative;
    padding: 0 0 0 20px;
    line-height: 18px;
    font-size: 18px;
    margin: 0 0 15px 0;
    font-weight: 300;
}
#pmi #contents .inner .wrap2 .detail ul li span{
    font-size: 16px;
    position: relative;
    top:-2px;
}
#pmi #contents .inner .wrap2 .detail ul li::after{
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #001e5a;
    position: absolute;
    top: 0.3em;
    left: 0;
    font-size: 1em;
}

#pmi #contents .inner .wrap3{
    width: 100%;
    margin: 80px 0 0 0;
    position: relative;
    overflow: hidden;
}
#pmi #contents .inner .wrap3 .wraptitle{
    width: 100%;
    position: relative;
    text-align: center;
}
#pmi #contents .inner .wrap3 .wraptitle::after{
    display: block;
    content: " ";
    width: 100%;
    height: 10px;
    background-color: #001e5a;
    position: absolute;
    top:50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
#pmi #contents .inner .wrap3 .wraptitle h3{
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0 60px 0 60px;
    color:#001e5a;
    font-size: 26px;
    position: relative;
    z-index: 50;
    vertical-align: middle;
    background: none; 
    background-color: #fff;
}
/*----*/
#pmi #contents .inner .wrap3 .detail .detailinner{
    width: 860px;
    margin: 0 auto;
}
#pmi #contents .inner .wrap3 .detail h4{
    border: none;
    text-align: center;
    font-size: 20px;
    color: #001e5a;
    margin: 0;
    padding: 16px 0 28px 0;
    letter-spacing: 0;
}
#pmi #contents .inner .wrap3 .detail .left{
    width: 417px;
    float: left;
    position: relative;
}
#pmi #contents .inner .wrap3 .detail .right{
    width: 427px;
    height: 200px;
    float: right;
	background: url(../../../service/business/pmi/img/wrap3_right1.jpg) no-repeat center;
    background-size: cover;
    margin: 0 0 40px 0;
}
#pmi #contents .inner .wrap3 .detail h5{
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    margin: 0;
}
#pmi #contents .inner .wrap3 .detail ul{
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 0 0 30px 0;
    position: relative;
    top:-4px;
}
#pmi #contents .inner .wrap3 .detail ul li{
    position: relative;
    padding: 0 0 0 16px;
    line-height: 26px;
    font-size: 16px;
    margin: 0 0 10px 0;
    font-weight: 300;
}
#pmi #contents .inner .wrap3 .detail ul li::after{
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #001e5a;
    position: absolute;
    top: 0.6em;
    left: 0;
    font-size: 1em;
}
#pmi #contents .inner .wrap3 .detail ul li.txt{
    position: relative;
    padding: 0 0 0 0;
    line-height: 26px;
    font-size: 16px;
    margin: 0 0 8px 0;
}
#pmi #contents .inner .wrap3 .detail ul li.txt::after{
    display: none;
}
/*----*/
#pmi #contents .inner .wrap3 .detailwrap{
    width: 900px;
    margin: 0 auto;
}
#pmi #contents .inner .wrap3 .detailwrap .detail1{
    width: 440px;
    height: 186px;
    float: left;
}
#pmi #contents .inner .wrap3 .detailwrap .detail2{
    width: 440px;
    height: 186px;
    float: right;
}
#pmi #contents .inner .wrap3 .detailwrap .detail1 h4{
    border: none;
    text-align: center;
    font-size: 20px;
    color: #001e5a;
    margin: 0;
    padding: 16px 0 10px 0;
    letter-spacing: 0;
}
#pmi #contents .inner .wrap3 .detailwrap .detail2 h4{
    border: none;
    text-align: center;
    font-size: 20px;
    color: #001e5a;
    margin: 0;
    padding: 16px 0 28px 0;
    letter-spacing: 0;
}
#pmi #contents .inner .wrap3 .detailwrap p{
    font-size: 16px;
    padding: 0;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-weight: 300;
}

#pmi #contents .inner .wrap4{
    width: 100%;
    margin: 80px 0 80px 0;
    position: relative;
    overflow: hidden;
}
#pmi #contents .inner .wrap4 .wraptitle{
    width: 100%;
    position: relative;
    text-align: center;
}
#pmi #contents .inner .wrap4 .wraptitle::after{
    display: block;
    content: " ";
    width: 100%;
    height: 10px;
    background-color: #001e5a;
    position: absolute;
    top:50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
#pmi #contents .inner .wrap4 .wraptitle h3{
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0 60px 0 60px;
    color:#001e5a;
    font-size: 26px;
    position: relative;
    z-index: 50;
    vertical-align: middle;
    background: none; 
    background-color: #fff;
}
/*----*/
#pmi #contents .inner .wrap4 .detail{
    width:500px;
    margin: 40px auto;
}
#pmi #contents .inner .wrap4 .detail .detailinner{
    width: 100%;
    margin: 0 0 10px 0;
}
#pmi #contents .inner .wrap4 .detail .detailinner > img{
    float: left;
}
#pmi #contents .inner .wrap4 .detail .detailinner .support{
    width: 390px;
    float: right;
    vertical-align: middle;
}
#pmi #contents .inner .wrap4 .detail .detailinner .support h4{
    border: none;
    line-height: 47px;
    font-size: 18px;
    margin: 4px 0 0 0;
    padding: 0;
}
#pmi #contents .inner .wrap4 .detail .detailinner .support h4 img{
    display: inline-block;
    margin: 0 5px 0 0;
}
#pmi #contents .inner .wrap4 .detail .detailinner .support p{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 0;
    font-weight: 300;
}

#pmi #contents .inner .wrapinfo{
    width: 100%;
    margin: 80px 0 0 0;
    position: relative;
    overflow: hidden;
    background-color: #d9d9d9;
    text-align: center;
}
#pmi #contents .inner .wrapinfo h3{
    display: inline-block;
    text-align: center;
    margin: 30px auto 30px auto;
    padding: 0 0 12px 0;
    color:#323232;
    line-height: 20px;
    font-size: 20px;
    position: relative;
    background: none;
}
#pmi #contents .inner .wrapinfo h3::after{
    content: " ";
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #323232;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
}
#pmi #contents .inner .wrapinfo .detailinner{
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}
#pmi #contents .inner .wrapinfo .detailinner .support{
    display: inline-block;
    width: 330px;
    margin: 0 auto;
}
#pmi #contents .inner .wrapinfo .detailinner .support h4{
    border: none;
    line-height: 17px;
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 0 0 8px 34px;
    text-align: left;
    color: #323232;
	background: url(../../../service/business/pmi/img/infoicon.gif) no-repeat top 3px left;
    background-size: 22px;
    letter-spacing: 0;
    border-bottom: solid 2px #323232;
}
#pmi #contents .inner .wrapinfo .detailinner .support p{
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin: 2px 0 0 0;
    padding: 0;
    color: #323232;
}
#pmi #contents .inner .wrapinfo .linkcontact{
    font-size: 14px;
    text-align: center;
    margin: 0 0 40px 0; 
    padding: 0;
    color:#323232;
    font-weight: bold;
}
#pmi #contents .inner .wrapinfo .linkcontact a{
    display: inline-block;
    color:#323232;
    border-bottom:solid 2px #323232;
    letter-spacing: 0;
    font-weight: bold;
    position: relative;
    letter-spacing: 0;
    top:-1px;
}


/*M&A*/
#ma{}
#ma #pageTitle{
	background: url(../../../service/business/ma/img/title_img.jpg) no-repeat center;
    text-align: center;
}
#ma #contents *{
    box-sizing: border-box;
}
#ma #contents{
    width: 100%;
    margin: 0 auto;
}
#ma #contents .inner{
    width: 100%;
}
#ma #contents .inner p{
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #000;
    margin: 80px 0 0 0;
}
#ma #contents .inner .wrap{
    width: 100%;
    margin: 80px 0 0 0;
    position: relative;
    overflow: hidden;
}
#ma #contents .inner .wrap .detailwrap{
    width: 100%;
}
#ma #contents .inner .wrap1 .detailwrap{
	background: url(../../../service/business/ma/img/content1_img.jpg) no-repeat center;
    background-size: cover;
}
#ma #contents .inner .wrap2 .detailwrap{
	background: url(../../../service/business/ma/img/content2_img.jpg) no-repeat center;
    background-size: cover;
}
#ma #contents .inner .wrap3 .detailwrap{
	background: url(../../../service/business/ma/img/content3_img.jpg) no-repeat center;
    background-size: cover;
}
#ma #contents .inner .wrap .bg{
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
}
#ma #contents .inner .wrap .detail1{
	width: 900px;
    height: 750px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
#ma #contents .inner .wrap .detail2{
	background: url(../../../service/business/ma/img/content_txtbg.jpg) no-repeat center;
    background-size: cover;
}
#ma #contents .inner .wrap .detail2 .detail2fr{
    width: 900px;
    margin: 0 auto;
    padding: 80px 0 80px 0;
    position: relative;
}
#ma #contents .inner .wrap .detail2 p{
    font-size: 18px;
    color:#fff;
    text-align: left;
    margin: 0 0 0 0;
}
#ma #contents .inner .wrap .detail2 ul{
    width: 60%;
    display: block;
    margin: 50px auto 0 auto;
    padding: 0;
    list-style: none;
}
#ma #contents .inner .wrap3 .detail2 ul{
    width: 95%!important;
}
#ma #contents .inner .wrap .detail2 ul li{
    width: 100%;
    display: block;
    padding: 0 0 0 1.4em;
    position: relative;
    font-size: 22px;
    color:#fff;
    font-weight: bold;
    text-align: left;
}
#ma #contents .inner .wrap .detail2 ul li::after{
    display: block;
    content: "■";
    position: absolute;
    top: 0;
    left: 0;
}
#ma #contents .inner .wrap .detail2 p.info{
    width: 100%;
    text-align: right;
    font-size: 12px;
    color:#fff;
    position: absolute;
    bottom: 10px;
    right: 0;
}
#ma #contents .inner .main{
    width: 100%;
    margin: 160px 0 0 0;
    position: relative;
    overflow: hidden;
}
#ma #contents .inner .main .titlewrap{
    width: 100%;
    position: relative;
}
#ma #contents .inner .main .titlewrap::after{
    content: " ";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #001e5a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
#ma #contents .inner .main .titlewrap .title{
    width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 100;
}
#ma #contents .inner .main .titlewrap .title span{
    display: inline-block;
    background-color: #fff;
    font-size: 26px;
    font-weight: bold;
    color: #001e5a;
    padding: 0 26px 0 26px;
}
#ma #contents .inner .main .detailwrap{
    width: 900px;
    margin: 0 auto;
}
#ma #contents .inner .main .detailwrap p{
    font-size: 18px;
    color:#000;
    text-align: left;
    margin: 30px 0 10px 0;
    padding: 0;
}
#ma #contents .inner .main .detailwrap h4{
    width: 300px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #001e5a;
    margin: 30px 0 0 0;
    padding: 5px 0 5px 30px;
}
#ma #contents .inner .main .detailwrap h4:nth-child(0){
    margin-top: 0;
}
#ma #contents .inner .main .detailwrap ul{
    width: 100%;
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0;
    border-top: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
	background: url(../../../service/business/ma/img/listcenter.gif) repeat-y center center;
}
#ma #contents .inner .main .detailwrap li{
    width: 50%;
    display: inline-block;
    padding: 20px 30px 20px 30px;
    position: relative;
    font-size: 16px;
    color:#000;
    text-align: left;
    vertical-align: top;
}
#ma #contents .inner .main .detailwrap li span{
    display: block;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#ma #contents .inner .link{
    width: 100%;
    margin: 120px 0 0 0;
    position: relative;
    overflow: hidden;
    background-color: #d9d9d9;
}
#ma #contents .inner .link .detailwrap{
    width: 900px;
    margin: 0 auto;
    padding: 30px 0 60px 0;
}
#ma #contents .inner .link .detailwrap .title{
    margin-bottom: 30px;
}
#ma #contents .inner .link .detailwrap ul{
    width: 740px;
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0;
}
#ma #contents .inner .link .detailwrap li{
    width: 50%;
    display: inline-block;
    padding: 0;
    position: relative;
    font-size: 16px;
    color:#000;
    text-align: left;
    vertical-align: top;
}
#ma #contents .inner .link .detailwrap li:nth-child(1){
    width: 300px;
}
#ma #contents .inner .link .detailwrap li:nth-child(2){
    width: 440px;
    padding: 12px 0 12px 15px;
    font-size: 14px;
}
#ma #contents .inner .link .detailwrap li a img{
    opacity: 1;
    transition: opacity 0.4s;
}
#ma #contents .inner .link .detailwrap li a img:hover{
    opacity: 0.8;
}


/*business*/
#business{}
#business #pageTitle{
	background: url(../../service/business/img/title_img.jpg) no-repeat center;
}
#business #contents{
	width: 750px;
}
#business #contents .businessBox{
	margin: 90px 0 0 0;
}
#business #contents dl.tit{
	margin-bottom: 40px;
	display: table;
}
#business #contents dl.tit dt{
	width: 230px;
	font-size: 26px;
	line-height: 1.1;
	font-weight: 600;
	color: #fff;
	background: #001e5a;
	padding: 18px 20px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#business #contents dl.tit dt span{
	font-size: 18px;
}
#business #contents dl.tit dd{
	width: 440px;
	font-size: 15px;
	background: #f0f0f0;
	padding: 18px 20px;
	display: table-cell;
	vertical-align: middle;
}
#business #contents .elected{
	float: left;
	width: 110px;
	font-size: 17px;
	line-height: 1.8;
	font-weight: 500;
	color: #fff;
	background: #a0c837;
	text-align: center;
	padding: 25px 0;
}
#business #contents .reason{
	float: right;
	width: 603px;
}
#business #contents .reason p {
    font-size: 16px;
}
#business #contents .reason p.info {
    font-size: 12px;
    margin: 30px 0 20px 0;
}
#business #contents .reason a img{
    opacity: 1;
    transition: opacity 0.4s;
}
#business #contents .reason a img:hover{
    opacity: 0.8;
}
#business #contents dl.subTit{
	margin: 20px 0 5px 0;
}
#business #contents dl.subTit.adjustment01{
	margin: 0px 0 5px 0;
}
#business #contents dl.subTit dt{
	float: left;
	width: 30px;
	font-size: 30px;
	font-weight: 600;
	color: #001e5a;
}
#business #contents dl.subTit dd{
	float: left;
	width: 573px;
	font-size: 18px;
	font-weight: 600;
	color: #001e5a;
	padding-top: 10px; 
}
#business #contents dl.subTit dd .kome{
    font-size: 12px;
    vertical-align: top;
}
#business #contents dl.subTit dd .t16{
    font-size: 16px;
    vertical-align: top;
}
#business #contents .youtube{
	float: left;
	width: 320px;
	height: 181px;
	margin-top: 40px;
}
#business #contents .comment{
	float: right;
	position: relative;
	width: 265px;
	height: 221px;
}
#business #contents .comment p{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/*write*/
#write{}
#write #pageTitle{
	background: url(../../service/write/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#write.old #pageTitle{
	background: url(../../service/write/old/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#write #contents{
	width: 750px;
}
#write #contents .Years{
	width: 70px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	background: #001e5a;
	padding: 6px 0;
	text-align: center;
}
#write #contents .detailBox{
	padding: 55px 0 20px 0;
	border-bottom: 1px solid #d2d2d2;
	background: url(../img/pdf_icon.jpg) no-repeat right 70%;
}
#write #contents .detailBox.pdfNone{
	background: none;
}
#write #contents .detailBox.border{
	border-bottom: 1px solid #505050;
	margin-bottom: 10px;
}
#write #contents .detailBox.detailBox_spec{
  margin-top: -28px
}
#write #contents .detailBox h5{
	font-size: 16px;
	font-weight: 500;
	color: #001e5a;
	margin-bottom: 10px;
  padding-right: 70px
}
#write #contents .detailBox.pdfNone h5{
	font-size: 16px;
}
#write #contents dl{
	font-size: 15px;
	color: #505050;
}
#write #contents dt{
	float: left;
	width: 70px;
}
#write #contents dd{
	float: left;
	width: 610px;
}
#write #contents .detailBox.pdfNone dd{
	float: left;
	width: 680px;
}
#write #contents .detailBox a{
	display: block;
}
#write #contents .detailBox a:hover h5,
#write #contents .detailBox a:hover dl{
	color: #a0c837;
}
#write #contents .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	margin: 20px 0 0 0;
	padding: 6px 6px;
	border: 1px solid #000000;
	text-align: center;
}
#write #contents .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}
#write [id^="article_"]{
	margin-top: -40px;
    padding-top: 40px;
}

/*book*/
#book{}
#book #pageTitle{
	background: url(../../service/book/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#book #contents{
	width: 750px;
}
#book #contents .Years{
	width: 70px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	background: #001e5a;
	padding: 6px 0;
	text-align: center;
}
#book #contents .detailBox{
	padding: 30px 0 15px 0;
	border-bottom: 1px solid #505050;
}
#book #contents .itemText{
	float: left;
	width: 530px;
}
#book #contents .itemText p {
	font-size: 15px;
}
#book #contents .itemText dl{
	font-size: 16px;
	color: #001e5a;
	margin: 10px 0;
}
#book #contents .itemText dt{
	float: left;
	font-weight: 600;
	margin-right: 14px;
}
#book #contents .itemText dd{
	font-size: 13px;
	font-weight: 500;
	padding-top: 3px;
}
#book #contents .itemImg{
	float: right;
	width: 150px;
}

/*speaker*/
#speaker{}
#speaker #pageTitle{
	background: url(../../service/speaker/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#speaker #contents{
	width: 750px;
}
#speaker #contents p{
	font-size: 15px;
}
#speaker #contents .Years{
	width: 70px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	background: #001e5a;
	padding: 6px 0;
	text-align: center;
}
#speaker #contents .detailBox{
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #d2d2d2;
}
#speaker #contents .detailBox.border{
	border-bottom: 1px solid #505050;
}
#speaker #contents .itemText{
	float: left;
	width: 530px;
}
#speaker #contents .itemText dl{
	font-size: 16px;
	color: #001e5a;
	margin: 10px 0;
}
#speaker #contents .itemText dt{
	float: left;
	padding-right: 20px;
}
#speaker #contents .itemText dd{
	float: left;
	font-size: 15px;
	font-weight: 500;
}
#speaker #contents .itemImg{
	float: right;
	width: 170px;
}
#speaker #contents .itemImg2{
	width: 150px;
	margin-top: 10px;
}

/*media*/
#media{}
#media #pageTitle{
	background: url(../../service/media/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#media.old #pageTitle{
	background: url(../../service/media/old/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#media #contents{
	width: 750px;
}
#media #contents .Years{
	width: 70px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	background: #001e5a;
	padding: 6px 0;
	text-align: center;
}
#media #contents .detailBox{
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #d2d2d2;
	background: url(../img/pdf_icon.jpg) no-repeat right center;
}
#media #contents .detailBox.pdfNone{
	background: none;
}
#media #contents .detailBox.border{
	border-bottom: 1px solid #505050;
	margin-bottom: 10px;
}
#media #contents .detailBox h5{
	font-size: 16px;
	font-weight: 500;
	color: #001e5a;
	margin-bottom: 10px;
}
#media #contents .detailBox.pdfNone h5{
	font-size: 15px;
}
#media #contents .detailBox h6{
	font-size: 15px;
	color: #505050;
	font-weight: 500;
}
#media #contents p{
	width: 680px;
	font-size: 15px;
	color: #505050;
}
#media #contents dl{
	font-size: 15px;
	color: #505050;
}
#media #contents dt{
	float: left;
	width: 55px;
}
#media #contents dd{
	float: left;
	width: 625px;
}
#media #contents .detailBox a{
	display: block;
}
#media #contents .detailBox p a{
	display: inline-block;
	color: #505050;
}
#media #contents .detailBox p a.tri{
	display: inline-block;
	color: #a0c837;
	background: url(../img/tri_icon.gif) no-repeat left center;
	padding-left: 13px;
}
#media #contents .detailBox p a:hover{
	color: #a0c837;
	text-decoration: underline;
}
#media #contents .detailBox a:hover h5,
#media #contents .detailBox a:hover h6,
#media #contents .detailBox a:hover p,
#media #contents .detailBox a:hover dl{
	color: #a0c837;
}
#media #contents .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	margin: 20px 0 0 0;
	padding: 6px 6px;
	border: 1px solid #000000;
	text-align: center;
}
#media #contents .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}

/*other*/
#other{}
#other #pageTitle{
	background: url(../../service/other/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#other #contents{
	width: 750px;
}
#other #contents .Years{
	width: 70px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	background: #001e5a;
	padding: 6px 0;
	text-align: center;
}
#other #contents .detailBox{
	padding: 30px 0 15px 0;
	border-bottom: 1px solid #505050;
}
#other #contents dl{
	font-size: 16px;
	color: #001e5a;
	margin: 10px 0;
}
#other #contents dt{}
#other #contents dd{
	font-size: 16px;
	font-weight: 500;
}
#other #contents p{
	font-size: 15px;
}
#other #contents .otherImg{
	margin: 20px 0 10px;
}
#other #contents .otherImg .left{
	float: left;
	width: 360px;
}
#other #contents .otherImg .right{
	float: right;
	width: 360px;
}


/*拠点・メンバー紹介
---------------------------------------------------------------------------*/
/*officemember*/
#officemember{}
#officemember #pageTitle{
	background: url(../../officemember/img/title_img.jpg) no-repeat center;
}
#officemember #contents{}
#officemember #contents ul{
	padding: 10px 0;
}
#officemember #contents li{
	float: left;
	width: 280px;
	margin: 0 30px 60px 0;
}
#officemember #contents li .img{
	width: 280px;
	height: 105px;
	overflow: hidden;
}
#officemember #contents li .img img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#officemember #contents li a:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#officemember #contents li.adjustment01{
	margin: 0 0 60px 0;
}
#officemember #contents li.adjustment02{
	margin: 0 30px 0 0;
}
#officemember #contents li.adjustment03{
	margin: 0 0 0 0;
}
#officemember #contents li p{
	width: 240px;
	font-size: 13px;
	color: #505050;
	font-weight: 300;
	margin: 0 auto;
}
#officemember #contents li .tit{
	width: 280px;
	font-size: 16px;
	font-weight: 500;
	color: #323232;
	text-align: center;
	margin: 10px auto 6px;
	letter-spacing: 2px;
}
#officemember #contents li a{
	display: block;
}
#officemember #contents li a:hover .tit{
	color: #a1c837;
}

/*office*/
#office{}
#office #pageTitle{
	display: none;
}
#office #contents{
	width: 100%;
}
#office #contents #movieArea{
	position:relative;
	width: 100%;
	height: 700px;
	margin: 100px auto 50px;
	overflow:hidden;
}
#office #contents #movieArea video{
	position: absolute;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto;
	top: 0;
	left: 0;
	z-index: 1;
}
#office #contents .inner .inner{
	width: 750px;
	margin: 0 auto;
}
#office #contents h4{
	font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	border: none;
	margin-bottom: 0;
	padding: 0;
}
#office #contents h5{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
}
#office #contents .officeBox{
	margin-bottom: 60px;
}
#office #contents .officeBox .left{
	float: left;
	width: 350px;
}
#office #contents .officeBox .right{
	float: right;
	width: 370px;
	font-size: 16px;
	line-height: 1.8;
}
#office #contents .officeBox #map_canvas_01,
#office #contents .officeBox #map_canvas_02,
#office #contents .officeBox #map_canvas_03,
#office #contents .officeBox #map_canvas_04,
#office #contents .officeBox #map_canvas_05,
#office #contents .officeBox #map_canvas_06{
	width: 100%;
	height: 220px;
}

/*hcmcm - groupm*/
#hcmcm #pageTitle{
	background: url(../../officemember/hcmcm/img/title_img.jpg) no-repeat center;
}
#hanoim #pageTitle{
	background: url(../../officemember/hanoim/img/title_img.jpg) no-repeat center;
}
#bdm #pageTitle{
	background: url(../../officemember/bdm/img/title_img.jpg) no-repeat center;
}
#camm #pageTitle{
	background: url(../../officemember/camm/img/title_img.jpg) no-repeat center;
}
#tokyom #pageTitle{
	background: url(../../officemember/tokyom/img/title_img2.jpg) no-repeat center;
}
#groupm #pageTitle{
	background: url(../../officemember/groupm/img/title_img.jpg) no-repeat center;
}
#partner #pageTitle{
	background: url(../../officemember/partner/img/title_img2.jpg) no-repeat center;
}
#hcmcm #contents,#hanoim #contents,#bdm #contents,#camm #contents,
#tokyom #contents,#groupm #contents,#partner #contents{
	width: 750px;
}
#hcmcm #contents p,#hanoim #contents p,#bdm #contents p,#camm #contents p,
#tokyom #contents p,#groupm #contents p,#partner #contents p{
	font-size: 16px;
}
#hcmcm #contents .name,#hanoim #contents .name,#bdm #contents .name,#camm #contents .name,
#tokyom #contents .name,#groupm #contents .name,#partner #contents .name{
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
}
#hcmcm #contents .name span,#hanoim #contents .name span,#bdm #contents .name span,#camm #contents .name span,
#tokyom #contents .name span,#groupm #contents .name span,#partner #contents .name span{
	font-size: 16px;
}
#hcmcm #contents .bold,#hanoim #contents .bold,#bdm #contents .bold,#camm #contents .bold,
#tokyom #contents .bold,#groupm #contents .bold,#partner #contents .bold{
	font-size: 15px;
	font-weight: 500;
}
#hcmcm #contents .hcmcmBox,#hanoim #contents .hanoimBox,#bdm #contents .bdmBox,#camm #contents .cammBox,#camm #contents .bdmBox,#camm #contents .cammBox,
#tokyom #contents .tokyomBox,#groupm #contents .groupmBox,#partner #contents .partnerBox{
	margin-bottom: 60px;
}
#hcmcm #contents .left,#hanoim #contents .left,#bdm #contents .left,#camm #contents .left,
#tokyom #contents .left,#groupm #contents .left,#partner #contents .left{
	float: left;
	width: 200px;
}
#hcmcm #contents .right,#hanoim #contents .right,#bdm #contents .right,#camm #contents .right,
#tokyom #contents .right,#groupm #contents .right,#partner #contents .right{
	float: right;
	width: 520px;
}
#hcmcm #contents .list01,#hanoim #contents .list01,#bdm #contents .list01,#camm #contents .list01,
#tokyom #contents .list01,#groupm #contents .list01,#partner #contents .list01{
	margin: 15px 0;
	border-top: 1px solid #787878;
	border-bottom: 1px solid #787878;
}
#hcmcm #contents .list01 dt,#hanoim #contents .list01 dt,#bdm #contents .list01 dt,#camm #contents .list01 dt,
#tokyom #contents .list01 dt,#groupm #contents .list01 dt,#partner #contents .list01 dt{
	float: left;
	width: 243px;
	padding: 15px 15px 15px 0;
}
#hcmcm #contents .list01 dd,#hanoim #contents .list01 dd,#bdm #contents .list01 dd,#camm #contents .list01 dd,
#tokyom #contents .list01 dd,#groupm #contents .list01 dd,#partner #contents .list01 dd{
	float: left;
	width: 245px;
	padding: 15px 0 15px 15px;
	border-left: 1px solid #787878;
}
#hcmcm #contents .list02,#hanoim #contents .list02,#bdm #contents .list02,#camm #contents .list02,
#tokyom #contents .list02,#groupm #contents .list02,#partner #contents .list02{
	font-size: 15px;
}
#hcmcm #contents .list02 dt,#hanoim #contents .list02 dt,#bdm #contents .list02 dt,#camm #contents .list02 dt,
#tokyom #contents .list02 dt,#groupm #contents .list02 dt,#partner #contents .list02 dt{
	float: left;
	width: 70px;
}
#hcmcm #contents .list02 dd,#hanoim #contents .list02 dd,#bdm #contents .list02 dd,#camm #contents .list02 dd,
#tokyom #contents .list02 dd,#groupm #contents .list02 dd,#partner #contents .list02 dd{
	float: left;
	width: 450px;
}
#hcmcm #contents .list02 dt.w100{
	width: 110px;
}
#hcmcm #contents .list02 dd.w420{
	width: 410px;
}
#hcmcm #contents .more a,#hanoim #contents .more a,#bdm #contents .more a,#camm #contents .more a,
#tokyom #contents .more a,#groupm #contents .more a,#partner #contents .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	padding: 6px 30px;
	border: 1px solid #000000;
	text-align: center;
}
#hcmcm #contents .more a:hover,#hanoim #contents .more a:hover,#bdm #contents .more a:hover,#camm #contents .more a:hover,
#tokyom #contents .more a:hover,#groupm #contents .more a:hover,#partner #contents .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}


/*セミナー情報
---------------------------------------------------------------------------*/
/*seminar*/
#seminar{}
#seminar #pageTitle{
	background: url(../../seminar/img/title_img.jpg) no-repeat center;
}
#seminar #contents{}
#seminar #contents ul{
	padding: 10px 0;
}
#seminar #contents li{
	float: left;
	width: 280px;
	margin: 0 30px 60px 0;
}
#seminar #contents li .img{
	width: 280px;
	height: 105px;
	overflow: hidden;
}
#seminar #contents li .img img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#seminar #contents li a:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#seminar #contents li.adjustment01{
	margin: 0 0 60px 0;
}
#seminar #contents li.adjustment02{
	margin: 0 30px 0 0;
}
#seminar #contents li.adjustment03{
	margin: 0 0 0 0;
}
#seminar #contents li p{
	width: 240px;
	font-size: 15px;
	color: #505050;
	font-weight: 300;
	margin: 0 auto;
}
#seminar #contents li .tit{
	width: 280px;
	font-size: 16px;
	font-weight: 500;
	color: #323232;
	text-align: center;
	margin: 10px auto 6px;
	letter-spacing: 2px;
}
#seminar #contents li a{
	display: block;
}
#seminar #contents li a:hover .tit{
	color: #a1c837;
}

/*schedule*/
#schedule{}
#schedule #pageTitle{
	background: url(../../seminar/schedule/img/title_img.jpg) no-repeat center;
}
#schedule #contents{
	width: 800px;
	font-size: 13px;
}
#schedule #contents .seminarImg{
	float: left;
	width: 200px;
}
#schedule #contents .seminarText{
	float: right;
	width: 570px;
}
#schedule #contents h5{
	font-size: 15px;
	margin-bottom: 20px;
	padding: 5px 10px 4px 15px;
	background: #e6e6e6;
}
#schedule #contents dl{
	margin-bottom: 20px;
}
#schedule #contents dl:last-child{
	border: none;
}
#schedule #contents dt{
	width: 250px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
	padding: 6px 0px 6px 6px;
}
#schedule #contents dt.dBlue{
	background: #001e5a;
}
#schedule #contents dt.dBlue2{
	background:rgba(15,80,210,1.00)
}
#schedule #contents dt.lGreen{
	background: #a0c837;
}
#schedule #contents dt.lOrange{
	background: #ff9c32;
}
#schedule #contents dt.lGreen2{
	background: #006e00;
}
#schedule #contents dt.lGrey{
	background: #787878;
}
#schedule #contents dt.dRed{
	background: #ad2436;
}
#schedule #contents dd{
	font-size: 15px;
}
#schedule #contents table{
	width: 100%;
	font-size: 14px;
}
#schedule #contents table tr{
	border-bottom: 1px solid #d2d2d2;
}
#schedule #contents table th{
	padding: 5px 0;
	background: #e6e6e6;
	text-align: center;
}
#schedule #contents table th span,
#schedule #contents table td span{
	font-size: 10px;
}
#schedule #contents table td{
	padding: 5px 0;
	vertical-align: top;
}
#schedule #contents table .w70{ width: 96px;}
#schedule #contents table .w90{ width: 90px;}
#schedule #contents table .w120{ width: 120px;}
#schedule #contents table .w290{ width: 280px;}
#schedule #contents table .tRight{ padding-right: 10px;}
#schedule #contents .list01{
	font-size: 12px;
	padding-left: 20px;
}
#schedule #contents .list01 li{
	list-style: disc;
}
#schedule #contents .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	padding: 6px 30px;
	border: 1px solid #000000;
	text-align: center;
}
#schedule #contents .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
}
#schedule #mailIcon{
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 120px;
	height: 86px;
}


/*ベトナム法令ビジネス情報
---------------------------------------------------------------------------*/
/*vnbusiness*/
#vnbusiness{}
#vnbusiness #pageTitle{
	background: url(../../vnbusiness/img/title_img.jpg) no-repeat center;
}
#vnbusiness #contents{}
#vnbusiness #contents ul{
	padding: 10px 0;
}
#vnbusiness #contents li{
	float: left;
	width: 280px;
	margin: 0 30px 60px 0;
}
#vnbusiness #contents li .img{
	width: 280px;
	height: 105px;
	overflow: hidden;
}
#vnbusiness #contents li .img img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#vnbusiness #contents li a:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#vnbusiness #contents li.adjustment01{
	margin: 0 0 60px 0;
}
#vnbusiness #contents li.adjustment02{
	margin: 0 30px 0 0;
}
#vnbusiness #contents li.adjustment03{
	margin: 0 0 0 0;
}
#vnbusiness #contents li p{
	width: 240px;
	font-size: 13px;
	color: #505050;
	font-weight: 300;
	margin: 0 auto;
}
#vnbusiness #contents li .tit{
	width: 280px;
	font-size: 16px;
	font-weight: 500;
	color: #323232;
	text-align: center;
	margin: 10px auto 6px;
	letter-spacing: 2px;
}
#vnbusiness #contents li a{
	display: block;
}
#vnbusiness #contents li a:hover .tit{
	color: #a1c837;
}

/*monthly*/
#monthly{}
#monthly #pageTitle{
	background: url(../../vnbusiness/monthly/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#monthly #contents{
	width: 750px;
	font-size: 16px;
}
#monthly.index #contents{
	width: 720px;
}
#monthly #contents a{
	color: #a0c837;
}
#monthly #contents a:hover{
	text-decoration: underline;
}
#monthly #contents .informationList{
	float: left;
	width: 140px;
	margin: 50px 20px 0 20px;
}
#monthly #contents .informationList dt{
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #001e5a;
}
#monthly #contents .informationList dd{
	font-size: 15px;
	padding: 5px 10px;
	border-bottom: 1px solid #d2d2d2;
}
#monthly #contents .informationList dd a{
	color: #323232;
}
#monthly #contents .informationList dd a:hover{
	color: #a0c837;
}

/*monthly 過去記事*/
#monthly #contents h3{
	display: inline-block;
	font-size: 15px;
	color: #fff;
	text-align: center;
	background: #001e5a;
	letter-spacing: 0px;
	margin-bottom: 20px;
    padding: 6px 10px;
}
#monthly #contents h4{
	display: inline-block;
	font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: left;
	background: #001e5a;
	letter-spacing: 0px;
	margin-bottom: 15px;
    padding: 6px 10px;
	border: none;
}
#monthly #contents h5{
	font-size: 16px;
	color: #001e5a;
	letter-spacing: 1px;
	margin-bottom: 8px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d2d2d2;
}
#monthly #contents .flt-left{
	float: left;
}
#monthly #contents .flt-right{
	float: right;
}
#monthly #contents li{
	list-style: disc;
	margin-left: 20px;
}
#monthly #contents ol li{
	list-style: decimal;
	margin-left: 15px;
}
#monthly #contents ol li ul li{
	list-style: circle;
	margin-left: 20px;
}
#monthly #contents .circle{ list-style: circle!important;}
#monthly #contents .lowerLatin{ list-style: lower-latin!important;}
#monthly #contents .lowerRoman{ list-style: lower-roman!important;}
#monthly #contents .lsNone{ list-style: none!important;}
#monthly #contents .indexBox{
	width: 100%;
	padding: 10px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 30px;
}
#monthly #contents .indexBox li{
	float: left;
	width: 33%;
	list-style: none;
	margin-left: 0px;
}
#monthly #contents .indexBox li a{
	color: #001e5a;
}
#monthly #contents .indexBox li a:hover{
	color: #a0c837;
}
#monthly #contents .indexBox .split01 li{}
#monthly #contents .komoku{
	width: 50px;
	font-size: 14px;
	padding: 6px 0px 6px 0px;
	background: #d2d2d2;
	text-align: center;
}
#monthly #contents .boxTopics{
	background: #e5e5e5;
    padding: 20px;
}
#monthly #contents .list-content{
	font-weight: 500;
	margin-bottom: 10px;
}
#monthly #contents .list-content dt{
	float: left;
	width: 4%;
}
#monthly #contents .list-content dd{
	float: left;
	width: 96%;
}
#monthly #contents table{
	width: 100%;
	border-top: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	margin-bottom: 10px;
}
#monthly #contents table.table2{
	width: 80%;
	border-top: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	margin-bottom: 10px;
}
#monthly #contents table tr{
	border-bottom: 1px solid #b4b4b4;
}
#monthly #contents table th{
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
	text-align: center;
}
#monthly #contents table td{
	padding: 10px 25px;
}
#monthly #contents table .w15{
	width: 15%;
	border-left: 1px solid #b4b4b4;
}
#monthly #contents table .w15l{
	width: 15%;
}
#monthly #contents table .w33{
	width: 33%;
	border-left: 1px solid #b4b4b4;
}
#monthly #contents table .w33l{
	width: 33%;
}
#monthly #contents table .w35{
	width: 35%;
	border-left: 1px solid #b4b4b4;
}
#monthly #contents table .w50{
	width: 50%;
	border-left: 1px solid #b4b4b4;
}
#monthly #contents table .w50l{
	width: 50%;
}
#monthly #contents table .bgGray{
	color: #333;
	background: #d2d2d2;
}
#monthly #contents table .bgGreen{
	background: #a0c837;
}
#monthly #contents table dl{
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}
#monthly #contents table dt{
	float: left;
}
#monthly #contents table dd{
	float: left;
}
#monthly #contents .more a{
	display: block;
	float: right;
	font-size: 12px;
	color: #323232;
	font-weight: 300;
	background: #fff;
	padding: 6px 15px;
	border: 1px solid #000000;
	text-align: center;
}
#monthly #contents .more a:hover{
	color: #fff;
	background: #a1c837;
	border: 1px solid #a1c837;
	text-decoration: none;
}
#monthly #contents #n01,#monthly #contents #n02,#monthly #contents #n03,
#monthly #contents #n04,#monthly #contents #n05,#monthly #contents #n06,
#monthly #contents #n07,#monthly #contents #n08,#monthly #contents #n09{
	margin-top: -100px;
    padding-top: 100px;
}

/*無料ニュースレター登録
---------------------------------------------------------------------------*/
/*newsletter*/
#newsletter{}
#newsletter #pageTitle{
	background: url(../../newsletter/img/title_img.png) no-repeat center ,url(../../common/img/h2.gif);
	height: 200px;
}
#newsletter #contents{
	width: 700px;
}
#newsletter #contents h3{
	font-size: 16px;
	text-align: center;
	letter-spacing: 0px;
	background: none;
	margin-bottom: 60px;
	padding-bottom: 0px;
}
#newsletter #contents dl{
	float: left;
	width: 233px;
}
#newsletter #contents dt{
	font-size: 15px;
	color: #a0c837;
	margin-bottom: 10px;
	background: url(../../newsletter/img/newsletter_icon.gif) no-repeat center left;
	padding-left: 16px;
}
#newsletter #contents dd{
}
#newsletter #contents dd.letterBox01{
	width: 250px;
}
#newsletter #contents dd.letterBox02{
	width: 198px;
}
#newsletter #contents dd.letterBox03{
	width: 250px;
}
#newsletter #contents input[type="text"]{
	width: 213px;
	font-size: 12px;
	padding: 10px;
	border: 1px solid #b4b4b4;
}
#newsletter #contents dd.letterBox01 input[type="text"],
#newsletter #contents dd.letterBox03 input[type="text"]{
	width: 228px;
}
#newsletter #contents dd.letterBox02 input[type="text"]{
	width: 176px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
#newsletter #contents .btnBox{
	width: 280px;
	margin: 0 auto;
}
#newsletter #contents input[type="button"]{
	width: 100px;
	height: 40px;
	font-size: 0px;
	color: #fff;
	border: 0;
	cursor: pointer;
}
#newsletter #contents input[type="submit"]{
	width: 100px;
	height: 40px;
	font-size: 0px;
	color: #fff;
	border: 0;
	cursor: pointer;
}
#newsletter #contents #submitBtn01{
	background: url(../../newsletter/img/newsletter_btn01.gif) no-repeat;
}
#newsletter #contents #submitBtn02{
	float: left;
	margin: 0 20px;
	background: url(../../newsletter/img/newsletter_btn02.gif) no-repeat;
}
#newsletter #contents #submitBtn03{
	float: right;
	margin: 0 20px;
	background: url(../../newsletter/img/newsletter_btn03.gif) no-repeat;
}
#newsletter #contents input[type="submit"]:hover{
	color: #fff;
	background: #a0c837;
}
#newsletter #contents .placeholder{
	color: #b4b4b4;
}
#newsletter #contents .sendBtn{}
#newsletter #contents .sendBtn a{}
#newsletter #contents .error{
	font-size: 14px;
	color: #FF0000;
}


/*過去の新着情報
---------------------------------------------------------------------------*/
/*oldnews*/
#oldnews{}
#oldnews #pageTitle{
	background: url(../../img/oldnews/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#oldnews #contents{
	width: 924px;
}
#oldnews #contents h3{
	font-size: 16px;
	text-align: center;
	letter-spacing: 0px;
	background: none;
	margin-bottom: 60px;
	padding-bottom: 0px;
}
#oldnews #contents h4{
	font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 140px;
	font-size: 15px;
	color: #fff;
	text-align: left;
	background: #001e5a;
	letter-spacing: 0px;
	margin-bottom: 15px;
	margin-left: 12px;
    padding: 6px 0 6px 10px;
	border: none;
}
#oldnews #contents ul{}
#oldnews #contents li{
	float: left;
	width: 248px;
	font-size: 15px;
	border: 1px solid #b4b4b4;
	margin: 0 12px 20px 12px;
	padding: 15px;
}
#oldnews #contents a{
	color: #a0c837;
    word-break: break-all
}
#oldnews #contents a:hover{
	text-decoration: underline;
}


/*配信停止
---------------------------------------------------------------------------*/
/*unsubscribe*/
#unsubscribe{}
#unsubscribe #pageTitle{
	background: url(../../unsubscribe/img/title_img.png) no-repeat center ,url(../../common/img/h2.gif);
	height: 116px;
	border: 2px solid #e5e5e5;
}
#unsubscribe #contents{
	width: 570px;
}
#unsubscribe #contents h3{
	background: none;
	margin-bottom: 35px;
    padding-bottom: 0px;
}
#unsubscribe #contents h4{
	font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0px;
	background: none;
	border: none;
	margin-bottom: 50px;
	padding: 0px;
}


/*お問い合わせ
---------------------------------------------------------------------------*/
/*contact*/
#contact{}
#contact #pageTitle, #recruit-thanks #pageTitle{
	background: url(../../contact/img/title_img.png) no-repeat center ,url(../../common/img/h2.gif);
	height: 116px;
	border: 2px solid #e5e5e5;
}
#contact #contents{
	width: 570px;
}
#contact #contents h3{
	background: none;
	margin-bottom: 35px;
    padding-bottom: 0px;
}
#recruit-thanks #pageTitle{
    background: url(../../recruit/img/title_img.png) no-repeat center ,url(../../common/img/h2.gif);
}
#contact #contents h4, #recruit-thanks #contents h4{
	font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0px;
	background: none;
	border: none;
	margin-bottom: 50px;
	padding: 0px;
    font-weight: 700;
}
#contact #contents dl{
	width: 100%;
}
#contact #contents dt{
	float: left;
	width: 205px;
	font-size: 15px;
	color: #a0c837;
	vertical-align: top;
	padding: 16px 0 0 0;
}
#contact.confirmation #contents dt{
	padding: 8px 0;
}
#contact #contents .sendinfo{
	text-align: center;
	margin:0 0 20px 0;
}


#contact #contents dd{
	float: left;
	width: 355px;
	font-size: 15px;
	padding: 8px 0;
}
#contact #contents dd.preview{
	padding: 16px 0!important;
}
#contact #contents dd p{
	font-size: 13px;
}
#contact #contents .chackbox-list{
	list-style: none;
	font-size:0;
}
#contact #contents .chackbox-list li{
	width:50%;
	display: inline-block;
	font-size:14px;
	margin:0 0 5px 0;
}
#contact #contents .chackbox-list input[type="checkbox"]{
	margin:0 10px 0 0;
	position: relative;
	top:4px;
}
#contact #contents input[type="text"]{
	width: 333px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #b4b4b4;
}
#contact #contents textarea{
	width: 333px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #b4b4b4;
}
#contact #contents input[type="button"]{
	width: 100px;
	height: 40px;
	font-size: 17px;
	color: #fff;
	background: #a0c837;
	border: 0;
	cursor: pointer;
}
#contact #contents input[type="submit"]{
	width: 100px;
	height: 40px;
	font-size: 17px;
	color: #fff;
	background: #a0c837;
	border: 0;
	cursor: pointer;
}
#contact #contents input[type="submit"]:hover{
	color: #fff;
	background: #a0c837;
}
#contact #contents .sendBtn{
	margin: 0 auto;
}
#contact #contents .sendBtn a{}
#contact #contents .btnBox{
	width: 240px;
	margin: 0 auto;
	padding-top: 20px;
}
#contact #contents .btnBox .formBtn01{
	float: left;
	width: 100px;
	height: 40px;
	border: 0;
	cursor: pointer;
}
#contact #contents .btnBox .formBtn01 a{
	display: block;
}
#contact #contents .btnBox .formBtn02{
	float: right;
}
#contact #contents .error-msg{
	font-size: 14px;
	color: #FF0000;
}
#contact #contents dd div{
	font-size: 14px;
}


/*プライバシーポリシー
---------------------------------------------------------------------------*/
/*privacypolicy*/
#privacypolicy{}
#privacypolicy #pageTitle{
	background: url(../../privacypolicy/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#privacypolicy #contents{
	width: 740px;
}
#privacypolicy #contents h3{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	background: none;
	margin-bottom: 70px;
	padding-bottom: 0px;
	letter-spacing: 0px;
}
#privacypolicy #contents h4{
	font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 2px solid #d2d2d2;
	margin-bottom: 10px;
	padding-bottom: 10px;
	letter-spacing: 0px;
}
#privacypolicy #contents h5{
	font-size: 17px;
	font-weight: 500;
	border-bottom: 1px solid #505050;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#privacypolicy #contents p{
	width: 700px;
	font-size: 16px;
	margin: 0 auto 45px;
}
#privacypolicy #contents .personal{
	width: 650px;
	padding: 20px 45px;
	background: #f0f0f0;
}
#privacypolicy #contents .personal p{
	width: 630px;
	font-size: 16px;
	margin: 0 auto 5px;
}
#privacypolicy #contents a{
	color: #a0c837;
	vertical-align: top;
}
#privacypolicy #contents a:hover{
	text-decoration: underline;
}

/*Q&A
---------------------------------------------------------------------------*/
/*qa*/
#qa{}
#qa #pageTitle{
	background: url(../../qa/img/title_img.png) no-repeat center;
	background-color: #d2d2d2;
	height: 120px;
}
#qa #contents{
	width: 740px;
}
#qa #contents .innerwrap{
    padding: 1px 0 100px 0;
}
#qa #contents .contenttitle {
    text-align: center;
    margin: 80px 0 0 0;
    padding: 0;
    font-size: 20px;
    background-color: #000;
    color:#fff;
}
#qa #contents .contentulfr {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
#qa #contents .contentulfr .contentlistfr {
    width: 100%;
    margin: 0;
    padding: 0;
}
#qa #contents .contentulfr .contentlistfr .contentul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 60px 0 0 0;
    overflow: hidden;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentlist {
    padding: 0 2.5% 30px 2.5%;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetailtitle {
    width: 100%;
    vertical-align: top;
    text-align: left;
    padding: 0 2.5% 10px 0;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetail {
    width: 100%;
    text-align: left;
    padding: 0 0 0 0;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetail .detailimg-pc {
    float: right;
    margin: 0 0 0 40px;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetail .detailimg-sp {
    display: none;
}
#qa #contents .contentulfr .contentlistfr .contentul ol {
    margin: 0 0 5px 0;
    display: table;
    table-layout: fixed;
    font-size: 0;
    width: 100%;
}
#qa #contents .contentulfr .contentlistfr .contentdetailtitle ol {
    border-bottom:dotted 2px #2b2426;
}
#qa #contents .contentulfr .contentlistfr .contentul ol li {
    display: table-cell;
    padding: 0 0 23px 0;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetailtitle ol li.titleicon {
    width: 80px;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 0;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetailtitle ol li.titleicon span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetail ol li.titleicon {
    width: 80px;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 0;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetail ol li.titleicon span {
    display: table-cell;
    width: 80px;
    height: auto;
    border-radius: 0;
    vertical-align: middle;
    text-align: center;
}
#qa #contents .contentulfr .contentlistfr .contentul .contentdetailtitle ol li.detailtext {
    display: table-cell;
    vertical-align: middle;
    font-weight: 300;
    color:#000;
    font-size: 20px;
}
#qa #contents .contentulfr .contentlistfr .contentul ol li.detailtext {
    vertical-align: middle;
    color:#000;
    font-size: 16px;
    width: 100%;
    font-weight: 300;
}



/*スペシャルブック
---------------------------------------------------------------------------*/
/*specialbook*/
#specialbook{}
#specialbook *{
	box-sizing: border-box;
}
#specialbook .display-pc{
	display: block;
}
#specialbook .display-sp{
	display: none;
}
#specialbook #pageTitle{
	background: url(../../special_book/img/special_book_title_img.jpg) no-repeat center;
}
#specialbook #contents{
	width: 100%;
}
#specialbook #contents .contentsmainfr{
	width: 100%;
}
#specialbook #contents .contentsmain{
	width: 760px;
	margin:0 auto;
	position: relative;
}
#specialbook #contents .contentsmainfr .contentsmain h4{
	margin-bottom:15px;
}
#specialbook #contents .contentsmainfr .contentsmain h4 span{
	font-size: 13px;
	position: relative;
	top:-2px;
}
#specialbook #contents .contentsmainfr.author .contentsmain{
	padding:5px 0 35px 0;
}
#specialbook #contents .contentsmainfr.author .contentsmain .authorimage{
	position: absolute;
	bottom:0;
	right:-25px;
}
#specialbook #contents .contentsmainfr.author .contentsmain h4{
	border-color:#a0c837;
}
#specialbook #contents .contentsmainfr.author .contentsmain .authordetail{
	width: 100%;
}
#specialbook #contents .contentsmainfr.author .contentsmain p{
	width: 540px;
	font-size: 13px;
}
#specialbook #contents .contentsmainfr.introduction{
	background-color: #f1f1f1;
}
#specialbook #contents .contentsmainfr.introduction .contentsmain{
	padding:35px 0 45px 0;
}
#specialbook #contents .contentsmainfr.introduction .contentsmain p{
	width: 100%;
	font-size: 13px;
}
#specialbook #contents .contentsmainfr.detail{
	background-color: #fff;
}
#specialbook #contents .contentsmainfr.detail .contentsmain{
	padding:35px 0 45px 0;
}
#specialbook #contents .contentsmainfr.detail .contentsmain h4 span{
	width: 100%;
	display: block;
	font-size: 13px;
}
#specialbook #contents .contentsmainfr.detail .contentsmain p{
	width: 100%;
	font-size: 13px;
	margin:0 0 20px 0;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul{
	list-style: none;
	font-size: 0px;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li{
	display: inline-block;
	font-size: 14px;
	line-height: 17px;
	width: 23.68%;
	margin:0 0 0 1.71%;
	font-weight: 400;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li:first-child{
	margin:0;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a{
	width: 100%;
	display: table;
	background-color: #f1f1f1;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a.amazon{
	background-color: #ffc332;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a:hover{
	background-color: #a0c837;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a span{
	display:table-cell;
	vertical-align: middle;
	height: 50px;
	color:#000;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a span{
	width: 33%;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a span:first-child{
	width: 67%;
	padding:0 15% 0 0;
	text-align: right;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a span.comingsoon{
	text-align: center;
	width: 100%;
	padding: 0;
}
#specialbook #contents .contentsmainfr.detail .contentsmain ul li a span.comingsoon.jpn{
	font-size: 13px;
	line-height: 16px;
}


/*スペシャルブック2
---------------------------------------------------------------------------*/
/*specialbook2*/
#specialbook2{}
#specialbook2 *{
	box-sizing: border-box;
}
#specialbook2 .display-pc{
	display: block;
}
#specialbook2 .display-sp{
	display: none;
}
#specialbook2 #pageTitle{
	background: url(../../vietnam_business_2020/img/special_book_title_bg.gif) repeat-x center;
}
#specialbook2 #pageTitle .pageTitgle-inner{
    width: 900px;
    margin: 0 auto;
    text-align: center;
}
#specialbook2 #pageTitle .pageTitgle-inner img{
    width: 100%;
    margin: 0 auto;
}
#specialbook2 #contents{
	width: 100%;
}
#specialbook2 #contents .contentsmainfr{
	width: 100%;
}
#specialbook2 #contents .contentsmain{
	width: 700px;
	margin:0 auto 80px auto;
	position: relative;
}
#specialbook2 #contents .contentsmain h3{
    text-align: left;
    background: none;
    padding: 0;
    margin: 0;
}
#specialbook2 #contents .contentsmain h4{
    text-align: left;
    background: none;
    padding: 0 0 0 0;
    margin: 25px 0 0 0;
    border: none;
    letter-spacing: inherit;
    position: relative;
}
#specialbook2 #contents .contentsmain h4.author{
    padding: 0 0 0 1.3em;
    position: relative;
}
#specialbook2 #contents .contentsmain h4.author::after{
    display: block;
    position: absolute;
    top:0;
    left:0;
    content: "◆ ";
}
#specialbook2 #contents .contentsmain h4 span{
    font-size: 12px;
    position: relative;
    top:-1px;
}
#specialbook2 #contents .contentsmain p{
    margin: 5px 0 35px 0;
}
#specialbook2 #contents .contentsmain .contentsmain-info{
    width: 100%;
    margin: 0 0 0 0;
}
#specialbook2 #contents .contentsmain .contentsmain-info table{
    width: 100%;
    margin: 5px 0 0 0;
}
#specialbook2 #contents .contentsmain .contentsmain-info table td{
    vertical-align: top;
}
#specialbook2 #contents .contentsmain .contentsmain-info table td:nth-child(1){
    width: 3em;   
}
#specialbook2 #contents .contentsmainbtn{
	width: 700px;
	margin:80px auto 100px auto;
	position: relative;
}
#specialbook2 #contents .contentsmainbtn a{
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 80px;
	background: url(../../vietnam_business_2020/img/btn_pc_off.png) no-repeat top center #64acd6;
    transition: background-color 0.3s;
}
#specialbook2 #contents .contentsmainbtn a:hover{
	background: url(../../vietnam_business_2020/img/btn_pc_on.png) no-repeat top center #fff36f;
}


/*見出し
---------------------------------------------------------------------------*/
h1{}
h2{}
h3{
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;
	background: url(../img/h3.gif) no-repeat center bottom;
	margin-bottom: 50px;
    padding-bottom: 18px;
}
h4{
	font-size: 16px;
	border-bottom: 2px solid #000;
	margin-bottom: 30px;
	padding: 7px 0;
	letter-spacing: 4px;
}
h4 span.news{
	background: url(../img/news_icon.gif) no-repeat center right;
	padding: 10px 30px 10px 0;
	font-size: 16px;
	line-height: 2.5;
	letter-spacing: 4px!important;
}
h4 span.seminar{
	background: url(../img/seminar_icon.gif) no-repeat center right;
	padding: 10px 38px 10px 0;
	font-size: 16px;
	line-height: 2.5;
	letter-spacing: 4px!important;
}
h4 span.service{
	background: url(../img/service_icon.gif) no-repeat center right;
	padding: 10px 36px 10px 0;
	font-size: 16px;
	line-height: 2.5;
	letter-spacing: 4px!important;
}
h5{ font-weight: 500;}
h6{ font-weight: 500;}



/*その他
---------------------------------------------------------------------------*/
.pcSide{ display: inline-block;}
.spSide{ display: none;}

.fLeft{ float: left;}
.fRight{ float: right;}

.tCenter{ text-align: center;}
.tLeft{ text-align: left;}
.tRight{ text-align: right;}

.fBold{ font-weight: 500;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb55 { margin-bottom: 55px;}
.mb60 { margin-bottom: 60px;}

.mt30 { margin-top: 30px;}

.ml5 { margin-left: 5px;}

.pl20{ padding-left: 20px;}

.pt25{ padding-top: 25px!important;}