@charset "utf-8";
/*breakpoint
@media screen and ( max-width:375px) { { } }
*/

/*.underlayer_head*/
.underlayer_head {
		width: 100vw;
		margin: 0 calc(50% - 50vw) 0;
		min-height: 290px;
		max-height: 290px;
		border-bottom: none;
		position: relative;
		background: url(../img/ph_banner_office.jpg) no-repeat center;
		background-size: cover;
}
.underlayer_head_office {
		width: 100vw;
		margin: 0 calc(50% - 50vw) 0;
		min-height: 290px;
		max-height: 290px;
		border-bottom: none;
		position: relative;
		background: url(../img/ph_banner_office_B.jpg) no-repeat center;
		background-size: cover;
}
@media screen and (max-width: 375px) { .underlayer_head_office  { display: none; } }

/*rerule*/
.content h2, .content h3{
}
@media screen and (max-width: 375px) { .content h2, .content h3 { font-size: 18px; } }

.content .operating_company h2,
.content .find_store_area h2 {
	position: absolute;
	top: -48px;
	left: 0;
	right: 0;
}
@media screen and ( max-width:375px) { .content .operating_company h2,.content .find_store_area h2 { top: -60px; } }

.content .operating_company h2 span.textlogo,
.content .find_store_area h2 span.textlogo {
	font-size: 32px;
}
@media screen and ( max-width:375px) { .content .operating_company h2 span.textlogo,
.content .find_store_area h2 span.textlogo { font-size: 18px; } }

.content .operating_company h2 span.textlogo::before,
.content .find_store_area h2 span.textlogo::before {
	transform: scale(0.8);
	content: url(../img/logo_mid.png);
		margin-right: 2px;
		position: relative;
		top: 15px;
}
@media screen and ( max-width:375px) { .content .operating_company h2 span.textlogo::before,.content .find_store_area h2 span.textlogo::before { display: inline-block; transform: scale(0.5); top: 17px; left: -14px; margin-right: -29px; margin-top: -30px; } }

/*office*/
.office {
	width: 1024px;
	margin: 200px auto 0;
}

/*operating_company*/
.operating_company {
	margin-top: 140px;
	position: relative;
	border: 2px solid #000;
	border-radius: 8px;
	padding-bottom: 20px;
	z-index: 1;
}

.operating_company::before {
	content: "";
		width: 620px;
		height: 2px;
		background: #FFF;
		display: inline-block;
		position: absolute;
		top: -2px;
		left: 50%;
		transform: translateX(-50%);
}

.operating_company ul {
	width: 760px;
	margin: 30px auto 0;
}

.operating_company ul li {
	width: 347px;
	margin: 80px 0 0;
	float: left;
}
.operating_company ul li:first-child {
	margin-right: 66px;
}

.operating_company ul li h3 {
	font-size: 18px;
	margin-top: 20px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 600;
}
.operating_company ul li h3::before {
	content: url("../img/logo_min_for_foot.png");
	position: relative;
	top: 7px;
}

.operating_company ul li p {
	margin-top: 0;
	font-size: 14px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 400;
}
.operating_company ul li p:nth-of-type(1) {
	margin-top: 20px;
}

.operating_company ul li dl dt {
	float: left;
}
.operating_company ul li dl dt:last-of-type {
	margin-left: 30px;
}

.operating_company ul li dl dd {
	float: left;
}

.operating_company ul li .sp_mail_cv,
.operating_company ul li .sp_tel_cv {
	width: 97%;
	margin: 20px auto 0;
	border: 2px solid #0078be;
	box-sizing: border-box;
	border-radius: 2px;
	text-align: center;
}
@media screen and ( min-width:376px) { .operating_company ul li .sp_mail_cv,
.operating_company ul li .sp_tel_cv { display: none; } }

.operating_company ul li .sp_mail_cv {
	background: #0078be;	
}
.operating_company ul li .sp_tel_cv {
	background: #FFF;
}

.operating_company ul li .sp_mail_cv a,
.operating_company ul li .sp_tel_cv a {
	padding: 4px 0;
	font-size: 18px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
	display: inline-block;
}
.operating_company ul li .sp_mail_cv a {
	color: #fff;
		font-weight: 400;
}
.operating_company ul li .sp_tel_cv a {
	color: #0078be;
		font-weight: 600;
}

/*iframe_map*/
.operating_company .iframe_map {
	width: 347px;
	height: 250px;
}

/*.operating_company btn*/
.operating_company .un {
	text-align: center;
	position: relative;
		top: 57px;
	z-index: -1;
}
.operating_company .un p {
	color: #004696;
	font-size: 21px;
	font-weight: 700;
}
.operating_company .un p::before {
	content: url("../img/icon_caut_l.gif");
	margin-right: 20px;
}
.operating_company .un p::after {
	content: url("../img/icon_caut_r.gif");
	margin-left: 20px;
}
.operating_company .un .btn {
	width: 368px;
	margin: 15px auto 0;
	border-radius: 5px;
	background: linear-gradient(to right, #0e80f7 0%, #004696 100%);
		outline: 20px solid #fff;
}
.operating_company .un .btn a {
	padding: 20px 0;
	display: block;
	color: #FFF;
	font-size: 21px;
	font-weight: 700;
}

/*.find_store_area*/
.find_store_area {
	margin-top: 240px;
	position: relative;
	border: 2px solid #000;
	border-radius: 8px;
	padding-bottom: 20px;
}
.find_store_area::before {
	content: "";
		width: 720px;
		height: 2px;
		background: #FFF;
		display: inline-block;
		position: absolute;
		top: -2px;
		left: 50%;
		transform: translateX(-50%);
}
.find_store_area .area {
	width: 760px;
		height: auto !important;
		min-height: 100%;
	margin: 100px auto 0;
		position: relative;
}
.find_store_area .store {
	width: 760px;
		height: auto !important;
		min-height: 100%;
	margin: 0 auto 0;
		position: relative;	
}

.find_store_area .area h2 {
	position: absolute;
	top: -54px;
	left: 0;
	right: 0;
}
.find_store_area .area h3,
.find_store_area .store h3 {
	margin-top: 20px;
	text-align: left;
	font-size: 19px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 600;
}

.find_store_area .area h3::before,
.find_store_area .store h3::before {
	content: url("../img/logo_min_for_foot.png");
	position: relative;
	top: 6px;
	margin-right: 8px;
}
.find_store_area .area h3::after,
.find_store_area .store h3::after {
	content: "";
		width: 480px;
		height: 2px;
		float: right;
		background: #29abe2;
		display: inline-block;
		position: relative;
		top: 23px;
}

.find_store_area .area ul {
	margin: 40px 0 40px 40px;
	display: inline-block;
}
.find_store_area .area ul li {
	margin: 0 57px 0 0;
	float: left;
	line-height: 3.0em;
}
.find_store_area .area ul li:nth-child(1),
.find_store_area .area ul li:nth-child(2) {
	margin: 0 60px 0 0;
}
.find_store_area .area ul li a {
	color: #29abe2;
	font-size: 19px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 600;	
}
.find_store_area .area ul li::before {
	content: url("../img/icon_arrow_lblue.gif");
	margin-right: 10px;
}
.find_store_area .area ul li span {
	font-size: 12px;
	margin-left: 5px;
}

/*find_store_area .store*/
.find_store_area .store {
	clear: both;
}
.find_store_area .store h3 {
	position: relative;
}
.find_store_area .store .toAreaTop {
	font-size: 11px;
	font-weight: 700;
	position: absolute;
	top: 8px;
	right: 0;
	z-index: 1;
}
.find_store_area .store .toAreaTop::after {
	content: "";
		width: 130px;
		height: 30px;
		background: #FFF;
		display: inline-block;
		position: relative;
		right: 0;
		z-index: 0;
}
.find_store_area .store .toAreaTop a {
	color: #b3b3b3;
		position: relative;
		top: -10px;
		right: -130px;
		z-index: 1;
}
.find_store_area .store .toAreaTop a::before {
	content: url("../img/icon_toAreaTop.gif");
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.find_store_area .store h4 {
	font-size: 16px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 600;
}
.find_store_area .store h4.directly {
	color: #0078be;
	position: relative;
}
.find_store_area .store h4.directly::after {
	content: "直営店";
		padding: 0px 10px;
		color: #FFF;
		border-radius: 3px;
		background: #ff7bac;
		font-size: 20px;
		position: absolute;
		right: -20px;
		transform: scale(0.6);
}
.find_store_area .store h4.participat {
	color: #1eaae1;
	position: relative;
}
.find_store_area .store h4.participat::after {
	content: "加盟店";
		padding: 0px 10px;
		color: #FFF;
		border-radius: 3px;
		background: #92c41d;
		font-size: 20px;
		position: absolute;
		right: -20px;
		transform: scale(0.6);
}

.find_store_area .store ul {
	margin: 0 0 60px 10px;
	display: inline-block;
}

.find_store_area .store ul li {
	width: 200px;
	float: left;
	margin: 60px 50px 0 0;
}
.find_store_area .store ul li p {
	width: 120%;
	margin-top: 0;
	font-size: 14px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 400;
}
.find_store_area .store ul li p:nth-of-type(1) {
	margin-top: 10px;
}
.find_store_area .store ul li p:nth-of-type(2) {
	height: 54px;
}
.find_store_area .store ul li dl {
	font-size: 14px;
	margin-top: 5px;
	line-height: 1.8em;
}
.find_store_area .store ul li dl dt {
	float: left;
}
.find_store_area .store ul li dl dd {
}

.find_store_area .store ul li .btn_directly {
	margin-top: 20px;
	background: #0078be;
	border-radius: 20px;
	text-align: center;
}
.find_store_area .store ul li .btn_participat {
	margin-top: 20px;
	background: #1eaae1;
	border-radius: 20px;
	text-align: center;
}
.find_store_area .store ul li .btn_directly a,
.find_store_area .store ul li .btn_participat a{
	padding: 5px;
	color: #FFF;
	text-align: center;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 400;
}

/*office_info*/
.office_info {
	margin-top: 140px;
	position: relative;
	border: 2px solid #000;
	border-radius: 8px;
	padding-bottom: 20px;
	z-index: 1;
}
.office_info:nth-last-of-type(1) {
	margin-top: 250px;	
}

.office_info::before {
	content: "";
		width: 620px;
		height: 2px;
		background: #FFF;
		display: inline-block;
		position: absolute;
		top: -2px;
		left: 50%;
		transform: translateX(-50%);
}
.office_info h2 {
	font-size: 42px;
		position: relative;
	top: -45px;
}

.office_info ul {
	width: 760px;
	margin: 30px auto 0;
}
.office_info ul li {
	width: 100%;
	margin: 80px 0 0;
}
.office_info ul li h3 {
	font-size: 18px;
	margin-top: 20px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 600;
}
.office_info ul li h3.directly,
.office_info ul li h3.participat {
	font-size: 24px;
	color: #1eaae1;
	text-align: left;
	position: relative;
	top: -20px;
}
.office_info ul li h3.directly::before,
.office_info ul li h3.participat::before {
	margin-right: -2px;
	content: url(../img/logo_mid_for_office.png);
		position: relative;
	top: 6px;
	left: -3px;
}

.office_info ul li h3.directly::after {
	content: "直営店";
		padding: 2px 10px;
		color: #FFF;
		border-radius: 3px;
		background: #ff7bac;
		font-size: 14px;
		position: relative;
	top: -2px;
		right: -40px;
		transform: scale(0.6);
}
.office_info ul li h3.participat::after {
	content: "加盟店";
		padding: 2px 10px;
		color: #FFF;
		border-radius: 3px;
		background: #92c41d;
		font-size: 14px;
		position: relative;
	top: -2px;
		right: -40px;
		transform: scale(0.6);
}


.office_info ul li h3::before {
	content: url("../img/logo_min_for_foot.png");
	position: relative;
	top: 7px;
}

.office_info ul li p {
	margin-top: 0;
	font-size: 16px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		font-weight: 400;
}
.office_info ul li p:nth-of-type(1) {
	margin-top: 40px;
}

.office_info ul li dl dt {
	float: left;
}
.office_info ul li dl dt:last-of-type {
	margin-left: 30px;
}

.office_info ul li dl dd {
	float: left;
}

.office_info ul li .sp_mail_cv,
.office_info ul li .sp_tel_cv {
	width: 97%;
	margin: 20px auto 0;
	border: 2px solid #0078be;
	box-sizing: border-box;
	border-radius: 2px;
	text-align: center;
}
@media screen and ( min-width:376px) { .office_info ul li .sp_mail_cv,

.office_info ul li .sp_tel_cv { display: none; } }

.office_info ul li .sp_mail_cv {
	background: #0078be;	
}
.office_info ul li .sp_tel_cv {
	background: #FFF;
}
.office_info ul li .sp_mail_cv a,
.office_info ul li .sp_tel_cv a {
	padding: 4px 0;
	font-size: 18px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
	display: inline-block;
}
.office_info ul li .sp_mail_cv a {
	color: #fff;
		font-weight: 400;
}
.office_info ul li .sp_tel_cv a {
	color: #0078be;
		font-weight: 600;
}

/*iframe_map*/
.office_info .iframe_map {
	width: 100%;
	height: 400px;
}

/*.office_info btn*/
.office_info .un {
	text-align: center;
	position: relative;
		top: 57px;
	z-index: -1;
}
.office_info .un p {
	color: #004696;
	font-size: 21px;
	font-weight: 700;
}
.office_info .un p::before {
	content: url("../img/icon_caut_l.gif");
	margin-right: 20px;
}
.office_info .un p::after {
	content: url("../img/icon_caut_r.gif");
	margin-left: 20px;
}
.office_info .un .btn {
	width: 368px;
	margin: 15px auto 0;
	border-radius: 5px;
	background: linear-gradient(to right, #0e80f7 0%, #004696 100%);
		outline: 20px solid #fff;
}
.office_info .un .btn a {
	padding: 20px 0;
	display: block;
	color: #FFF;
	font-size: 21px;
	font-weight: 700;
}

/*contact*/
.office_info #contact {
	width: 760px;
	margin: 200px auto 0;
}
@media screen and ( max-width:375px) { .office_info #contact { width: 95%; margin: 150px auto 0; } }

.office_info #contact h2 {
	font-size: 36px;
	top: -240px;
}

.office_info #contact iframe {
	width: 100%;
	height: 1900px;
	margin: -120px auto 0;
	position: relative;
	/* left: 30px; */
	left: 0;
	right: 0;
}
@media screen and ( max-width:375px) { .office_info #contact iframe { margin: -180px auto 0; left: 0; } }


/*@media_screen_Rule*/

/*.underlayer_head*/
/*rerule*/
/*office*/

@media screen and ( max-width:375px) {
	
.office {
	width: 95%;
	margin: 150px auto 0;
}

.operating_company {
	width: 100%;
	margin: 90px auto 0;
}
	
.operating_company::before {
	display: none;
}

.operating_company ul {
	width:100%;
	margin: 0 auto; 
}
.operating_company ul li,
.operating_company ul li:first-child {
	width: 90%;
	margin: 40px auto 100px;
	float: inherit;
}

.operating_company ul li dl dt {
	margin-left: 5px;
}
.operating_company ul li dl dt:last-of-type {
	margin-left: 5px;
}
.operating_company ul li dl dd {
	float: inherit;
}
.operating_company ul li dl dd:last-of-type {
	margin-left: 0;
}
.operating_company ul li dl dd a {
	color: #0078be;
	text-decoration: underline;
}
	
.operating_company .iframe_map {
	width: 100%;
	margin: 0 auto;
}
.operating_company .un {
	top: -20px;
}
.operating_company .un .btn {
	width: 90%;
	outline: none;
}

.find_store_area {
	width: 100%;
	margin: 0 auto;
	margin-top: 120px;
}
.find_store_area::before {
	display: none;
}

.find_store_area .area,.find_store_area .store {
	width: 95%;
	margin: 40px auto 0;
	display: inline-block;
	position: relative;
	left: 2.5%;
}
.find_store_area h2 {
	top: -64px;
}
.find_store_area .area h3,
.find_store_area .store h3 {
	text-align: center;
}
.find_store_area .area h3::after,
.find_store_area .store h3::after {
	width: 95%;
	float: inherit;
	top: 0;
}

.find_store_area .area ul {
	width: 85%;
	margin: 20px auto 0;
	display: block;
}
.find_store_area .area ul li,
.find_store_area .area ul li:nth-child(1),
.find_store_area .area ul li:nth-child(2) {
	margin: 0 auto;
}
.find_store_area .store .toAreaTop {
	top: 71px;
	right: 5px;
}
	
.find_store_area .store ul {
	width: 90%;
	margin: 0 auto;
	display: block;
}
.find_store_area .store ul li {
	width: 100%;
	margin: 45px auto;
}
.find_store_area .store ul li:last-child {
	margin: 50px auto 60px;
}
.office_info {
	margin-top: 80px;
}
.office .office_info h2 {
	font-size: 18px;
	top: -60px;
}
.office_info #contact h2 {
	font-size: 20px;
	top: -215px;
}
.office_info ul li h3.directly,
.office_info ul li h3.participat {
	font-size: 18px;
	top: 250px;
	position: absolute;
}
.office_info ul li h3.directly::before,
.office_info ul li h3.participat::before {
	margin-right: -8px;
	content: url(../img/logo_min_for_foot.png);
}
.office_info ul li h3.directly::after {
	position: relative;
		top: 13px;
		right: -100px;
		display: inline-block;
		float: left;
		font-size: 19px;
}
.office_info ul li h3.participat::after {
	position: relative;
		top: 13px;
		right: -100px;
		display: inline-block;
		float: left;
		font-size: 19px;
}

.office_info::before {
	display: none;
}
.office .office_info ul {
	width: 90%;
	position: relative;
}
.office_info .iframe_map {
	margin-top: -75px;
	height: 250px;
}
.office_info ul li p:nth-of-type(1) {
	margin-top: 80px;
}
.office_info ul li dl {
	width: 96%;
	margin: 0 auto;
}
.office_info ul li dl dd {
	float: none;	
}
.office_info ul li dl dd {
	margin-left: 6px;	
}
.office_info ul li dl dt:last-of-type {
	margin-left: 0;
}
.office_info .un .btn {
	width: 90%;
	outline: none;
	margin-bottom: 80px;
}


}