@charset "utf-8";



/* // COMMON ------------------------------------------------------------------------------  */


.columnWrap.col2 .column{
	box-sizing: border-box;
}

.headA{
	background:url(/_pack/img/cmn_line_stripe.gif) repeat-x left bottom;
}
.headA em{
	display: inline-block;
	border-bottom: 5px solid rgba(0,0,0,.3);
	padding: 5px 0;
}

.headB{
	background:url(/_pack/img/cmn_line_stripe_bold.gif) repeat-x left center;
}
.headB em{
	display: inline-block;
	background-color: #fff;
	padding: 5px 10px 5px 0;
}
.qIcon{
	padding: 10px 0 10px 45px;
	background:url(/_pack/img/cmn_icon_question.png) no-repeat left center;
}



.linkIconA span{
	display: block;
	background: url(/_pack/img/cmn_icon_rightarrow.png) no-repeat right center;
}
.btn span{
	display: block;
}
.btn.arrow{
	padding-right:8px;
}
.btn.arrow.gray{
	background-color: #e6e6e6;
	transition: background-color .2s ease;
	-webkit-transition: background-color .2s ease;
}
.btn.arrow.gray:hover{
	background-color: #f1f1f1;
}
.btn.arrow.gray span{
	padding: 5px 25px 5px 15px;
	background:url(/_pack/img/cmn_icon_rightarrow_thin.png) no-repeat right center;
}
.btn.arrow.black{
	background-color: #000;
	transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
}
.btn.arrow.pink{
	background-color: #840042;
	transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
}
.btn.arrow.black:hover{
	background-color: #8CC227;
}
.btn.arrow.pink:hover{
	background-color: #BD005E;
}
.btn.arrow.black span,
.btn.arrow.pink span{
	color: #fff;
	padding: 12px 75px 12px 65px;
	background:url(/_pack/img/cmn_icon_rightarrow_thin_w.png) no-repeat right center;
}
.btn.arrow.black.thin span{
	padding: 8px 30px 8px 20px;
}
.btn.arrow.white{
	background-color: transparent;
	border:1px solid #ddd;
}

.btn.arrow.white:hover{
	background-color: #f1f1f1;
}
.btn.arrow.white span{
	font-size: 87%;
	padding: 1px 25px 1px 15px;
	background:url(/_pack/img/cmn_icon_rightarrow_thin.png) no-repeat right center;
	background-size: auto 50%;
}
.square{
	padding-left: 20px;
	background:url(/_pack/img/cmn_icon_square.gif) no-repeat left center;
}
.simpleBox{
	border:1px solid #eee;
	padding: 20px 20px;
}

.infoBlock{
	background-color: #f1f1f1;
	padding: 40px 0 60px;
}
.infoBlock p.heading,.infoBlock p.heading{
	background: url(/_pack/img/cmn_line_thin_black.gif) repeat-x center center;
	text-align: center;
	font-size: 180%;
	margin-bottom: 40px;
}
.infoBlock p.heading span,.infoBlock p.heading span{
	display: inline-block;
	background-color: #f1f1f1;
	padding: 0 10px;
}

#LinkArea{
	overflow: hidden;
	padding: 30px 0;
	background-color: #f1f1f1;
}
#LinkArea .bnrSlider{
	padding: 0 45px;
}
#LinkArea .sp-horizontal .sp-previous-arrow{
	left: -45px;
}
#LinkArea .sp-horizontal .sp-next-arrow{
	right: -45px;
}
#LinkArea .slider-pro.static{
	margin-left: -45px;
	margin-right: -45px;
	position: relative;
}
#LinkArea .slider-pro.static .sp-slide{
	float: left;
	width: 320px;
	position: static;
	margin-right: 20px;
}
#LinkArea .sp-button{
	border-color: #ccc;
	background-color: #ccc;
}
#LinkArea .sp-selected-button{
	border-color: #608E2D;
	background-color: #608E2D;
}

#LinkArea .sp-previous-arrow:before,
#LinkArea .sp-previous-arrow:after,
#LinkArea .sp-next-arrow:before,
#LinkArea .sp-next-arrow:after{
	background-color: #ccc;
}
#LinkArea .slider-pro.static .sp-slide:last-child{margin-right: 0;}
#LinkArea .slider-pro.static .sp-slides{overflow: hidden;}
#LinkArea .slider-pro .sp-slide img{width: 100%;}

#LinkArea .bnrBlock{
	width: 460px;
	float: left;
	margin-right: 80px;
}
#LinkArea .bnrBlock:last-child{
	margin-right: 0;
}

#WebSiteArea{
	background: #593e18 url(/_pack/img/cmn_bg_net3.png);
	padding: 30px 0;
}
#WebSiteArea .tit{
	font-size: 140%;
	border-left: 5px solid #9c7a4b;
	padding-left: 10px;
	letter-spacing: .1em;
}
#WebSiteArea a{
	display: block;
	width: 480px;
	position: relative;
}

#WebSiteArea a:hover{
	text-decoration: none;
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}
#WebSiteArea a:hover img{
	opacity: 1;
}
#WebSiteArea a.pre{
	pointer-events: none;
}
#WebSiteArea a.pre:after{
	display: block;
	content: "※近日公開予定";
	color: #fff;
	right: 0;
	top: -25px;
	position: absolute;
	font-size: 80%;
}
#WebSiteArea .logoArea{
	background-color: #fff;
	padding: 15px 20px;
}
#WebSiteArea .infoArea{
	background-color: #729d3c;
	padding: 20px 20px;
}
#WebSiteArea .logoArea span,
#WebSiteArea .infoArea span{
	width:185px;
	display: block;
	text-align: center;
}
#WebSiteArea .infoArea span{
	font-size: 87%;
	color: #fff;
	line-height: 1.4;
}
#WebSiteArea .screen{
	position: absolute;
	right: 25px;
	bottom: 20px;
}


/* // TOP ------------------------------------------------------------------------------  */
#Top #ContentsWrap{
	padding-bottom: 0;
}
#Top #TopArea {
	position: relative;
	height: 590px;
}
#Top #TopArea #Gnavi{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 9999;
}
#Top #TopArea #Gnavi{
	background-color: rgba(0,0,0,.6);
}
#Top #TopArea #MV{
	position: absolute;
	left: 50%;
	top: 0;
	width: 1400px;
	overflow: hidden;
	margin-left: -700px;
}
#Top #TopArea #MV .flexslider{
	padding-bottom: 0;
}
#Top #Main{
	position: relative;
	height: 700px;
	margin-bottom: 50px;
}
#Top #Main .bgWrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#Top #Main .bgWrap#Bg-individual{
	background: url(/img/top_main_bg_01.jpg) no-repeat center center;
	background-size: cover;
	z-index: 2;
}
#Top #Main .bgWrap#Bg-corporation{
	background: url(/img/top_main_bg_02.jpg) no-repeat center center;
	background-size: cover;
	z-index: 3;
	display: none;
}
#Top #Main .wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	background: url(/_pack/img/cmn_bg_net2.gif);
	padding: 50px 0;
	z-index: 4;
}
#Top #Main .tabBlock{
	text-align: center;
}
#Top #Main .tabBlock span.tab{
	display: inline-block;
	padding: 15px 20px;
	background-color: rgba(140,140,140,.7);
	cursor: pointer;
}
#Top #Main .tabBlock span.tab:hover{
	background-color: #8d8d8d;
}
#Top #Main.active-individual .tabBlock .tab#Tab-individual,
#Top #Main.active-corporation .tabBlock .tab#Tab-corporation
{
		background-color: #8cc227;
}

#Top #Main a.column{
	background-color: #fff;
	display: block;
	text-decoration: none;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0,0,0,.5);
}

#Top #Main a.column span{
	display: block;
	height: 100%;
	float: left;
}
#Top #Main a.column span.txt{
	width: 167px;
	text-align: center;
	padding-top: 19px;
	color: #000;
}
#Top #Main a.column span img{
	opacity: 1!important;
	width: 65px;
}

#Top #Main #Block-corporation{
	display: none;
}
#Top #Main .menu{
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 230px;
	z-index: 5;
}
#Top .subBlock .txt1{
	font-size: 210%;
}
#Top .subBlock .txt2{
	font-size: 140%;
}
#Top .subBlock .btn.arrow.black span{
	padding: 8px 75px 8px 65px!important;
}



#Top .subBlock ul.newsList>li{
	margin-bottom: 10px;
}
#Top .subBlock ul.newsList>li>a{
	display: block;
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	background-color:  #f1f1f1;
}
#Top .subBlock ul.newsList>li>a.link:hover{
	background-color: #999;
	color: #fff;
}
#Top .subBlock ul.newsList>li>a>span{
	display: block;
}
#Top .subBlock ul.newsList>li>a.link>span{
	background: url(/_pack/img/cmn_icon_rightarrow_thin.png) no-repeat right center;
}
#Top .subBlock ul.newsList>li>a.link:hover>span{
	background: url(/_pack/img/cmn_icon_rightarrow_thin_w.png) no-repeat right center;
}

#Top .subBlock ul.newsList>li>a span em.date{
	padding-right: 30px;
}

#Top #NewsBlock p.title span,
#Top #BlogBlock p.title span{
	display: inline-block;
	padding: 3px 30px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 140%;
	letter-spacing: 0.1em;
}

#Top #NewsBlock a.btn.arrow.white span,
#Top #BlogBlock a.btn.arrow.white span{
	padding: 5px 85px 5px 75px!important;
	font-size: 100%;
}

#Top #ContactArea{
	position: relative;
	z-index: 1;
	height: 410px;
	overflow: hidden;
	background-color: #928f91;
}
#Top #ContactArea .bg{
	position: absolute;
	background:  url(/img/top_contact_bg.jpg) no-repeat center center;
	z-index: 2;
	width: 100%;
	height: 800px;
}
#Top #ContactArea .wrap{
	position: absolute;
	padding: 60px 0;
	z-index: 3;
	width: 100%;
}

#Top #BnrArea p{}
#Top #BnrArea a{
	display: inline-block;
}
#Top #BnrArea a span{
	display: inline-block;
	background: url(/_pack/img/cmn_icon_rightarrow_thin.png) no-repeat right center;
	background-size: auto 50%;
	width: 100%;
	font-size: 90%;
	margin-top: 5px;
}

#Top #BlogBlock .blogItemWrap{
	width: 1035px;
	margin-left: -35px;
	text-align: center;
}
#Top #BlogBlock .blogItem{
	border:1px solid #76a223;
	box-sizing: border-box;
	width: 310px;
	display: block;
	margin-left: 35px;
	float: left;
}
#Top #BlogBlock a.blogItem:hover{
	text-decoration: none;
	background-color: #f1f1f1;
}
#Top #BlogBlock .blogItem .wrap{
	padding: 17px 20px;
}
#Top #BlogBlock .blogItem .wrap:first-child{
	border-bottom: 1px dotted #ccc;
}
#Top #BlogBlock .blogItem .info{
	font-size: 80%;
	color: #777;
	line-height: 1.7;
	margin-bottom: 5px;
}
#Top #BlogBlock .blogItem .heading{
	font-size: 120%;
	color: #669b03;
	font-family: "あおぞら明朝 Regular";
	line-height: 1.3;
}
#Top #BlogBlock .blogItem .text{
	font-size: 80%;
	line-height: 1.5;
	color: #777;
}

#Top #BlogBlock .blogItem:first-child .info:after{
	display: inline-block;
	content: "NEW";
	background-color: #9e7c3c;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 0 8px;
	margin-left: 15px;
}


/* // CATEGORY TOP ------------------------------------------------------------------------------  */

#Individual #MainContents .priceArea h3,
#Corporation #MainContents .priceArea h3{
	background-color: #5c5c5c;
	padding-left:10px;
	border-left: 8px solid #000;
	color: #fff;
}


#Individual.top a.column,
#Corporation.top a.column{
	display: block;
	text-decoration: none;
	padding: 3px;
	box-sizing: border-box;
	border:1px solid #f1f1f1;
	margin-bottom: 30px;
}

#Individual.top a.column:hover,
#Corporation.top a.column:hover{
	border-color: #ddd;
}
#Individual.top a.column .img,
#Corporation.top a.column .img{
	float: left;
	width: 160px;
	height: 160px;
}
#Individual.top a.column .img img,
#Corporation.top a.column .img img{
}
#Individual.top a.column .txt,
#Corporation.top a.column .txt{
	float: left;
	width: 270px;
	padding-left: 25px;
}

#Individual.top .txt .title,
#Corporation.top .txt .title{
	font-size: 160%;
	font-family: "あおぞら明朝 Regular";
	margin-bottom: 15px;
	margin-top: 10px;
}
#Individual.top .txt .summary,
#Corporation.top .txt .summary{
	font-size: 93%;
}

#Individual #MainContents .titleArea,
#Corporation #MainContents .titleArea{
	float: left;
	width: 535px;
}
#Individual #MainContents .title,
#Corporation #MainContents .title{
	font-size: 240%;
	font-family: "あおぞら明朝 Regular";
	width: 535px;
	float: left;
}
#Individual #MainContents .title .sub,
#Corporation #MainContents .title .sub{
	font-size: 60%;
}

#Individual #MainContents .outline,
#Corporation #MainContents .outline{
	width: 535px;
	float: left;
	margin-top: 40px;
	font-size: 160%;
	font-family: "あおぞら明朝 Regular";
	line-height: 1.7em;
}



#Individual #MainContents .imgArea,
#Corporation #MainContents .imgArea{
	float: right;
	height: 190px;
	overflow: hidden;
}
#Individual #MainContents .imgArea img,
#Corporation #MainContents .imgArea img{
	-webkit-box-reflect: below 0px -webkit-gradient(linear, 0 60%, 0 100%, from(transparent), color-stop(0.5, transparent), to(rgba(0,0,0,0.3)));
}
#Individual #MainContents .mainArea,
#Corporation #MainContents .mainArea{
	margin-bottom: 70px;padding-top: 10px;
}
#Individual #MainContents .mainArea p,
#Corporation #MainContents .mainArea p{
	margin-bottom: 30px;
}
#Individual #MainContents .mainArea .imgItem.border,
#Corporation #MainContents .mainArea .imgItem.border{
	border-top: 1px dotted #ddd;
}
#Individual #MainContents .mainArea .imgItem.bgGray,
#Corporation #MainContents .mainArea .imgItem.bgGray{
	background-color: #f5f5f5;
}
#Individual #MainContents .priceArea table,
#Corporation #MainContents .priceArea table{
	border-collapse: separate;
	table-layout: fixed;
	border-spacing:0 10px;
}
#Individual #MainContents .priceArea th,
#Corporation #MainContents .priceArea th{
	border-bottom: 1px solid #b2b2b2;
	clear: both;
	width: 580px;
}
#Individual #MainContents .priceArea td,
#Corporation #MainContents .priceArea td{
	border-bottom: 1px solid #b2b2b2;
	width: 150px;
	vertical-align: middle;
	text-align: right;
}
#Individual #MainContents .priceArea th span,
#Corporation #MainContents .priceArea td span{
	margin-bottom: 5px;
	display: inline-block;
}
#Individual #MainContents .priceArea td span,
#Corporation #MainContents .priceArea td span{
	padding: 0 10px;
	width: 110px;
	display: inline-block;
	background-color: #f1f1f1;
	text-align: right;
}

/* // CLIENT ------------------------------------------------------------------------------  */
#Client .mainImg{
	position: relative;
}
#Client .mainImg h2{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/_pack/img/cmn_bg_net.png);
	z-index: 2;
	text-align: center;
	box-sizing: border-box;
	padding-top: 80px;
	font-size: 266%;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,.8);
	-webkit-text-shadow: 0 0 10px rgba(0,0,0,.8);
}


#Client .columnWrap.col4 .column{
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 15px;
}

#Client .section.info p.title{
	text-align: center;
	font-size: 180%;
	background:url(/_pack/img/cmn_line_thin_black.gif) repeat-x center center;
}
#Client .section.info p.title span{
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
}


/* // PRICE LIST ------------------------------------------------------------------------------  */

#PriceList .ctWrap{
	width: 100%;
	width: calc( 100% - 5px );
	width: -webkit-calc( 100% - 5px );
	border:1px solid #ccc;
	box-shadow: 5px 5px 0 #efefef;
	padding: 25px 30px;
	box-sizing: border-box;
	background: url(/img/pricelist_ctwrap_bg.jpg) no-repeat 850px center;
}
#PriceList .ctWrap .catch{
	font-size: 140%;
}
#PriceList .tabChange{
	margin-bottom: 50px;
}

#PriceList .tabChange .tabBtnWrap {
	border-bottom: 8px solid #fff0f0;
	margin-bottom: 60px;
}

#PriceList .tabChange .tabBtnWrap .inner{
	border-bottom: 1px solid #e47e7e;
}
#PriceList .tabChange .tabBtnWrap a{
	display: block;
	width: 241px;
	height: 54px;
	float: left;
	position: relative;
	padding-left: 20px;
}
#PriceList .tabChange .tabBtnWrap a:not(.current):hover{
	opacity: .8;
}

#PriceList .tabChange .tabBtnWrap a.tab1{ background: url(/img/pricelist_tab_01.png) no-repeat right top; }
#PriceList .tabChange .tabBtnWrap a.tab2{ background: url(/img/pricelist_tab_02.png) no-repeat right top; }
#PriceList .tabChange .tabBtnWrap a.tab3{ background: url(/img/pricelist_tab_03.png) no-repeat right top; }


#PriceList .tabChange .tabBtnWrap a.tab1.current{ background: url(/img/pricelist_tab_current_01.png) no-repeat right top; }
#PriceList .tabChange .tabBtnWrap a.tab2.current{ background: url(/img/pricelist_tab_current_02.png) no-repeat right top; }
#PriceList .tabChange .tabBtnWrap a.tab3.current{ background: url(/img/pricelist_tab_current_03.png) no-repeat right top; }

#PriceList .tabChange .tabBtnWrap a.current:after{
	content: "　";
	position: absolute;
	bottom: -1px;
	left: 20px;
	width: 241px;
	height: 1px;
}
#PriceList .tabChange .tabBtnWrap a.tab1.current:after{background-color: #fff0f0;}
#PriceList .tabChange .tabBtnWrap a.tab2.current:after{background-color: #eafae1;}
#PriceList .tabChange .tabBtnWrap a.tab3.current:after{background-color: #e4f2f8;}

#PriceList .tabContents h3.tabTitle{
	font-size: 200%;
	font-family: "あおぞら明朝 Regular";
	margin-bottom: 30px;
}

#PriceList .tabContents .indexWrap{
	border:1px solid #ccc;
	margin-bottom: 20px;
}

#PriceList .tabContents .indexWrap ul{
	width: 33.3%;
	width: calc( 100% / 3 );
	width: -webkit-calc( 100% / 3 );
	float: left;
	font-size: 87%;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
	padding: 10px 15px 10px 10px;
}
#PriceList .tabContents .indexWrap ul:last-child{border-right: 0;}

#PriceList .tabContents .indexWrap ul li a{
	display: block;
	background:url(/_pack/img/cmn_icon_rightarrow_thin.png) no-repeat right center;
	background-size: auto 8px ;
	padding-right: 10px;
}

#PriceList .tabContents .itemWrap{
	border-bottom: 1px dotted #000;
	padding: 40px 0;
}
#PriceList .tabContents .itemWrap:last-child{border-bottom: 0;}

#PriceList .tabContents .itemWrap h4.title{
	font-family: "あおぞら明朝 Regular";
	font-size: 140%;
	padding-left: 10px;
	margin-bottom: 20px;
}
#PriceList .tabContents#FudosanPrice .itemWrap h4.title{border-left: 7px solid #e47e7e!important;}
#PriceList .tabContents#SozokuPrice .itemWrap h4.title{border-left: 7px solid #5fbd27!important;}
#PriceList .tabContents#KaishaPrice .itemWrap h4.title{border-left: 7px solid #6596c7!important;}


#PriceList .tabContents .itemWrap .listItem{
	border:1px solid #ccc;
	padding: 5px;
}
#PriceList .tabContents .itemWrap .listItem tr th{
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	vertical-align: middle;
	border-left: 1px solid #fff;
}
#PriceList .tabContents .itemWrap .listItem tr td{
	border-left: 1px solid #fff;
	vertical-align: middle;
}
#PriceList .tabContents .itemWrap .listItem tr td:first-child,
#PriceList .tabContents .itemWrap .listItem tr th:first-child{
	border-left: 0px;
}
#PriceList .tabContents .itemWrap .listItem tr td.col{
	padding: 5px 15px;
	font-size: 93%;
}

#PriceList .tabContents .itemWrap .listItem tr:nth-child(2n) td.col,
#PriceList .tabContents .itemWrap .listItem tr:nth-child(2n) td.price
{
	background-color: #e5e5e5
}
#PriceList .tabContents .itemWrap .listItem tr:nth-child(2n-1) td.col,
#PriceList .tabContents .itemWrap .listItem tr:nth-child(2n-1) td.price{
	background-color: #f7f7f7;
}


#PriceList .tabContents .itemWrap .listItem tr td.price{
	text-align: center;
	font-size: 120%;
	font-weight: 500;
	background-color: #f7f7f7;
}
#PriceList .tabContents#FudosanPrice .itemWrap .fcColor{color: #e46060!important;}
#PriceList .tabContents#SozokuPrice .itemWrap .fcColor{color: #4d9d1e!important;}
#PriceList .tabContents#KaishaPrice .itemWrap .fcColor{color: #6596c7!important;}
#PriceList .tabContents .itemWrap .listItem tr .bgColor{background-color: #d8efad!important;}
#PriceList .tabContents .itemWrap .listItem tr .bl{border-left: 5px solid #fff;}
#PriceList .tabContents .itemWrap .listItem tr .noBl{border-left: 0px}
#PriceList .tabContents .itemWrap .listItem tr .highlight{background-color: #f9ffb6!important;}


#PriceList .tabContents .itemWrap p.attention{	font-size: 87%;line-height: 1.3;}


#PriceList .section.info p.title{
	text-align: center;
	font-size: 180%;
	background:url(/_pack/img/cmn_line_thin_black.gif) repeat-x center center;
}
#PriceList .section.info p.title span{
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
}


/* // OFFICE TOP ------------------------------------------------------------------------------  */

#Office.top .linkBlock {
	box-sizing: border-box;
	padding: 1px;
	position: relative;
	z-index: 1;
	background-color: #efefef;
	overflow: hidden;
	margin-bottom: 30px;
}

#Office.top .linkBlock:hover{
	background-color: #ddd;

}
#Office.top .linkBlock:before,
#Office.top .linkBlock:after
{
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #000;
	z-index: 2;
	content: "　";
}
#Office.top .linkBlock:before{
	left: 0;
	top: 0;
}
#Office.top .linkBlock:after{
	right: 0;
	bottom: 0;
}

#Office.top .linkBlock a.wrap{
	position: relative;
	z-index: 3;
	background-color: #fff;
	display: block;
	overflow: hidden;
}
#Office.top .linkBlock a.wrap .imgArea {
	width: 380px;
	height: 240px;
	float: left;
	margin-right: 30px;
}

#Office.top .linkBlock a.wrap .txtArea {
	float: left;
}
#Office.top .linkBlock a.wrap .txtArea h3 {
	font-size: 130%;
	font-family: "あおぞら明朝 Regular";
	line-height: 1.7em;
	width: 560px;
	margin-top: 60px;
	color: #ccc;
}
#Office.top .linkBlock a.wrap .txtArea h3 em{
	font-size: 160%;
	color: #000;
	margin-right: 15px;
}
#Office.top .linkBlock a.wrap .txtArea p{
	padding-top: 30px;
}

/* // OFFICE PAGE ------------------------------------------------------------------------------  */

#Office #MainContents .title{
	font-size: 240%;
	font-family: "あおぞら明朝 Regular";
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
#Office #MainContents .title:after{
	content: ".";
	height: 1px;
	clear: both;
	font-size: 0;
	display: block;
	visibility: hidden;
}

#Office #MainContents .mainImg{
	padding-bottom: 30px;
}
#Office #MainContents .outline{
	padding-bottom: 30px;
	font-size: 160%;
	line-height: 1.7em;
}
#Office #MainContents .mainArea p{
	margin-bottom: 30px;
}


/* // OFFICE-TOPMESSAGE ------------------------------------------------------------------------------  */

#Office.topmessage #MainContents .profile{
	padding-top: 20px;
	position: relative;
}

#Office.topmessage #MainContents .profile .label{
	position: absolute;
	display: block;
	width: 100px;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 42px 0;
	left: 40px;
	top: 0;
}

#Office.topmessage #MainContents .profileWrap{
	border: 1px solid #ddd;
	padding: 40px;
}
#Office.topmessage #MainContents .profileWrap .txt{
	padding-top: 80px;
}
#Office.topmessage #MainContents .profileWrap .txt .name1{
	font-size: 140%;
}
#Office.topmessage #MainContents .profileWrap .txt .name2{
	font-size: 210%;
	letter-spacing: 0.2em;
}
#Office.topmessage #MainContents .profileWrap .txt ul{
	padding-left: 15px;
	border-left: 5px solid #eee;
}
#Office.topmessage #MainContents .profileWrap .txt li{
	font-size: 93%;
	line-height: 1.6;
}

#Office.topmessage #MainContents .profileWrap .carrier{
	padding-top: 30px;
}



#Office.topmessage #MainContents .profileWrap .carrier dt{
	width: 110px;
}
#Office.topmessage #MainContents .profileWrap .carrier dd{
	width: 538px;
}
#Office.topmessage #MainContents .profileWrap .carrier dt,
#Office.topmessage #MainContents .profileWrap .carrier dd{
	border-top: 1px dotted #ddd;
	padding-top: 3px;
	padding-bottom: 3px;
}
#Office.topmessage #MainContents .profileWrap .carrier dt:first-of-type,
#Office.topmessage #MainContents .profileWrap .carrier dd:first-of-type{
	border-top: 0;
}
/* // OFFICE-INFO ------------------------------------------------------------------------------  */

#Office.info #MainContents dt{
	width: 200px;
	background-color: #f1f1f1;
	padding: 3px 0;
	text-align: center;
	margin-bottom: 15px;
}

#Office.info #MainContents dd{
	padding: 3px 0 3px 50px;
	margin-bottom: 15px;
}

#Office.info #MainContents .columnArea{
	background-color: #f6f6f6;
	border:1px solid #e1e1e1;
	padding: 40px 30px;
}

#Office.info #MainContents .columnArea p.tit{
	font-size: 185%;
}

#Office.info #MainContents .columnArea .txt p{
	font-size: 80%;
}


/* // OFFICE-VOICE ------------------------------------------------------------------------------  */

#Office.voice .exBlock{
	overflow: hidden;
}

#Office.voice .exBlock .txtArea{
	width: 350px;
}

#Office.voice .exBlock .txtArea .head{
	background: url(/_pack/img/cmn_line_thin_black.gif) repeat-x center center;
	line-height: 1.2em;
	font-size: 200%;
}
#Office.voice .exBlock .txtArea .head span{
	display: inline-block;
	padding-right: 10px;
	background-color: #fff;
}
#Office.voice .exBlock .txtArea ul{
}

#Office.voice .exBlock .txtArea ul li{
	font-size: 113%;
	padding-left: 45px;
	margin-bottom: 8px;
	background:url(/_pack/img/cmn_icon_rightarrow.png) no-repeat left center;
}


/* // ACCESS ------------------------------------------------------------------------------  */

#Access .imgArea{

}
#Access .title{
	font-size: 140%;
	line-height: 1.9;
}
#Access .simpleBox{
	padding: 10px;
	border-color: #ddd;
	width: 620px;
}
#Access iframe{
	height: 300px;
	width: 100%;
}

#Access .accessInfo .text{
	float: left;
	/*width:60%;*/
}
#Access .accessInfo .image{
	float: left;
	/*width:40%;*/
	text-align: right;
}
#Access .accessInfo .title{
	font-weight: 200;
	font-size: 24px;
	line-height: 1.7;
}
#Access .accessInfo dt{
	float: left;
	clear: left;
	width: 100px;
	margin-bottom: 10px;
	font-weight: 500;
}
#Access .accessInfo dd{
	margin-bottom: 10px;
	float: left;
}
#Access #Map{
	height: 520px;
}

/* // CONTACT ------------------------------------------------------------------------------  */


#Contact #contactform .tabWrap{
	background:#f1f1f1;
	padding: 20px 0;
}
#Contact #contactform .tab{
	display: inline-block;
	padding: 10px 100px;
	border:1px solid #ccc;
	box-sizing: border-box;
	background:#fff;
	cursor: pointer;
}

#Contact #Form .on{
	background:#8CC227;
	border-color: #8CC227;
	color: #fff;
}
/*
#Contact #Form.active-individual .view-corporation,
#Contact #Form.active-corporation .view-individual{
	display: none;
}
*/
#Contact #contactform th{
	width: 35%;
	padding-bottom: 15px;
}

#Contact #contactform td{
	width: 65%;
	padding-bottom: 20px;
}

#Contact #contactform td.check p{
	font-size: 90%;
}
#Contact .error{
	margin-top: 5px;
	background-color: #FFB2BB;
	color: #A80021;
	font-size: 90%;
	line-height: 1.7;
	box-sizing:border-box;
	padding: 0 5px;
}
#Contact table.tableA td{
	text-align: left;
	padding-left: 30px;
}

#Privacy h3.title{
	font-size: 240%;
	margin-bottom: 30px;
}
#Privacy h4.title{
	font-size: 150%;
	margin-bottom: 10px;
}
#Privacy #ContentsWrap .block ul{
	margin-left: 20px;
}
#Recruit .topimg{
	position: relative;
}
#Recruit .topimg a{
	display: block;
	position: absolute;
	top: 95px;
}
#Recruit .topimg a.btn-cat1{
	left: 438px;
}
#Recruit .topimg a.btn-cat2{
	left: 680px;
}


#Recruit .title{
	line-height: 1.5;
	font-size: 240%;
	margin-bottom: 10px;
}

#Recruit .section .headBar{
	background-color: #5c5c5c;
	padding-left:10px;
	border-left: 8px solid #000;
	color: #fff;
}
#Recruit .section th{
	font-weight: bold;
	color: #6da800;
	width: 20%;
}
#Recruit .section th, #Recruit .section td{
	border-bottom: 1px solid #ddd;
	padding: 7px 20px;
	font-size: 92%;
}
#Recruit .infoBlock img{
}
#Recruit .infoBlock .title2{
	font-size: 220%;
}
#Recruit .infoBlock .bar{
	background-color: #8CC227;
	color: #fff;
	padding: 5px 10px;
}
#Recruit .infoBlock ul{
	padding: 10px;
	background-color: #fff;
	border:1px solid #ddd;
}
#Recruit .infoBlock ul li{
	margin-bottom: 3px;
	font-size: 90%;
}

#Recruit #ContentsWrap{
	padding-bottom: 0!important;
}



#News.top ul.newsList>li{
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
#News.top ul.newsList>li>a{
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
#News.top ul.newsList>li>a.link:hover{
	background-color:  #f1f1f1;
}
#News.top ul.newsList>li>a>span{
	display: block;
}
#News.top ul.newsList>li>a.noLink>span{
	color: #999;
}
#News.top ul.newsList>li>a.link:hover span{
	background: url(/_pack/img/cmn_icon_rightarrow_thin.png) no-repeat right center;
}

#News.top ul.newsList>li>a span em.date{
	padding-right: 30px;
}


#News.detail h3.title{
	font-size: 160%;
}
#News.detail .date{
	margin-bottom: 20px;
}
#News.detail .newsBody{
	margin-bottom: 60px;
}
#News.detail .newsBody p{
	margin-bottom: 20px;
	word-break: break-word;
}

/* // BLOG ------------------------------------------------------------------------------  */

#Blog #PageHeader>div {
	position: relative;
}

#Blog #PageHeader .breadcrumbs{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 30;
}
#Blog #PageHeader .headerImg{
	position: relative;
	overflow: hidden;
}
#Blog.top h2.title{
	font-size: 200%;
	font-family: "あおぞら明朝 Regular";
	width: 100%;
	margin-bottom: 30px;
	letter-spacing: .1em;
}
#Blog a.blogItem{
	border:1px solid #999;
	display: block;
	text-decoration: none!important;
	margin-bottom: 40px;
	position: relative;
	min-height: 180px;
}
#Blog a.blogItem:after{
	content: "　";
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}
#Blog a.blogItem .thumbImg{
	width: 180px;
	height: 180px;
	float: left;
	overflow: hidden;
}
#Blog a.blogItem .thumbImg em{
	display: block;
	transition: all .5s ease;
	width: 180px;
	height: 180px;
}
#Blog a.blogItem:hover .thumbImg em{
	transform: scale(1.2);
}

#Blog a.blogItem .inner{
	padding: 15px 30px 0;
	float: left;
	box-sizing: border-box;
	width: 548px;
}

#Blog a.blogItem:hover{
	background-color: #f1f1f1;
}
#Blog a.blogItem .date{
	color: #999;
	font-size: 80%;
}
#Blog a.blogItem .title{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 1.3;
	border-bottom: 1px dotted #ccc;
	letter-spacing: .1em;
	font-family: "あおぞら明朝 Light";
}
#Blog a.blogItem .text{
	margin-bottom: 15px;
	font-size: 80%;
	line-height: 1.6;
	letter-spacing: .1em;
	color: #999;
}
#Blog a.blogItem .tag li{
	background-color: #eee;
	padding: 0 5px;
	margin-right: 10px;
	display: inline-block;
	font-size: 80%;
	line-height: 1.8;
	margin-bottom: 3px;
	color: #555;
}
#Blog.top .wp-pagenavi{text-align: center;}
#Blog.top .wp-pagenavi .pages{display: none;}
#Blog.top .wp-pagenavi .nextpostslink,
#Blog.top .wp-pagenavi .previouspostslink{
	border:0px;
}
#Blog.top .wp-pagenavi span.current{
	background-color: #8CC227;
	color: #fff;
	border-color: #8CC227;
}
.wp-pagenavi a, .wp-pagenavi span{
	margin:5px!important;
}

#Blog #SideContents .sideBlogTit{
	border-bottom: 1px solid #999;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 5px;
}

#Blog #SideContents li .num{
	font-size: 90%;
	color: #aaa;
}
#Blog #SideContents .tagWrapper a{
	background-color: #eee;
	padding: 0 5px;
	margin-right: 10px;
	display: inline-block;
	font-size: 80%;
	line-height: 1.8;
	margin-bottom: 5px;
	color: #555;
}
#Blog.detail #ContentsWrap{
	padding-top: 70px;
}

#Blog.detail .titleArea{
	display: table-cell;
	vertical-align: top;
	width: 530px;
	box-sizing: border-box;
	padding-right: 20px;
	padding-bottom: 30px;
}
#Blog.detail .titleArea.fullWidth{
	width: 100%;
	display: block;
}
#Blog.detail .blogImg{
	display: table-cell;
	vertical-align: top;
	width: 200px;
	height: 150px;
}
#Blog.detail .blogImg img{
	max-width: 100%;
	max-height: 100%;
}

#Blog.detail .info,#Blog.detail .info a{
	color: #999;
}
#Blog.detail .info{
	font-size: 80%;
	margin-bottom: 10px;
}

#Blog.detail .title{
	border-bottom: 1px solid #999;
	font-size: 200%;
	font-family: "あおぞら明朝 Regular";
	margin-bottom: 10px;
	letter-spacing: .1em;
	padding-bottom: 10px;
	line-height: 1.4;
}
#Blog.detail .tag li{
	background-color: #eee;
	padding: 0 5px;
	margin-right: 10px;
	display: inline-block;
	font-size: 80%;
	line-height: 1.8;
	margin-bottom: 3px;
}
#Blog.detail .tag li a{
	color: #999;
}


/* // PCのみ　@min-width: 641px
----------------------------------------------- */
@media screen and (min-width: 641px)  {


.imgScale{
	overflow: hidden;
}
.imgScale img{
	-webkit-transform:scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 100%;
}
a:hover .imgScale img,
a:hover .imgScale img{
	-webkit-transform:scale(1.06);
	transform: scale(1.06);
	opacity: 1;
}
#Individual #MainContents .imgArea img,
#Corporation #MainContents .imgArea img{
	width: 160px;
	height: 160px;
}
#Blog #PageHeader .headerImg{
	height: 240px;
	background-color: #A67674;
}
#Blog #PageHeader .headerImg img{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 20;
}


}
/* end / media screen and (min-width: 641px) */