@charset "utf-8";

* {margin: 0px; padding: 0px;}
html {font-size: 62.5%; -webkit-text-size-adjust: 100%;}
body {
	line-height: 1;
	margin: 0px;
	color: #4c4c4c;
	line-height: 180%;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "メイリオ", meiryo, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "MS PGothic", sans-serif;
	}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }
img {
	max-width: 100%;
    height: auto;
	border: none;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
	}
.fxsmall, .fsmall, .fmedium, .flage, .fxlage { line-height: 180%; }
.fxsmall { font-size: 1.1rem; }
.fsmall { font-size: 1.2rem; }
.fmedium { font-size: 1.4rem; }
.flage { font-size: 1.6rem; }
.fxlage { font-size: 1.8rem; }
.fAccent { color: #FFDF00; }
.fSubAccent { color: #184726; }
.hide { display: none; }
.show { display: inline; }
a:hover {filter: alpha(opacity=60); opacity: 0.6;}
ul,li {margin:0; padding:0; list-style-type:none}






.section_contents {width:1100px; margin: 0 auto 10rem; font-size: 0}

.section_contents_article {width: 810px; display:inline-block; vertical-align: top; margin-right: 62px; font-size: 1.5rem}

.section_contents_aside {width: 218px; display:inline-block; vertical-align: top; font-size: 1.3rem}
.section_contents_aside .aside_navi {border-top:#bb8124 solid 2px}
.section_contents_aside .aside_navi li {border-bottom: 1px solid #dcd2c2; }
.section_contents_aside .aside_navi li a {color: #4C4C4C; text-decoration: none; display: block; padding: 1.5em 0.5em 1.5em 1.5em; text-indent: -1em}
.section_contents_aside .aside_navi li img {margin-right: 7px; vertical-align: middle}

.h2_tit { border-bottom: 2px solid #000; line-height: 1.5em; font-size: 1.8em; font-weight: normal; margin:2em 0 3em}
.h2_tit span {border-bottom: 2px solid #bb8124; padding-right: 2em}
.h2_tit.fix { line-height: 1.52em;}

.h3_tit {font-weight: normal; font-size: 1.4em; margin-bottom: 2em}



/* index */
.corporation_navi { margin: 6rem 0}
.corporation_navi li {display: inline-block; vertical-align: top; font-size: 2rem; margin: 0 50px 5rem 0}
.corporation_navi li:nth-of-type(-n+2) { width: 523px;}
.corporation_navi li:nth-of-type(-n+2) img {border: 1px solid #c1c0c0}
.corporation_navi li:nth-of-type(-n+2) strong img {border:none; margin-right: 8px; vertical-align: middle}
.corporation_navi li:nth-of-type(2), .corporation_navi li:nth-of-type(5), .corporation_navi li:nth-of-type(8) {margin-right: 0}

.corporation_navi li strong {font-weight: normal; display: block; margin-top: 1em}
.corporation_navi li strong img {margin-right: 8px; vertical-align: middle}

.corporation_navi li a {display: block; color: #4C4C4C; text-decoration: none}

.att-01 {font-size: 0.6em}


/* group */
.shop_List {margin: 0 7px; font-size: 0}
.shop_List div {width: 372px; display: inline-block; font-size: 1.5rem; margin-bottom: 4em}
.shop_List div:nth-of-type(1) { margin-right: 50px}
.shop_List h4 {margin-bottom: 1em; font-size: 1.5rem}
.shop_List div h4 {margin-bottom: 1em}

.shop_List a {display: block; color: #bb8124; text-decoration: none}
.shop_List a img { vertical-align: middle; margin-right: 7px}
.shop_List p {margin-top: 1em}

.salon_List {font-size: 0; border-bottom: 1px solid #EEE}
.salon_List li {display: inline-block; width: 396px; font-size: 1.2rem; line-height: 1.8em; padding: 15px 0 15px 15px; border-top: 1px solid #EEE;}
.salon_List li:nth-of-type(1),.salon_List li:nth-of-type(4),.salon_List li:nth-of-type(5),.salon_List li:nth-of-type(8),.salon_List li:nth-of-type(9),.salon_List li:nth-of-type(12),.salon_List li:nth-of-type(13),.salon_List li:nth-of-type(16) { background: #fafafa}
.shop_List .salon_List a {display: inline}
.salon_List span {display: inline-block; vertical-align: top}
.salon_List strong {display: block; font-size: 1.2em;}

.salon_List li .imgShop {margin-right: 10px}



/* organiz */
.president {margin: 0 7px}
.president dt { display: inline-block; margin-right: 1em; vertical-align: top}
.president dd { display: inline-block; vertical-align: top}
.president dd em {font-weight: bold; font-style: normal}
.president dd strong {display: block; font-size: 1.6em; font-weight: normal; margin-top: 1em}
.president dd strong rt {font-size: 0.8rem}
.president dd span {font-size: 0.8em}

.career { margin: 0 7px; border-collapse: collapse; font-size: 0.8em; width: 90%}
.career th {font-weight: normal; background: #fafafa; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; vertical-align: top; padding: 0.5em 3em}
.career td {border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; vertical-align: top; padding: 0.5em 1.5em}


.director {border: 1px solid #d7d7d7; border-collapse: collapse; margin: 2em 7px 5em; font-size: 0.9em}
.director th {border: 1px solid #d7d7d7; font-weight: normal; text-align: left; white-space: nowrap; padding: 1em}
.director td {border-bottom: 1px solid #d7d7d7; padding: 0.5em 1em}

.dname {white-space: nowrap}

.organizationchart {text-align: center;}
.organizationchart p {text-align: right}



/* outline */
.profile { margin: 0 1% 5em; border-collapse: collapse; width: 98%}
.profile th {font-weight: normal; background: #fafafa; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; vertical-align: middle; padding: 0.5em 3em}
.profile td {border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; vertical-align: top; padding: 1.5em}

.history {font-size: 0.9em; margin-bottom: 5em}
.history th {border-right: 1px solid #bb8124; position: relative; padding: 0 1em 0 0; font-weight: normal; vertical-align: top; white-space: nowrap;font-size: 0.9em; color: #bb8124}
.history th span {color: #bb8124; position: absolute; right: -6px; font-size: 0.8em}
.history td {padding: 0 0 0 1em; vertical-align: top}

.tenpo h4 {width: 50%; display: inline-block}

.hds span {border: 1px solid #000; background: #FFF; margin: 0 0 0 -6em; position: relative; display: block; padding: 0 2em; width: 200%; z-index: 1000}

.buttonBl {background: url("../img/common/arrow_b.png") no-repeat 1em 50%; display: block; text-decoration: none; color:#000; border:1px solid #d7d7d7; padding: 0.5em 0 0.5em 2em; width: 70%}



.policy_read {margin: 0 7px 5em}
.policy_list {margin: 0 7px 5em 30px}
.policy_list li {list-style: decimal; margin-bottom: 1em}
.policy_list li ul {margin-left: 1em}
.policy_list li ul li {list-style: circle; margin-bottom: 1em}

.privacy_list {margin: 0 7px 5em 30px}
.privacy_list li { list-style: disc; margin-bottom: 1em}
.privacy_list li ol { margin-left: 1em}
.privacy_list li ol li {list-style: decimal; margin-bottom: 1em}

.policy_txt {margin: -3em 0 2em 1.6em}

.contact_list {width: 90%; margin: 0 7px}
.contact_list th {text-align: left}


/* ir */
.list_publicnotice {margin: 0 7px 10em}
.list_publicnotice li {border-bottom: dotted 1px #ccc; padding: 0 0.5em 1em; margin-bottom: 1em}
.list_publicnotice a {background: url("../img/common/arrow_g.png") no-repeat left center; padding-left: 1em}

.past_list {margin: -5em 7px 10em 17px}
.past_list a {background: url("../img/common/arrow_g.png") no-repeat left center; padding-left: 1em; font-size: 0.8em}
.h4_mintt { margin-bottom: 1em}

.aquiwa {border: 1px solid #174a9f; color: #174a9f; padding: 0 0.2em; margin: 0 0.3em}

.text_logomark {margin: 0 7px 5em}
.txt_read {display: inline-block; width: 60%; vertical-align: top}
.img_old {display: inline-block; width: 30%; margin-left: 5%; font-size: 0.7em}

.text_02 { float: right; width: 44%; padding-right: 7px}

.logo_list { float: left; width: 48%}
.logo_list li {display: inline-block; width: 25%; margin-right: 2em; vertical-align: top; font-size: 0.8em; line-height: 1.4em}
.logo_list li:nth-of-type(3) { margin-right: 0}
.logo_list li img {margin-bottom: 0.5em}


.block_news {width:80%; margin:3em auto 1em; border:1px solid #ccc; text-align:center; font-size:1em;padding:2em; line-height:1.8em}
.block_news2 {width:1100px; margin:3em auto 1em; border:1px solid #ccc; text-align:center; font-size:1.2em;padding:2em; line-height:1.8em}




.mb10e {margin-bottom:1em !important}
.mb15e {margin-bottom:1.5em !important}
.mb20e {margin-bottom:2em !important}
.mb30e {margin-bottom:3em !important}

.clear {clear:both}


.noPC {display: none}







@media screen and (max-width: 768px) {
.noSP {display: none}
.noTB {display: none}

.section_contents {width:100%; margin: 0}
.section_contents_article {width: 92%; margin: 0 4% 5rem}

.section_contents_aside {width:100%; font-size: 0}

.section_contents_aside .aside_navi {border-bottom:1px solid #dcd2c2}
.section_contents_aside .aside_navi li { width: 49.5%; display: inline-block; font-size: 1.2rem; vertical-align: top}
.section_contents_aside .aside_navi li:nth-of-type(odd)  {border-right: 1px solid #dcd2c2; }
.section_contents_aside .aside_navi li a { padding-left: 10%}
.section_contents_aside .aside_navi li img {margin-right:15px; }
/*.section_contents_aside .aside_navi li:last-of-type {border-bottom:none}*/

.h2_tit {font-size: 2em}
.h2_tit span {padding-bottom: 5px}

.corporation_navi {margin: 3rem 4%}
.corporation_navi li {font-size: 1.6rem; margin: 0 0 5rem 0; width: 47.9%}
.corporation_navi li:nth-of-type(odd) { margin-right: 4%}
.corporation_navi li:nth-of-type(-n+2) { width:47.9%}

.career { width: 98%}
.career th {padding: 0.5em 1em; white-space: nowrap}
.organizationchart {margin-bottom: 10rem}

.director {border-color: #aaa; width: 98%}
.director th, .director td {display: block; border: none}
.director th {border-top: 1px solid  #aaa; padding: 0.5em 1em; font-size: 0.9em; font-weight: bold}
.director tr:first-of-type th {border: none}
.director td {border-top: 1px dotted #d7d7d7}

.shop_List {margin:0}
.shop_List div {width:100%; margin-bottom: 4em}
.shop_List div:nth-of-type(1) { margin-right:0}


.salon_List li {width: 100%; padding:3%}
.salon_List li:nth-of-type(1),.salon_List li:nth-of-type(4),.salon_List li:nth-of-type(5),.salon_List li:nth-of-type(8),.salon_List li:nth-of-type(9),.salon_List li:nth-of-type(12),.salon_List li:nth-of-type(13),.salon_List li:nth-of-type(16) { background: #FFF}
.salon_List li:nth-of-type(odd) {background: #fafafa}
.salon_List li span:nth-of-type(2) { width: 80%}


.txt_read { width: 100%;}
.img_old {width: 100%; margin: -3em 0 3em 0; display: block; text-align: center}
.text_02 { float: none; width: 100%; padding-right: 0; margin: 0 7px 2em}
.logo_list { float: none; width: 100%; text-align: center; margin-bottom: 2em}


.profile th {padding: 0.5em; white-space: nowrap; font-size: 0.7em}
.history {font-size: 0.8em;}
.history th { padding-right: 0; width:5% !important}
.history th span {margin-right:2px}
.history td {padding: 0 0 1em 0.5em; line-height: 1.6em}

.history .hds {padding-bottom: 3em}
.hds span { width: 96%; position: absolute; right:2%}

.block_news2 {width: 90%; font-size: 1em; padding: 1em}


}


@media screen and (max-width: 480px) {
.noPC {display: inline}
.noTB {display: inline}


.corporation_navi li:nth-of-type(-n+2) { width:47.9%}
.corporation_navi li:first-of-type {margin-right: 4%}

.att-01 {line-height: 1.6em; display: block; margin-top: 0.5em}

.h2_tit { line-height: 1.2em; font-size: 1.6em}
.h2_tit span {padding-bottom: 0}
/*.h2_tit span {padding-bottom: 1px}*/
.h2_tit.h2fix {font-size: 1.4em}
.h2_tit.h2fix span {padding-right: 0}

.h3_tit {font-size: 1.2em}

.salon_List li span:nth-of-type(2) { width: 70%}
.salon_List li {padding: 7% 3%}

.contact_list th, .contact_list td {display: block}

.block_news {width:90%; font-size: 0.8em; padding: 1em}

}