@charset "utf-8";
/* ===================================
  Souzoku support center
  Default Style Sheet
  First Update  2014-04-08
  Last Update   2023-05-16
  Created by Basic Plus Design Inc.
=================================== */

/* --------------------------------------------------------------
  1. normalize.css v1.1.2 | MIT License | git.io/normalize
        1-1. HTML5 display definitions
        1-2. Base
        1-3. Links
        1-4. Typography
        1-5. Embedded content
        1-6. Figures
        1-7. Forms
        1-8. Tables
  2. Primary styles
        2-1. Structure Module
        2-2. Text Module
        2-3. Image Module
        2-4. Float Module
        2-5. Link Module
        2-6. Helper Classes
  3. Print Style
-------------------------------------------------------------- */

/* ===========================================================
    normalize.css v1.1.2 | MIT License | git.io/normalize
============================================================ */

/* ----------------------------------------------------------------------
    1-1. HTML5 display definitions
---------------------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

/* ----------------------------------------------------------------------
    1-2. Base
---------------------------------------------------------------------- */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

/* ----------------------------------------------------------------------
    1-3. Links
---------------------------------------------------------------------- */

a {
	background: transparent;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

/* ----------------------------------------------------------------------
    1-4. Typography
---------------------------------------------------------------------- */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C""\201D""\2018""\2019";
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ----------------------------------------------------------------------
    1-5. Embedded content
---------------------------------------------------------------------- */

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

/* ----------------------------------------------------------------------
    1-6. Figures
---------------------------------------------------------------------- */

figure {
	margin: 0;
}

/* ----------------------------------------------------------------------
    1-7. Forms
---------------------------------------------------------------------- */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* ----------------------------------------------------------------------
    1-8. Tables
---------------------------------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ===================================
    2. Primary styles
    Author: Basic Plus Design Inc.
=================================== */

/* ----------------------------------------------------------------------
    2-1. Structure Module
---------------------------------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
body {
	height: 100%;
}

body {
	width: 100%;
	font-family: Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	letter-spacing: 1.5px;
	line-height: 2;
	color: #4c3200;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 1;
	margin: 0;
	padding: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #4c3200;
	margin: 1em 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

dt,
dd {
	line-height: 30px;
}

img {
	vertical-align: middle;
}

img a,
img a:visited,
img a:hover,
img a:active {
	border: 0;
}

img,
object,
embed,
video {
	max-width: 100%;
	height: auto;
	width: auto;
}

th,
td {
	white-space: nowrap;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

input {
	font-size: 1em;
}

textarea {
	resize: vertical;
	font-size: 1em;
}

.wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	z-index: 100;
}

.outer {
	width: 96%;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

/* header */

#header {
	height: auto;
	background: url(../images/BGbrown.png) repeat;
}

#header-inner h1 {
	display: block;
	width: auto;
	padding: 0;
	margin-top: 17px;
	margin-bottom: 13px;
}

#fontSize {
	position: absolute;
	top: 0;
	right: 0;
	width: 71px;
	height: 28px;
	padding-top: 5px;
	padding-left: 85px;
	background: url(../images/bg_fontsize.png) no-repeat;
	*zoom: 1;
}

#fontSize:after {
	content: "";
	display: block;
	clear: both;
}

#fontSize li {
	float: left;
	margin-right: 4px;
	cursor: pointer;
	list-style: none;
}

#hfreedial {
	position: absolute;
	right: 0;
	bottom: 18px;
	width: auto;
	max-width: 32.8%;
}

@media only screen and (max-width: 767px) {
	#fontSize,
	#hfreedial {
		display: none;
	}
}

/* globalNav*/

#globalNav {
	height: auto;
	max-height: 80px;
	margin-bottom: 30px;
	list-style: none;
	background: #fff;
	border-bottom: 6px solid #4c3200;
	top: 0;
}

#home #globalNav {
	margin-bottom: 0;
}

#globalNav ul {
	list-style: none;
}

#globalNav ul li a {
	display: block;
	float: left;
	width: 20%;
	max-width: 180px;
	height: auto;
	text-align: center;
}

#globalNav ul li span {
	display: block;
	height: 1em;
	padding-top: 1em;
	padding-bottom: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-right: 1px solid #4c3200;
}

#globalNav ul li .first {
	border-left: 1px solid #4c3200;
}

#globalNav ul li a:hover,
#globalNav ul li .on {
	background: #fffbf4 url(../images/MNanchor.png) no-repeat center bottom;
}

#globalNav2 {
	display: block;
	width: 100%;
	height: 47px;
	margin: -30px auto 30px;
	background: #4c3200;
	top: 114px;
}

#globalNav2 ul {
	width: 90%;
	max-width: 900px;
	height: auto;
	margin: 0 auto;
	list-style: none;
	background: #4c3200;
}

#globalNav2 ul li a {
	display: block;
	float: left;
	width: 33%;
	max-width: 296px;
	height: auto;
	margin-left: 0.33%;
	background: #4c3200;
}

@media only screen and (max-width: 767px) {
	#globalNav,
	#globalNav2 {
		display: none;
	}
}

/* slidemenu button */

#menubtnarea {
	display: none;
}

@media only screen and (max-width: 767px) {
	#menubtnarea {
		display: block;
		width: 100%;
		background: url(../images/BGsupportlink.png) repeat center;
		height: 100%;
		max-height: 49px;
		padding: 10px 0;
		position: relative;
	}

	#menubtn {
		display: block;
		width: 35%;
		max-width: 125px;
		height: 0;
		padding-bottom: 11%;
		background: url(../images/menubtn.png) no-repeat;
		background-size: contain;
		margin-left: -2%;
	}

	#mbfreedial {
		display: block;
		width: 68%;
		max-width: 321px;
		height: 0;
		padding-bottom: 12%;
		margin: 0;
		background: url(../images/mb_freedial.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0px;
		right: -2%;
	}

	#slidemenu li .on {
		color: #fff;
		font-weight: 400;
		padding-left: 50px;
		background: url(../images/ico_check.png) no-repeat 20px center;
	}
}

/* footer */

#footerwp {
	height: 310px;
	padding-top: 30px;
	background: url(../images/BGbrown.png) repeat;
	color: #fff;
	line-height: 1.8;
}

#footer {
	border-left: 5px solid #fff;
	position: relative;
}

#fcolumn1 {
	float: left;
	width: 100%;
	max-width: 465px;
	height: 240px;
	padding: 0 18px 10px 18px;
}

.yamato {
	display: block;
	float: left;
	margin: 20px 20px 0 0;
}

.totsuka {
	display: block;
	float: left;
	margin: 5px 20px 10px 0;
}

.shinagawa {
	display: block;
	float: left;
	margin: 5px 20px 10px 0;
}

.totsuka img,
.yamato img,
.shinagawa img {
	border: 1px solid #fff;
}

.map {
	float: right;
	margin-top: -1.5em;
	margin-right: -5em;
}

#fcolumn2 {
	float: right;
	width: 100%;
	max-width: 246px;
	height: 300px;
	padding: 0 18px 10px 18px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

.fsoudan {
	height: 18px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	*text-indent: -9999px;
	background: url(../images/f_soudan.png) no-repeat;
	margin-top: 0;
}

.fmadoguchi {
	height: 19px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	*text-indent: -9999px;
	background: url(../images/fmadoguchi.png) no-repeat;
	margin-top: 10px;
}

.ftel {
	margin-top: 5px;
}

.holiday {
	margin-top: -1em;
}

.holiday span {
	clear: left;
	float: left;
	text-indent: 3.8em;
}

.fmailadd {
	display: block;
	height: 19px;
	margin-top: 36px;
	text-indent: -9999px;
	background: url(../images/mailadd.png) no-repeat 0 0;
	overflow: hidden;
}

#madd {
	display: block;
	width: 100%;
	max-width: 138px;
	height: 16px;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(../images/fmailinfo.png) no-repeat 0 0;
	overflow: hidden;
}

#footer img {
	vertical-align: text-top;
}

#fmn {
	position: absolute;
	width: auto;
	max-width: 550px;
	bottom: 10px;
	border-top: 1px solid #fff;
}

#fmn li {
	float: left;
	margin-top: 10px;
	margin-right: 30px;
	padding-left: 20px;
	list-style: none;
	background: url(../images/f_arrow.png) no-repeat 0 3px;
}

.copyright {
	position: absolute;
	left: 918px;
	margin-top: 65px;
	width: 32px;
	height: 227px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	*text-indent: -9999px;
	font-family: "Open Sans", sans-serif;
	background: url(../images/copyright.png) no-repeat 0 0;
}

@media only screen and (max-width: 1023px) {
	#footerwp {
		height: 630px;
		padding-top: 10px;
		line-height: 1.8;
	}

	#footer {
		padding-bottom: 45px;
		border-left: none;
		font-size: 90%;
	}

	#fcolumn1 {
		float: none;
		max-width: 100%;
		height: auto;
		padding: 0;
		border: none;
	}

	.totsuka,
	.yamato,
	.shinagawa {
		float: none;
		max-width: 100%;
		margin: 10px 0 0 0;
		border: 1px solid #fff;
		text-align: center;
	}

	.totsuka img,
	.yamato img,
	.shinagawa img {
		border: none;
	}

	.map {
		float: right;
		margin-top: 2px;
		margin-right: 0;
	}

	#fcolumn1 p {
		margin-top: 5px;
	}

	#fcolumn2 {
		float: none;
		max-width: 100%;
		height: auto;
		margin-top: 15px;
		padding: 15px 0 0 0;
		border: none;
		border-top: 3px solid #fff;
	}

	.fmadoguchi {
		float: left;
		width: 35px;
		height: 35px;
		margin-top: 0;
		background: url(../images/fmadoguchi2.png) no-repeat;
		background-size: contain;
	}

	.ftel {
		float: left;
		width: 100%;
		max-width: 249px;
		margin-top: 0;
		margin-left: 8px;
	}

	.holiday span {
		float: none;
		clear: none;
		padding-top: -0.5em;
	}

	.fmailadd {
		float: left;
		width: 110px;
		height: auto;
		margin-top: 0;
		background: url(../images/mailadd2.png) no-repeat 0 center;
		background-size: contain;
	}

	#madd {
		margin-bottom: 20px;
	}

	#fmn {
		display: none;
	}

	.copyright {
		position: absolute;
		left: 0;
		width: auto;
		max-width: 100%;
		height: 1em;
		background: url(../images/copyright2.png) no-repeat center;
		background-size: contain;
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	#footer {
		letter-spacing: 0;
	}

	.ftel {
		float: left;
		width: 80%;
		max-width: 249px;
		margin-top: 0;
		margin-left: 8px;
	}
}

/* contents common */

.pageNav {
	width: 66%;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

.pageNav li {
	list-style: none;
	height: auto;
	margin-top: 100px;
	font-size: 110%;
}

#souzoku .pageNav {
	width: 100%;
}

.gotop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 15%;
	max-width: 69px;
	height: auto;
	background: url(../images/gotop.png) no-repeat 0 0;
	background-size: contain;
	z-index: 999999;
}

.gotop a {
	display: block;
}

.sp {
	display: none;
}

span.break:before {
	content: "\A";
	white-space: pre;
}

span.mbr:before {
	content: "";
	white-space: nowrap;
}

@media only screen and (max-width: 1023px) {
	span.tbr {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (max-width: 767px) {
	.pageNav {
		width: 100%;
	}

	.pageNav li {
		margin-top: 20px;
		font-size: 90%;
	}

	.pttl {
		width: 104%;
		margin-left: -2%;
		height: 55px;
		display: block;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	span.break:before {
		content: "";
		white-space: nowrap;
	}

	span.mbr:before {
		content: "\A";
		white-space: pre;
	}
}

/* contactarea */

#contactarea {
	margin: 60px auto 40px;
}

#contactarea div {
	border-bottom: 6px solid #f8b62c;
}

.freedial {
	width: 46.9%;
	float: left;
	margin: 25px 1.1% 25px 2.5%;
}

.gocontact {
	width: 42.1%;
	margin: 27px 2.5% 23px 4.9%;
}

@media only screen and (max-width: 1023px) {
	#contactarea {
		margin: 40px auto;
	}

	#contactarea h3 img {
		display: none;
	}

	#contactarea h3 {
		display: block;
		height: 27px;
		width: 100%;
		text-indent: -9999px;
		background: url(../images/madoguchi.png) no-repeat center;
		background-size: cover;
	}

	.freedial {
		width: 96%;
		max-width: 422px;
		margin: 2%;
	}

	.gocontact {
		width: 96%;
		max-width: 379px;
		margin: 2%;
	}
}

@media only screen and (max-width: 767px) {
	#contactarea div {
		border-bottom: 3px solid #f8b62c;
	}
}

/* supportive link */

#sptNav,
#sptNav2 {
	height: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	background: url(../images/BGsupportlink.png) repeat center;
}

#sptNav2 {
	padding-top: 30px;
	margin-top: 40px;
	margin-bottom: -40px;
}

#sptNav ul {
	list-style: none;
	width: auto;
	max-width: 900px;
}

#sptNav ul li {
	float: left;
	padding: 10px 0;
	margin-right: 2%;
	width: 100%;
	max-width: 211px;
}

#sptNav ul .sptNav1 {
	width: 100%;
	max-width: 442px;
}

#sptNav ul li:last-child {
	margin-right: 0;
}

@media only screen and (max-width: 1023px) {
	#sptNav ul {
		width: 98%;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
	}

	#sptNav ul li {
		float: left;
		padding: 10px 0;
		margin-right: 3%;
		width: auto;
		max-width: 49%;
	}

	#sptNav ul .sptNav1 {
		width: auto;
		max-width: 100%;
	}

	#sptNav ul li:last-child {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	#sptNav {
		padding-top: 20px;
	}

	#home #sptNav {
		padding-top: 0;
	}

	#sptNav ul li {
		margin-right: 1%;
	}
}

/* HOME */

#indeximg {
	width: 96%;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

#indexinfo1,
#indexinfo2 {
	height: auto;
	margin: 30px 0 5px 0;
	float: left;
}

/*#indexinfo1 {
	width: 47.8%;
}

#tlindexinfo1 {
	width: 279px;
	height: 75px;
	margin: 0 auto 20px auto;
}
*/

#indexinfo2 {
	width: 100%;
}

#tlindexinfo2 {
	width: 111px;
	/*height: 75px;*/
	height: auto;
	margin: 0 auto 20px auto;
}

#indexinfo1 dl,
#indexinfo2 dl {
	height: 100%;
	/*min-height: 42em;*/
	padding: 1em 3% 2em 1%;
	border-top: 3px solid #4c3200;
	border-bottom: 3px solid #4c3200;
	letter-spacing: 0.03em;
	overflow: hidden;
}

#indexinfo1 dt,
#indexinfo2 dt {
	float: left;
	width: 6em;
	margin-top: 1em;
	font-weight: bold;
	line-height: 1.5em;
	overflow: hidden;
}

#indexinfo1 dd,
#indexinfo2 dd {
	margin-top: 1em;
	margin-left: 6em;
	line-height: 1.5em;
}

#toplink {
	height: 60px;
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(../images/BGsupportlink.png) repeat center;
}

#toplink .slider {
	width: 100%;
}

@media only screen and (max-width: 1023px) {
	#indexinfo1,
	#indexinfo2 {
		float: none;
		width: 100%;
	}

	#indexinfo1 dl,
	#indexinfo2 dl {
		min-height: 6em;
	}

	#indexinfo2 {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
}

@media only screen and (max-width: 767px) {
	#indeximg {
		width: 105%;
		max-width: 900px;
		margin-left: -5%;
		padding: 0;
		text-indent: -9999px;
		background: url(../images/home/indeximg2.png) no-repeat center;
		background-size: contain;
	}
}

/* Top info overlay  */
.topinfo {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 90%;
	max-width: 860px;
	height: auto;
	padding: 20px 2% 20px 2%;
	background: #fff;
	overflow: hidden;
}

span.kerning {
	margin-left: -0.5em;
}

.topinfo span.br::before {
	content: none;
	white-space: nowrap;
}

.topinfo__tag {
	background: #e88100;
	color: #fff;
	text-align: center;
	width: 5em;
	padding: 0 0.5em;
}

.topinfo__ttl {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 4.6vw;
	font-weight: bold;
	line-height: 1.5;
}

.topinfo__content {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0;
	padding-bottom: 65%;
	margin-bottom: 20px;
}

.topinfo__content__block {
	padding-top: 50px;
	margin-top: 50px;
}

.topinfo__content__block:first-of-type {
	margin-top: 0;
}

.topinfo__content__block:last-of-type {
	margin-bottom: 80px;
}

.topinfo__content__block.brd {
	border-top: 2px dotted #4c3200;
}

.topinfo__mds {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #e88100;
	line-height: 1.5;
	margin-bottom: 2em;
}

.topinfo__link {
	width: 100%;
	height: 3em;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding: 1em 5em 1em 1em;
	background: #e88100;
	color: #fff;
	position: relative;
}

.topinfo__link::after {
	display: block;
	content: "";
	width: 2.5em;
	height: 2.5em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	transition: all 0.5s;
	position: absolute;
	top: 0.35em;
	right: 1.5em;
}

.topinfo__link:hover {
	color: #fff;
	text-decoration: none;
}

.topinfo__link:hover::after {
	right: 0.8em;
}

@media all and (min-width: 767px) {
	.topinfo {
		padding: 20px 4% 40px 4%;
	}

	.topinfo__ttl {
		font-size: 190%;
	}
}

@media all and (min-width: 960px) {
	.topinfo span.br::before {
		content: "\A";
		white-space: pre;
	}

	.topinfo__content {
		background-position: right top 60px;
		background-size: 44.2% auto;
		padding-right: 40%;
		padding-bottom: 0;
	}
}

/* Top info overlay -- #box1 */

#box1 .topinfo__content {
	background-image: url(../images/home/info/book1s.png);
}

@media all and (min-width: 960px) {
	#box1 .topinfo__content {
		background-image: url(../images/home/info/book1.png);
		background-position: right top;
		padding-bottom: 15px;
	}
}

/* Top info overlay -- #box2 */
#box2 .topinfo__content {
	background-image: url(../images/home/info/book2s.png);
}

@media all and (min-width: 960px) {
	#box2 .topinfo__content {
		background-image: url(../images/home/info/book2.png);
	}
}

/* Top news area */
.topnewsarea {
	background: url(../images/BGsupportlink.png) repeat center;
	background: #fff;
	padding: 20px 0;
}

.topnewsarea .outer {
	width: calc(100% - 30px);
	margin: auto;
	padding: 20px 0;
}

.topnewsarea span.br::before {
	content: "\A";
	display: block;
}

.topnewsarea a {
	background-color: #fff;
	border: 3px solid #d7011d;
	color: #d7011d;
	display: block;
	font-family: "Noto Serif", serif;
	font-size: 3.5vw;
	margin: auto;
	padding: 1em 0.5em;
	text-align: center;
}

.topnewsarea a.org {
	border: 3px solid rgba(224, 109, 6);
	color: rgba(224, 109, 6);
}

.topnewsarea a:hover {
	text-decoration: none;
}

@media all and (min-width: 767px) {
	.topnewsarea a {
		font-size: 206px;
		font-size: 2.6rem;
	}
}

/* Top banner area */
.top_bnrarea {
	background: url(../images/BGsupportlink.png) repeat center;
	padding: 30px 0 20px;
}

.top_bnrarea .outer > div {
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
	margin: auto;
	max-width: 435px;
	overflow: hidden;
	padding-bottom: 81%;
	position: relative;
	text-indent: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	white-space: nowrap;
	width: calc(100% - 20px);
}

.top_bnrarea .outer > div a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.top_bnrarea .outer > div:nth-of-type(1) {
	background-image: url("../images/home/bnr/bnr_professional100_off.svg");
	border: 2px solid #f4c080;
	margin-bottom: 30px;
}

.top_bnrarea .outer > div:nth-of-type(1):hover {
	background-image: url("../images/home/bnr/bnr_professional100_on.svg");
	border: 2px solid rgba(224, 109, 6);
	-webkit-box-shadow: 3px 3px 3px 3px rgba(255, 138, 51, 0.2) inset;
	box-shadow: 3px 3px 3px 3px rgba(255, 138, 51, 0.2) inset;
}

.top_bnrarea .outer > div:nth-of-type(1):hover::after {
	border: 6px solid rgba(228, 140, 59, 0.2);
	content: "";
	cursor: pointer;
	display: block;
	height: calc(100% - 12px);
	left: 0;
	position: absolute;
	top: 0;
	width: calc(100% - 12px);
	z-index: 0;
}

.top_bnrarea .outer > div:nth-of-type(2) {
	background-image: url("../images/home/bnr/bnr_endingnote_off.svg");
	background-position: right bottom;
	background-size: 100% auto;
	border: 2px solid #000;
}

.top_bnrarea .outer > div:nth-of-type(2):hover {
	background-image: url("../images/home/bnr/bnr_endingnote_on.svg");
}

.top_bnrarea .outer > div:nth-of-type(2):hover::after {
	border: 6px solid rgba(100, 100, 100, 0.2);
	content: "";
	cursor: pointer;
	display: block;
	height: calc(100% - 12px);
	left: 0;
	position: absolute;
	top: 0;
	width: calc(100% - 12px);
	z-index: 0;
}

.top_bnrarea .outer > div a {
	z-index: 1;
}

@media all and (min-width: 441px) {
	.top_bnrarea .outer > div {
		height: 357px;
		padding-bottom: 0;
	}
}

@media all and (min-width: 767px) {
	.top_bnrarea {
		padding: 40px 0 0;
	}

	.top_bnrarea .outer {
		display: flex;
		flex-flow: row wrap;
		height: auto;
		justify-content: space-between;
		max-height: 355px;
		max-width: 900px;
	}

	.top_bnrarea .outer > div {
		height: 0;
		margin: 0;
	}

	.top_bnrarea .outer > div:nth-of-type(1) {
		padding-bottom: 38.9%;
		width: 48.6%;
	}

	.top_bnrarea .outer > div:nth-of-type(2) {
		background-size: cover;
		padding-bottom: 38.9%;
		width: 48.3%;
	}
}

/*  Change freedial number */

#top-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background: rgba(76, 50, 0, 0.6);
	text-align: center;
	z-index: 900;
}

#floatbnr {
	width: 80vw;
	max-width: 590px;
	height: auto;
	position: absolute;
	top: 24vh;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 9000;
}

#floatbnr li {
	list-style: none;
}

#floatbnr img {
	height: auto;
	width: 100%;
	margin: 0;
}

#closebox {
	list-style: none;
	text-align: center;
}

#closebox a img {
	width: 22%;
	height: auto;
}

#home #sptNav2 .outer img.sp,
#home #sptNav2 .outer img.pc {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

#home #sptNav2 .outer img.sp {
	display: none;
}

#home #sptNav2 .outer img.pc {
	display: block;
}

@media only screen and (max-width: 1023px) {
	#floatbnr {
		max-width: 490px;
	}
}

@media only screen and (max-width: 639px) {
	#floatbnr {
		max-width: 390px;
	}

	#home #sptNav2 .outer img.sp {
		display: block;
		max-width: 400px;
	}

	#home #sptNav2 .outer img.pc {
		display: none;
	}
}

/* CONCEPT */

#concept1 {
	width: 100%;
	max-width: 900px;
	height: 0;
	padding-top: 48%;
	background: url(../images/concept/concept1.png) no-repeat;
	background-size: contain;
}

#concept .bgimg {
	background: url(../images/concept/concept2.png) no-repeat right bottom;
}

@media only screen and (max-width: 767px) {
	#concept .pttl {
		text-indent: -9999px;
		background: url(../images/concept/Mconcept.png) no-repeat center;
		background-size: cover;
	}

	#concept .bgimg {
		background-size: contain;
	}
}

/* CONSULTING */

#consulting .groupmenu,
#consulting2 .groupmenu,
#consulting3 .groupmenu,
#souzoku .groupmenu {
	display: none;
}

/* consulting.html ------------------------------------------------*/

#consulting .sc1 {
	position: relative;
	height: auto;
	overflow: hidden;
}

#consulting .sc1 p {
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 999;
}

#consulting #tlconsult2 {
	position: relative;
	margin-top: 50px;
	margin-bottom: 20px;
	z-index: 9999;
}

.consultingimg {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.consultflow {
	width: 86%;
	max-width: 770px;
	min-height: 120px;
	margin-left: 14%;
	padding-top: 40px;
}

.consultflow .flowimg {
	float: left;
	margin-left: -17%;
}

.consultflow ul {
	list-style: none;
}

.flowtel {
	position: absolute;
	width: 45%;
	max-width: 401px;
	right: 0;
	margin-top: -123px;
}

.soudan1 {
	margin-bottom: -12px;
	margin-left: 15px;
}

.soudan2 {
	float: right;
	width: 100%;
	max-width: 173px;
	height: auto;
	margin-top: -208px;
	margin-right: 20px;
}

#consulting .orgbg {
	display: block;
	float: left;
	width: 98%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 10px 2%;
	background: url(../images/consulting/orgbg.png) repeat;
}

#ichigenka {
	display: block;
	height: 201px;
	margin-top: 30px;
	text-indent: -9999px;
	background: url(../images/consulting/flowpc7.png) no-repeat;
	background-size: contain;
}

.kanryo {
	margin: 60px 0 0 -17%;
}

@media only screen and (max-width: 767px) {
	#consulting .pttl,
	#consulting2 .pttl,
	#consulting3 .pttl,
	#souzoku .pttl {
		text-indent: -9999px;
		background: url(../images/consulting/Mconsulting.png) no-repeat center;
		background-size: cover;
	}

	#consulting .groupmenu,
	#consulting2 .groupmenu,
	#consulting3 .groupmenu,
	#souzoku .groupmenu {
		display: block;
		width: 100%;
		height: auto;
		padding: 2%;
		background: #4c3200;
		position: relative;
		z-index: 9999;
		overflow: hidden;
		margin-left: -2%;
	}

	#consulting .groupmenu li,
	#consulting2 .groupmenu li,
	#consulting3 .groupmenu li,
	#souzoku .groupmenu li {
		display: block;
		width: 33%;
		height: auto;
		margin-right: 0;
		list-style: none;
		float: left;
	}

	#consulting .groupmenu li:last-child,
	#consulting2 .groupmenu li:last-child,
	#consulting3 .groupmenu li:last-child,
	#souzoku .groupmenu li:last-child {
		margin-right: 0;
	}

	.consultflow {
		width: 86%;
		max-width: 770px;
		min-height: 120px;
		margin-left: 14%;
		padding-top: 40px;
		position: relative;
	}

	.consultflow .flowimg {
		width: 22%;
		max-width: 84px;
		margin-left: -30%;
	}

	.consultingimg {
		opacity: 0.6;
		filter: alpha(opacity=0.6);
	}

	.consultflow {
		width: 78%;
		margin-left: 22%;
	}

	.flowtel {
		position: relative;
		margin-top: 20px;
	}

	.soudan1 {
		margin-bottom: -12px;
		margin-left: 0;
	}

	.soudan2 {
		float: left;
		margin-top: 20px;
		clear: both;
	}

	#ichigenka {
		background: url(../images/consulting/flowpc7mb.png) no-repeat;
		background-size: contain;
		height: 465px;
	}

	.kanryo {
		bottom: 0;
		margin-left: -28%;
		text-indent: -9999px;
		background: url(../images/consulting/flowpc6.png) no-repeat center;
		background-size: cover;
	}
}

/* consulting2.html -----------------------------------------------*/

#consulting2 .pc01 {
	float: left;
	margin: 50px 0;
	width: 47%;
	max-width: 420px;
}

#consulting2 .pc02 {
	float: left;
	margin: 50px 0 50px 6%;
	width: 47%;
	max-width: 420px;
}

#consulting2 .pc05 {
	margin-top: 40px;
	margin-bottom: 20px;
}

#consulting2 .pc06 {
	width: 900px;
	height: 709px;
	margin-top: 30px;
	text-indent: -9999px;
	background: url(../images/consulting/sprt1pc06.png) no-repeat;
	background-size: contain;
}

#tetsuzukilist {
	height: auto;
	overflow: hidden;
	font-size: 120%;
	line-height: 2em;
}

#tetsuzukilist ul {
	float: left;
	display: block;
	width: 54%;
	height: 14em;
	padding: 1em 3%;
	margin: 1em 0 50px 0;
	color: #4c3200;
	background: #fdf5eb url(../images/consulting/bg_tetsuzukilist.png) no-repeat right center;
	background-size: contain;
}

#tetsuzukilist ul li {
	font-size: 90%;
	list-style: none;
	padding: 0.5em 0;
}

#tetsuzukilist ul li a {
	color: #4c3200;
}

#tetsuzukilist ul li a:hover {
	color: #e88000;
}

#tetsuzukilist p {
	display: block;
	width: 32%;
	height: 8em;
	padding: 4em 4%;
	line-height: 2em;
	margin-left: 60%;
	background: #4c3200;
	color: #fff;
}

@media only screen and (max-width: 767px) {
	#consulting2 .pc01 {
		float: none;
		margin: 50px 0;
		width: 100%;
		max-width: 420px;
	}

	#consulting2 .pc02 {
		float: none;
		margin: 50px 0;
		width: 100%;
		max-width: 420px;
	}

	#consulting2 .pc04 {
		text-indent: -9999px;
		background: url(../images/consulting/sprt1pc04.png) no-repeat center;
		background-size: cover;
	}

	#tetsuzukilist ul {
		float: none;
		width: 100%;
		height: auto;
		padding: 1em 3% 3em 3%;
		margin: 1em 0 0 0;
		background: #fdf5eb url(../images/consulting/bg_tetsuzukilist2.png) no-repeat center bottom;
		background-size: 100%;
	}

	#tetsuzukilist li {
		text-align: center;
	}

	#tetsuzukilist p {
		display: block;
		width: 100%;
		height: 8em;
		padding: 4em 4%;
		margin: 0 0 30px 0;
		text-align: center;
	}
}

/* consulting3.html -----------------------------------------------*/

#souzokuNav {
	position: relative;
	width: 100%;
	max-width: 900px;
}

#souzokuNav ul {
	float: left;
	width: 100%;
	height: auto;
	max-height: 120px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#souzokuNav li {
	width: 14%;
	max-width: 123px;
	list-style: none;
	float: left;
	margin: 0 0 40px 0;
	display: inline-block;
}

#souzokuNav .souzokuNav1 {
	margin-left: 0;
}

#souzokuNav .souzokuNav2 {
	margin-left: 2%;
}

#souzokuNav .souzokuNav3 {
	margin-left: 1%;
}

#souzokuNav .souzokuNav4 {
	margin-left: 1%;
}

#souzokuNav .souzokuNav5 {
	margin-left: 1%;
}

#souzokuNav .souzokuNav6 {
	margin-left: -1.5%;
}

#souzokuNav .souzokuNav7 {
	margin-left: -1.5%;
}

#souzokuNav li img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#souzokuNav li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#souzokuNav li.on img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#souzokumenu div {
	width: 30%;
	margin-right: 2%;
	height: 11em;
	padding: 3em 0 2em 18%;
	float: left;
	border-bottom: 1px dashed #4c3200;
	position: relative;
}

#souzokumenu div .scimg {
	position: absolute;
	left: 0;
	top: 2em;
	width: 100%;
	max-width: 121px;
}

#souzokumenu div p {
	font-size: 90%;
}

#souzokumenu .more {
	position: absolute;
	right: 0;
	bottom: 1em;
	padding-left: 20px;
	background: url(../images/arrow.png) no-repeat 0 center;
}

@media only screen and (max-width: 767px) {
	#souzokuNav ul {
		float: left;
		width: 100%;
		height: auto;
		max-height: 200%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#souzokuNav li {
		width: 22%;
		max-width: 123px;
		list-style: none;
		float: left;
		margin: 0;
		display: block;
	}

	#souzokumenu div {
		width: 100%;
		height: auto;
		float: none;
		padding: 3em 0;
	}

	#souzokumenu div .scimg {
		position: absolute;
		left: auto;
		right: 0;
		top: auto;
		bottom: 3em;
		max-width: 15%;
	}

	#souzokumenu div p {
		width: 82%;
	}
}

/* souzoku*.html --------------------------------------------------*/

#sozk1 h2,
#sozk2 h2,
#sozk3 h2,
#sozk4 h2,
#sozk5 h2,
#sozk6 h2,
#sozk7 h2 {
	height: 50px;
	margin-top: 2em;
	margin-bottom: 1em;
}

#sozk1 .toptxt,
#sozk2 .toptxt,
#sozk3 .toptxt,
#sozk4 .toptxt,
#sozk5 .toptxt,
#sozk6 .toptxt,
#sozk7 .toptxt {
	width: 80%;
}

#sozk1 .cpimg,
#sozk2 .cpimg,
#sozk3 .cpimg,
#sozk4 .cpimg,
#sozk5 .cpimg,
#sozk6 .cpimg,
#sozk7 .cpimg {
	position: absolute;
	right: 0;
	width: 20%;
	max-width: 20%;
	height: auto;
	padding: 0 0 10px 10px;
}

#souzoku .contentNav {
	margin-top: 20px;
	list-style: none;
}

#souzoku .contentNav li {
	background: url(../images/arrow.png) no-repeat 0 center;
	padding-left: 25px;
}

#souzoku .sc {
	padding-top: 20px;
	margin-bottom: 40px;
}

#sozk1_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk1_1.png) no-repeat center;
	background-size: contain;
}

#sozk2_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk2_1.png) no-repeat center;
	background-size: contain;
}

#sozk2_2 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk2_2.png) no-repeat center;
	background-size: contain;
}

#sozk3_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk3_1.png) no-repeat center;
	background-size: contain;
}

#sozk3_2 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk3_2.png) no-repeat center;
	background-size: contain;
}

#sozk3_3 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk3_3.png) no-repeat center;
	background-size: contain;
}

#sozk4_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk4_1.png) no-repeat center;
	background-size: contain;
}

#sozk5_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk5_1.png) no-repeat center;
	background-size: contain;
}

#sozk5_2 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk5_2.png) no-repeat center;
	background-size: contain;
}

#sozk6_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk6_1.png) no-repeat center;
	background-size: contain;
}

#sozk7_1 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk7_1.png) no-repeat center;
	background-size: contain;
}

#sozk7_2 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk7_2.png) no-repeat center;
	background-size: contain;
}

#sozk7_3 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk7_3.png) no-repeat center;
	background-size: contain;
}

#sozk7_4 .ttl {
	height: 50px;
	margin: 30px 0;
	text-indent: -9999px;
	background: #f8b62c url(../images/souzoku/sozk7_4.png) no-repeat center;
	background-size: contain;
}

#souzoku .more {
	float: right;
	clear: left;
	background: url(../images/arrow.png) no-repeat 0 center;
	padding: 3px 0 3px 25px;
}

#souzoku .mbmore {
	display: none;
}

#souzoku .tb {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-top: 2em;
	padding: 0;
}

#souzoku .tb dl {
	border: 1px solid #a5997f;
}

#souzoku .tb dt {
	padding: 0.5em 1em;
	background: #fdf5eb;
	font-weight: bold;
}

#souzoku .tb dd {
	margin-left: 0;
	padding: 0.5em 1em;
	background: #fff;
}

#souzoku table {
	width: 898px;
	margin-top: 50px;
	border-top: 1px solid #a5997f;
	border-left: 1px solid #a5997f;
}

#souzoku th,
#souzoku td {
	border-bottom: 1px solid #a5997f;
	border-right: 1px solid #a5997f;
	white-space: normal;
}

#souzoku th {
	padding: 5px;
	background: #fdf5eb;
	text-align: center;
}

#souzoku td {
	padding: 10px;
	vertical-align: text-top;
}

#souzoku .bg {
	width: 860px;
	padding: 10px 20px;
	background: #fef8ea;
}

#sozk1_1 .cpimg {
	float: left;
	width: 100%;
	max-width: 630px;
}

#sozk1_1 h5 {
	margin-top: 30px;
	font-size: 100%;
	color: #e88000;
}

#sozk1_1 h4,
#sozk1_1 h5,
#sozk1_1 p {
	margin-left: 650px;
	width: 250px;
}

#sozk1_1 .more {
	float: none;
	clear: none;
}

#sozk2_1 ul {
	margin-left: 82px;
}

#sozk2_2 h4 {
	margin-top: 40px;
	margin-bottom: 10px;
}

#sozk3_1 .scimg,
#sozk3_2 .scimg,
#sozk3_3 .scimg {
	float: left;
	padding: 0 1em 1em 0;
}

#sozk3_1 .tb {
	margin-top: 4em;
}

#sozk3_1 .tb dl {
	width: 33%;
	height: 43em;
	float: left;
	border-left: none;
}

#sozk3_1 .tb dl:first-child {
	border-left: 1px solid #a5997f;
}

#sozk3_1 .tb dt {
	border-bottom: 1px solid #a5997f;
}

#sozk3_2 {
	position: relative;
}

#sozk3_2 .nobdr {
	border-right: none;
	border-bottom: none;
}

#sozk3_2 .col1 {
	width: 10em;
}

#sozk3_2 .col2 {
	width: auto;
}

#sozk3_2 .col3 {
	width: 27em;
}

#sozk3_2 .col4 {
	width: 1em;
}

#sozk3_2 .col5 {
	width: 8em;
}

#sozk3_2 .col6 {
	width: 5em;
}

#sozk3_2 .col7 {
	width: 4em;
}

#sozk3_2 .col8 {
	width: 9em;
}

#sozk3_2 .zoom {
	display: none;
}

#sozk3_3 .tb {
	margin-top: 6em;
}

#sozk3_3 .tb dl {
	margin: 0;
	border-top: none;
	background: #fdf5eb;
}

#sozk3_3 .tb dl:first-child {
	border-top: 1px solid #a5997f;
}

#sozk3_3 .tb dt {
	width: 8em;
	height: auto;
	text-align: center;
	float: left;
}

#sozk3_3 .tb dd {
	width: auto;
	height: auto;
	margin-left: 10em;
	border-left: 1px solid #a5997f;
}

#sozk4_1 .col {
	width: 90%;
	max-width: 876px;
	height: auto;
	margin-top: 40px;
	padding-left: 2em;
	border-left: 4px solid #4c3200;
}

#sozk4_1 .col h4 {
	margin-top: 40px;
}

#sozk4_1 .col .bg {
	width: auto;
}

#sozk4_1 .col .bg ul {
	list-style: none;
	color: #e88000;
}

#sozk5_1 h4 {
	margin-top: 30px;
}

#sozk5_1 .bg {
	width: auto;
}

#sozk5_1 .bg ul {
	list-style: none;
}

#sozk5_1 .bg li {
	line-height: 1.5;
}

#sozk5_1 table {
	width: 100%;
}

#sozk5_1 table .tleft {
	width: 24%;
}

#sozk5_2 .bd {
	border: 1px solid #a5997f;
}

#sozk6_1 .col {
	width: 100%;
	max-width: 900px;
	clear: both;
	padding: 40px 0;
}

#sozk6_1 .col h4 {
	margin-bottom: 8px;
}

#sozk6_1 .col .scimg {
	width: 50%;
	float: left;
}

#sozk6_1 dl {
	width: 100%;
	max-width: 48%;
	height: 8em;
	padding: 3em 0 0 0;
	margin-left: 52%;
	background: url(../images/souzoku/sozk6_iryubun.png) no-repeat 0 0;
	background-size: contain;
}

#sozk6_1 dt {
	display: none;
}

#sozk6_1 dd {
	font-size: 120%;
	font-weight: bold;
	line-height: 2;
	margin-left: 2em;
}

#sozk6_1 .note {
	font-size: 90%;
	font-weight: normal;
}

#sozk7_1 .scimg {
	float: left;
	width: 13%;
	max-width: 115px;
	padding: 0 2em 1em 0;
}

#sozk7_1 .tb dl {
	margin: 0;
	border-top: none;
	background: #fdf5eb;
}

#sozk7_1 .tb dt {
	width: 10em;
	height: auto;
	text-align: center;
	float: left;
	border-top: 1px solid #a5997f;
}

#sozk7_1 .tb dd {
	width: auto;
	height: auto;
	margin-left: 12em;
	border-top: 1px solid #a5997f;
	border-left: 1px solid #a5997f;
}

#sozk7_2 .col {
	margin-top: 40px;
	clear: both;
}

#sozk7_2 .col .scimg {
	float: left;
	width: 30%;
	max-width: 265px;
	margin-top: -34px;
	padding-bottom: 40px;
}

#sozk7_2 .col h4,
#sozk7_2 .col p {
	margin-left: 34%;
}

#sozk7_3 .scimg {
	float: left;
	width: 13%;
	max-width: 115px;
	padding: 0 2em 1em 0;
}

#sozk7_3 .tb {
	margin-top: 6em;
}

#sozk7_3 .tb dl {
	margin: 0;
	border-top: none;
	background: #fdf5eb;
}

#sozk7_3 .tb dt {
	width: 10em;
	height: auto;
	text-align: center;
	float: left;
	border-top: 1px solid #a5997f;
}

#sozk7_3 .tb dd {
	width: auto;
	height: auto;
	margin-left: 12em;
	border-top: 1px solid #a5997f;
	border-left: 1px solid #a5997f;
}

#sozk7_3 th {
	width: 20%;
}

#sozk7_3 .sc {
	margin-top: 40px;
	padding-bottom: 40px;
}

#sozk7_3_1 .scimg,
#sozk7_3_2 .scimg {
	float: left;
	width: 13%;
	max-width: 115px;
	padding: 0 2em 1em 0;
}

#sozk7_3_1,
#sozk7_3_2 {
	border-bottom: 1px dashed #a5997f;
}

#sozk7_3 .col {
	margin-top: 30px;
}

#sozk7_3 .col .bg {
	margin-left: 16%;
	width: 78%;
	max-width: 702px;
	padding: 3%;
	background: #fef8ea;
}

#sozk7_3 .col .bg ul {
	margin-top: 10px;
}

#sozk7_3 .col p {
	margin-left: 16%;
	width: 78%;
	max-width: 702px;
}

#sozk7_3 .col .space7 {
	margin-left: 7em;
}

#sozk7_3_3 {
	border-bottom: none;
}

#sozk7_3_3 .col h5 {
	margin-left: 16%;
}

#sozk7_3_3 .scimg {
	float: left;
	width: 13%;
	max-width: 115px;
	margin-top: -20px;
	padding: 0 2em 1em 0;
}

#sozk7_3_3 .col .bg {
	margin-top: 20px;
	padding: 10px 3%;
	margin-left: 16%;
	width: 78%;
	max-width: 702px;
	background: #fef8ea;
}

#sozk7_3_3 dt {
	margin-top: 10px;
	font-size: 120%;
	color: #e88000;
	font-weight: bold;
}

#sozk7_3_3 dd {
	margin-left: 0;
}

#sozk7_3_3 dd ul {
	padding-top: 0;
	list-style: none;
}

#sozk7_4 .scimg {
	float: left;
	width: 13%;
	max-width: 115px;
	padding: 0 1em 1em 0;
}

#sozk7_4_1 h4,
#sozk7_4_1 p {
	margin-left: 16%;
}

#sozk7_4_1 .col h5 {
	margin-top: 40px;
	margin-left: 16%;
}

#sozk7_4_1 .col .bg {
	margin-left: 16%;
	width: 78%;
	max-width: 702px;
	margin-top: 20px;
	padding: 10px 3%;
}

#sozk7_4_1 dt {
	margin-top: 10px;
	font-size: 120%;
	color: #e88000;
	font-weight: bold;
}

#sozk7_4_1 dd {
	margin-left: 0;
}

#sozk7_4_1 .col .bg ul {
	margin-top: 0;
	list-style: none;
}

#sozk7_4 .mes {
	width: 94%;
	margin-top: 60px;
	padding: 10px 3%;
	border: 2px solid #4c2300;
	background: url(../images/souzoku/logo.png) no-repeat 20px 20px;
}

#sozk7_4 .mes p {
	margin-left: 16%;
	width: 82%;
	max-width: 736px;
	line-height: 2.5;
	font-size: 115%;
}

@media only screen and (max-width: 1023px) {
	#sozk1_1 .cpimg {
		float: none;
		width: 100%;
		max-width: 630px;
		padding-bottom: 30px;
	}

	#sozk1_1 h4 {
		padding-top: 50px;
	}

	#sozk1_1 h4,
	#sozk1_1 h5,
	#sozk1_1 p {
		padding-left: 1%;
		margin-left: 0;
		width: 99%;
		clear: both;
	}

	#sozk3_2 table {
		width: 100%;
	}

	#sozk3_2 .col1 {
		width: 1%;
	}

	#sozk3_2 .col2 {
		width: auto;
	}

	#sozk3_2 .col3 {
		width: auto;
	}

	#sozk3_2 .col4 {
		width: 1em;
	}

	#sozk3_2 .col5 {
		width: 1em;
	}

	#sozk3_2 .col6 {
		width: 1em;
	}

	#sozk3_2 .col7 {
		width: 1em;
	}

	#sozk3_2 .col8 {
		width: 4em;
	}
}

@media only screen and (max-width: 767px) {
	#sozk1 .toptxt,
	#sozk2 .toptxt,
	#sozk3 .toptxt,
	#sozk4 .toptxt,
	#sozk5 .toptxt,
	#sozk6 .toptxt,
	#sozk7 .toptxt {
		width: 100%;
	}

	#sozk1_1 .ttl,
	#sozk2_1 .ttl,
	#sozk2_2 .ttl,
	#sozk3_1 .ttl,
	#sozk3_2 .ttl,
	#sozk3_3 .ttl,
	#sozk4_1 .ttl,
	#sozk5_1 .ttl,
	#sozk5_2 .ttl,
	#sozk6_1 .ttl,
	#sozk7_1 .ttl,
	#sozk7_2 .ttl,
	#sozk7_3 .ttl,
	#sozk7_4 .ttl {
		background-size: 120%;
	}

	#souzoku .mbmore {
		display: block;
		width: 100%;
		height: 1em;
		padding-bottom: 1em;
		line-height: 1em;
		clear: both;
		text-align: right;
	}

	#souzoku .tb {
		margin-top: 0;
	}

	#sozk2_1 ul {
		margin-left: 5%;
	}

	#sozk2_2 .bg {
		width: 87%;
		margin-left: 0;
	}

	#sozk2_2 h4 {
		width: 150%;
	}

	#sozk2_2 .scimg1 {
		text-indent: -9999px;
		height: 0;
		padding-bottom: 126%;
		overflow: visible;
		background: url(../images/souzoku/sozk2_2_img1mb.png) no-repeat;
		background-size: contain;
	}

	#sozk2_2 .scimg2 {
		text-indent: -9999px;
		height: 0;
		padding-bottom: 150%;
		overflow: visible;
		background: url(../images/souzoku/sozk2_2_img2mb.png) no-repeat;
		background-size: contain;
	}

	#sozk2_2 .scimg3 {
		text-indent: -9999px;
		height: 0;
		padding-bottom: 130%;
		overflow: visible;
		background: url(../images/souzoku/sozk2_2_img3mb.png) no-repeat;
		background-size: contain;
	}

	#sozk2_2 .scimg4 {
		text-indent: -9999px;
		height: 0;
		padding-bottom: 114%;
		overflow: visible;
		background: url(../images/souzoku/sozk2_2_img4mb.png) no-repeat;
		background-size: contain;
	}

	#sozk2_2 .scimg5 {
		text-indent: -9999px;
		height: 0;
		padding-bottom: 160%;
		overflow: visible;
		background: url(../images/souzoku/sozk2_2_img5mb.png) no-repeat;
		background-size: contain;
	}

	#sozk3_1 .scimg,
	#sozk3_2 .scimg,
	#sozk3_3 .scimg {
		width: 10%;
		height: auto;
	}

	#sozk3_1 .tb dl {
		width: 99%;
		height: auto;
		float: none;
		border-left: 1px solid #a5997f;
	}

	#sozk3_1 .tb dt {
		border-bottom: 1px solid #a5997f;
	}

	#sozk3_2 .zoom {
		display: block;
		width: 174px;
		height: 15px;
		background: none;
		position: absolute;
		bottom: -20px;
		right: 0;
		cursor: pointer;
	}

	#sozk3_3 .tb dl {
		width: 99%;
	}

	#sozk3_3 .tb dt {
		width: auto;
		text-align: left;
		float: none;
		border-bottom: 1px solid #a5997f;
	}

	#sozk3_3 .tb dd {
		width: auto;
		margin-left: 0;
		border-left: none;
	}

	#sozk6_1 .col .scimg {
		width: 100%;
		float: none;
	}

	#sozk6_1 dl {
		width: 100%;
		max-width: 100%;
		height: 7em;
		padding: 2.5em 0 0 0;
		margin-left: 0;
	}

	#sozk6_1 dd {
		font-size: 100%;
		margin-left: 1em;
	}

	#sozk7_1 .tb dl {
		width: 99%;
	}

	#sozk7_1 .tb dt {
		width: auto;
		text-align: left;
		float: none;
	}

	#sozk7_1 .tb dd {
		width: auto;
		margin-left: 0;
		border-left: none;
	}

	#sozk7_2 .col .scimg {
		float: none;
		width: 100%;
		margin-top: 2em;
		padding-bottom: 1em;
	}

	#sozk7_2 .col h4,
	#sozk7_2 .col p {
		margin-left: 0;
	}

	#sozk7_3 .tb dl {
		width: 99%;
	}

	#sozk7_3 .tb dt {
		width: auto;
		text-align: left;
		float: none;
	}

	#sozk7_3 .tb dd {
		width: auto;
		margin-left: 0;
		border-left: none;
	}

	#sozk7_4 .mes {
		width: 94%;
		margin-top: 60px;
		padding: 10px 3%;
		border: 2px solid #4c2300;
		background-position: center 10px;
	}

	#sozk7_4 .mes p {
		width: 100%;
		margin-left: 0;
		margin-top: 100px;
	}
}

/* LOCATION */

#location .groupmenu,
#overview .groupmenu,
#staff .groupmenu {
	width: 100%;
	max-width: 584px;
	height: 6%;
	margin: 0 auto;
	padding-bottom: 12%;
	text-align: center;
}

#location .groupmenu ul,
#overview .groupmenu ul,
#staff .groupmenu ul {
	list-style: none;
}

#location .groupmenu li,
#overview .groupmenu li,
#staff .groupmenu li {
	float: left;
	width: 29%;
	max-width: 168px;
	padding: 0 2%;
}

#location h2 {
	margin-bottom: 30px;
}

#location .sc {
	width: 100%;
	margin-bottom: 100px;
	position: relative;
}

#location .sc ul {
	max-width: 50%;
	list-style: none;
	margin-top: 20px;
}

#location li {
	line-height: 2em;
}

#location li span {
	display: inline-block;
}

#location li img {
	vertical-align: middle;
}

#location li .more {
	background: url(../images/arrow.png) no-repeat 0 1px;
	line-height: 3em;
	padding-left: 20px;
	padding-bottom: 1em;
}

#location .sc .map {
	width: 50%;
	max-width: 468px;
	position: absolute;
	top: 20px;
	right: 63px;
}

#location .col {
	margin-top: 40px;
}

#location .pic2 {
	padding-left: 24px;
	padding-right: 24px;
}

@media only screen and (max-width: 1023px) {
	#location .sc .map {
		right: 6px;
	}

	#location .sc p {
		min-height: 120px;
	}

	#location .col img {
		width: 33%;
		padding: 5px 0;
	}
}

@media only screen and (max-width: 767px) {
	#location .pttl {
		text-indent: -9999px;
		background: url(../images/center/Mlocation.png) no-repeat center;
		background-size: cover;
	}

	#location .shopname {
		height: 30px;
	}

	#location .sc {
		margin-bottom: 100px;
		clear: both;
		position: relative;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	#location .sc .map {
		float: none;
		position: static;
		width: 100%;
		max-width: 468px;
		margin: 20px 0;
		padding: 0;
	}

	#location .col {
		margin-top: 40px;
	}

	#location .col img {
		width: 100%;
		max-width: 284px;
		padding: 5px 0;
	}

	#location .pic2 {
		padding: 5px 0;
	}
}

/* OVERVIEW */

#overview h2 {
	margin-bottom: 30px;
}

#overview dl {
	clear: both;
	margin: 10px 0;
}

#overview dt {
	float: left;
	clear: left;
	width: 200px;
	padding: 0 30px 0 0;
	margin-bottom: 20px;
	color: #e88000;
	text-align: right;
}

#overview dd {
	margin-left: 230px;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	border-left: 6px solid #4c3200;
}

@media only screen and (max-width: 767px) {
	#overview .pttl {
		text-indent: -9999px;
		background: url(../images/center/Moverview.png) no-repeat center;
		background-size: cover;
	}

	#overview dl {
		clear: both;
		margin: 10px 0;
	}

	#overview dt {
		float: none;
		clear: both;
		width: 100%;
		padding: 0 1em;
		margin-bottom: 20px;
		color: #fff;
		background: #e88000;
		text-align: left;
	}

	#overview dd {
		width: 100%;
		margin-left: 0;
		padding: 0 1em;
		margin-bottom: 20px;
		border-left: none;
	}
}

/* STAFF */

#staff h2 {
	margin-bottom: 30px;
}

#stafflist {
	clear: both;
	width: 102.5%;
	height: 100%;
	margin-left: -2.5%;
}

#stafflist li {
	float: left;
	height: 129px;
	margin-top: 30px;
	list-style: none;
	overflow: hidden;
}

#stafflist li a {
	display: block;
	margin-left: 18px;
	padding: 0;
}

#stafflist li a:hover {
	margin-top: -160px;
}

/* overlay */

#overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: rgba(76, 50, 0, 0.6);
	text-align: center;
}

/* IE8 and below */

#overlay {
	filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#4c3200, endcolorstr=#4c3200, gradienttype=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c3200,endColorstr=#4c3200)";
	zoom: 1;
}

.box {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 96%;
	max-width: 860px;
	height: auto;
	padding: 20px 2% 50px 2%;
	background: #fff;
	overflow: hidden;
}

.close {
	float: right;
	display: block;
	width: 130px;
	height: 30px;
	margin-top: -20px;
	background: #4c3200;
	color: #fff;
	text-align: center;
	line-height: 2em;
	border-radius: 0 0 6px 6px;
}

.staffhead {
	width: 100%;
	height: auto;
	min-height: 154px;
	position: relative;
	overflow: hidden;
}

.staffhead .staffname {
	height: 74px;
}

.staffhead .staffface {
	display: block;
	width: 70%;
	max-width: 542px;
	height: 100%;
	max-height: 154px;
	position: absolute;
	bottom: -0.5em;
	right: 0;
}

.license {
	color: #e88000;
	line-height: 1.5;
	margin-top: 40px;
}

.staffpage {
	width: auto;
	max-width: 651px;
	height: auto;
	padding-left: 209px;
	padding-bottom: 20px;
}

.staffpage ul {
	margin-left: -20px;
}

.staffpage li {
	display: block;
	float: left;
	width: 100%;
	max-width: 313px;
	margin-top: 20px;
	margin-left: 20px;
}

.staffm1 {
	width: 100%;
	height: 74px;
	background: url(../images/center/staff/staffpc1.png) no-repeat;
}

.staffm2 {
	width: 100%;
	height: 74px;
	background: url(../images/center/staff/staffpc2.png) no-repeat;
}

.staffm3 {
	width: auto;
	max-width: 651px;
	height: 45px;
	margin-bottom: 20px;
	background: url(../images/center/staff/staffpc3.png) no-repeat;
}

.staffparea {
	position: absolute;
	top: 310px;
	left: 20px;
	width: 160px;
	height: auto;
}

.staffphoto {
	width: 160px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
	.staffpage li {
		float: none;
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#staff .pttl {
		text-indent: -9999px;
		background: url(../images/center/Mstaff.png) no-repeat center;
		background-size: cover;
	}

	.staffhead .staffname,
	.staffhead .staffface,
	.license {
		width: auto;
		clear: both;
	}

	.staffhead .staffface {
		position: static;
		width: 100%;
	}

	.staffpage {
		padding-left: 0;
		margin-top: 20px;
		width: 100%;
		height: 120%;
	}

	.staffpage2 {
		padding-bottom: 60%;
	}

	.staffpage li {
		width: 100%;
		max-width: 313px;
		float: none;
	}

	.staffm1,
	.staffm2 {
		background-size: 90%;
	}

	.staffpage li p {
		width: 90%;
	}

	.staffparea {
		position: absolute;
		top: 88%;
		right: 0;
		width: 90%;
	}

	.staffparea .staffphoto {
		width: 45%;
		max-width: 160px;
		margin: 0 2%;
		float: left;
	}
}

/* VOICE */

#voice .voicelist {
	width: 100%;
	padding-bottom: 70px;
	margin-top: 50px;
}

#voice .voicelist p {
	width: 100%;
}

#voice .voicehead {
	width: 61%;
	height: 55px;
	background: url(../images/voice/vpic1.png) left top no-repeat;
	border-bottom: none;
}

#voice .voicehead p {
	width: 61%;
	max-width: 550px;
	padding-top: 0;
}

#voice .voicelist .card {
	float: left;
	width: 35%;
	max-width: 311px;
	height: auto;
	max-height: 420px;
	padding-right: 4%;
}

#voice .voicelist .vm1 {
	width: 61%;
	height: 16px;
	margin-top: 30px;
	background: url(../images/voice/vm1.png) no-repeat right top;
}

#voice .voicelist .vm2 {
	width: 61%;
	height: 16px;
	margin-top: 30px;
	background: url(../images/voice/vm2.png) no-repeat;
}

#voice .voicelist .message {
	width: 41%;
	margin-left: 38%;
	padding-right: 21%;
	background: url(../images/voice/vpic2.png) no-repeat right bottom;
	background-size: 100% 100%;
}

#voice .voicelist .message p {
	display: block;
	width: 92%;
	height: auto;
	padding: 1em 4% 0.5em 4%;
	margin-left: 0;
	color: #fff;
}

@media only screen and (max-width: 767px) {
	#voice .pttl {
		text-indent: -9999px;
		background: url(../images/voice/Mvoice.png) no-repeat center;
		background-size: cover;
	}

	#voice .voicelist {
		width: 100%;
		text-align: center;
	}

	#voice .voicelist p {
		width: 100%;
		margin-left: 0;
		text-align: left;
	}

	#voice .voicehead {
		width: 100%;
		margin-left: 0;
	}

	#voice .voicehead p {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		text-align: right;
	}

	#voice .voicelist .card {
		float: none;
		width: 90%;
		max-width: 311px;
		height: auto;
		max-height: 420px;
		padding: 0;
		margin: 0 auto;
	}

	#voice .voicelist .vm1 {
		width: 100%;
		margin-left: 0;
	}

	#voice .voicelist .vm2 {
		width: 100%;
		margin-left: 0;
	}

	#voice .voicelist .message {
		width: 79%;
		margin-left: 0;
		background: url(../images/voice/vpic2_2.png) no-repeat right bottom;
		background-size: contain;
	}

	#voice .voicelist .message p {
		display: block;
		width: 92%;
		height: auto;
		padding: 1em 4% 0.5em 4%;
		background: #f8b62d;
		border-radius: 13px;
	}
}

/*
#voice .voicelist {
  width: 100%;
  padding-bottom: 70px;
  margin-top: 50px;
}
#voice .voicelist p {
  width: 61%;
  margin-left: 39%;
}
#voice .voicehead {
  width: 61%;
  margin-left: 39%;
  height: 55px;
  background: url(../images/voice/vpic1.png) left top no-repeat;
  border-bottom: none;
}
#voice .voicehead p {
  width: 61%;
  max-width: 550px;
  margin-left: 39%;
  padding-top: 0;
}
#voice .voicelist .card {
  float: left;
  width: 35%;
  max-width: 311px;
  height: auto;
  max-height: 420px;
  padding-right: 4%;
}
#voice .voicelist .vm1 {
  width: 61%;
  height: 16px;
  margin-left: 39%;
  margin-top: 30px;
  background: url(../images/voice/vm1.png) no-repeat right top;
}
#voice .voicelist .vm2 {
  width: 61%;
  height: 16px;
  margin-left: 39%;
  margin-top: 30px;
  background: url(../images/voice/vm2.png) no-repeat;
}
#voice .voicelist .message {
  width: 41%;
  margin-left: 38%;
  padding-right: 21%;
  background: url(../images/voice/vpic2.png) no-repeat right bottom;
  background-size: 100% 100%;
}
#voice .voicelist .message p {
  display: block;
  width: 92%;
  height: auto;
  padding: 1em 4% 0.5em 4%;
  margin-left: 0;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #voice .pttl {
    text-indent: -9999px;
    background: url(../images/voice/Mvoice.png) no-repeat center;
    background-size: cover;
  }
  #voice .voicelist {
    width: 100%;
    text-align: center;
  }
  #voice .voicelist p {
    width: 100%;
    margin-left: 0;
    text-align: left;
  }
  #voice .voicehead {
    width: 100%;
    margin-left: 0;
  }
  #voice .voicehead p {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    text-align: right;
  }
  #voice .voicelist .card {
    float: none;
    width: 90%;
    max-width: 311px;
    height: auto;
    max-height: 420px;
    padding: 0;
    margin: 0 auto;
  }
  #voice .voicelist .vm1 {
    width: 100%;
    margin-left: 0;
  }
  #voice .voicelist .vm2 {
    width: 100%;
    margin-left: 0;
  }
  #voice .voicelist .message {
    width: 79%;
    margin-left: 0;
    background: url(../images/voice/vpic2_2.png) no-repeat right bottom;
    background-size: contain;
  }
  #voice .voicelist .message p {
    display: block;
    width: 92%;
    height: auto;
    padding: 1em 4% 0.5em 4%;
    background: #f8b62d;
    border-radius: 13px;
  }
}
*/

/* CONTACT */

#contact h2 {
	margin-bottom: 50px;
}

.cntct {
	position: relative;
	margin-top: 30px;
	border-bottom: 1px dashed #666;
}

.cntctr {
	position: absolute;
	left: 494px;
	bottom: -3px;
}

#cntct1 {
	background: url(../images/contact/cntctpc1.png) no-repeat right;
}

#cntct2 {
	background: url(../images/contact/cntctpc2.png) no-repeat right 0;
}

#cntct3 {
	background: url(../images/contact/cntctpc3.png) no-repeat right 0;
	padding-bottom: 5px;
}

#cntct4 {
	height: 160px;
	background: url(../images/contact/cntctpc4.png) no-repeat right 0;
	padding-bottom: 10px;
	position: relative;
}

#tlcontact1 {
	margin-bottom: 20px;
}

#tlcontact2 {
	margin-bottom: 40px;
}

#tlcontact3 {
	margin-bottom: 20px;
}

#tlcontact4 {
	margin-bottom: 20px;
}

#cntct3 .addclick {
	margin-left: 500px;
	margin-top: -30px;
}

#cntct4 #icofax {
	float: left;
	width: 100%;
	max-width: 69px;
	height: 100%;
	max-height: 50px;
	margin-top: 20px;
	display: block;
}

#cntct4 ul {
	margin-left: 85px;
	position: absolute;
}

#cntct4 li {
	width: 321px;
	height: 38px;
	margin-top: 0;
	display: block;
	float: none;
}

#cntct4 .totsuka {
	width: 321px;
	height: 38px;
	background: url(../images/contact/fax_totsuka.png) no-repeat 0 -1px;
	margin-bottom: 5px;
}

#cntct4 .yamato {
	width: 321px;
	height: 38px;
	background: url(../images/contact/fax_yamato.png) no-repeat;
	margin: -10px 0 -5px 0;
}

#cntct4 .shinagawa {
	width: 321px;
	height: 38px;
	background: url(../images/contact/fax_shinagawa.png) no-repeat;
	margin-top: -5px;
}

#tlform {
	display: none;
	width: 100%;
	height: 30px;
	margin-top: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	*text-indent: -9999px;
	background: #e88000 url(../images/contact/form.png) no-repeat 10px;
}

#contact .send {
	width: 197px;
	height: 18px;
	background: url(../images/contact/cntctsend.png) no-repeat;
	display: block;
	margin-top: 5px;
}

#contact ul {
	list-style: none;
}

form#mailformpro dt:first-child {
	border-top: 1px #e88000 solid;
}

/* thanks.html */

.thanks {
	position: relative;
	width: 70%;
	height: auto;
	margin: 10px auto 0 auto;
	padding: 0;
	background: #8d806b;
	text-align: center;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 10px;
	box-shadow: 0 10px 6px -6px #000;
}

.thanks p {
	text-align: center;
}

.thanks .thankshead {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #4c3300;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}

.thankshead p {
	position: absolute;
	width: 100%;
	top: 10px;
	text-align: center;
	letter-spacing: 0.03em;
	color: #fff;
}

.thanks .clsBT a {
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	color: #fff;
	font-size: 300%;
	top: -20px;
	right: 10px;
}

.thanks .clsBT a:hover {
	text-decoration: none;
}

.thanks .thanksmsg {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 50px 0;
	background: #fbf6ec url(../images/contact/bg_thanks.png) no-repeat 50% bottom;
	color: #333;
}

.thanks .thanksfoot {
	width: 100%;
	height: 50px;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0 auto;
	background: #4c3300;
	font-size: 13px;
	line-height: 1;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}

.thanks .thanksfoot p {
	color: #fff;
}

@media only screen and (max-width: 767px) {
	#contact .pttl {
		text-indent: -9999px;
		background: url(../images/contact/Mcontact.png) no-repeat center;
		background-size: cover;
	}

	.cntctr {
		position: relative;
		left: 0;
		bottom: 0;
	}

	#cntct1 {
		background-size: 20%;
		background-position: right 0;
	}

	#cntct2 {
		background-size: 20%;
		background-position: right 30px;
	}

	#cntct3 {
		background-size: 20%;
		background-position: right -15px;
	}

	#cntct4 {
		height: 160px;
		background-size: 12%;
		background-position: right 0;
	}

	#cntct3 .addclick {
		margin-left: 0;
		margin-top: 10px;
	}

	#cntct4 #icofax {
		position: absolute;
		top: -15px;
		left: 140px;
		width: 20%;
		height: 25%;
	}

	#cntct4 ul {
		margin-left: 0;
	}

	#cntct4 li,
	#cntct4 .totsuka,
	#cntct4 .yamato,
	#cntct4 .shinagawa {
		height: 0;
		padding-top: 10%;
		background-size: contain;
	}

	#cntct4 p {
		position: absolute;
		padding-bottom: 20px;
		bottom: -25px;
	}

	form#mailformpro dt:first-child {
		border-top: none;
	}
}

/* LETTER */

#letterarchive {
	height: 1350px;
}

#letter h2 {
	margin-bottom: 50px;
}

#tlletterarchive {
	width: 100%;
	max-width: 426px;
	height: 0;
	padding-bottom: 4%;
	margin-top: 50px;
	margin-bottom: 0;
}

#letter dl {
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #4c3200;
}

#letter dt {
	float: left;
	clear: left;
	width: 200px;
	padding: 0 30px 0 0;
	margin-bottom: 20px;
	text-align: center;
	line-height: 3;
}

#letter dd {
	margin-left: 230px;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	border-left: 4px solid #4c3200;
	line-height: 1.8;
	position: relative;
}

#letter dd {
	font-size: 150%;
	font-weight: bold;
}

#letter ul {
	list-style: none;
}

#letter .more {
	display: block;
	width: 108px;
	height: 23px;
}

#letter .midashi {
	height: 30px;
	background: #4c3200;
	color: #fff;
	line-height: 1.8;
}

#letter .midashi dd {
	margin-left: 225px;
	padding-top: 5px;
	padding-left: 0;
	line-height: 1.8;
	font-size: 100%;
	font-weight: normal;
}

#letter dd a {
	position: absolute;
	right: 0;
	top: 0;
}

#archvltr .content {
	width: 900px;
	height: auto;
	overflow: hidden;
	margin: 50px 0;
}

#archvltr .content .columnL {
	width: 33%;
	max-width: 329px;
	height: auto;
	float: left;
}

#archvltr .content .columnL h4 {
	font-weight: bold;
	font-size: 140%;
	line-height: 3em;
}

#archvltr .content .columnL h3 {
	font-weight: bold;
	font-size: 160%;
	line-height: 0.5em;
}

#archvltr .content .columnL h5 {
	margin: 40px 0 10px 0;
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #8d806b;
}

#archvltr .content .columnL .letterimg {
	border: 1px solid #ccc;
	margin: 10px 0 30px 0;
}

#archvltr .content .columnL li {
	font-weight: bold;
	font-size: 110%;
}

#archvltr .content .columnR {
	width: 63%;
	height: auto;
	margin-left: 37%;
}

#archvltr .content .columnR .sc {
	padding: 30px 0 20px 0;
	border-bottom: dotted 2px #8d806b;
}

#archvltr .content .columnR .sc1,
#archvltr .content .columnR .sc2 {
	position: relative;
}

#archvltr .content .columnR .sc1 .img_customer {
	position: absolute;
	right: 15px;
	top: -53px;
}

#archvltr .content .columnR .sc1 .customername {
	position: absolute;
	top: -37px;
	right: 76px;
}

#archvltr .content .columnR .sc1 .customer {
	margin-top: 34px;
	padding: 10px 20px;
	border: 1px solid #8d806b;
	border-radius: 10px;
}

#archvltr .content .columnR .sc2 .counselor {
	width: 80%;
	margin: 20px 0 30px 0;
	padding: 10px 15px;
	color: #fff;
	background: #f8b62c;
	border-radius: 10px;
	position: relative;
}

#archvltr .content .columnR .sc2 .img_counselor {
	position: absolute;
	right: 0;
	top: 40%;
}

#archvltr .content .columnR h3 {
	margin-bottom: 2em;
}

#archvltr .content .columnR h4 {
	font-weight: bold;
	font-size: 140%;
	line-height: 3em;
	margin: -1em auto -1em 0;
	text-indent: -0.5em;
}

#archvltr .content .columnR .tsubuyaki h5 {
	font-size: 120%;
	margin: -0.5em auto 1em;
}

#archvltr .content .columnR .info h5 {
	font-size: 120%;
	margin: 1.5em auto 1em -0.5em;
}

#archvltr .content .columnR .sc li {
	list-style: none;
}

#archvltr .content .columnR .sc p.list {
	padding-left: 1em;
	text-indent: -1.5em;
}

#archvltr .content .columnR .sc .list2 {
	margin-left: 3em;
	text-indent: -1em;
}

#archvltr .content .columnR .col {
	border: 1px solid #e88000;
	padding: 10px 15px;
}

#archvltr .content .columnR .sc dt {
	float: left;
	width: 7em;
	line-height: 1.8em;
}

#archvltr .content .columnR .sc dd {
	margin-left: 7em;
	line-height: 1.8em;
}

#archvltr .content .columnR .sc .left13 {
	padding: 5px 15px;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

#archvltr .content .columnR .sc .left13 dt {
	width: 13em;
	font-weight: bold;
}

#archvltr .content .columnR .sc .left13 dd {
	margin-left: 13em;
}

#archvltr .content .columnR .mbmore {
	display: none;
}

#archvltr .more {
	float: right;
	clear: left;
	background: url(../images/arrow.png) no-repeat 0 center;
	padding: 3px 0 3px 25px;
}

#archvltr .content .columnR .phototable {
	margin: 10px 0;
}

#archvltr .content .columnR .phototable li {
	float: left;
	width: 270px;
	height: 300px;
	padding-top: 10px;
	padding-right: 5px;
}

#archvltr .content .columnR .phototable li img {
	clear: both;
}

#archvltr .content .columnR .sc p.obi {
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background: #e88000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#archvltr .content .columnR .columnRL {
	float: left;
	width: 50%;
	height: auto;
	margin-top: 0;
	max-width: 164px;
}

#archvltr .content .columnR .columnRR {
	height: auto;
	margin-top: 0;
	margin-left: 50%;
}

@media only screen and (max-width: 1023px) {
	#archvltr .content {
		width: 100%;
	}

	#archvltr .content .columnR {
		width: 63%;
		height: auto;
		margin-left: 37%;
	}

	#archvltr .content .columnR .sc {
		padding: 30px 0 20px 0;
		border-bottom: dotted 2px #8d806b;
	}

	#archvltr .content .columnR .sc1,
	#archvltr .content .columnR .sc2 {
		position: relative;
	}

	#archvltr .content .columnR .sc1 .img_customer {
		position: absolute;
		right: 15px;
		top: -53px;
	}

	#archvltr .content .columnR .sc1 .customername {
		position: absolute;
		top: -37px;
		right: 76px;
	}

	#archvltr .content .columnR .sc1 .customer {
		margin-top: 34px;
		padding: 10px 20px;
		border: 1px solid #8d806b;
		border-radius: 10px;
	}

	#archvltr .content .columnR .sc2 .counselor {
		width: 77%;
	}

	#archvltr .content .columnR .sc2 .img_counselor {
		right: auto;
		left: 82%;
	}

	#archvltr .content .columnR .phototable {
		margin: 10px 0;
	}

	#archvltr .content .columnR .phototable li {
		float: left;
		width: 100%;
		vertical-align: top;
		margin-top: 20px;
	}

	#archvltr .content .columnR .phototable li img {
		float: left;
		clear: left;
	}

	#archvltr .content .columnR .phototable li span {
		display: block;
		margin-left: 300px;
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	#letter .pttl,
	#archvltr .pttl {
		text-indent: -9999px;
		background: url(../images/letter/Mletter.png) no-repeat center;
		background-size: cover;
	}

	#letterarchive {
		height: auto;
	}

	#tlletterarchive {
		width: auto;
		max-width: 100%;
		height: 100%;
		padding-bottom: 10px;
		border-bottom: 10px solid #4c3200;
	}

	#letter dt {
		float: none;
		clear: left;
		width: 100%;
		padding: 0;
		text-align: left;
		line-height: 1.8;
	}

	#letter dd {
		margin-left: 0;
		padding: 0;
		border-left: none;
	}

	#letter .midashi {
		display: none;
	}

	#letter dd a {
		top: -2.7em;
	}

	#archvltr .content {
		width: 98%;
		height: auto;
		overflow: hidden;
		margin: 50px 1%;
		position: relative;
		padding-bottom: 50em;
	}

	#archvltr .content .columnL {
		width: 100%;
		max-width: 98%;
		float: none;
		text-align: center;
	}

	#archivltr .content .columnL .letterimg {
		clear: right;
	}

	#archvltr .content .columnL .archivlist {
		position: absolute;
		bottom: 0;
		clear: both;
	}

	#archvltr .content .columnR {
		width: 100%;
		margin-left: 0;
	}

	#archvltr .content .columnR h4 {
		text-indent: -0.5em;
		line-height: 1.2em;
		margin-top: 0.7em;
		margin-bottom: 0.7em;
	}

	#archvltr .content .columnR .scimg {
		width: 90%;
		margin: 10px 5%;
		clear: both;
	}

	#archvltr .content .columnR .sc2 .counselor {
		width: 98%;
		max-width: 92%;
		margin: 80px 1% 30px 1%;
		padding: 10px 4%;
		color: #fff;
		background: #f8b62c;
		border-radius: 10px;
		position: relative;
	}

	#archvltr .content .columnR .sc2 .img_counselor {
		display: none;
	}

	#archvltr .content .columnR .sc2 .counselor:before {
		content: url("../images/letter/mb_counselor.png");
		color: #f8b62c;
		top: -60px;
		left: 0;
		position: absolute;
	}

	#archvltr .content .columnR .mbmore {
		display: block;
		width: 100%;
		height: 1em;
		padding-bottom: 1em;
		line-height: 1em;
		clear: both;
		text-align: right;
	}

	#archvltr .content .columnR .phototable li img {
		float: none;
		clear: left;
	}

	#archvltr .content .columnR .phototable li span {
		display: block;
		margin-left: 0;
		width: 100%;
	}

	#archvltr .content .columnR .sp .arrow {
		margin-left: 45%;
	}

	#archvltr .content .columnR .sc .left13 dt {
		width: 100%;
		margin-bottom: 10px;
	}

	#archvltr .content .columnR .sc .left13 dd {
		margin-left: 0;
	}
}

/* SEMINAR */

#seminar .outer {
	height: 100%;
}

#seminar h2 {
	margin-bottom: 50px;
}

#seminar h3.subttl {
	display: block;
	width: 100%;
	height: 103px;
	margin-bottom: 7%;
}

#seminar .eventinfo {
	margin-top: 60px;
	height: auto;
}

#seminar .eventinfo h4 {
	line-height: 1.5;
}

#pr {
	position: relative;
	margin-top: 7%;
	float: right;
	margin-right: 2%;
	margin-bottom: 100px;
	width: 50%;
	max-width: 390px;
	height: auto;
	padding: 20px 1.5%;
	background: #fff;
	border: 1px solid #e88000;
}

#pr #endingnote {
	position: absolute;
	top: -116px;
	right: -5%;
}

#pr h3 {
	position: absolute;
	top: -67px;
}

#pr p {
	width: 220px;
	font-size: 92%;
}

#seminar dl {
	clear: both;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #4c3200;
	position: relative;
}

#seminar dt {
	float: left;
	clear: left;
	width: 14em;
	padding: 0 0 0 2em;
	margin-bottom: 20px;
}

#seminar dd {
	margin-left: 16em;
	padding: 0 2em;
	margin-bottom: 20px;
	border-left: 6px solid #4c3200;
	line-height: 1.8;
}

#seminar dd h4 {
	font-size: 130%;
	margin: 1em 0 1em -0.5em;
}

#seminar ul {
	list-style: none;
}

#seminar .more {
	display: block;
	width: 112px;
	height: 17px;
	background: none;
	position: absolute;
	bottom: 20px;
	right: 2em;
	cursor: pointer;
}

#seminar .midashi {
	height: 30px;
	background: #4c3200;
	color: #fff;
}

#seminar .midashi dd {
	margin-left: 15em;
	padding-top: 5px;
	padding-left: 0;
}

/* overlay */

.seminarinfo .ir {
	background-color: #e88000;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.seminarinfo .icoseminar {
	width: 67px;
	height: 18px;
	margin-bottom: 50px;
}

.seminarinfo .img_endingnote {
	position: absolute;
	top: 70px;
	right: 20px;
}

.seminarinfo h2 {
	margin-bottom: 30px;
	line-height: 1.8em;
}

.seminarinfo dl {
	clear: both;
	zoom: 1;
	overflow: hidden;
	margin-top: 50px;
	background: #e88000;
}

.seminarinfo dt {
	float: left;
	clear: left;
	width: 100px;
	padding: 5px 30px;
	margin-top: -1px;
	border-top: 1px dashed #fff;
	color: #fff;
	text-align: center;
}

.seminarinfo dd {
	margin-left: 170px;
	padding: 5px 0 5px 30px;
	margin-top: -1px;
	border-top: 1px dashed #4c3200;
	border-bottom: 1px dashed #4c3200;
	background: #fff;
}

.seminarinfo dd ul {
	margin-left: 2em;
}

.mplace {
	display: block;
	width: 860px;
	height: 30px;
	background: #e88000 url(../images/seminar/mplace.png) no-repeat 15px 10px;
}

.mfee {
	display: block;
	width: 860px;
	height: 30px;
	background: #e88000 url(../images/seminar/mfee.png) no-repeat 15px 10px;
}

.mentry {
	display: block;
	width: 860px;
	height: 30px;
	background: #e88000 url(../images/seminar/mentry.png) no-repeat 15px 10px;
}

.seminarplace {
	position: relative;
}

.seminarplace dl {
	width: 450px;
	margin-left: 410px;
	background: #fff;
}

.seminarplace dl.sosapo {
	width: 500px;
	margin-left: 360px;
}

.seminarplace dt,
.seminarplace dd {
	background: #fff;
	border: none;
	color: #4c3200;
	text-align: left;
}

.seminarplace dt {
	width: 7em;
	padding: 0;
}

.seminarplace dd {
	margin-left: 8em;
	padding: 0;
}

.seminarplace dd ul {
	margin-left: 1em;
}

.map_canvas {
	float: left;
	width: 387px;
	height: 300px;
	border: solid 1px #ccc;
	position: absolute;
	top: 80px;
	left: 0;
}

.map_sosapo {
	float: left;
	width: 283px;
	height: 262px;
	border: none;
	position: absolute;
	top: 60px;
	left: 0;
}

.seminarentry li {
	list-style: none;
}

.seminarentry .tel {
	width: 422px;
	height: 250px;
	float: left;
}

.seminarentry .tel h3 {
	width: 422px;
	height: 21px;
	padding-bottom: 10px;
	background: url(../images/seminar/entrytel.png) no-repeat;
	border-bottom: 1px dashed #4c3200;
}

.seminarentry .fax {
	width: 378px;
	height: 250px;
	padding-left: 20px;
	border-left: 1px solid #4c3200;
	float: right;
}

.seminarentry .fax h3 {
	width: 378px;
	height: 21px;
	padding-bottom: 10px;
	background: url(../images/seminar/entryfax.png) no-repeat;
	border-bottom: 1px dashed #4c3200;
}

.seminarentry .fax img {
	margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
	#pr {
		margin-top: 11%;
	}

	.seminarplace dl {
		width: auto;
		margin-left: 320px;
	}

	.map_canvas {
		width: 300px;
		height: auto;
	}

	.seminarentry li {
		list-style: none;
	}

	.seminarentry .tel {
		width: 100%;
		height: auto;
		float: none;
	}

	.seminarentry .tel h3 {
		width: 100%;
	}

	.seminarentry .fax {
		width: 100%;
		height: auto;
		padding-left: 0;
		border-left: none;
		float: none;
	}

	.seminarentry .fax h3 {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#seminar .pttl {
		text-indent: -9999px;
		background: #e88000 url(../images/seminar/Mseminar.png) no-repeat center;
		background-size: 170%;
	}

	#seminar .outer {
		width: 96%;
		background-size: contain;
	}

	#seminar h3.subttl {
		height: 100%;
	}

	#seminar .catch {
		padding: 0;
	}

	#pr {
		margin-top: 10%;
		float: none;
		width: 100%;
		max-width: 96%;
		overflow: hidden;
	}

	#pr #endingnote {
		position: static;
		float: left;
		max-width: 194px;
		padding: 0 20px;
		margin-bottom: 30px;
	}

	#pr p {
		width: 100%;
	}

	.seminarinfo .img_endingnote {
		position: static;
		margin-top: 40px;
	}

	.seminarinfo dl {
		background: #e88000;
	}

	.seminarinfo dt {
		float: none;
		clear: both;
		width: 100%;
		padding: 5px 1em;
		text-align: left;
	}

	.seminarinfo dd {
		margin-left: 0;
		padding: 5px 0 5px 1em;
		border-top: none;
		border-bottom: none;
	}

	.seminarinfo dd ul {
		margin-left: 1em;
	}

	.place,
	.mfee,
	.mentry {
		width: 100%;
	}

	.seminarplace {
		position: static;
	}

	.seminarplace dl,
	.seminarplace dl.sosapo {
		width: 100%;
		margin-left: 0;
	}

	.seminarplace dt {
		width: 100%;
		background: #fef8ea;
	}

	.seminarplace dd {
		width: 100%;
		margin-left: 0;
	}

	.map_canvas,
	.map_sosapo {
		float: none;
		width: 100%;
		height: auto;
		position: static;
		border: none;
	}

	#seminar .eventinfo {
		border-top: 10px solid #4c3200;
	}

	#seminar dt {
		float: none;
		width: 100%;
		padding: 0;
	}

	#seminar dd h4 {
		margin-left: 0;
		line-height: 1.5em;
	}

	#seminar dd {
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		border-left: none;
	}

	#seminar .midashi {
		display: none;
	}
}

/* PRIVACY POLICY */

#privacy h2 {
	margin-bottom: 50px;
}

.tlpolicy {
	margin-bottom: 30px;
}

#privacy dt {
	margin-top: 30px;
	color: #e88000;
	font-size: 140%;
}

#privacy dd {
	margin-left: 3em;
}

#privacy ul {
	list-style: none;
}

@media only screen and (max-width: 767px) {
	#privacy .pttl {
		text-indent: -9999px;
		background: url(../images/etc/Mprivacy.png) no-repeat center;
		background-size: cover;
	}

	.tlprivacy {
		height: 80%;
	}

	#privacy dt {
		font-size: 120%;
	}

	#privacy dd {
		margin-left: 0;
		line-height: 2em;
	}
}

/* SITEMAP */

#sitemap h2 {
	margin-bottom: 50px;
}

#sitemap dl {
	margin: 10px 0;
}

#sitemap dt {
	float: left;
	clear: left;
	width: 280px;
	padding: 0 30px 0 0;
	margin-bottom: 20px;
	font-size: 138%;
}

#sitemap dd {
	margin-left: 310px;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	border-left: 6px solid #4c3200;
}

#sitemap dd h3 {
	height: 18px;
	padding: 5px 0 5px 30px;
	font-size: 138%;
	font-weight: normal;
	background: url(../images/etc/rarrow.png) no-repeat;
	margin-bottom: 5px;
}

#sitemap dd li {
	list-style: none;
}

@media only screen and (max-width: 767px) {
	#sitemap .pttl {
		text-indent: -9999px;
		background: url(../images/etc/Msitemap.png) no-repeat center;
		background-size: cover;
	}

	#sitemap dt {
		float: none;
		width: 100%;
		padding: 0;
	}

	#sitemap dd {
		margin-left: 2em;
	}
}

/* ----------------------------------------------------------------------
    2-2. Text Module
---------------------------------------------------------------------- */

.p11 {
	font-size: 85%;
}

.p14 {
	font-size: 108%;
}

.p16 {
	font-size: 123%;
}

.p18 {
	font-size: 138%;
}

.lh2 {
	line-height: 2em;
}

.lh3 {
	line-height: 3em;
}

.mt-5 {
	margin-top: -5px;
}

.mt-15 {
	margin-top: -15px;
}

.mt-30 {
	margin-top: -30px;
}

.mt-70 {
	margin-top: -70px;
}

.mt-130 {
	margin-top: -130px;
}

.mt-170 {
	margin-top: -170px;
}

.mt-250 {
	margin-top: -250px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt70 {
	margin-top: 70px;
}

.mb-50 {
	margin-bottom: -50px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb100 {
	margin-bottom: 100px;
}

.ml-10 {
	margin-left: -10px;
}

.ml-60 {
	margin-left: -60px;
}

.ml-130 {
	margin-left: -130px;
}

.ml20 {
	margin-left: 20px;
}

.ml40 {
	margin-left: 40px;
}

.ml120 {
	margin-left: 120px;
}

.ml160 {
	margin-left: 160px;
}

.ml500 {
	margin-left: 500px;
}

.mr-10 {
	margin-right: -10px;
}

.mr40 {
	margin-right: 40px;
}

.mr60 {
	margin-right: 60px;
}

.mr150 {
	margin-right: 150px;
}

.mt3em {
	margin-top: 3em;
}

.mb2em {
	margin-bottom: 2em;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.ls0 {
	letter-spacing: 0;
}

.txalc {
	text-align: center;
}

.txalr {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.t50 {
	top: 50px;
}

.r20 {
	right: 20px;
}

.w {
	color: #fff;
}

.org {
	color: #e88000;
}

.gy {
	color: #999;
}

.red {
	color: #ed0e11;
}

.blue {
	color: #1699c1;
}

/* ----------------------------------------------------------------------
    2-3. Image Module
---------------------------------------------------------------------- */

.bdt1 {
	border-top: 1px solid #4c3200;
}

.bdb1 {
	border-bottom: 1px solid #4c3200;
}

.bdt1dsh {
	border-top: 1px dashed #4c3200;
}

.bdb1dsh {
	border-bottom: 1px dashed #4c3200;
}

.noline {
	border: 0;
}

.bg_pink {
	background-color: rgba(252, 225, 232, 0.5);
}

.bg_green {
	background-color: rgba(220, 235, 200, 0.5);
}

.bg_yellow {
	background-color: rgba(255, 253, 228, 0.7);
}

/* ----------------------------------------------------------------------
    2-4. List Module
---------------------------------------------------------------------- */

.list {
	list-style-position: outside;
	margin-left: 1em;
}

.list li {
	margin-left: 5px;
	list-style: disc;
}

.list .nolist {
	list-style: none;
	margin-left: 5px;
	text-indent: -1.5em;
}

.list .sqb {
	list-style-image: url(../images/ico_sqb.png);
}

.nolist {
	list-style: none;
}

/* ----------------------------------------------------------------------
    2-5. Position Module
---------------------------------------------------------------------- */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.posA {
	position: absolute;
}

.posR {
	position: relative;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

/* ----------------------------------------------------------------------
    2-6. Link Module
---------------------------------------------------------------------- */

a {
	color: #4c3200;
	text-decoration: none;
}

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

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a:focus {
	outline: none;
}

.pageNav li a {
	color: #e88000;
}

#footer a {
	color: #fff;
}

.nolink {
	cursor: default;
}

/* ----------------------------------------------------------------------
    2-7. Helper classes
---------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after,
.clearfix .before,
.clearfix .after {
	content: " ";
	display: table;
}

.clearfix:after,
.clearfix .after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

/* ===================================
    3. Print Styles
=================================== */

@media print {
	* {
		box-shadow: none !important;
		text-shadow: none !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	html {
		width: 1070px;
	}

	#headerwp {
		position: relative;
		margin-bottom: 30px;
	}

	#globalNav,
	#sptNav,
	#sptNav2,
	.pageNav,
	.contactarea {
		display: none;
	}

	#footerwp {
		page-break-inside: avoid;
	}

	.ir {
		page-break-inside: avoid;
	}
}