@charset "utf-8";

/*---------------------------------------------------------------------------------
エフェクト
--------------------------------------------------------------------------------- */
/* 画面外にいる状態 */
.effect {
  opacity : 0;
  transition : all 900ms 300ms ease-out;
  transform: translate(0,0);
}
/* 画面内に入った状態 */
.effect-on {
  opacity: 1.0;
  transform: translate(0,0px);
}


/* ************************************************ 
*	ハイデンブリケット
* ************************************************ */	
.briquettes-box {
width: 1200px;
max-width: 90%;
margin: 100px auto;
padding: 0;
}

.briquettes-textbox {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 0;
}

.briquettes-box p{
font-family: 'Sawarabi Mincho';
font-size: min(2.0vw,16px);
line-height: 1.8;
}
.briquettes-box p span{
font-family: 'Sawarabi Mincho';
font-size: min(2.0vw,16px);
line-height: 1.8;
font-weight: 700;
}


ul.point {
padding: 0 0 50px 1em;
position: relative;
}

ul.point li {
font-family: 'Sawarabi Mincho';
font-size: 20px;
font-size: min(2.4vw,20px);
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;
}

ul.point li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900; /* ← 背景塗りつぶし　通常は400 */
content: "\f14a";
position: absolute;
left : 0;
color: #00a960;
}


.briquettes-inner {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
margin: 0 auto;
padding: 0;
}

.briquettes-inner-box {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 50px 0 50px 0;
padding: 0;
}
.briquettes-inner-boxtext {
width: 40%;
margin: 0;
padding: 0;
}
.briquettes-inner-boximg {
width: 55%;
margin: 0;
padding: 0;
}


.briquettes-imgbox {
margin: 50px auto;
padding: 0;
}

.briquettes-title-br{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(3.3vw,30px);
line-height: 1.5;
font-weight:normal;
color: #6f5436;
text-align: center;
margin: 0 auto;
padding: 0;
}
.briquettes-title-br span{
font-size: min(5.3vw,50px);
color: #fff;
background-color: #6f5436;
padding: 0 20px;
}

.briquettes-title-br2{
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1;
font-weight:normal;
color: #fff;
text-align: center;
margin: 0 auto 50px auto;
padding: 10px 20px;
background-color: #6c2735;
}

.briquettes-title-br3{
width: 100%;
max-width: 900px;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.8;
font-weight:normal;
color: #6f5436;
text-align: center;
margin: 50px auto;
padding: 50px 0;
border-top: 1px solid #6f5436;
border-bottom: 1px solid #6f5436;
}
.briquettes-title-br3 span{
color: #00a960;
}

.briquettes-title-br4{
width: 100%;
max-width: 900px;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.8;
font-weight:normal;
color: #fff;
text-align: center;
margin: 50px auto 0 auto;
padding: 10px 0;
background-color: #6f5436;
}

.briquettes-title-br5{
width: 100%;
max-width: 900px;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.8;
font-weight:normal;
color: #fff;
text-align: center;
margin: 50px auto 25px auto;
padding: 10px 0;
background-color: #6f5436;
}
.briquettes-title-br6{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.8;
font-weight:normal;
color: #fff;
text-align: center;
margin: 50px auto 25px auto;
padding: 10px 0;
background-color: #6f5436;
}
.briquettes-title-br7{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(3.3vw,30px);
line-height: 1.5;
font-weight:normal;
color: #6f5436;
text-align: center;
margin: 50px auto 0 auto;
padding: 0;
}


.briquettes-title-green{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.8;
font-weight:normal;
color: #00a960;
text-align: center;
margin: 50px auto;
padding: 0;
}
.briquettes-green{
color: #00a960;
}

.briquettes-title-bk{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.5;
font-weight:normal;
color: #333;
text-align: center;
margin: 0 auto 50px auto;
padding: 0;
}
.briquettes-title-bk span{
color: #6c2735;
}

.briquettes-title-bk2{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(5.3vw,50px);
line-height: 1.5;
font-weight:normal;
color: #333;
text-align: center;
margin: 0 auto 50px auto;
padding: 0;
}
.briquettes-title-bk2 span{
color: #6c2735;
}
.briquettes-title-bk3{
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.5;
font-weight:normal;
color: #333;
margin: 0 0 0 20px;
padding: 0;
}

.briquettes-title-bk4{
width: 100%;
max-width: 800px;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.5;
font-weight:normal;
color: #00a960;
text-align: center;
margin: 50px auto 0 auto;
padding: 0;
background: linear-gradient(transparent 70%, #dbebc4 70%);
}

.briquettes-title-bk5{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(3.6vw,33px);
line-height: 1.5;
font-weight:normal;
color: #333;
text-align: center;
margin: 0 auto 50px auto;
padding: 0;
}

.briquettes-logoinner {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
margin: 50px 0 0 0;
padding: 0;
}

.briquettes-tokuchobox {
width: calc(47.5% - 40px);
background-color: #fff;
box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
padding: 20px;
margin: 0 0 30px 0;
}
.briquettes-tokuchobox h4{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(2.7vw,24px);
line-height: 1.5;
font-weight:normal;
color: #6f5436;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #6f5436;
}


/* QAアイコン */
.qa {
margin:50px 0;
padding:50px 0 0 0;
font-family: 'Sawarabi Mincho';
border-top: 1px solid #6f5436;
border-bottom: 1px solid #6f5436;
}
.qa dt,
.qa dd {
  position: relative;
  width: calc(100% - 40px);
  margin-left:40px;
  line-height: 180%;
  font-weight: 700;
}
.qa dt {
  margin-bottom:10px;
font-size: min(2.7vw,24px);
}
.qa dd {
  margin-bottom:50px;
font-size: min(2.1vw,18px);
}
.qa dt::before,
.qa dd::before {
font-size: min(3.9vw,36px);
	position: absolute;
	left: -1em;
	display: inline-block;
  line-height: 180%;
}
/* Qアイコン */
.qa dt::before {
	top: -12px;
	color: #6f5436;
	content: 'Q';
}
/* Aアイコン */
.qa dd::before {
	top: -16px;
	color: #00a960;
	content: 'A';
}

.briquettes-shop-inner {
width: 100%;
max-width: 800px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 50px 0 50px 0;
padding: 0;
}
.briquettes-shop-box {
width: calc(47.5% - 40px);
background-color: #fff;
box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
padding: 20px;
margin: 0 0 30px 0;
}
.briquettes-shop-box h4{
width: 100%;
font-family: 'Sawarabi Mincho';
font-size: min(2.7vw,24px);
line-height: 1.5;
font-weight:normal;
color: #6f5436;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
}
.briquettes-shop-box h4 span{
font-size: min(2.0vw,16px);
margin: 0 0 0 15px;
color: #6f5436;
}

.briquettes-shoplink {
margin: 0;
padding: 0;
background-color:#fff;
text-align:center;
width: 100%;
}
.briquettes-shoplink a{
font-family: 'Sawarabi Mincho';
font-size: min(2.0vw,16px);
color: #6c2735;
display: block;
padding: 15px 0 15px 0;
border: 1px solid #6c2735;
}
.briquettes-shoplink a:hover{
color: #fff;
border: 1px solid #6c2735;
background-color:#6c2735;
}



/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
.show_sp{ display:none; }
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.show_sp{ display:none; }
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.briquettes-box { margin: 50px auto; }
.briquettes-title-bk {
font-size: 6.5vw;
margin: 0 auto 30px auto;
}
ul.point { padding: 0 0 30px 1em;}
ul.point li { font-size: 5vw; }
.briquettes-title-br { font-size: 6vw; }
.briquettes-title-br span { font-size: 10vw; }
.briquettes-box p { font-size: 4.5vw; }
.briquettes-inner-box { margin: 0 0 50px 0; }
.briquettes-inner-boxtext {
width: 100%;
margin: 0 0 30px 0;
}
.briquettes-inner-boximg { width: 100%; }

.briquettes-title-br2 {
font-size: 6vw;
margin: 0 auto 50px auto;
padding: 10px 20px;
}
.briquettes-title-br3 {
font-size: 6vw;
margin: 50px auto;
padding: 30px 0;
}
.briquettes-title-green {
font-size: 6vw;
margin: 30px auto;
}

.briquettes-title-br4 {
font-size: 6vw;
margin: 0 auto 0 auto;
}
.briquettes-title-bk2 {
font-size: 10vw;
margin: 0 auto 30px auto;
}
.briquettes-title-bk3 {
font-size: 6vw;
margin: 15px 0 0 0;
width: 100%;
text-align: center;
}

.briquettes-title-bk5{
font-size: 6vw;
margin: 0 auto;
}
.briquettes-title-br5 {
font-size: 6vw;
margin: 50px auto 25px auto;
padding: 10px 0;
}

.briquettes-title-bk4 {
font-size: 6vw;
margin: 50px auto 0 auto;
background: linear-gradient(transparent 80%, #dbebc4 80%);
}
.briquettes-title-br6 {
font-size: 6vw;
margin: 0 auto 25px auto;
}
.briquettes-tokuchobox {
width: calc(100% - 40px);
padding: 20px;
margin: 0 0 20px 0;
}

.briquettes-tokuchobox h4 {
font-size: 5.5vw;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}

.briquettes-title-br7 {
font-size: 5.75vw;
margin: 30px auto 0 auto;
}

.qa {
margin: 50px 0 0 0;
padding: 30px 0 0 0;
}
.qa dt::before {
top: -4px;
}
.qa dd::before {
top: -6px;
}
.qa dt::before,
.qa dd::before {
font-size: 6.5vw;
left: -1.5em;
}
.qa dt {
margin-bottom: 10px;
font-size: 5.5vw;
}
.qa dd {
margin-bottom: 30px;
font-size: 4.75vw;
}

.briquettes-shop-inner {
margin: 0 0 50px 0;
}
.briquettes-shop-box {
width: calc(100% - 40px);
padding: 20px;
margin: 0 0 0 0;
}
.briquettes-shop-box h4 {
font-size: 5.5vw;
margin: 10px 0 10px 0;
}
.briquettes-shop-box h4 span {
font-size: 4.5vw;
margin: 0 0 0 15px;
}
.briquettes-shoplink a {
font-size: 4.5vw;
}

.show_pc{ display:none; }
}