@charset "UTF-8";
/* ***********************************************************************
    Takasaki Nishiguchi Goda Naika - <Page>
*********************************************************************** */
/*
    0 : Common
    1 : Greeting
    2 : Subjects
    3 : Inspection
    4 : Facility
    5 : Access
	6 : First
	7 : Insurancepost
	
*/
/* ***********************************************************************
    0 : Common
*********************************************************************** */
.inBox {
	width        : 92%;
	margin-left  : auto;
	margin-right : auto;
	/*
	border: solid 1px red;*/
}
.inBox p {
	margin-top : 1.0em;
	text-align : left;
	font-size  : 16px;
	line-height: 2.0em;
}
.inBox p:first-child {
	margin-top: 0;
}
.inBox .rightColumn {
	margin-top: 48px;
}
.bg_gray {
	background: #f1efed;
	width     : 92%;
	padding   : 16px 4%;
	margin    : 32px auto 0;
	border-radius: 16px;
}

@media (min-width:768px) {
/** [ TABLET ] **/
	.inBox .leftColumn {
		float: left;
		width: 48%;
	}
	.inBox .rightColumn {
		margin-top: 0;
		/***/
		float: right;
		width: 48%;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	.inBox {
		width: 940px;
	}
}


/* ***********************************************************************
    1 : Greeting
*********************************************************************** */
/**[ SP ]**/
#greeting #h201 .rightColumn,
#greeting #h205 .rightColumn {
	margin-top: 32px;
}
#greeting #faceImg,
#greeting #logomark {
	width : 70%;
	height: auto;
	margin: 0 auto;
}
#greeting #name {
	text-align : right;
	font-size  : 20px;
	line-height: 1.2em;
}
#greeting #enName {
	display       : inline-block;
	font-family   : Georgia, "Times New Roman", Times, serif;
	font-size     : 12px;
	letter-spacing: 2px;
}
#greeting #rinenBox {
	background-color: #f7f5f2;
	width           : 90%;
	padding         : 24px 5%;
	border          : solid 1px #906631;
	border-radius   : 16px;
	text-align      : center;
}
#greeting #rinenBox h3 {
	background      : none;
	background-color: inherit;
	border-bottom-left-radius : 0;
	border-bottom-right-radius: 0;
	height   : auto;
	padding  : 0;
	margin   : 0;
	font-size: 24px;
}
#greeting #rinenBox p {
	color      : #333;
	text-align : center;
	font-size  : 16px;
	font-family: "Ryumin Medium KL", serif;
	line-height: 2.0em;
}
#greeting #rinenBox .rinenText {
	display: block;
	background: #fff;
	width     : 95%;
	padding   : 24px 2.5%;
	margin-top   : 16px;
	margin-bottom: 24px;
}
#greeting #rinenBox .rinenText p {
	font-size  : 18px;
	line-height: 1.5em;
}
#greeting #profile p {
	font-size: 14px;!important
}
#greeting #profile dl {
	width     : 100%;
	margin-top: 12px;
}
#greeting #profile dl dt {
	width: 20%;
}
#greeting #profile dl dd {
	width: 80%;
}
#greeting #profile dl dt,
#greeting #profile dl dd {
	float      : left;
	font-size  : 14px;
	line-height: 1.75em;
	text-align : left;
}
#greeting #introduce .rightColumn {
	margin-top: 0;
	margin-top: -1px;
}
#greeting #introduce .leftColumn ul,
#greeting #introduce .rightColumn ul {
	width        : 100%;
	height       : auto;
	border-bottom: dotted 1px #906631;
}
#greeting #introduce .leftColumn ul li,
#greeting #introduce .rightColumn ul li {
	display   : block;
	width     : 100%;
	height    : auto;
	border-top: dotted 1px #906631;
	font-size : 16px;
}
#greeting #introduce .leftColumn ul li a,
#greeting #introduce .rightColumn ul li a {
	background     : url(../images/arrow_turquoise.png) 8px center no-repeat;
	background-size: 8px 12px;
	display        : block;
	width          : 94%;
	height         : auto;
	padding        : 16px 0 16px 6%;
	font-size      : 16px;
	line-height    : 1.25;
	text-align     : left;
}
#greeting .sub_h3 {
	display   : inline-block;
	font-size : 20px!important;
	margin-bottom: 8px!important;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#greeting .greetingText .leftColumn {
		width: 30%;	
	}
	#greeting .greetingText .rightColumn {
		width: 65%;
	}
	#greeting #h201 .rightColumn,
	#greeting #h205 .rightColumn {
		margin-top: 0;
	}
	#greeting #faceImg,
	#greeting #logomark {
		width : 100%;
		height: auto;
		margin: 0;
	}
	#greeting #name {
		margin-top: 32px;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	#greeting .greetingText .leftColumn {
		width: 257px;	
	}
	#greeting .greetingText .rightColumn {
		width: 650px;
	}
	#greeting #rinenBox h3 {
		font-size: 28px;
	}
	#greeting #rinenBox p {
		font-size: 17px;
	}
	#greeting #rinenBox .rinenText {
		margin-top: 24px;
	}
	#greeting #rinenBox .rinenText p {
		font-size: 22px;
	}
	#greeting #logomark {
		width : 90%;
	}
}




/* ***********************************************************************
    2 : Subjects
*********************************************************************** */
/**[ SP ]**/
#subjects #naika dt,
#subjects #seikatsu dt,
#subjects #kansen dt {
	background : #e7ea50;
	width      : 100%;
	padding    : 12px 0;
	text-align : center;
	font-family: "Shin Maru Go Regular", sans-serif;
	font-size  : 24px;
	line-height: 1.0em;
	border-bottom-right-radius: 16px;
	border-top-left-radius    : 16px;
}
#subjects #seikatsu dt {
	background: #f9c560;
	margin-top: 40px;
}
#subjects #kansen dt {
	background: #f4a9a4;
	margin-top: 40px;
}
#subjects #naika dd,
#subjects #seikatsu dd,
#subjects #kansen dd {
	margin-top : 16px;
	text-align : left;
	line-height: 2.0em;
}
#subjects #naika dd .shinMaruGo,
#subjects #seikatsu dd .shinMaruGo,
#subjects #kansen dd .shinMaruGo {
	display   : inline-block;
	margin-top: 8px;
}
/***/
#subjects #h203 .dotTableBtm .dotTable tr th {
	white-space: nowrap;
	max-width: 22%;
	min-width: 180px;
	width    : 20%;
}
#subjects #h203 .dotTableBtm .dotTable tr td {
	background     : url(../images/dotted_v.png) left top repeat-y;
	background-size: 2px auto;
}
#subjects #h203 .dotTableBtm .dotTable tr td.cell_2 {
	text-align : center!important;
	white-space: nowrap;
	max-width: 8%;
	min-width: 90px;
	width    : 8%;
	font-size: 14px;
}
#subjects #h203 .dotTableBtm .dotTable tr td.cell_3 {
	max-width: 38%;
	min-width: 400px;
	width    : 38%;
}
#subjects #h203 .dotTableBtm .dotTable tr td.cell_4 {
	white-space: nowrap;
	max-width: 18%;
	min-width: 17%;
	width    : 17%;
}
#subjects #h203 .dotTableBtm .dotTable .indent-1 {
	margin-top : 1em;
	line-height: 1.5em!important;
}
/***/

#kansensho,
#seikansen,
#suiso {
	position: relative;
	width   : 100%;
	margin  : 24px auto 120px;
}
#kansensho {
	margin-top: 32px!important;
}
#kansensho th,
#seikansen th {
	width: 70%;
}
#kansensho p,
#seikansen p,
#suiso p {
	position   : absolute;
	bottom     : -48px;
	left       : 0;
	font-size  : 14px;
	line-height: 1.5em;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#subjects #seikatsu,
	#subjects #kansen {
		margin-top: 40px;
	}
	#subjects #naika dt,
	#subjects #seikatsu dt,
	#subjects #kansen dt {
		float  : left;
		width  : 25%;
		padding: 24px 0 4.0em;
	}
	#subjects #seikatsu dt,
	#subjects #kansen dt {
		margin-top: 0;
	}
	#subjects #naika dd,
	#subjects #seikatsu dd,
	#subjects #kansen dd {
		float     : right;
		width     : 73%;
		margin-top: 0;
	}
	#subjects #naika dd .shinMaruGo,
	#subjects #seikatsu dd .shinMaruGo,
	#subjects #kansen dd .shinMaruGo {
		margin-top: 4px;
	}
	/***/
	#subjects #h203 .dotTableBtm .dotTable {
		max-width: 100%!important;
	}
	.cell_2 {
		white-space: normal;
	}
	.cell_4 {
		white-space: normal;
	}
	/***/
	#kansensho,
	#seikansen,
	#suiso {
		width : 75%;
		margin: 24px auto 100px;
		font-size: 15px;
	}
	#kansensho th,
	#seikansen th {
		width: 60%;
		font-size: 15px;
	}
	#kansensho p,
	#seikansen p,
	#suiso p {
		bottom: -32px;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	#subjects #naika dt,
	#subjects #seikatsu dt,
	#subjects #kansen dt {
		padding: 24px 0 3.5em;
	}
	/***/
	#subjects #h203 .dotTableBtm .dotTable th {
		font-size: 16px;
	}
	#subjects #h203 .dotTableBtm .dotTable td.cell_2 {
		font-size: 14px;
	}
	#subjects #h203 .dotTableBtm .dotTable td.cell_3,
	#subjects #h203 .dotTableBtm .dotTable td.cell_4 {
		font-size: 16px;
	}
	#kansensho,
	#seikansen,
	#suiso {
		width: 60%;
	}
}




/* ***********************************************************************
    3 : Inspection
*********************************************************************** */
/**[ SP ]**/
/**[ #h201  ]**/
#inspection .bg_gray {
	padding: 24px 4%;
	margin : 1em auto;
}
#inspection .bg_gray .insList li {
	background     : url(../images/bullet.png) 2px 0.4em no-repeat;
	background-size: 6px 6px;
	margin-top     : 8px;
	padding-left   : 16px;
	font-size      : 16px;
	line-height    : 1.35;
	text-align     : left;
}
#inspection .bg_gray .insList li.nav {
	background  : none;
	padding-left: 0;
}
#inspection .bg_gray .insList li.nav a {
	display        : block;
	background     : url(../images/arrow_lowerNav.png) left top 5px no-repeat;
	background-size: 12px 12px;
	min-width      : 16px;
	width          : auto;
	height         : auto;
	padding-left   : 16px;
	font-size      : 16px;
	line-height    : 1.35;
	text-align     : left;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#inspection .bg_gray {
		padding: 24px 3%;
	}
	#inspection .bg_gray .insList {
		float          : left;
		background     : url(../images/dotted_v.png) left top repeat-y;
		background-size: 2px 6px;
		width          : auto;
		min-height     : 90px;
		padding-left   : 2px;
		margin-left    : 4%;
	}
	#inspection .bg_gray ul:first-child {
		background  : none;
		padding-left: 0;
		margin-left : 0;
	}
	#inspection .bg_gray .insList li {
		margin-left: 5%;
		white-space: nowrap;
	}
	#inspection .bg_gray ul:first-child li {
		margin-left: 0;
	}
}
@media (min-width:1080px) {
/** [ PC ] **/
	#inspection .bg_gray {
		padding: 24px 4%;
	}
	#inspection .bg_gray .insList {
		width      : 30%;
		margin-left: 3%;
	}
	#inspection .bg_gray .insList li {
		margin-left: 38px;
	}
}



/* ***********************************************************************
    4 : Facility
*********************************************************************** */
/**[ SP ]**/
#facility ul#box-container {
	margin : 0;
	padding: 0;
}
#facility ul#box-container li.box {
	list-style-type: none;
	float          : left;
	margin-top     : 6%;
	margin-left    : 6%;
	width          : 47%;
}
#facility ul#box-container .box a {
	display: block;
	width  : 100%;
	height : auto;
}
#facility ul#box-container .box a img {
	-webkit-back-visibility: hidden;
	display                : block;
	width                  : 100%;
	height                 : auto;
	vertical-align         : bottom;
}
#facility ul#box-container .box:nth-child(2n+1) {
	clear      : both;
	margin-left: 0;
}

@media (min-width:768px) {
/** [ TABLET ] **/
	#facility ul#box-container li.box {
		margin-top : 2%;
		margin-left: 2%;
		width      : 23.5%;
	}
	#facility ul#box-container .box:nth-child(2n+1) {
		clear      : inherit;
		margin-left: 2%;
	}
	#facility ul#box-container .box:nth-child(4n+1) {
		clear      : both;
		margin-left: 0;
	}
}






/* ***********************************************************************
    5 : Access
*********************************************************************** */
/**[ SP ]**/
#access #h201 div {
	margin-top: 16px;
}
#access #h201 dl.leftColumn {
	text-align: left;
	margin-top: 24px;
}
#access #h201 dl.leftColumn dt {
	color      : #906631;
	font-family: "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size  : 18px;
	line-height: 2.0em;
}
#access #h201 dl.leftColumn dd {
	font-size  : 16px;
	line-height: 1.5em;
}
#access #h201 a.rightColumn {
	display   : block;
	margin-top: 0;
	font-size : 14px;
	text-align: right;
}
#access #h201 a.rightColumn img {
	display    : inline-block;
	width      : 14px;
	height     : auto;
	margin-left: 6px;
}
/**[ #h202  ]**/
#access #h202 .leftColumn,
#access #h202 .rightColumn {
	float : none;
	width : 100%;
	height: auto;
}
#access #h202 .leftColumn img {
	width : 100%;
	height: auto;
}
#access #h202 .rightColumn {
	margin-top: 16px;
}
@media (min-width:768px) {
/** [ TABLET ] **/
	#access #h201 p,
	#access #h203 p {
		line-height   : none;
		vertical-align: baseline;
		padding-top   : 5px;
	}
	#access #h201 dl.leftColumn {
		margin-top: 0;
	}
	#access #h201 dl.leftColumn dd {
		font-size  : 18px;
	}
	#access #h201 a.rightColumn {
		float  : right;
		display: block;
	}
	/**[ #h202  ]**/
	#access #h202 .leftColumn {
		float: left;
		width: 48%;
	}
	#access #h202 .rightColumn {
		float     : right;
		width     : 48%;
		margin-top: 0;
	}
}




/* ***********************************************************************
	6 : First
*********************************************************************** */
/**[ SP ]**/
#first .flowBox {
	background    : #fffdf2;
	width         : 100%;
	padding-bottom: 40px;
}
#first .flowBox dl {
	background: #906631;
	width     : 96%;
	height    : auto;
	padding   : 8px 2%;
}
#first .flowBox dl dd {
	float        : left;
	background   : #fff;
	display      : block;
	min-width    : 64px;
	max-width    : 64px;
	width        : auto;
	border-radius: 32px;
}
#first .flowBox dl dd h6 {
	color      : #835d2b;
	text-align : center;
	font-family: "UD Shin Go Conde90 M", sans-serif;
	font-size  : 28px;
	line-height: 64px;
}
#first .flowBox dl dt {
	float       : left;
	width       : 70%;
	margin-right: 7%;
	height      : 64px;
	color       : #fff;
	text-align  : center;
	font        : normal 24px/64px "Jun 201", sans-serif;
}
#first .flowBox .flow_inner {
	width : 88%;
	margin: 24px auto 0;
}
#first .flowBox .flow_inner .komeList li {
	font-size  : 14px;
	color      : #644112;
	line-height: 1.75em;
}
/*#first .flowBox .flow_btn {
	display      : block;
	background   : #f6ac1d;
	width        : 80%;
	height       : 80px;
	padding      : 0;
	margin       : 32px auto 0;
	border-radius: 16px;
	text-align   : center;
}*/
#first .flowBox .flow_btn img {
	display: block;
	height : 80px;
	width  : auto;
	margin : 0 auto;
}

#first .flowBox #yoyakuBtn {
	width : 90%;
	margin: 24px auto 0;
}
#first .flowBox #yoyakuBtn .ora,
#first .flowBox #yoyakuBtn .ble {
	display      : block;
	background   : #f6ac1d;
	width        : 100%;
	height       : 80px;
	border-radius: 16px;
	text-align   : center;
}
#first .flowBox #yoyakuBtn .ble {
	background: #50c5c7;
	margin-top: 16px;
}
#first .flowBox #yoyakuBtn .ora img,
#first .flowBox #yoyakuBtn .ble img {
	height: 80px;
	width : auto;
	margin: 0 auto;
}

#first .flowBox .flow_inner #mochimono {
	background   : #fff;
	max-width    : 100%;
	width        : 90%;
	height       : auto;
	padding      : 8px 5%;
	border       : solid 2px #f18d00;
	border-radius: 10px;
	font-family  : "Jun 201", sans-serif;
}
#first .flowBox .flow_inner #mochimono dt {
	margin-right: 0;
	float      : left;
	width      : 28%;
	color      : #6a4115;
	text-align : left;
	font-size  : 16px;
	line-height: 1.75em;
}
#first .flowBox .flow_inner #mochimono dd {
	max-width    : none;
	border-radius: 0;
	float      : right;
	width      : 72%;
	color      : #f18d00;
	text-align : left;
	font-size  : 16px;
	line-height: 1.75em;
}

.arrow_down {
	width     : 100%;
	height    : 32px;
	margin    : 8px 0;
	text-align: center;
}
.arrow_down img {
	height: 32px;
	width : auto;
}

/***/
#first #h202 .flowBox dl dd {
	width: 0;
}
#first #h202 .flowBox dl dt {
	width: 100%;
}

/***
#first #h202 .bg_beige {
	background   : #fffdf2;
	margin-top   : 24px;
	padding      : 16px 3%;
	border-radius: 12px;
}
#first #h202 .bg_beige h4 {
	width         : 100%;
	height        : 1.0em;
	padding-bottom: 16px;
	text-align    : center;
	font-size     : 18px;
	line-height   : 1.25em;
	border-bottom : solid 1px #ffe100;
}
#first #h202 .bg_beige dl dd {
	width     : 100%;
	height    : auto;
	margin-top: 16px;
}
#first #h202 .bg_beige img {
	width : 100%;
	height: auto;
}*/
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#first .flowBox {
		padding-bottom: 48px;
	}
	#first .flowBox dl {
		width  : 94%;
		padding: 8px 3%;
	}
	#first .flowBox dl dt {
		width       : 80%;
		margin-right: 5%;
		/*
		background: red;*/
	}
	#first .flowBox .flow_inner #mochimono dt {
		width: 14%;
	}
	#first .flowBox .flow_inner #mochimono dd {
		width: 86%;
	}
	
	#first .flowBox #yoyakuBtn {
		width: 86%;
	}
	#first .flowBox #yoyakuBtn .ora,
	#first .flowBox #yoyakuBtn .ble {
		float: left;
		width: 48%;
	}
	#first .flowBox #yoyakuBtn .ble {
		margin-top : 0;
		margin-left: 4%;
	}
	
	/**
	#first #h202 .bg_beige {
		padding: 10px 2.5% 20px;
	}
	#first #h202 .bg_beige h4 {
		padding-bottom: 18px;
		font-size     : 20px;
	}
	#first #h202 .bg_beige dl dd {
		float      : left;
		display    : block;
		width      : 32.5%;
		margin-left: 1%;
	}
	#first #h202 .bg_beige dl dd:first-child {
		margin-left: 0;
	}**/
}
@media screen and (min-width:1080px) {
/** [ PC ] **/
	#first .flowBox {
		max-width: 840px;
		margin   : 0 auto;
	}
	/**/
	#first .flowBox dl {
		width  : 820px;
		padding: 10px;
	}
	#first .flowBox dl dd {
		min-width    : 80px;
		max-width    : 80px;
		border-radius: 40px;
	}
	#first .flowBox dl dd h6 {
		font-size  : 36px;
		line-height: 80px;
	}
	#first .flowBox dl dt {
		width       : 81%;
		margin-right: 9%;
		height      : 80px;
		font-size   : 32px;
		line-height : 80px;
	}
	#first .flowBox .flow_inner {
		width : 640px;
		margin: 32px auto 0;
	}
	
	#first .flowBox #yoyakuBtn {
		width: 640px;
	}
	
	#first .flowBox .flow_inner #mochimono {
		width  : 94%;
		padding: 10px 3%;
	}
	#first .flowBox .flow_inner #mochimono dt {
		height: 0;
		height: auto;
		width : 12%;
	}
	#first .flowBox .flow_inner #mochimono dd {
		width: 88%;
	}

	.arrow_down {
		height: 32px;
		margin: 16px 0;
	}
}




/* ***********************************************************************
	7 : Insurancepost
*********************************************************************** */
/**[ SP ]**/
#insurancepost main h5 {
	margin-top : 32px;
	text-align : left;
	color      : #906631;
	font-family: "Shin Maru Go Regular", sans-serif;
	font-size  : 18px;
}



/* ***********************************************************************
	8 : Privacy
*********************************************************************** */
/**[ SP ]**/
#sekininsha {
	text-align: right;
	margin-top: 48px;
}