@charset "utf-8";


.mv {
  width: 100%;
}
.slider {
  margin-inline: auto;
  overflow: hidden;
}

.slider img {
	width: 100%; 
	height: 100%; 
}

/* =========================================
   Concept
========================================= */

.concept {
    position: relative;
    padding-top: 20%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8.46%;
}



/* コンテンツ */

#top_concept-choice{
	background-image: url("../images/three.png"),url("../images/three.png");
	background-repeat: no-repeat;
	background-size: 26.84% auto,26.84% auto;
	background-position: left 5.38% top 26.15%,left 5.38% bottom;
	
}
.concept__content {
    display: flex;
    justify-content: space-between;
    margin-top: 6.15%;
	
}

/* 左画像 */
.concept__image {
    width: 44.61%;
	
	
}

.concept__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* 右テキスト */
.concept__body {
    width: 50%;
}

.concept__heading {
  margin-bottom: 24px;
  font-size: 1.51rem;
  line-height: 1.4;
	font-weight: 500;
}

.concept__text {
    line-height: 2;
    font-size: 0.9rem;
}




/* =========================================
   Package
========================================= */

.package {
    padding-top: 6.15%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 6.15%;
}
.package .inner {
  position: relative;
  z-index: 2;
}
/* コンテンツ */
.package__content {
    display: flex;
    justify-content: space-between;
    margin-top: 3.07%;
}

/* 左画像 */
.package__image {
    width: 43.84%;
}

.package__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* 右テキスト */
.package__body {
  width: 50%;
}

.package__heading {
     margin-bottom: 24px;
    font-size: 1.51rem;
    line-height: 1.4;
    font-weight: 500;
}

.package__text {
    line-height: 2;
    margin-bottom: 10px;
    font-size: 0.9rem;
}



/* =========================================
   Products
========================================= */

.products {
	background-color: #fffaee;
    padding-right: 0;
    padding-left: 0;
/*	padding-top: 6.15%;*/
    padding-bottom: 6.15%;
}
.products .inner {
  position: relative;
  z-index: 2;
}

/* 一覧 */
.products__list {
    margin-top: 4.61%;
    margin-bottom: 6.15%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* 商品 */
.products__item {
}

/* カード全体リンク */
.products__link {
    display: block;
    text-decoration: none;
}

/* 画像 */
.products__link img {
    display: block;
    width: 100%;
    height: auto;
}

/* 商品名 */
.products__name {
    margin-top: 12px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.banner{
    padding-top: 6.15%;
    padding-bottom: 6.15%;
}
.banner_img {
	width: 100%;
}
.banner_img a{
	display: block;
}


.instagram{
    background-color: #f4f4f4;
    padding-bottom: 8.46%;
    padding-top: 6.15%;
}
.instagram__list{
	margin-top: 5.38%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:1px;
	margin-bottom: 5.38%;
}
.instagram__item{
	
}
.instagram__image{
	display: block;
/*
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
*/
}


.online{
	padding-bottom: 6.92%;
}
.top_online_ue{
    display: flex;
    justify-content: center;
    margin-top: 4.61%;
}
.top_online_ue img {
    width: 48.46%;
    margin-left: 16px;
    margin-right: 16px;
}

.top_online_sita{
    display: flex;
    justify-content: space-around;
    margin-top: 4.61%;
}
.top_online_sita a{
    display: block;
    border: 1.2px solid #dadadf;
    background-color: #FFFFFF;
    padding: 16px 32px;
    width: 120px;
}


.news{
	background-color: #fffaee;
    padding-right: 0;
    padding-bottom: 8.46%;
}
.news ul{
	margin-top: 2.3%;
}
.news ul li{
    display: flex;
    border-bottom: 2.8px dotted #ea8438;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.news ul li p{
    font-size: 16px;
    line-height: 1.7em;
    font-weight: 500;
    padding-right: 4.61%;
}

.news ul li h3{
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 500;
	width: 100%;
}
.news ul li h3 a{
    display: block;
    width: 100%;
    background-image: url("../images/circle_arrow.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.shop{
	padding-bottom: 2.3%;
}
.shop ul{
	margin-top: 4.61%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.shop ul li{
	box-sizing: border-box;
	width: 29.2333%;
	margin-right: 6.15%;
	margin-bottom: 4.61%;
}
.shop ul li:nth-child(3n){
	margin-right: 0;
}
.shop_img{
	width: 100%;
	margin-bottom: 12px;
}
.shop_img img{
	width: 100%;
}
.shop ul li p{
	line-height: 1.7em;
}
.shop ul li p a {
    color: #1D00AB;
    text-decoration: underline;
}
.shop ul li p .external-link {
	font-size: 14px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px auto;
    background-image: url(../images/external-link.svg);
    padding-right: 24px;
    display: inline-block;
}