@charset "UTF-8";



/* ------------------------------------------

  global

------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
	}

html {
	font-size: 62.5%;
	height: 100%;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {font-size: 10px; font-size: 1.0rem;}

body {
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Times New Roman", "メイリオ", Meiryo, serif;
	}

/* img
-----------------------------------------------------------  */
img {
	padding: 0px;
	margin: 0px;
	border: none;
	vertical-align: bottom;
	display: block;
	max-width: 100%;
	max-height: 100%;
	}

/* text link
----------------------------------------------------------- */
a:link,
a:visited,
a:active {
	color: #0f243e;
	text-decoration: underline;
	}

a:hover {
	color: #999999;
	text-decoration: underline;
	}


/* clearfix
----------------------------------------------------------- */
/* clearfix */
.cf:before,
.cf:after{
    display: table; 
    content: '';
}

.cf:after{
    clear: both;
}

/* h
----------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	}

/* ul li
----------------------------------------------------------- */
li { list-style: none}


/* em
----------------------------------------------------------- */
em {font-style: normal;}


/* link move
----------------------------------------------------------- */
/* common */
#header .top li.txt_s a,
#header .top li.txt_m a,
#header .top li.txt_l a,
#header .bottom #hR .contact a,
#header .gM li a,
#itemCont .planBox .btn a,
#flowCont .planBox .btn a,
#footer .fnav ul li a
	{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	cursor: pointer;
	}

/* common */
#header .top li.txt_s a:hover,
#header .top li.txt_m a:hover,
#header .top li.txt_l a:hover,
#header .bottom #hR .contact a:hover,
#header .gM li a:hover,
#itemCont .planBox .btn a:hover,
#flowCont .planBox .btn a:hover,
#footer .fnav ul li a:hover
	{
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

/* txt
----------------------------------------------------------- */
.txt_center, .center 					{ text-align: center;}

/* font family
----------------------------------------------------------- */
#header .top,
#header .gM li,
.totop p,
#footer,
p.copy small
										{ font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, "游ゴシック", YuGothic, sans-serif;}

/* text-indent
----------------------------------------------------------- */
#header .top li.txt_s a,
#header .top li.txt_m a,
#header .top li.txt_l a,
#header .bottom h1.logo,
#header .bottom #hR .tel,
#header .bottom #hR .contact a,

#itemCont .planBox .txt,
#itemCont .planBox .btn,

#itemCont .detailBox .includeditem ul,
#itemCont .detailBox .includeditemNo dt,

#outlineCont .detailBox .includeditem ul,
#outlineCont .detailBox .includeditemNo dt,

#flowCont .planBox .txt,
#flowCont .planBox .btn
										{ overflow: hidden; text-indent: 100%; white-space: nowrap;}



/* PC タブレット用スタイル */
@media (min-width: 768px) {	

/* width
-----------------------------------------------------------  */
.inner
							{ margin: 0 auto; max-width: 900px;}

/* container
----------------------------------------------------------- */
#container {
	font-size: 17px;
	line-height: 2.0;
	color: #333;
	letter-spacing: -0.03em;
	text-align: left;
	}


/* header
----------------------------------------------------------- */
#header .top							{ border-bottom: #0f243e 3px solid; color: #0f243e;}
#header .top .inner 					{ padding: 10px 0px 8px 0px;}
#header .top p, 
#header .top strong 					{ float: left; font-weight: normal; }
#header .top ul							{ float:right;}
#header .top li							{ float: left; margin-right: 4px;}
#header .top li:last-child 				{ margin-right: 0px;}
#header .top li.txt_s a 				{ display: block; width: 20px; height: 20px; background: url(../../img/union/btn_s.png) no-repeat left top;}
#header .top li.txt_m a					{ display: block; width: 20px; height: 20px; background: url(../../img/union/btn_m.png) no-repeat left top;}
#header .top li.txt_l a					{ display: block; width: 20px; height: 20px; background: url(../../img/union/btn_l.png) no-repeat left top;}

#header .bottom .inner  				{ padding: 25px 0px;}
#header .bottom h1.logo 				{ float: left; display: block; width: 207px; height: 67px; background: url(../../img/union/logo2.png) no-repeat left top;}
#header .bottom h1.logo a 				{ display: block; }

#header .bottom #hR 					{ float:right; width: 494px; position: relative; top: 6px;}
#header .bottom #hR .tel 				{ float: left; width: 300px; height: 50px; background: url(../../img/union/tel20240401.png) no-repeat left top; margin-right: 8px;}
#header .bottom #hR .contact a 			{ float: left; width: 186px; height: 50px; background: url(../../img/union/btn_contact.png)  no-repeat left top;}

#header .gM 							{ background-color: #0f243e; margin-bottom: 60px;}
#header .gM ul 							{ text-align: center; padding: 25px 0px;}
#header .gM li							{ display: inline; padding: 0px 30px;}
#header .gM li a						{ color: #FFF; font-weight: bold; text-decoration: none;}
#header .gM li a:hover 					{ text-decoration: none;}


/* contentMain
----------------------------------------------------------- */
#contentMain 							{
										background-image: url(../../img/union/bg_left_flower.png), url(../../img/union/bg_right_flower.png);
										background-repeat: repeat-y, repeat-y;
										background-position: left top, right top;
										}


/* titleHead 
----------------------------------------------------------- */
.titleHead 								{ background-color: #f2f2f2; text-align: center; padding: 45px 0px; margin-bottom: 75px;}
.titleHead h2 							{ color: #0f243e; font-weight: normal;}


/* itemCont
----------------------------------------------------------- */
.icatch { margin-bottom: 60px; }
.icatch img{}



/* itemCont
----------------------------------------------------------- */
#itemCont 								{ margin-bottom: 130px;}
#itemCont .planBox						{ background-color: #0f243e;
										background-image: url(../../img/top/bg_leftinner_flower.png), url(../../img/top/bg_rightinner_flower.png);
										background-repeat: no-repeat, repeat-y;
										background-position: left top, right top;
										}

#itemCont .planBox 						{ padding: 60px 0px 50px 0px; margin-bottom: 90px;}
#itemCont .planBox .txt,
#itemCont .planBox .btn
										{ margin: 0 auto; width: 602px;}
#itemCont .planBox .txt 				{ display: block; width: 602px; height: 205px; background: url(../../img/top/img_price01.png) no-repeat left top;}
#itemCont .planBox .btn a 				{ display: block; width: 602px; height: 237px; background: url(../../img/top/btn_credit01.png) no-repeat left top;}

#itemCont .txtBox,
.txtBox
 						{ margin-bottom: 80px;}

#itemCont .detailBox 					{ background-color: #f2f2f2; padding: 24px;}
#itemCont .detailBox .includeditem ul 	{ display: block; width: 847px; height: 496px; background: url(../../img/top/img01_01.png) no-repeat left top; margin-bottom: 20px;}
#itemCont .detailBox .includeditemNo .img
										{ float: left; width: 218px;}
#itemCont .detailBox .includeditemNo dl { margin-left: 218px;}
#itemCont .detailBox .includeditemNo dt { display: block; width: 115px; height: 60px; background: url(../../img/top/img01_03.png) no-repeat left top; margin-bottom: 10px;}
#itemCont .detailBox .includeditemNo dd { line-height: 1.5; margin-bottom: 10px;}
#itemCont .detailBox .includeditemNo dd.notes
										{ color: #0f243e; background-color: #FFF;}


/* itemCont
----------------------------------------------------------- */
#outlineCont 								{ margin-bottom: 130px;}

#outlineCont .step_start 					{ box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #953734; background-color: #953734; color: #FFF; text-align: center; padding: 20px 0px;}
#outlineCont .step_start h3 				{ display: inline;}
#outlineCont .step_start img 				{ display: inline; position: relative; top: -6px;}
#outlineCont .step							{ box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0f243e; background-color: #0f243e; color: #FFF; text-align: center; padding: 20px 0px;}
#outlineCont .step p 						{ line-height: 1.5;}
#outlineCont .step_last 					{ margin-bottom: 80px;}
#outlineCont .arrow 						{ margin: 16px auto; width: 60px; text-align: center;}

#outlineCont .detailBox 					{ background-color: #f2f2f2; padding: 24px;}
#outlineCont .detailBox .includeditem ul 	{ display: block; width: 847px; height: 60px; background: url(../../img/top/img02_01.png) no-repeat left top; margin-bottom: 20px;}
#outlineCont .detailBox .includeditemNo dt
										 	{ float: left; width: 130px;}
#outlineCont .detailBox .includeditemNo dd 	{ margin-left: 130px;}
#outlineCont .detailBox .includeditemNo dt 	{ display: block; width: 115px; height: 60px; background: url(../../img/top/img02_02.png) no-repeat left top; margin-bottom: 10px;}
#outlineCont .detailBox .includeditemNo dd 	{ line-height: 1.5; margin-bottom: 10px;}
#outlineCont .detailBox .includeditemNo dd.notes
										{ color: #0f243e; background-color: #FFF;}

/* flowCont
----------------------------------------------------------- */
#flowCont 								{ margin-bottom: 250px;}
#flowCont .flowinner 					{ padding-bottom: 70px;}
#flowCont .flowinner .flowlist 			{ padding-bottom: 20px;}
#flowCont .flowinner .flowlist h3		{ background-color: #0f243e; color: #FFF; padding: 3px 10px; margin-bottom: 20px;}
#flowCont .flowinner .flowlist dt 		{ float: left;}
#flowCont .flowinner .flowlist dd 		{ margin-left: 190px;}

#flowCont .planBox						{ background-color: #0f243e;
										background-image: url(../../img/top/bg_leftinner_flower.png), url(../../img/top/bg_rightinner_flower.png);
										background-repeat: no-repeat, repeat-y;
										background-position: left top, right top;
										}
#flowCont .planBox 						{ padding: 60px 0px 50px 0px;}
#flowCont .planBox .txt,
#flowCont .planBox .btn
										{ margin: 0 auto; width: 602px;}
#flowCont .planBox .txt 				{ display: block; width: 602px; height: 128px; background: url(../../img/top/img_price02.png) no-repeat left top;}
#flowCont .planBox .btn a 				{ display: block; width: 602px; height: 237px; background: url(../../img/top/btn_credit01.png) no-repeat left top;}
#flowCont .planBox .btn 				{ margin-bottom: 30px;}
#flowCont .planBox .txt_center			{ color: #FFF;}


/* footer
----------------------------------------------------------- */
#footer 								{ background-color: #0f243e; color: #FFF;}
#footer .fnav 							{ padding-top: 40px;}
#footer .fnav ul 						{ text-align: center;}
#footer .fnav ul li						{ display: inline; padding: 0px 30px;}
#footer .fnav ul li	a 					{ color: #FFF; text-decoration: none;}
#footer .fnav ul.top 					{ display: block; padding-bottom: 15px;}
#footer .fnav ul.bottom 				{ display: block; padding-bottom: 35px;}

#footer .address 						{ border-top: #FFF 1px solid; padding: 35px 0px;}
#footer .address .inner 				{ margin: 0 auto; width: 640px;}
#footer .address .logo 					{ float: left; width: 200px;}
#footer .address .txt 					{ margin-left: 240px; line-height: 1.5;}
#footer .address .txt address 			{ font-style: normal;}
#footer .address .txt .tel				{ display: block;}
#footer .address .txt a {color: #FFF; text-decoration: none;}
p.copy 									{ background-color: #FFF; color: #0f243e; text-align: center; padding: 3px 0px 5px 0px;}

/* totop ページの先頭へ戻る
----------------------------------------------------------- */
.totop p {
	
	text-align: center;
	font-weight: bold;
	}
.totop p a {
	margin: 0 auto;
	width: 198px;
	display: block;
	background-color: #4b5b6e;
	color: #FFF;
	padding: 10px 0px 8px 0px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.totop p a:hover {
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}


/* font
----------------------------------------------------------- */
/* basic font-size: 17px; */
#itemCont .detailBox .includeditem h3,
#itemCont .detailBox .includeditemNo h3,
.titleHead h2,
#outlineCont .detailBox .includeditem h3,
#outlineCont .detailBox .includeditemNo h3
										{ /*font-size: 30px;*/ font-size: 176.4%;}

#flowCont .planBox .txt_center
										{ /*font-size: 26px;*/ font-size: 152.9%;}
#outlineCont .step_start h3,
#outlineCont .step h3
										{ /*font-size: 24px;*/ font-size: 141.1%;}

#itemCont .detailBox .includeditemNo dd,
#outlineCont .step p,
#flowCont .flowinner .flowlist h3,
#flowCont .flowinner .flowlist dd
										{ /*font-size: 18px;*/ font-size: 105.8%;}
.totop p
										{ /*font-size: 16px;*/ font-size:  94.1%;}
#header .top,
p.copy small
										{ /*font-size: 14px;*/ font-size:  82.3%;}


}

/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 959px) {

/* width
-----------------------------------------------------------  */
.inner 										{ margin: 0 auto; max-width: 740px;}

/* header
----------------------------------------------------------- */
#header .gM li								{ display: inline; padding: 0px 15px;}

/* itemCont
----------------------------------------------------------- */
#itemCont .detailBox .includeditem ul 		{ display: block; width: 687px; height: 402px; background: url(../../img/top/img01_01.png) no-repeat left top; margin-bottom: 20px; background-size: cover;}

/* itemCont
----------------------------------------------------------- */
#outlineCont .detailBox .includeditem ul 	{ display: block; width: 687px; height: 48px; background: url(../../img/top/img02_01.png) no-repeat left top; margin-bottom: 20px; background-size: cover;}

/* footer
----------------------------------------------------------- */
#footer .fnav ul li						{ display: inline; padding: 0px 10px;}

}
	
/* スマホ用スタイル */
@media screen and (max-width: 767px){

			/* width
			-----------------------------------------------------------  */
			.inner
										{ margin: 0 10px; max-width: 100%;}

			/* container
			----------------------------------------------------------- */
			#container {
				font-size: 17px;
				line-height: 2.0;
				color: #333;
				letter-spacing: -0.03em;
				text-align: left;
				}


			/* header
			----------------------------------------------------------- */
			#header .top							{ border-bottom: #0f243e 3px solid; color: #0f243e;}
			#header .top .inner 					{ padding: 20px 0px 10px 0px;}
			#header .top p 							{ float: left; padding: 0px 100px 0px 10px; line-height: 1.5;}
			#header .top strong 					{ float: left; padding: 0px 100px 0px 10px; line-height: 1.5; font-size: 1.3rem; font-weight: normal; }
			#header .top ul							{ float: left; padding: 0px 0px 0px 10px;}
			#header .top li							{ float: left; margin-right: 4px;}
			#header .top li:last-child 				{ margin-right: 0px;}
			#header .top li.txt_s a 				{ display: block; width: 20px; height: 20px; background: url(../../img/union/btn_s.png) no-repeat left top; position: relative; top: 8px;}
			#header .top li.txt_m a					{ display: block; width: 20px; height: 20px; background: url(../../img/union/btn_m.png) no-repeat left top; position: relative; top: 8px;}
			#header .top li.txt_l a					{ display: block; width: 20px; height: 20px; background: url(../../img/union/btn_l.png) no-repeat left top; position: relative; top: 8px;}

			#header .bottom .inner  				{ padding: 10px 0px;}
			#header .bottom h1.logo 				{ float: left; display: block; width: 109px; height: 35px; margin: 3% 0% 3% 3%; background: url(../../img/union/logo2.png) no-repeat left top; background-size: cover;}
			#header .bottom h1.logo a 				{ display: block; text-indent: -9999px; }
			#header .bottom #hR 					{ /*float:right; width: 494px;*/ clear: both; width: 100%; display: block;}
			#header .bottom #hR .tel 				{ float: left; margin: 0% 2% 0% 3%; width: 55%; height: auto; background: url(../../img/union/tel20240401.png) no-repeat center top; background-size: contain;}
			#header .bottom #hR .contact a 			{ float: right; margin: 0% 3% 0% 2%; width: 35%; height: auto; background: url(../../img/union/btn_contact.png)  no-repeat center top; background-size: contain;}

			#header .gM 							{ }
			#header .gM ul 							{ }
			#header .gM li							{ }
			#header .gM li a						{ }
			#header .gM li a:hover 					{ }


			/* contentMain
			----------------------------------------------------------- */
			#contentMain 							{
													background-image: url(../../img/union/bg_left_flower.png), url(../../img/union/bg_right_flower.png);
													background-repeat: repeat-y, repeat-y;
													background-position: left top, right top;
													}


			/* titleHead 
			----------------------------------------------------------- */
			.titleHead 								{ background-color: #f2f2f2; text-align: center; padding: 30px 0px; margin-bottom: 30px;}
			.titleHead h2 							{ color: #0f243e; font-weight: normal;}


			/* itemCont
			----------------------------------------------------------- */
			#itemCont 								{ margin-bottom: 60px;}
			#itemCont .planBox						{ background-color: #0f243e;
													background-image: /*url(../../img/top/bg_leftinner_flower.png),*/ url(../../img/top/bg_rightinner_flower.png);
													background-repeat: /*repeat-y,*/ repeat-y;
													background-position: /*left top,*/ right top;
													background-size: /*56px 130px,*/ 60px 245px;
													}

			#itemCont .planBox 						{ padding: 10% 0% 10% 0%; margin-bottom: 10%;}
			#itemCont .planBox .txt,
			#itemCont .planBox .btn
													{ margin: 0 auto; width: 90%;}
			#itemCont .planBox .txt 				{ width: 90%; height: 0; padding-top: calc(205 / 602 * 90%); background: #0f243e url(../../img/top/img_price01.png) center center / cover no-repeat;}
			#itemCont .planBox .btn					{ width: 90%; height: 0; padding-top: calc(237 / 602 * 90%); background: #0f243e url(../../img/top/btn_credit01.png) center center / cover no-repeat;}
			#itemCont .planBox .btn a 				{ display: block; margin-top: -100px; }
			#itemCont .txtBox, .txtBox				{ margin-bottom: 40px;}

			#itemCont .detailBox 					{ background-color: #f2f2f2; padding: 10% 10px 10% 10px; margin-bottom: 10%;}
			#itemCont .detailBox .includeditem h3,
			#itemCont .detailBox .includeditemNo h3 { line-height: 1.5; padding: 0% 0% 3% 0%;}
			#itemCont .detailBox .includeditem ul 	{ margin: 0 auto; width: 90%; height: 0; padding-top: calc(729 / 237 * 90%); background: url(../../img/top/img01_01_sp.png) center center / cover no-repeat; margin-bottom: 5%;}
			#itemCont .detailBox .includeditemNo .img
													{ /*float: left; width: 218px;*/ margin: 0 auto 10px auto; width: 218px;}
			#itemCont .detailBox .includeditemNo dl { /*margin-left: 218px;*/}
			#itemCont .detailBox .includeditemNo dt { margin: 0 auto; width: 115px; height: 60px; background: url(../../img/top/img01_03.png) no-repeat left top; margin-bottom: 10px;}
			#itemCont .detailBox .includeditemNo dd { line-height: 1.5; margin-bottom: 10px;}
			#itemCont .detailBox .includeditemNo dd.notes
													{ color: #0f243e; background-color: #FFF; padding: 5px;}


			/* itemCont
			----------------------------------------------------------- */
			#outlineCont 								{ margin-bottom: 60px;}

			#outlineCont .step_start 					{ box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #953734; background-color: #953734; color: #FFF; text-align: center; padding: 20px;}
			#outlineCont .step_start h3 				{ display: inline;}
			#outlineCont .step_start img 				{ display: inline; position: relative; top: -6px;}
			#outlineCont .step_start h3,
			#outlineCont .step h3 						{ line-height: 1.5;}
			#outlineCont .step							{ box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0f243e; background-color: #0f243e; color: #FFF; text-align: center; padding: 20px;}
			#outlineCont .step p 						{ line-height: 1.5;}
			#outlineCont .step_last 					{ margin-bottom: 80px;}
			#outlineCont .arrow 						{ margin: 16px auto; width: 60px; text-align: center;}

			#outlineCont .detailBox 					{ background-color: #f2f2f2; padding: 10% 10px 10% 10px; margin-bottom: 10%;}
			#outlineCont .detailBox .includeditem h3,
			#outlineCont .detailBox .includeditemNo h3 	{ line-height: 1.5; padding: 0% 0% 3% 0%;}
			#outlineCont .detailBox .includeditem ul 	{ margin: 0 auto; width: 90%; height: 0; padding-top: calc(261 / 237 * 90%); background: url(../../img/top/img02_01_sp.png) center center / cover no-repeat; margin-bottom: 5%;}
			#outlineCont .detailBox .includeditemNo dt
														{ /*float: left; width: 130px;*/}
			#outlineCont .detailBox .includeditemNo dd 	{ /*margin-left: 130px;*/}
			#outlineCont .detailBox .includeditemNo dt 	{ margin: 0 auto; width: 115px; height: 60px; background: url(../../img/top/img02_02.png) no-repeat left top; margin-bottom: 10px;}
			#outlineCont .detailBox .includeditemNo dd 	{ line-height: 1.5; margin-bottom: 10px;}
			#outlineCont .detailBox .includeditemNo dd.notes
													{ color: #0f243e; background-color: #FFF; padding: 5px;}

			/* flowCont
			----------------------------------------------------------- */
			#flowCont 								{ margin-bottom: 125px;}
			#flowCont .flowinner 					{ padding-bottom: 70px;}
			#flowCont .flowinner .flowlist 			{ padding-bottom: 20px;}
			#flowCont .flowinner .flowlist h3		{ background-color: #0f243e; color: #FFF; padding: 10px 15px; margin-bottom: 20px; line-height: 1.5;}
			#flowCont .flowinner .flowlist dt 		{ float: left; margin-right: 10px;}
			#flowCont .flowinner .flowlist dt img	{ width: 120px;}
			#flowCont .flowinner .flowlist dd 		{ line-height: 1.7;}

			#flowCont .planBox						{ background-color: #0f243e;
													background-image: /*url(../../img/top/bg_leftinner_flower.png),*/ url(../../img/top/bg_rightinner_flower.png);
													background-repeat: /*repeat-y,*/ repeat-y;
													background-position: /*left top,*/ right top;
													background-size: /*56px 130px,*/ 60px 245px;
													}
			#flowCont .planBox 						{ padding: 10% 0% 10% 0%; margin-bottom: 10%;}
			#flowCont .planBox .txt,
			#flowCont .planBox .btn
													{ margin: 0 auto; width: 90%;}
			#flowCont .planBox .txt 				{ width: 90%; height: 0; padding-top: calc(128 / 602 * 90%); background: #0f243e url(../../img/top/img_price02.png) center center / cover no-repeat;}
			#flowCont .planBox .btn					{ width: 90%; height: 0; padding-top: calc(237 / 602 * 90%); background: url(../../img/top/btn_credit01.png) center center / cover no-repeat;}
			#flowCont .planBox .btn 				{ margin-bottom: 30px;}
			#flowCont .planBox .btn a 				{ display: block; margin-top: -100px; }
			#flowCont .planBox .txt_center			{ color: #FFF; line-height: 1.5;}


			/* footer
			----------------------------------------------------------- */
			#footer 								{ background-color: #0f243e; color: #FFF;}
			#footer .fnav 							{ display: none;}
			/*
			#footer .fnav 							{ padding-top: 40px;}
			#footer .fnav ul 						{ text-align: center;}
			#footer .fnav ul li						{ display: inline; padding: 0px 30px;}
			#footer .fnav ul li	a 					{ color: #FFF; text-decoration: none;}
			#footer .fnav ul.top 					{ display: block; padding-bottom: 15px;}
			#footer .fnav ul.bottom 				{ display: block; padding-bottom: 35px;}
			*/

			#footer .address 						{ /*border-top: #FFF 1px solid;*/ padding: 35px 0px;}
			#footer .address .inner 				{ /*margin: 0 auto; width: 640px;*/}
			#footer .address .logo 					{ margin: 0 auto; width: 100px;}
			#footer .address .txt 					{ /*margin-left: 240px;*/ line-height: 1.5; text-align: center;}
			#footer .address .txt address 			{ font-style: normal; display: block;}
			#footer .address .txt .tel				{ display: block;}
			#footer .address .txt a .tel 			{ color: #FFF; text-decoration: none;}

			p.copy 									{ background-color: #FFF; color: #0f243e; text-align: center; padding: 3px 0px 5px 0px;}

			/* totop ページの先頭へ戻る
			----------------------------------------------------------- */
			.totop p {

				text-align: center;
				font-weight: bold;
				}
			.totop p a {
				margin: 0 auto;
				width: 198px;
				display: block;
				background-color: #4b5b6e;
				color: #FFF;
				padding: 10px 0px 8px 0px;
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				transition: all 0.3s ease;
				}
			.totop p a:hover {
				filter: alpha(opacity=50);
				-webkit-opacity: 0.5;
				-moz-opacity: 0.5;
				opacity: 0.5;
				}


			/* font
			----------------------------------------------------------- */
			/* basic font-size: 17px; */
			#itemCont .detailBox .includeditem h3,
			#itemCont .detailBox .includeditemNo h3,
			#outlineCont .detailBox .includeditem h3,
			#outlineCont .detailBox .includeditemNo h3,
			#flowCont .planBox .txt_center
													{ /*font-size: 22px;*/ font-size: 129.4%;}
			.titleHead h2
													{ /*font-size: 30px;*/ font-size: 176.4%;}

			#outlineCont .step_start h3,
			#outlineCont .step h3
													{ /*font-size: 20px;*/ font-size: 117.6%;}

			#itemCont .detailBox .includeditemNo dd,
			#outlineCont .step p,
			#flowCont .flowinner .flowlist h3
													{ /*font-size: 18px;*/ font-size: 105.8%;}
			
			.totop p,
			#itemCont .detailBox .includeditemNo dd.notes,
			#outlineCont .detailBox .includeditemNo dd.notes,
			#flowCont .flowinner .flowlist dd
													{ /*font-size: 16px;*/ font-size:  94.1%;}
			
			#header .top p,
			#footer .address,
			p.copy small
													{ /*font-size: 14px;*/ font-size:  82.3%;}

			#header .top
													{ /*font-size: 20px;*/ font-size: 117.6%;}
			#header .top p { font-size: 1.3rem; }



}