@charset "UTF-8";

/* 信頼 */
#trust {

	padding-top:    13.3rem;
	padding-bottom: 18.3rem;

}

#trust .inner {

	width: 120rem;

}

#trust .inner p {
	
	font-family: 'Shippori Mincho', serif;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 2;
	color: #6D6968;
	letter-spacing: 0.18em;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;

}

#trust .inner p strong {

	font-weight: 500;
	color: #B9985C;

}

#trust .inner .line1 {

	margin-bottom: 5rem;

}

#trust .inner .line2 {

	margin-bottom: 7.2rem;

}

#trust .inner .line3 {
	
	position: relative;
	font-size: 4.8rem;
	line-height: 1;
	padding-bottom: 0.4rem;

}

#trust .inner .line3:after {

	position: absolute;
	top:  0;
	left: 0;
	z-index: -1;
	content: "";
	width:  200%;
	height: 100%;
	background: #F2F2F2;

}

#trust .inner .line3 span {

	display: inline-block;
	z-index: 2;

}

/* 会社概要 */
#profile {
	
	position: relative;
	padding-bottom: 35.5rem;

}

#profile h2 {

	margin-bottom: 10.5rem;

}

#profile .inner {
	
	position: relative;
	width: 108rem;
	padding-top:    6.5rem;
	padding-left:   9.5rem;
	padding-bottom: 1.5rem;

}

#profile .inner:before {

	position: absolute;
	top:  4rem;
	left: 0;
	content: "";
	width:  100%;
	height: 0.2rem;
	background: #aaa;

}

#profile .inner:after {

	position: absolute;
	top:  0;
	left: 4.5rem;
	content: "";
	width:  0.2rem;
	height: 100%;
	background: #aaa;

}

#profile .inner table {

	width: 100%;
	border-collapse: collapse;

}

#profile .inner table tr th, #profile .inner table tr td {
	
	padding-bottom: 2.7rem;
	text-align: left;
	font-size: 1.8rem;
	color: #6D6968;
	letter-spacing: 0.24em;
	vertical-align: top;

}

#profile .inner table tr th {

	width: 12.5em;

}

#profile .inner table dl dd {

	margin-bottom: 1.35em;

}

#profile .inner table dl dd.last {

	margin-bottom: 0.3em;

}

#profile a {

	color: #6D6968;

}

#profile .inner .rect {

	position: absolute;
	top:  0.6rem;
	left: 1rem;
	width:  2.5rem;
	height: 2.5rem;
	background: #207194;

}

.line_bg {

	position: absolute;
	top:  12rem;
	left: 0;
	z-index: -1;
	width:  100%;
	height: 100%;
	background-image: url('../img/line_bg.webp');
	background-position: center center

}

/* 会社沿革 */
#history {

	position: relative;
	padding-bottom: 28rem;
	padding-bottom: 8rem;

}

#history .line_bg {

	top: 15rem;
	height: 105%;

}

#history h2 {

	margin-bottom: 10.7rem;

}

#history .inner {

	position: relative;
	width: 108rem;
	padding-top:    6.5rem;
	padding-left:   9.5rem;
	padding-bottom: 1.5rem;
	white-space: nowrap;

}

#history .inner:before {

	position: absolute;
	top:  4rem;
	left: 0;
	content: "";
	width:  100%;
	height: 0.2rem;
	background: #aaa;

}

#history .inner:after {

	position: absolute;
	top:  0;
	left: 4.5rem;
	content: "";
	width:  0.2rem;
	height: 100%;
	background: #aaa;

}

#history .inner dl dt, #history .inner dl dd {

	font-size: 1.8rem;
	color: #6D6968;
	letter-spacing: 0.24em;

}

#history .inner dl dt {
	
	font-weight: 600;
	color: #4C8CAD;

}

#history .inner dl dd {

	margin-bottom: 2.8rem;

}

#history .inner .rect {

	position: absolute;
	top:  0.6rem;
	left: 1rem;
	width:  2.5rem;
	height: 2.5rem;
	background: #ff9966;

}

/* 営業所一覧 */
#office {

	padding-top: 20rem;

}

#office h2 {

	margin-bottom: 27rem;

}

#office .inner {

	width: 120rem;
	padding-top: 4.2rem;
	color: #fff;
	color: #716864;

}

#office .inner a {

	color: #fff;
	color: #716864;

}

#office .nara .inner {

	color: #706862;
	color: #716864;

}

#office .nara .inner a {

	color: #706862;
	color: #716864;

}

#office .ibaraki .inner {

	color: #B5895F;
	color: #716864;

}

#office .ibaraki .inner a {

	color: #B5895F;
	color: #716864;

}

#office .ayato .inner {

	color: #706966;
	color: #716864;

}

#office .ayato .inner a {

	color: #706966;
	color: #716864;

}

/* 八尾 */
#office .yao .inner {
	
	padding-top: 6rem;
	padding-bottom: 2rem;
	color: #706862;
	color: #716864;

}

#office .yao .inner a {

	color: #706862;
	color: #716864;

}

#office .bg {
	
	position: relative;
	margin-bottom: 23rem;

}

#office .bg.ayato {

	margin-bottom: 23rem;

}

#office .bg.seibi {

	margin-bottom: 38rem;

}

#office .bg:after {

	position: absolute;
	top:  0;
	left: 0;
	z-index: -1;
	content: "";
	width:  100%;
	height:  87%;

}

#office .bg.osaka:after {

	background: #839CAC;
	
	background: -webkit-linear-gradient(right, #50b1da, #FFF);
  background: linear-gradient(to left, #50b1da, #FFF);

}

#office .bg.nara:after {

	background: #E8E3D7;
	
	background: -webkit-linear-gradient(right, #47b631, #FFF);
  background: linear-gradient(to left, #47b631, #FFF);

}

#office .bg.ibaraki:after {

	background: #FCCE62;
	
	background: -webkit-linear-gradient(right, #c94335, #FFF);
  background: linear-gradient(to left, #c94335, #FFF);

}

#office .bg.ayato:after {

	background: #F6F5F8;
	
	background: -webkit-linear-gradient(right, #d44d08, #FFF);
  background: linear-gradient(to left, #d44d08, #FFF);

}

/* 八尾 */
#office .bg.yao:after {

/*
	background: rgb(115,190,130);
	
	background: -webkit-linear-gradient(right, #5f24d4, #FFF);
  background: linear-gradient(to left, #5f24d4, #FFF);
*/

  background: -webkit-linear-gradient(right, #794cd2, #FFF);
  background: linear-gradient(to left, #794cd2, #FFF);

}

#office .bg.seibi:after {

	background: rgb(115,190,130);
	
	background: -webkit-linear-gradient(right, #2189bd, #FFF);
  background: linear-gradient(to left, #2189bd, #FFF);

}

#office .bg .title {

	position: absolute;
	top:    30%;
	right: -12.6%;
	font-family: futura-pt, sans-serif;
	font-size: 16rem;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	color: #716864;
	letter-spacing: 0.24em;
	
	/*
	transform: rotate(90deg);
	*/
	
	top:   -1rem;
	right: 5rem;

}

#office .bg.nara .title {
	
	right: -9%;
	color: #706862;
	color: #716864;
	
	top:   -1rem;
	right: 4rem;

}

#office .bg.ibaraki .title {
	
	top:    31.5%;
	right: -14%;
	font-size: 15rem;
	color: #B38860;
	color: #716864;
	
	top:   -1rem;
	right: 4rem;

}

#office .bg.ayato .title {
	
	top:    31.5%;
	right: -10%;
	color: #726965;
	color: #716864;
	
	top:   -1rem;
	right: 4rem;

}

/* 八尾 */
#office .bg.yao .title {
	
	top: 32%;
	right: -5%;
	color: #706862;
	color: #716864;
	color: rgb(175, 175, 175);
	
	top:   -1rem;
	right: 4rem;

}

#office .inner h3 {
	
	margin-bottom: 3.3rem;
	font-size: 4.8rem;
	font-weight: 600;
	letter-spacing: 0.24em;

}

#office .inner dl {

	margin-bottom: 5.2rem;
	padding-left: 0.5rem;

}

#office .nara .inner dl {

	margin-bottom: 12.2rem;

}

#office .ibaraki .inner dl {

	margin-bottom: 12.2rem;

}

#office .ayato .inner dl {

	margin-bottom: 12.2rem;

}

#office .yao .inner dl {

	margin-bottom: 12.2rem;

}

#office .seibi .inner dl {

	margin-bottom: 12.2rem;

}

#office .inner dl dt, #office .inner dl dd {

	font-size: 2.4rem;
	line-height: 1.4;
	letter-spacing: 0.24em;

}

#office .inner dl dt {

	font-weight: 600;

}

#office .inner dl dd span {

	letter-spacing: 0.32em;

}

#office .inner .map {
	
	opacity: 0;
	float: left;
	width: 51%;
	transform: translateX(-0.4rem);
	transform: translateX(-0.4rem) translateY(10rem);

}

#office .inner .map.active {
	
	opacity: 1;
	transform: translateX(-0.4rem) translateY(0);
	transition: all 0.6s;

}

#office .inner .txt {
	
	position: relative;
	float: right;
	width: 45.5%;
	width: 54rem;
	padding-top: 2.5rem;

}

#office .inner .txt p {
	
	margin-bottom: 9.8rem;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 0.24em;
	font-weight: 500;

}

#office .inner .txt.yao p {
	
	color: #555;
	
}

#office .inner .txt .google_map {
	
	position: relative;
	z-index: 2;
	width: 25rem;

}

#office .seibi .google_map {

	margin-top: 21rem;

}



/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}



@media only screen and (max-width: 1200px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {

	/* 信頼 */
	#trust {

		padding-top:    13.3rem;
		padding-bottom: 18.3rem;

	}

	#trust .inner {

		width: 78%;

	}

	#trust .inner p {
		
		font-size: 2.8rem;
		letter-spacing: 0.14em;

	}

	#trust .inner .line1 {

		margin-bottom: 5rem;

	}

	#trust .inner .line2 {

		margin-bottom: 7.2rem;

	}

	#trust .inner .line3 {
		
		font-size: 5.4rem;
		line-height: 1;
		padding-bottom: 0.4rem;

	}

	/* 会社概要 */
	#profile {
		
		padding-bottom: 25rem;

	}

	#profile h2 {

		margin-bottom: 10.5rem;

	}

	#profile .inner {
		
		width: 78%;
		padding-top:    6.5rem;
		padding-left:   9.5rem;
		padding-bottom: 1.5rem;

	}

	#profile .inner:before {

		top:  4rem;
		left: 0;
		height: 0.2rem;

	}

	#profile .inner:after {

		top:  0;
		left: 4.5rem;
		width:  0.2rem;
		height: 100%;

	}

	#profile .inner table tr th, #profile .inner table tr td {
		
		padding-bottom: 2.7rem;
		font-size: 2.6rem;
		letter-spacing: 0.14em;

	}

	#profile .inner table tr th {

		width: 12.5em;

	}

	#profile .inner table dl dd {

		margin-bottom: 1.35em;

	}

	#profile .inner table dl dd.last {

		margin-bottom: 0.3em;

	}

	#profile .inner .rect {

		top:  0.6rem;
		left: 1rem;
		width:  2.5rem;
		height: 2.5rem;

	}

	.line_bg {

		top:  12rem;
		left: 0;
		width:  100%;
		height: 100%;
		background-image: url('../img/line_bg.webp');

	}

	/* 会社沿革 */
	#history {

		padding-bottom: 6rem;

	}

	#history .line_bg {

		top: 15rem;
		height: 105%;

	}

	#history h2 {

		margin-bottom: 10.7rem;

	}

	#history .inner {

		width: 78%;
		padding-top:    6.5rem;
		padding-left:   9.5rem;
		padding-bottom: 1.5rem;
		white-space: normal;

	}

	#history .inner:before {

		top:  4rem;
		left: 0;
		width:  100%;
		height: 0.2rem;

	}

	#history .inner:after {

		top:  0;
		left: 4.5rem;
		width:  0.2rem;
		height: 100%;

	}

	#history .inner dl dt, #history .inner dl dd {

		font-size: 2.6rem;
		letter-spacing: 0.14em;

	}

	#history .inner dl dd {

		margin-bottom: 3.2rem;

	}

	#history .inner .rect {

		top:  0.6rem;
		left: 1rem;
		width:  2.5rem;
		height: 2.5rem;

	}

	/* 営業所一覧 */
	#office {

		padding-top: 20rem;

	}

	#office h2 {

		margin-bottom: 20rem;

	}

	#office .inner {

		width: 100%;
		padding-left: 11%;
		padding-right: 30%;
		padding-top: 4.2rem;

	}

	#office .bg {
		
		margin-bottom: 23rem;

	}

	#office .bg.ayato {

		margin-bottom: 23rem;

	}

	#office .bg:after {

		top:  0;
		left: 0;
		height:  87%;

	}

	#office .bg .title {
		
		/*
		top:    35%;
		right: -12.6%;
		*/
		
		font-size: 16rem;
		letter-spacing: 0.24em;

	}

	#office .bg.nara .title {
		
		/*
		right: -9%;
		*/

	}

	#office .bg.ibaraki .title {
		
		/*
		top:    35%;
		right: -14.5%;
		*/
		
		font-size: 15rem;

	}

	#office .bg.ayato .title {
		
		/*
		top:    35%;
		right: -10%;
		*/

	}

	#office .inner h3 {
		
		margin-bottom: 3.3rem;
		font-size: 5.2rem;
		letter-spacing: 0.24em;

	}

	#office .inner dl {

		margin-bottom: 5.2rem;
		padding-left: 0.5rem;

	}

	#office .nara .inner dl {

		margin-bottom: 5.2rem;

	}

	#office .ibaraki .inner dl {

		margin-bottom: 5.2rem;

	}

	#office .ayato .inner dl {

		margin-bottom: 5.2rem;

	}


	#office .inner dl dt, #office .inner dl dd {

		font-size: 2.6rem;
		line-height: 1.7;
		letter-spacing: 0.24em;

	}
	
	#office .inner dl dd {
	
		margin-bottom: 1.8rem;
	
	}
	
	#office .inner dl dd.yubin {
	
		margin-bottom: 0;
	
	}

	#office .inner dl dd span {

		letter-spacing: 0.32em;

	}

	#office .inner .map {

		float: none;
		width: 65%;
		transform: translateX(0);
		transform: translateX(0) translateY(10rem);

	}

	#office .inner .txt {

		float: none;
		width: 100%;
		margin-bottom: 8rem;
		padding-top: 2.5rem;

	}

	#office .inner .txt p {
		
		margin-bottom: 4rem;
		font-size: 2.4rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

	#office .inner .txt .google_map {
		
		width: 25rem;

	}
	
	#office .seibi .google_map {

		margin-top: 0;

	}

}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPad */
@media only screen and (max-width: 768px) {

	/* 信頼 */
	#trust {

		padding-top:    13.3rem;
		padding-bottom: 18.3rem;

	}

	#trust .inner {

		width: 84%;

	}

	#trust .inner p {
		
		font-size: 2.8rem;
		letter-spacing: 0.1em;

	}

	#trust .inner .line1 {

		margin-bottom: 5rem;

	}

	#trust .inner .line2 {

		margin-bottom: 7.2rem;

	}

	#trust .inner .line3 {
		
		font-size: 5.4rem;
		padding-bottom: 0.4rem;
		white-space: nowrap;

	}

	/* 会社概要 */
	#profile {
		
		padding-bottom: 25rem;

	}

	#profile h2 {

		margin-bottom: 10.5rem;

	}

	#profile .inner {
		
		width: 84%;
		padding-top:    6.5rem;
		padding-left:   9.5rem;
		padding-bottom: 1.5rem;

	}

	#profile .inner:before {

		top:  4rem;
		left: 0;
		height: 0.2rem;

	}

	#profile .inner:after {

		top:  0;
		left: 4.5rem;
		width:  0.2rem;
		height: 100%;

	}

	#profile .inner table tr th, #profile .inner table tr td {
		
		padding-bottom: 2.7rem;
		font-size: 2.6rem;
		letter-spacing: 0.1em;

	}

	#profile .inner table tr th {

		width: 12.5em;

	}

	#profile .inner table dl dd {

		margin-bottom: 1.35em;

	}

	#profile .inner table dl dd.last {

		margin-bottom: 0.3em;

	}

	#profile .inner .rect {

		top:  0.6rem;
		left: 1rem;
		width:  2.5rem;
		height: 2.5rem;

	}

	.line_bg {

		top:  12rem;
		left: 0;
		width:  100%;
		height: 100%;
		background-image: url('../img/line_bg.webp');

	}

	/* 会社沿革 */
	#history {

		padding-bottom: 6rem;

	}

	#history .line_bg {

		top: 15rem;
		height: 105%;

	}

	#history h2 {

		margin-bottom: 10.7rem;

	}

	#history .inner {

		width: 84%;
		padding-top:    6.5rem;
		padding-left:   9.5rem;
		padding-bottom: 1.5rem;
		white-space: normal;

	}

	#history .inner:before {

		top:  4rem;
		left: 0;
		width:  100%;
		height: 0.2rem;

	}

	#history .inner:after {

		top:  0;
		left: 4.5rem;
		width:  0.2rem;
		height: 100%;

	}

	#history .inner dl dt, #history .inner dl dd {

		font-size: 2.6rem;
		letter-spacing: 0.1em;

	}

	#history .inner dl dd {

		margin-bottom: 3.2rem;

	}

	#history .inner .rect {

		top:  0.6rem;
		left: 1rem;
		width:  2.5rem;
		height: 2.5rem;

	}

	/* 営業所一覧 */
	#office {

		padding-top: 20rem;

	}

	#office h2 {

		margin-bottom: 20rem;

	}

	#office .inner {

		width: 100%;
		padding-left: 7%;
		padding-right: 30%;
		padding-top: 4.2rem;

	}

	#office .bg {
		
		margin-bottom: 23rem;

	}

	#office .bg.ayato {

		margin-bottom: 30rem;

	}

	#office .bg:after {

		top:  0;
		left: 0;
		height:  87%;

	}

	#office .bg .title {
		
		/*
		top:    35%;
		right: -15.6%;
		*/
		
		font-size: 16rem;
		letter-spacing: 0.24em;

	}

	#office .bg.nara .title {
		
		/*
		right: -10.7%;
		*/

	}

	#office .bg.ibaraki .title {
		
		/*
		top:    35%;
		right: -18%;
		*/
		
		font-size: 15rem;

	}

	#office .bg.ayato .title {
		
		/*
		top:    35%;
		right: -11.9%;
		*/

	}
	
	/* 八尾 */
	#office .bg.yao .title {
		
		/*
		top: 35%;
		right: -6.2%;
		*/

	}

	#office .inner h3 {
		
		margin-bottom: 3.3rem;
		font-size: 5.2rem;
		letter-spacing: 0.24em;

	}

	#office .inner dl {

		margin-bottom: 5.2rem;
		padding-left: 0.5rem;

	}

	#office .nara .inner dl {

		margin-bottom: 5.2rem;

	}

	#office .ibaraki .inner dl {

		margin-bottom: 5.2rem;

	}

	#office .ayato .inner dl {

		margin-bottom: 5.2rem;

	}
	
	/* 八尾 */
	#office .yao .inner dl {

		margin-bottom: 5rem;

	}

	#office .inner dl dt, #office .inner dl dd {

		font-size: 2.6rem;
		line-height: 1.7;
		letter-spacing: 0.24em;

	}
	
	#office .inner dl dd {
	
		margin-bottom: 1.8rem;
	
	}

	#office .inner dl dd span {

		letter-spacing: 0.32em;

	}

	#office .inner .map {

		float: none;
		width: 65%;
		transform: translateX(0) translateY(10rem);

	}

	#office .inner .txt {

		float: none;
		width: 100%;
		margin-bottom: 8rem;
		padding-top: 2.5rem;

	}

	#office .inner .txt p {
		
		margin-bottom: 4rem;
		font-size: 2.4rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

	#office .inner .txt .google_map {
		
		width: 25rem;

	}

}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	/* 信頼 */
	#trust {

		padding-top:    13.3rem;
		padding-bottom: 18.3rem;

	}

	#trust .inner {

		width: 88%;

	}

	#trust .inner p {
		
		font-size: 2.9rem;
		letter-spacing: 0.08em;

	}

	#trust .inner .line1 {

		margin-bottom: 5rem;

	}

	#trust .inner .line2 {

		margin-bottom: 7.2rem;

	}

	#trust .inner .line3 {
		
		padding: 0.1em;
		padding-bottom: 0.2em;
		font-size: 4.2rem;
		letter-spacing: 0em;
		white-space: nowrap;
		transform: translateX(-0.3em);

	}

	/* 会社概要 */
	#profile {
		
		padding-bottom: 25rem;

	}

	#profile h2 {

		margin-bottom: 10.5rem;

	}

	#profile .inner {
		
		width: 88%;
		width: 94%;
		padding-top:    6.5rem;
		padding-left:   9.5rem;
		padding-bottom: 1.5rem;

	}

	#profile .inner:before {

		top:  4rem;
		left: 0;
		height: 0.2rem;

	}

	#profile .inner:after {

		top:  0;
		left: 4.5rem;
		width:  0.2rem;
		height: 100%;

	}

	#profile .inner table tr th, #profile .inner table tr td {
		
		padding-bottom: 2.7rem;
		font-size: 2.8rem;
		letter-spacing: 0.08em;

	}

	#profile .inner table tr th {

		width: 7em;

	}

	#profile .inner table dl dd {

		margin-bottom: 1.35em;

	}

	#profile .inner table dl dd.last {

		margin-bottom: 0.3em;

	}

	#profile .inner .rect {

		top:  0.6rem;
		left: 1rem;
		width:  2.5rem;
		height: 2.5rem;

	}

	.line_bg {
		
		opacity: 0.7;
		top:  12rem;
		left: 0;
		width:  100%;
		height: 100%;
		background-image: url('../img/line_bg.webp');
		background-position: left;

	}

	/* 会社沿革 */
	#history {

		padding-bottom: 6rem;

	}

	#history .line_bg {

		top: 15rem;
		height: 105%;

	}

	#history h2 {

		margin-bottom: 10.7rem;

	}

	#history .inner {

		width: 94%;
		padding-top:    6.5rem;
		padding-left:   9.5rem;
		padding-bottom: 1.5rem;
		white-space: normal;

	}

	#history .inner:before {

		top:  4rem;
		left: 0;
		width:  100%;
		height: 0.2rem;

	}

	#history .inner:after {

		top:  0;
		left: 4.5rem;
		width:  0.2rem;
		height: 100%;

	}

	#history .inner dl dt, #history .inner dl dd {

		font-size: 2.8rem;
		letter-spacing: 0.08em;

	}

	#history .inner dl dd {

		margin-bottom: 3.2rem;

	}

	#history .inner .rect {

		top:  0.6rem;
		left: 1rem;
		width:  2.5rem;
		height: 2.5rem;

	}

	/* 営業所一覧 */
	#office {

		padding-top: 20rem;

	}

	#office h2 {

		margin-bottom: 20rem;

	}

	#office .inner {

		padding-left: 7%;
		padding-right: 20%;
		padding-top: 6rem;

	}

	#office .bg {
		
		margin-bottom: 23rem;

	}

	#office .bg.ayato {

		margin-bottom: 23rem;

	}

	#office .bg:after {

		height:  87%;

	}

	#office .bg .title {

		top:    35%;
		right: -26%;
		font-size: 16rem;
		letter-spacing: 0.24em;
		
		transform: rotate(90deg);

	}

	#office .bg.nara .title {
		
		top:    35%;
		right: -19%;

	}

	#office .bg.ibaraki .title {
		
		top:    35%;
		right: -29%;
		font-size: 15rem;

	}

	#office .bg.ayato .title {
		
		top:    35%;
		right: -20%;

	}
	
	/* 八尾 */
	#office .bg.yao .title {
		
		top: 35%;
		right: -11%;

	}

	#office .inner h3 {
		
		margin-bottom: 3.3rem;
		font-size: 5.2rem;
		letter-spacing: 0.2em;

	}

	#office .inner dl {

		margin-bottom: 5.2rem;
		padding-left: 0.5rem;

	}

	#office .nara .inner dl {

		margin-bottom: 5.2rem;

	}

	#office .ibaraki .inner dl {

		margin-bottom: 5.2rem;

	}

	#office .ayato .inner dl {

		margin-bottom: 5.2rem;

	}
	
	#office .seibi .inner dl {

		margin-bottom: 4.4rem;

	}

	#office .inner dl dt, #office .inner dl dd {

		font-size: 2.8rem;
		line-height: 1.7;
		letter-spacing: 0.08em;

	}
	
	#office .inner dl dd {
	
		margin-bottom: 1.8rem;
	
	}
	
	#office .inner dl dd.yubin {
	
		margin-bottom: 0;
	
	}

	#office .inner dl dd span {

		letter-spacing: 0.3em;

	}

	#office .inner .map {

		width: 100%;

	}

	#office .inner .txt {

		margin-bottom: 8rem;
		padding-top: 2.5rem;

	}

	#office .inner .txt p {
		
		margin-bottom: 4rem;
		font-size: 2.8rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#office .inner .txt .google_map {
		
		width: 32rem;

	}
	
	/* 改行 */
	.sp_none {
	
		display: none;
	
	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 430px) {

	/* 八尾 */
	#office .bg.yao .title {
		
		top: 35%;
		right: -11%;

	}

}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {

	#office .bg .title {

		top:    35%;
		right: -28%;
		font-size: 16rem;
		letter-spacing: 0.24em;

	}

	#office .bg.nara .title {
		
		right: -21%;

	}

	#office .bg.ibaraki .title {
		
		top:    35%;
		right: -31%;
		font-size: 15rem;

	}

	#office .bg.ayato .title {
		
		top:    35%;
		right: -22%;

	}

}


/* iPhone8 */
@media only screen and (max-width: 375px) {

	#office .bg .title {

		top:    35%;
		right: -28%;
		font-size: 16rem;
		letter-spacing: 0.24em;

	}

	#office .bg.nara .title {
		
		right: -21.5%;

	}

	#office .bg.ibaraki .title {
		
		top:    35%;
		right: -32%;
		font-size: 15rem;

	}

	#office .bg.ayato .title {
		
		top:    35%;
		right: -23%;

	}

}


/* Galaxy */
@media only screen and (max-width: 360px) {

	#office .bg .title {

		top:    35%;
		right: -29%;
		font-size: 16rem;
		letter-spacing: 0.24em;

	}

	#office .bg.nara .title {
		
		right: -21.5%;

	}

	#office .bg.ibaraki .title {
		
		top:    35%;
		right: -33%;
		font-size: 15rem;

	}

	#office .bg.ayato .title {
		
		top:    35%;
		right: -24%;

	}

}


/* iPhone5 */
@media only screen and (max-width: 320px) {

	#trust .inner .line3 {
		
		font-size: 3.9rem;

	}

}