@charset "utf-8";
/* CSS Document */

.bg-coffret-top{
	background-image: url(img/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	width:100%;
	height:850px;
}
.bg-coffret-top .coffret-top-title{ padding: 90px 0 0 0;}
.bg-coffret-top .coffret-top-title img{ width:274px;}

.coffret-cont{ color:#1d1d1d; }
.coffret-cont p{ margin:0 auto 2.4em; font-size:1.4em; line-height:2.4em; letter-spacing:0.2em;}
.coffret-cont p.coffret-midashi{ font-size:2em; line-height: 2.4em; letter-spacing:0.6em; font-weight: 400;}
.coffret-cont p.coffret-subtxt{ font-size:1.2em; letter-spacing:0.1em;}
.coffret-cont p.coffret-subtxt2{ font-size:1em; letter-spacing:0em; line-height:2em;}
.coffret-cont p:last-child{ margin:0 auto 0;}

.bg-coffret-concept{
	background-image: url(img/bg-concept.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:10em 0;
	width:100%;
}
.bg-coffret-concept .coffret-concept-title{ margin:0 auto 70px;}
.bg-coffret-concept .coffret-concept-title img{ width:105px;}
.bg-coffret-concept .coffret-concept-pic01 img{ width:209px;}

.bg-coffret-about{
	background-image: url(img/bg-about.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:10em 0;
	width:100%;
}
.bg-coffret-about .coffret-about-title{ margin:0 auto 70px;}
.bg-coffret-about .coffret-about-title img{ width:89px;}

.bg-coffret-stone{
	background-image: url(img/bg-stone.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:10em 0;
	width:100%;
}
.bg-coffret-stone .coffret-stone-title{ margin:0 auto 70px;}
.bg-coffret-stone .coffret-stone-title img{ width:185px;}
.bg-coffret-stone .coffret-stone-pic01 img{ width:369px;}
.bg-coffret-stone .list-stone{ width:800px; margin:0 auto 24px; overflow:hidden;}
.bg-coffret-stone .list-stone ul{ overflow:hidden; margin:0 -13.3333% 0 0;}
.bg-coffret-stone .list-stone ul li{ width:20%; float:left; margin:0 13.3333% 24px 0;}
.bg-coffret-stone .list-stone ul li p{ margin:0 auto 16px;}
.bg-coffret-stone .list-stone ul li p.coffret-ling-photo img{ width:72px;}
.bg-coffret-stone .list-stone ul li p.coffret-ling-name img{ width:90px;}
.bg-coffret-stone .list-stone ul li p.coffret-ling-txt{ font-size:1em; letter-spacing:0; font-weight: 500;}

.bg-coffret-ring{
	background-image: url(img/bg-ring.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	text-align:center;
	padding:0;
	width:100%;
	height:920px;
}
.bg-coffret-ring .coffret-ring-title { margin:0 auto 70px; padding:100px 0 0 0;}
.bg-coffret-ring .coffret-ring-title img{ width:153px;}


@media only screen and (max-width: 768px) {
	
.bg-coffret-stone .list-stone{ width:94%;}
.coffret-cont p {
    font-size: 1.3em;
    letter-spacing: 0.1em;
}
.coffret-cont p.coffret-subtxt2 {
    font-size: 0.9em;}

}

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

.bg-coffret-top { height: 460px; }
.bg-coffret-top .coffret-top-title { padding: 50px 0 0 0; }
.bg-coffret-top .coffret-top-title img { width: 160px;}

.bg-coffret-concept .coffret-concept-title img { width: 90px; }

.bg-coffret-concept{ padding: 6em 0; }
.bg-coffret-concept .coffret-concept-title { margin: 0 auto 40px;}
.coffret-cont p{
	width: 90%;
	margin: 0 auto 1.6em;
	font-size: 1.2em;
    line-height: 2em;
    letter-spacing: 0em;
	}
.coffret-cont p span{ display:block;}
.coffret-cont p.coffret-midashi {
    font-size: 1.6em;
    line-height: 2em;
	letter-spacing: 0.4em;
}
.bg-coffret-concept .coffret-concept-pic01{ margin:30px auto 0 !important;}
.bg-coffret-concept .coffret-concept-pic01 img { width: 120px; }
.coffret-cont p.coffret-subtxt {
    font-size: 1em;
    letter-spacing: 0em;
}
.coffret-cont p.coffret-subtxt2 span{ display:block;}
.coffret-cont p.coffret-subtxt2 br{ display:none;}


.bg-coffret-about{ padding: 6em 0; background-image: url(img/bg-about-sp.jpg); }
.bg-coffret-about .coffret-about-title {
    margin: 0 auto 40px;
}

.bg-coffret-stone{ padding: 6em 0; }
.bg-coffret-stone .coffret-stone-title { margin: 0 auto 40px;}
.bg-coffret-stone .list-stone ul { margin: 0 -5% 0 0; }
.bg-coffret-stone .coffret-stone-title img { width: 140px; }
.bg-coffret-stone .list-stone ul li {
    width: 45%;
    margin: 0 5% 24px 0;
}
.bg-coffret-stone .coffret-stone-pic01 img { width: 240px;}

.bg-coffret-ring{ padding: 6em 0; height: 440px; }
.bg-coffret-ring .coffret-ring-title img { width: 110px;}

.bg-coffret-ring .coffret-ring-title { margin: 0 auto 40px; padding: 0;}

}