@charset "UTF-8";

/*  =============================



			 BASE

			

=============================  */



/*  ---------------------------

			Layout

---------------------------  */



*{

	margin:0;

	padding:0;

}



body{

	color:#333;
	font-size:14px;
	background:#FFF;
	height:100%;
	position: relative;
	min-width:768px;
	font-family: "Noto Sans JP", sans-serif;
	overflow-x:hidden;
}



html{

	min-width:768px;

	overflow-x:hidden;

}



img{

	border:0;

}



p{

	margin:0;

	padding:0;

}



a{

	color:#586549;

	text-decoration:underline;

}



a:hover{

	color:#586549;

	text-decoration:none;

}



/*  ---------------------------

			Contents

---------------------------  */

#cont{

	width:100%;

}



/*  ---------------------------

			clearfix

---------------------------  */

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}



/*  =============================



			LABEL

			

=============================  */



/*  ---------------------------

			Layout

---------------------------  */



h3{

	text-align:center;

	padding:24px 0 30px 0;

}

.bg {
width:100%;
background: url("../handmade/ornament/images/bg.jpg")top center repeat;
background-size: cover;

}
.bg-l {
	width:100%;
	background: url("../handmade/ornament/images/bg_left.png")top left repeat-y;
	background-size: 4%;
}
.bg-r {
	width:100%;
	background: url("../handmade/ornament/images/bg_right.png")top right repeat-y;
	background-size: 4%;
}
.keyimg{
	max-width:1200px;
	margin:0 auto 60px;

}

.keyimg img{

	height:auto;

	width:100%;

}



section p{
	color: #333;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.pc {
display: block!important;
}
.sp {
display: none!important;
}
@media screen and (max-width: 768px){
.pc {
display: none!important;
}
.sp {
display: block!important;
}
.bg-l {
	width:100%;
	background: url("../handmade/ornament/images/bg_left.png")top left repeat-y;
	background-size: 4%;
}
.bg-r {
	width:100%;
	background: url("../handmade/ornament/images/bg_right.png")top right repeat-y;
	background-size: 4%;
}
.keyimg{
	max-width:100%;
	margin:0 auto 60px;

}
}


/*  ---------------------------

			LABEL CONT

---------------------------  */



section{
	width:100%;
	/*max-width:1200px;
	margin:0 auto;*/
}

.inner{
	max-width:1000px;
	position:relative;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	zoom:1;
}
.inner .ornament-img {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.inner .ornament-img li {
width: 23%;
height: auto;
list-style: none;
}
.inner .ornament-img li img {
width: 100%;
height: auto;
}
.inner .ornament-text {
width: 100%;
}
.inner .ornament-text h3 {
    width: 100%;
    font-size: 1.8rem;
    padding: 3% 0;
    font-weight: bold;
    color: #fff;
    border-radius: 60px;
    line-height: 0;
    background: #a31714;
	font-family: "Noto Sans JP", sans-serif;
}
.inner .ornament-text p {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
	margin: 30px auto;
	text-align: left;
}

.dl-area {
width: 100%;
}
.dl-area h4 {
padding-bottom: 10px;
margin: 30px auto;
font-size: 1.8rem;
color: #1e522e;
font-weight: bold;
border-bottom: 4px solid #1e522e;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
}
.dl-area .dl-btn {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dl-area .dl-btn li {
width: 48%;
height: auto;
margin-bottom: 30px;
list-style: none;
}
.dl-area .dl-btn li a {
display: block;
}
.dl-area .dl-btn li a:hover {
opacity: 0.8;
}
.dl-area .dl-btn li img {
width: 100%;
height: auto;
}
.ornament-back_home {
    text-align: center;
    padding: 15px 0;
    width: 200px;
    height: 55px;
    margin: 0 auto;
    display: block;
}

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

section{
	width:100%;
	/*max-width:1200px;
	margin:0 auto;*/
}

.inner{
	max-width:100%;
	padding: 0 10%;
}
.inner .ornament-img {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
flex-wrap: wrap;
}
.inner .ornament-img li {
width: 48%;
height: auto;
margin-bottom: 20px;
}
.inner .ornament-img li img {
width: 100%;
height: auto;
}
.inner .ornament-text {
width: 100%;
}
.inner .ornament-text h3 {
    width: 100%;
    font-size: 2.4rem;
    padding: 3% 5%;
    font-weight: bold;
    color: #fff;
    border-radius: 100px;
    line-height: 1.6em;
    background: #a31714;
	font-family: "Noto Sans JP", sans-serif;
	box-sizing: border-box;
}
.inner .ornament-text p {
    font-size: 1.8rem;
    font-weight: 500;
    color: #333;
	margin: 30px auto;
	text-align: left;
	line-height: 2.3em;
}

.dl-area {
width: 100%;
}
.dl-area h4 {
padding-bottom: 10px;
margin: 30px auto;
font-size: 2rem;
color: #1e522e;
font-weight: bold;
border-bottom: 4px solid #1e522e;
text-align: center;
font-family: "Noto Sans JP", sans-serif;
}
.dl-area .dl-btn {
display: block;
}
.dl-area .dl-btn li {
width: 100%;
height: auto;
margin-bottom: 15px;
}
.dl-area .dl-btn li a {
display: block;
}
.dl-area .dl-btn li a:hover {
opacity: 0.8;
}
.dl-area .dl-btn li img {
width: 100%;
height: auto;
}
.ornament-back_home {
    text-align: center;
    padding: 15px 0;
    width: 200px;
    height: 55px;
    margin: 0 auto;
    display: block;
}
}