/*---h1---------------------------*/
h1.toppage{position:relative;width:auto;margin:20px auto 35px auto;padding: 10px;background:none;color:#666;font-size:110%;font-weight:400;font-family: 'Noto Serif JP', serif;letter-spacing: 0.05em; line-height:1em;text-align:center;background: url(../image/hrline.gif) no-repeat bottom;}

@media only screen and (max-width: 1023px) {
h1.toppage{display: block;margin:20px auto 35px auto;padding: 10px 0 50px 0;}
}

@media only screen and (max-width: 480px) {
h1.toppage{font-size:90%;}
}


/*タイトル*/
#rrbb h2,#concept h2,#service h2,#ourstrengths h2,#overhaulcases h2
{font-weight:400;font-family:YuMincho,Yu Mincho,Hiragino Mincho ProN,"serif";text-align: center;border: none }

#rrbb h2{display:flex;align-items:center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin:0 20% 80px 20%;}
#concept h2,#service h2,#ourstrengths h2,#overhaulcases h2
{margin:0 0 80px 0;}

#rrbb h2:after,#rrbb h2:before{border-top:1px solid #ccc;content:"";flex-grow:1;margin-left:2rem}
#rrbb h2:before,h2:before{margin-right:2rem}

#concept h2	span,#service h2	span,#ourstrengths h2	span,#overhaulcases h2	span{display: block;}

#concept h2	.ja,#service h2	.ja,#ourstrengths h2	.ja,#overhaulcases h2	.ja{font-size: 15px;}

#concept h2	.en,#service h2	.en,#ourstrengths h2	.en,#overhaulcases h2	.en
{position: relative;display: inline-block;margin-bottom: 1em;font-size: 20px;}
#concept h2 .en:before,#service h2	.en:before,#ourstrengths h2	.en:before,#overhaulcases h2	.en:before
{content:'';position:absolute;bottom:-15px;display:inline-block;width:60px;height:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}

#concept h2 .en:before
{background:#fff}

#service h2	.en:before,#ourstrengths h2	.en:before,#overhaulcases h2	.en:before
{background:#666}


/*オーバーホール事例:上書き*/
#overhaulcases h2	{color: #ccc;margin:0 0 50px 0;}

/*コンセプト:上書き*/
#concept h2	{color:#fff;letter-spacing: 0.05em;}


/*お支払い方法 -> common.css*/

@media only screen and (max-width: 640px) {
#rrbb h2,#concept h2,#service h2,#ourstrengths h2,#overhaulcases h2,#concept h2	{display: block;width: 100%;font-size:160%;margin:0 0 50px 0;text-align: center;}
#rrbb h2:after,#rrbb h2:before,#service h2:after,#service h2:before,#ourstrengths h2:after,#ourstrengths h2:before,#overhaulcases h2:after,#overhaulcases h2:before,#concept h2:after,#concept h2:before
{display: none}


}

/*ブランド別修理実績*/
#rrbb	{margin: 0 0 20px 0;padding: 10px 0 30px 0;text-align: center}

#rrbb	ul	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin: 0 auto;}
#rrbb ul li{-ms-flex-preferred-size: 16.6%;flex-basis: 16.6%;height:60px;line-height:60px;text-align: center;}

#rrbb	a:hover {opacity:0.30;}

@media only screen and (max-width: 1024px) {
#rrbb ul li{-ms-flex-preferred-size: 25%;flex-basis: 25%;}
}


@media only screen and (max-width: 640px) {
#rrbb ul li{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
}

/*ロレックス修理専門店シエンのコンセプト*/
#concept	{margin: 0;padding: 80px 0;background: url(../image/conceptbg.png) no-repeat;background-size: cover;text-align: center;color: #fff}

#concepttxt	{padding: 0 1%;text-align: left;line-height: 170%;}
#concepttxt	p	{margin-bottom: 1em;}




/*独自のサービスと価格*/
#service	{padding: 80px 0 40px 0;background: #f2f2f2;text-align: center}

#servicetxt	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: left}
#servicetxt	dl	{-ms-flex-preferred-size: 41.5%;flex-basis: 41.5%;margin: 0 4% 4% 0;padding: 1.5%  2% 1%  2%;border: 1px solid #ebebeb;background: rgba(255,255,255,0.6);letter-spacing: 0.05em;}
#servicetxt	dl:nth-child(2)	{margin: 0 0 4% 0;}

#servicetxt	dl	dt	{margin-bottom: 15px;font-size: 115%;font-family: 'Noto Serif JP', serif; line-height: 150%;}

#servicetxt	dl	span{color: #7e773e;font-weight:500;border-bottom: 1px dashed #7e773e;}
#servicetxt	dl	dd{display: block;padding: 10px 0 15px 0;line-height: 150%;}

@media only screen and (max-width: 1024px) {
#servicetxt	dl	{display:block;}
}

@media only screen and (max-width: 980px) {
#servicetxt	{display:block;}
#servicetxt	dl	{margin: 0 0 4% 0;}
}


/*当社の強み*/
#ourstrengths	{padding: 80px 0 60px 0;text-align: left}

#ourstrengths	h3	{margin-bottom: 30px;padding: 6px 0;color: #000;font-size:130%;line-height: 130%;font-family:YuMincho,Yu Mincho,Hiragino Mincho ProN,"serif"}
#ourstrengths	h3	span	{display: inline-block;margin-right: 10px;padding: 8px 10px 8px 0;color: #9e9545;font-size: 20px;border-right: 1px solid #9e9545;}

#ospoint01,#ospoint02,#ospoint03,#ospoint04	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 60px;padding-bottom: 60px;border-bottom: 1px solid #efefef;}

.cmnt	{-ms-flex-preferred-size: 53%;flex-basis: 53%;margin-right: 7%;}
#ospoint02	.cmnt,#ospoint04	.cmnt	{margin-left: 7%;margin-right: 0;}
.tphoto	{-ms-flex-preferred-size: 40%;flex-basis: 40%;}
.tphoto	img{width: 100%;height: auto;}

.moreinfo	{margin: 3em 0 0 0;}
.moreinfo	a	{padding: 7px 30px 7px 20px;border: 1px solid #666;background: #000;color: #fff;font-size: 95%;text-decoration: none}
.arrow{display: inline-block;width: 10px;height: 10px;margin-left: 10px;border: 1px solid;border-color: #fff #fff transparent transparent;transform: rotate(45deg);}
.moreinfo	a:hover	{margin-left: 15px;background: #fff;border: 1px solid #666;color: #666;opacity: 1;}
.moreinfo	a:hover	.arrow{border-color: #666 #666 transparent transparent;}


@media only screen and (max-width: 640px) {
#ourstrengths	{padding: 60px 0 30px 0}
#ourstrengths	h3	{font-size: 20px;}
#ourstrengths	h3	span	{font-size: 14px;}

#ospoint01,#ospoint02,#ospoint03,#ospoint04	{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 30px;
}

.cmnt	{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin: 0 0 20px 0;order: 1;}
#ospoint02	.cmnt,#ospoint04	.cmnt	{margin-left: 0;}
.tphoto	{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin: 0 0 20px 0;order: 0;}
.moreinfo	a	{display: block;width: auto;padding: 15px;text-align: center}
.moreinfo	a:hover	{margin: 0}
}

/*オーバーホール事例*/

#overhaulcases	{position: relative;padding: 60px 0;background: #333;text-align: center}

#overhaulcases	h4{margin-bottom: 0;padding: 7px;font-size: 130%;color: #666;}


@media only screen and (max-width: 414px) {
#overhaulcases	h4{font-size: 120%;}
.jskmore2	a	{font-size: 18px;}
}
.tac{text-align: center;}




/*----------------------------------------
	#information
------------------------------------------*/

#information	{
max-width: 1000px;
	margin: 0 auto 20px auto;
	padding: 10px 15px;
	border: 3px double #c0b485;text-align: left;
	}
	
	#information	h3{
	font-size: 120%;
	font-weight: bold;
	}

#information2	{max-width: 1000px;margin: 0 auto 30px auto;padding: 10px 15px;text-align: left;background: #f2f2f2;}
#information2	p{margin: 0}

@media only screen and (max-width: 1050px) {
#information	{margin: 0 15px 20px 15px;padding: 10px 15px;}
#information2	{margin: 0 15px 20px 15px;}
}
	
	
	/*支払い方法追記*/
	
	#fhowtopayment	{margin:0;text-align:left;}
#fhowtopayment h3{display: block;margin:0 0 80px 0;font-weight:400;font-family:YuMincho,Yu Mincho,Hiragino Mincho ProN,"serif";text-align: center; }
#fhowtopayment h3:after,#fhowtopayment h3:before{display: none}

#fhowtopayment	span{display: block;}
#fhowtopayment h3	.ja{font-size: 17px;}

#fhowtopayment h3	.en
{position: relative;display: inline-block;margin-bottom: 1em;font-size: 20px;}
#fhowtopayment h3	.en:before
{content:'';position:absolute;bottom:-15px;display:inline-block;width:60px;height:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}

#fhowtopayment h3	.en:before
{background:#666}