@charset "UTF-8";


/* General Slides */ 
.slide			{ width:100%; position: relative; padding:60px 0 60px 0; }
.slide-nomargin	{ width:100%; position: relative; padding:0; }

/* 正円 題名 */ 
.circleBox {
	/* サイズ指定 */
	/*width: 110px;
	height:110px; */
	margin-top: 30px;
	margin-left: 50px;
	text-align: center!important;
	float: left;
}

.float-none{
	float:none!important;
}

.circleTitle {
	/* サイズ指定 */
	width: 110px;
	height:110px;
	display: block;
	margin-top:7px;
	text-align:center!important;
	text-decoration: none;
	/* 角を丸くする */
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/*正円 文字調整*/
.circleBox p {
	position: relative!important;
	line-height: 120%!important;
	top:55%!important;
	transform: translateY(-50%)!important;
    -webkit-;transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.C-title {
	font-size: 1.3em!important;
}

.C-SBtitle {
	font-size: 0.8em!important;
}

/*文字色指定*/
.textBLK	{ color: #000!important; }
.textBLK02	{ color: #333!important; }	/* 20200811 START */
.textWHT	{ color: #fff!important; }
.textGRN	{ color: #abcd03; }
.textBRN	{ color: #a07d32; }
.textRED	{ color: #8c0404; }	/* 20190212 START */

/*背景色指定*/
.backGRN	{ background-color: #abcd03; }	/* 円の色 */
.backBRN 	{ background-color: #a07d32; }	/* 円の色 */
.backLGRY	{ background-color: #f6f6f6; }	/* 円の色 */
.backRED	{ background-color: #8c0404; }	/* 円の色 20190212 START */

/*枠色指定*/
.lineGRN	{ border: 2px solid #abcd03; }	/* 円の枠色 */
.lineBRN	{ border: 2px solid #a07d32; }	/* 円の枠色 */
.lineRED	{ border: 2px solid #8c0404; }	/* 円の枠色 20190212 START */


/* タブレット以下
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
/* 959px 以下 */

}

@media only screen and (max-width:767px){
/* 767px 以下 */
	.circleBox	{ margin-left: 0px; }
}

@media only screen and (max-width:480px){
/* 480px 以下 */
	.circleBox	{ margin-left: 0px; float: none; }
}



/* 共通*/ 
a.nobdr:link			{ border-bottom: 0px !important; background-color:transparent; }

.subTitle				{ font-size: 0.9em!important; line-height:120%!important; }

#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7,
#slide8,
#slide9,
#footer					{ text-align: justify; text-justify: distribute-all-lines; }


/* Slide 1 */ 
#slide1		{
	height:280px;
	background-image: url(../img/bg_slide1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* タブレット以下
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
/* 959px 以下 */
#slide1		{
	background-image: url(../img/bg_TB_slide1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
}

@media only screen and (max-width:767px){
/* 767px 以下 */
#slide1		{
	background-image: url(../img/bg_SP_slide1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
}

@media only screen and (max-width:480px){
/* 480px 以下 */
#slide1		{
	background-image: url(../img/bg_SP02_slide1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
}




/* Slide 2 */ 
#slide2					{ background-color: rgb(253,253,252); color:#333; }
#slide2 h2				{ font-size: 1.4em; margin-bottom:5px; text-align:center; letter-spacing:2px; }
#slide2 h3				{ font-size: 1.2em; margin: 0 0 15px 0!important; }
#slide2 h4				{ font-size: 1.1em; margin: 0 0 15px 0!important; letter-spacing:1px; }

#slide2 .profile		{ font-size: 0.75em!important; line-height:200%; text-align: right; }

#slide2 p				{ font-size: 1em; line-height:180%; padding-left:3px;/*左側消え回避 */ }
#slide2 p a:link 		{ color: #000; border-bottom: 1px dotted #000; }
#slide2 p a:visited 	{ color: #000; border-bottom: 1px dotted #000; }
#slide2 p a:hover  		{ color: #000; border-bottom: none;  background-color:#E4D5B8; }

.officeBox{
	margin-top: 30px;
	padding-left:3px;/*左側消え回避 */
}

.officeBox .officeInfo{
	width: 100%;
}

.officeInfo table {
	border-collapse: collapse;	
	border-spacing: 0;
}
.officeInfo th{
	vertical-align:middle;
	border-bottom:1px dotted #ccc;
	padding:14px 0;
	font-weight:normal;
}
.officeInfo td{ vertical-align:middle; padding-left: 15px; border-bottom:1px dotted #ccc; }

.careerBox{
	margin-top: 30px;
	padding-left:3px;/*左側消え回避 */ 
}
.careerBox li{
	margin-bottom: 10px;
	line-height:180%!important;
}
.careerDay,
.present{
	font-size: 0.85em!important;
}


/* Slide 3 */ 

#slide3{
	height:300px;
	background-image: url(../img/bg_slide3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Slide 3 メッセージ
------------------------------------------------------------*/
.slide3-message {
	text-align: left;
	margin-top: 30px;
	margin-left: 50px;
	color: #FFF;
}
.slide3-message h2 {
	font-size: 200%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.2;
	line-height: 1.8em;
	text-indent: 0;
	display: block;
}


/* タブレット以下
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
/* 959px 以下 */
	.slide3-message		{ margin-top: 50px; }
	.slide3-message h2	{ font-size: 170%; }
	#slide3{
		background-image: url(../img/bg_TB_slide3.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
}

@media only screen and (max-width:767px){
/* 767px 以下 */
	.slide3-message		{ margin-top: 50px; margin-left: 0px; }
	.slide3-message h2	{ font-size: 150%; }
	#slide3{
		background-image: url(../img/bg_SP_slide3.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
}

@media only screen and (max-width:480px){
/* 480px 以下 */
	.slide3-message		{ margin-top: 50px; line-height: 1.4em; margin-left: 0px; }
	.slide3-message h2	{ font-size: 110%; }
	#slide3{
		background-image: url(../img/bg_SP02_slide3.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
}


	
/* Slide 4（一部 / Slide 5・Slide 6）*/

#slide4					{ background-color: rgb(253,253,252); color:#333;}
#slide4 h2				{ font-size: 1.4em; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center;}
#slide4 h3				{ font-size: 1.2em; }

#slide4 p				{ font-size: 1em; line-height:180%; }
#slide4 p a:link 		{ color: #000; border-bottom: 1px dotted #000; }
#slide4 p a:visited 	{ color: #000; border-bottom: 1px dotted #000; }
#slide4 p a:hover  		{ color: #000; border-bottom: none;  background-color:#E4D5B8; }

.tax img,
.inheritance img		{ padding:4.7%; width:90%; background-color:transparent!important; }

.tax p,
.inheritance p			{ padding-left:3px;/*左側消え回避 */ }
.tax-sbTitle,
.inheritance-sbTitle	{ font-size: 1.2em!important; letter-spacing:2px; margin-top:20px; text-align:center!important; }

.taxTitleBox,
.inheritanceTitleBox 	{
	margin-top: 30px;
	margin-left: 190px;	/* 正円(.circleBox)との横並び用 */
	width: 75%;
	display: block;
	padding-top: 30px;
}
.taxTitleBox h3	,
.inheritanceTitleBox h3			{ font-size: 1.8em!important; margin: 0px; }
.taxTitleBox h4,
.inheritanceTitleBox h4			{ font-size: 1.2em!important; margin: 0px; }

.number							{ font-size: 1.3em!important; line-height: 2em; }


/* タブレット以下
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
/* 959px 以下 */

}

@media only screen and (max-width:767px){
/* 767px 以下 */
.taxTitleBox,
.inheritanceTitleBox 			{ margin-left: 140px;/* 正円(.circleBox)との横並び用 */ }

.taxTitleBox h3	,
.inheritanceTitleBox h3			{ font-size: 1.4em!important; margin: 0px; }

.taxTitleBox h4,
.inheritanceTitleBox h4			{ font-size: 0.9em!important; margin: 0px; }

}

@media only screen and (max-width:480px){
/* 480px 以下 */
.taxTitleBox,
.inheritanceTitleBox 			{ width: 100%; margin-top: 0px; margin-left: 0px;/* 正円(.circleBox)との横並び用 */ }

.tax-sbTitle,
.inheritance-sbTitle			{ font-size: 0.9em!important; }

}




/* Slide 5 */ 

#slide5					{ background-color: #f6f6f6; color:#000;}
#slide5 h2				{ font-size: 1.4em; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center;}
#slide5 h3				{ font-size: 1.2em;  margin: 0px; }

#slide5 p				{ font-size: 1em; line-height:180%; }

/* Slide 5 - Slide 7 */ 
.sListBox{
	margin-top: 0px;
}

.sListBox .serviceList{
	width: 100%;
}

.serviceList table {
	border-collapse: collapse;	
	border-spacing: 0;
	white-space: nowrap;
}
.serviceList th{
	vertical-align:middle;
	border-bottom:1px dotted #999999;
	padding:8px 0;
	font-weight:normal;
	line-height: 160%;
}
.serviceList td{
	vertical-align:middle;
	padding-left: 0px;
	border-bottom:1px dotted #999999;
	width: 30%;
}
.smallText{
	color: #545454;
	font-size: 0.75em!important;
	font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	letter-spacing: 2px;
}

/* タブレット以下
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
/* 959px 以下 */

}

@media only screen and (max-width:767px){
/* 767px 以下 */
	#slide5 h3			{ font-size: 1.2em;  margin: 0px; }
	.serviceList th,
	.serviceList td		{ width: 100%; text-align:center!important; border: none;}
	.serviceList th		{ font-size: 1.25em; letter-spacing: 2px; padding:30px 0 5px 0; line-height: 130%; }
	.serviceList td		{ background-color: #fff; } 
	.smallText			{ font-size: 0.65em!important; }
}

@media only screen and (max-width:480px){
/* 480px 以下 */
	#slide5 h3			{ font-size: 1em;  margin: 0px; }
}



/* Slide 6 */ 

#slide6					{ background-color: rgb(253,253,252); color:#333;}
#slide6 h2				{ font-size: 1.4em; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center;}
#slide6 h3				{ font-size: 1.2em; }

#slide6 p				{ font-size: 1em; line-height:180%; }



/* Slide 7 */ 

#slide7					{ background-color: #f6f6f6; color:#000;}
#slide7 h2				{ font-size: 1.4em; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center;}
#slide7 h3				{ font-size: 1.2em;  margin: 0px; }

#slide7 p				{ font-size: 1em; line-height:180%; }



/* #slide8 */ 

#slide8					{ background-color: rgb(253,253,252); color:#333; font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
#slide8	 h2				{ font-size: 1.4em; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center;}
#slide8	 h3				{ font-size: 1.2em; }
	
#slide8	 p				{ font-size: 1em; line-height:170%; }

.pad40Box				{ padding: 40px 0; }

.contact-cirlce			{
	/* サイズ指定 */
	width: 40px;
	height:40px;
	display: block;
	margin-top: 20px;
	text-align:center!important;
	text-decoration: none;
	/* 角を丸くする */
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
}

/*正円 文字調整*/
.contact-cirlce	 p 	{
	text-align:center!important;
	position: relative!important;
	top:55%!important;
	transform: translateY(-50%)!important;
	line-height: 120%!important;
	margin-left: 3px;
}

.contact-inner {
	padding-left: 60px;
	font-size: 2.1em;
	font-weight: 700;
	margin-top: 17px;
}

.contact-note {
	display:block;
	font-size:12px;
	width: 100%;
	text-align: center;
}


/* mail 画像処理 */ 
.mail {
	margin-top: 4px;
	text-align: center;
	color:#8c0404;	/* 20190212 START */
	/*color:#a07d32;*/
	background:#FFF;
	border:1px solid #8c0404;	/* 20190212 START */
	/*border:1px solid #a07d32;*/
	display:block;
	padding: 10px;
}

.mail p	{
	font-size:16px;
	line-height:240%!important;
	margin-top: 13px;
}


/* mail メーラー起動型 
.mail {
	padding-top:0;
	margin-top: 4px;
	text-align: center;
}

.mail a	{
	background:#a08d32;
	color:#FFF;
	display:block;
	font-size:16px;
	line-height:90px;
	border:1px solid #a08d32;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	transition:all .5s ease
}

.mail a:hover { color:#a08d32; background:#FFF; border:1px solid #a08d32; }*/ 




/* Slide footer */ 

#footer					{ background-color: rgb(253,253,252); color:#333;}
#footer	h2				{ font-size: 1.4em; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center;}
#footer	h3				{ font-size: 1.2em; }

#footer	p				{ font-size: 1em; line-height:180%; }




/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

}

/* PC調整用
------------------------------------------------------------*/
@media only screen and (max-width:1200px){
	
/* #slide2 */ 
#slide2 .floatLeft		{ float:none; }

/* #slide8 */ 
.contact-inner {
	font-size: 1.8em;
	margin-top: 20px;
}
.contact-note {
	margin-left: 20px;
}
.mail p	{ line-height:160%!important; }


}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
/* #slide2 */ 
#slide2 .floatLeft		{ float:none; }


/* #slide8 */ 
.contact-inner {
	font-size: 1.4em;
	margin-top: 23px;
}
.contact-note {
	width: 90%;
	margin-left: 40px;
}

}


/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* #slide2 */ 
.officeInfo th			{ color: #a08d32; }
.officeInfo td			{ padding-left: 0px; }


/* #slide8 */ 
.contact-note {
	width: 100%;
	text-align: left;
	padding-left: 70px;/* 文字位置調整 */
}
.slide8_m10-bottom 		{ margin-bottom: 10px; }
.slide8_m30-bottom 		{ margin-bottom: 30px; }

}


/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px){
	
/* #slide2 */ 
.officeInfo th			{ color: #a08d32; }
.officeInfo td			{ padding-left: 0px; }


/* #slide8 */ 
.slide8_m10-bottom 		{ margin-bottom: 10px; }
.slide8_m30-bottom 		{ margin-bottom: 30px; }

}