/** Shopify CDN: Minification failed

Line 560:0 Unexpected "}"

**/
@charset "utf-8";
main > *{position:relative;}
figcaption{
	position:absolute;
	top:0;
	color:#fff;
}
*[id^="topFg"] figcaption *[lang="en"],
*[id^="topFg"] figcaption *[lang="en"] img{
	display:block;
	line-height:1.0;
}
.bg,
.bg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#topFg01 figcaption{
	display:flex;
	flex-direction:column;
}
#topFg01 figcaption *{display:block;}
#topFg01 figcaption strong{line-height:1.3;}
#topFg01 figcaption .topFgTxt{line-height:1.875;}
@media screen and (min-width:749.98px){
#topFg01 figcaption strong{color:#727171;}
#topFg01 figcaption .topFgTxt{color:#727171;}
}
#topFg02 figcaption,
#topFg03 figcaption,
#topFg05 figcaption,
#topFg06 figcaption{
	display:flex;
	flex-direction:row-reverse;
}
#topFg02 figcaption > *,
#topFg03 figcaption > *,
#topFg05 figcaption > *,
#topFg06 figcaption > *{
	display:block;
	line-height:1.0;
}
#topFg02 figcaption > .belTtl span,
#topFg03 figcaption > .belTtl span,
#topFg05 figcaption > .belTtl span,
#topFg06 figcaption > .belTtl span{
	display:table;
	background-color:#fff;
	color:#717171;
}
#topFg04 .icon{margin:0 auto;}
#topFg04 .icon img{
	display:block;
	line-height:1.0;
}
#topFg04 .topFg04Ttl{
	line-height:1.54;
	text-decoration:underline;
    text-decoration-thickness: 3px;
  color:#727171;
}
@media screen and (max-width:749.98px){
#topFg04 .topFg04Ttl{
  color:#fff;
    text-decoration-thickness: 2px;
}
}
.gallerySec{text-align:center;}
.gallerySec,
#newsSec{color:#717171;}
.gallerySec .secTtl{
	display:table;
	margin:0 auto;
}
.gallerySec .secTtl{white-space:nowrap;}
.gallerySec .secTtl > *,
.gallerySec .secLead{
	display:block;
	line-height:1.0;
	white-space:nowrap;
}
.gallerySec figure[id*="Gallery"]{
	overflow-x:scroll;
	overflow-y:hidden;
}
figure[id*="Gallery"] > ul{
	display:flex;
	justify-content:space-between;
}
.gallerySec figure[id*="Gallery"] >ul >li,
.gallerySec figure[id*="Gallery"] >ul >li *{
	/* display:block; */
	line-height:1.0;
	text-align:left;
}
.gallerySec figure[id*="Gallery"] >ul >li .itemName{font-weight:bold;}

#topEasy .easyTtl{
	line-height:1.6em;
	text-decoration:underline;
    text-decoration-thickness: 3px;
}
@media screen and (max-width:749.98px){
#topEasy .easyTtl{
    text-decoration-thickness: 2px;
}
}
#topAbout .aboutTtl{line-height:1.0;}
#topAbout .secTxt{line-height:1.875;}
#topAbout .linkBtn a{margin:0 auto;}
#topCompany .companyTtl{line-height:1.0;}
#topCompany .secTxt{line-height:1.875;}
#newsSec{background:url("../img/news-bg.png") repeat-y center top;}
#newsSec .newsList,
#newsSec .newsList *{
	display:block;
	line-height:1.0;
}
#newsSec .newsList dd+dt{border-top:2px solid #dbdbdb;}
@media screen and (max-width:1083.98px){
	.bg,
	.bg img{object-position:30% top;}
	#topFg01{height:180vw;}
	#topFg04{height:180vw;margin-bottom: 84px;}
	#topFg01 figcaption,
	#topFg04 figcaption{
		width:89.333vw;
		left:5.3335vw;
		bottom:0;
		justify-content:flex-end;
	}

    .topfv_slider_box2 figcaption{
		top:5%;
        bottom: auto !important;
	}
  
	#topFg01 figcaption{padding-bottom:26.133vw;}
	#topFg01 figcaption small[lang="en"] img{
		width:260px;
		margin-left:-5.333vw;
	}
	#topFg01 figcaption strong{
		margin-top:10px;
		font-size:7.2vw;
	}
  
	#topFg01 figcaption .topFgTxt{margin-top:16px;}
	#topFg01 figcaption .topFgTxt br{ display:none;}
	#topFg02,
	#topFg03,
    #topFg05,
	#topFg06{height:80vw;}
	#topFg02 figcaption{
		top:8.8vw;
		right: 9.133vw;
	}
	#topFg03 figcaption{
		top:11.733vw;
		right:9.133vw;
	}
.topFg03_2 .bg,.topFg03_2 .bg img {
  object-position: 0 top;
}
  #topFg05 figcaption{
		top:8.8vw;
		right: 9.133vw;
	}
	#topFg06 figcaption{
		top:11.733vw;
		right:9.133vw;
	}
	#topFg02 figcaption > .belTtl span,
	#topFg03 figcaption > .belTtl span,
    #topFg05 figcaption > .belTtl span,
	#topFg06 figcaption > .belTtl span{
		padding:10px 7px;
		font-size:2.7rem;
		border-radius: 50px;
	}
	#topFg02 figcaption > .topFgTxt,
	#topFg03 figcaption > .topFgTxt,
    #topFg05 figcaption > .topFgTxt,
	#topFg06 figcaption > .topFgTxt{margin-right:16px;color: #717171;line-height: 1.5;}
	#topFg04 figcaption{
		display:flex;
		flex-direction:column;
		padding-bottom:14.133vw;
	}
	#topFg04 .icon{
		position:absolute;
		width:141px;
		top:8.533vw;
		right:-5.3335vw;
	}
	#topFg04 .topFg04Ttl{font-size:clamp(26px,7vw,40px);}
	#topFg04 .topFgTxt{margin-top:14px;font-size:clamp(14px,2.8vw,20px);}
	.gallerySec .secTtl{font-size:clamp(30px,7vw,40px);}
	.gallerySec .secTtl strong{margin-top:7px;}
	.gallerySec .secTtl strong{padding:0 28px;}
	.gallerySec .secLead{margin-top:20px;}
	.gallerySec figure[id*="Gallery"]{
		width:calc(100% - 5.333vw);
		margin:35px 0 52px 5.333vw;
	}
	.gallerySec figure[id*="Gallery"] > ul{width:1506px;}
	.gallerySec figure[id*="Gallery"] >ul >li{
		width:240px;
		margin-right:11px;
		padding-bottom:42px;
	}
	.gallerySec figure[id*="Gallery"] >ul >li .itemCode{margin-top:20px;}
	.gallerySec figure[id*="Gallery"] >ul >li .itemName{
		margin-top:10px;
		font-size:1.5rem;
	}
	.gallerySec figure[id*="Gallery"] >ul >li .itemPrice{margin-top:10px;}
	.gallerySec .btnLinker{font-size:1.4rem;}
	.gallerySec .btnLinker li{text-align:center;}
	.gallerySec .btnLinker li+li{margin-top:15px;}
	.gallerySec .btnLinker li a{
        max-width:320px;
		margin:0 auto;
		border-radius:28px;
	}
	#hakamaSec{padding-bottom:84px;}
	#hakamaSec .secTtl small{width:115px;}
	#shichiSec{margin:30px auto 80px;}
	#shichiSec .secTtl small{width:69px;}
	#topEasy{height:180vw;}
	#topEasy figcaption,
	#topAbout figcaption,
	#topCompany figcaption,
	#topIchi figcaption{left:2vw;}
	#topEasy figcaption{
		width:89.334vw;
		top:13.2vw;
		left:5.333vw;
	}
	#topEasy .easyTtl{font-size:clamp(30px,7vw,40px);}
	#topEasy .secTxt{margin-top:15px; }
	#topAbout{height:180vw;}
	#topAbout figcaption{
		width:100%;
		top:initial;
		bottom:11.7333vw;
        left:0;
        padding: 0 20px;
	}
	#topAbout .aboutTtl{font-size:4.4rem;}
	#topAbout .secTxt{margin-top:42px;}
	#topAbout .linkBtn{
      max-width: 320px;
      margin: 30px auto;
    }
	#topAbout .linkBtn a{border-radius:28px;}
	#topCompany{height:180vw;}
	#topCompany figcaption{
		width:89.334vw;
		top:initial;
		bottom:18.133vw;
	}
	#topCompany .companyTtl{font-size:2.9rem;}
	#topCompany .secTxt{margin-top:22px;}
	#newsSec{padding:90px 5.333vw;}
	#newsSec .newsTtl{font-size:2.9rem;}
	#newsSec .newsList{
		width:100%;
		margin-top:40px;
		font-size:1.4rem;
	}
	#newsSec .newsList dd+dt{
		margin-top:23px;
		padding-top:23px;
	}
	#newsSec .newsList dd{margin-top:16px;}
	#topIchi{height:80vh;}
	#topIchi figcaption{
		width:89.334vw;
		top:initial;
		bottom:18.133vw;
	}
	#topIchi .ichiTtl{font-size:2.9rem;}
	#topIchi .secTxt{margin-top:20px;}
}
@media screen and (max-width:767.98px){
  #topFg02 figcaption > .topFgTxt img, #topFg03 figcaption > .topFgTxt img,
  #topFg05 figcaption > .topFgTxt img, #topFg06 figcaption > .topFgTxt img{
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: baseline;
    }
    #topFg04 .topFgTxt img {
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: middle;
    }
}
@media screen and (min-width:1084px){
	main{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	main > *{width:100%;}
	.bg,
	.bg img{
		object-position:center center;
		max-width: unset;
    	margin: auto;
	}
	#topFg01 {
		background: #553b38;
	}
	#topFg01 figcaption{
		width:598px;
		padding-top:284px;
		justify-content:flex-start;
	}
	#topFg01 figcaption small[lang="en"] img{margin-left:-102px;width: auto;}
	#topFg01 figcaption strong{
		margin-top:24px;
		font-size:5.2rem;
	}
	#topFg01 figcaption .topFgTxt{margin-top:24px;}
	main > #topFg02,
	main > #topFg03,
    main > #topFg05,
	main > #topFg06{width:50%;}
	#topFg02 figcaption,
	#topFg03 figcaption,
    #topFg05 figcaption,
	#topFg06 figcaption{
		top:106px;
		right:76px;
	}
	#topFg02 figcaption > .belTtl span,
	#topFg03 figcaption > .belTtl span,
    #topFg05 figcaption > .belTtl span,
	#topFg06 figcaption > .belTtl span{
		padding:16px 12px;
		font-size:3.6rem;
		border-radius: 50px;
	}
	#topFg02 figcaption > .topFgTxt,
	#topFg03 figcaption > .topFgTxt,
    #topFg05 figcaption > .topFgTxt,
	#topFg06 figcaption > .topFgTxt{
		margin-right:26px;
		font-size:1.8rem;
		color: #727171;
		line-height: 1.5;
	}
    #topFg02 figcaption > .topFgTxt img,
	#topFg03 figcaption > .topFgTxt img,
    #topFg05 figcaption > .topFgTxt img,
	#topFg06 figcaption > .topFgTxt img{
      display: inline-block;
      width: 29px;
      height: 29px;
      vertical-align: baseline;
    }
	#topFg04 {
		background: #dacec2;
	}
	#topFg04 figcaption{
		width:612px;
		top:182px;
		text-align:center;
	}
	#topFg04 .icon{width:305px;}
	#topFg04 .topFg04Ttl{
		margin-top:30px;
		font-size:4.8rem;
	}
	#topFg04 .topFgTxt{margin-top:44px;color:#727171;}
    #topFg04 .topFgTxt img {
      display: inline-block;
      width: 29px;
      height: 29px;
      vertical-align: middle;
    }
	.gallerySec .secTtl{font-size:4.9rem;}
  
	.gallerySec .secTtl strong{margin-top:3px;text-decoration-thickness:3px;}
  @media screen and (max-width:767.98px){
    .gallerySec .secTtl strong{text-decoration-thickness:2px;}
}
	.gallerySec .secLead{
		margin-top:40px;
		font-size:1.8rem;
	}
	.gallerySec figure[id*="Gallery"]{
		width:calc(100% - 50px);
		margin:84px 0 70px 50px;
	}
	.gallerySec .secTtl strong{padding:0 66px;}
	.gallerySec figure[id*="Gallery"] > ul{width:2268px;}
	.gallerySec figure[id*="Gallery"] >ul >li{
		width:356px;
		margin-right:22px;
		padding-bottom:52px;
	}
	.gallerySec figure[id*="Gallery"] >ul >li .itemCode{margin-top:32px;}
	.gallerySec figure[id*="Gallery"] >ul >li .itemName{
		margin-top:16px;
		font-size:2.0rem;
	}
	.gallerySec figure[id*="Gallery"] >ul >li .itemPrice{margin-top:26px;}
	.gallerySec .btnLinker{
		display:flex;
		justify-content:center;
		font-size:1.8rem;
	}
	.gallerySec .btnLinker li+li{margin-left:14px;}
	#hakamaSec{margin-top:84px;padding-bottom: 84px;}
	#hakamaSec .secTtl small {height: 60px;width: auto;}
	#hakamaSec .secTtl small img {width: auto;height: 100%;}
	#shichiSec{margin:95px auto 122px;}
	#shichiSec .secTtl small{width:117px;}
	#topEasy {
		background: #cec2b9;
	}
	#topEasy figcaption{
		width:560px;
		height:100%;
		top:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	#topEasy .easyTtl{font-size:4.8rem;}
	#topEasy .secTxt{margin-top:35px; }
	#topAbout {
		background: #7d979e;
	}
	#topAbout figcaption{
		width:490px;
		height:100%;
		top:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	#topAbout .aboutTtl{font-size:4.4rem;}
	#topAbout .secTxt{margin-top:42px;}
	#topAbout .linkBtn{
      max-width: 320px;
      margin: 30px auto 0;
    }
	#topCompany {
		background: #7b7a7b;
	}
	#topCompany figcaption{
		width:448px;
		height:100%;
		top:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	#topCompany .companyTtl{font-size:4.4rem;}
	#topCompany .secTxt{margin-top:42px;}
	#newsSec{padding:132px 0;}
	#newsSec .newsTtl{font-size:4.4rem;}
	#newsSec .newsList{
		width:978px;
		margin-top:70px;
	}
	#newsSec .newsList dd+dt{
		margin-top:40px;
		padding-top:36px;
	}
	#newsSec .newsList dd{margin-top:20px;}
	#topIchi {
		background: #d3f0f6;
	}
	#topIchi figcaption{
		width:448px;
		height:100%;
		top:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	#topIchi .ichiTtl{font-size:4.8rem;}
	#topIchi .secTxt{margin-top:42px;}
}
@media screen and (min-width:1084px) and (max-width:1403.98px){
	#topFg01{height:840px;}
	#topFg01 figcaption{left:22px;}
	#topFg02,
	#topFg03,
    #topFg05,
	#topFg06{height:637px;}
	/*#topFg04{height:840px;}*/
	#topFg04 figcaption{right:2vw;}
	/*#topEasy{height:646px;}*/
	#topEasy figcaption,
	#topCompany figcaption,
	#topIchi figcaption{left:2vw;}
	/*#topAbout{height:770px;}*/
	#topAbout figcaption{right:2vw;}
	/*#topCompany{height:770px;}*/
	#newsSec{padding-left:2vw;}
	/*#topIchi{height:650px;}*/
}
@media screen and (min-width:1404px){
	#topFg01 figcaption{left:calc(50% - 698px);}
	#topFg04 figcaption{left:50%;}
	#topEasy figcaption,
	#topCompany figcaption,
	#topIchi figcaption{left:calc(50% - 560px);}
	#topAbout figcaption{left:calc(50% + 120px);}
	#newsSec{padding-left:calc(50% - 560px);}
}
.topFgTtl,.topFg04Ttl,#topAbout h2,#topCompany h2,#topIchi h2{
  color:#fff;
}
.topfv_slider_box2 .topFgTtl,.topfv_slider_box2 .topFg04Ttl,.topfv_slider_box2 .topFgTxt {
  color: #717171;
}
.topfv_slider_box4 .topFgTtl,.topfv_slider_box4 .topFg04Ttl,.topfv_slider_box4 .topFgTxt {
  color: #717171 !important;
}
#topEasy h2, #topEasy p{ 
  color: #717171;
}
#newsSec h2,#newsSec a  {
  color:#717171;
}
.gallerySec figure[id*="Gallery"] >ul >li .itemName {
  color:#717171;
}
.gallerySec figure[id*="Gallery"] >ul >li a {
    color:#717171;
}
figure > a {
  display:block;
}

.toptextlink {
  text-align: center;
  padding: 70px 0 20px;
  background: #fff;
  z-index: 3;
  position: relative;
}
.toptextlink a {
  color:#000;
}
}


@media screen and (max-width: 1083.98px) {
    #shopify-section-template--18042228244712__736c8b09-85bd-43f1-b941-13643a07db26 #topAbout {
        height: 275vw;
        padding-top: 40vw;
        background-color: #a5d8df;
    }
    #shopify-section-template--18042228244712__736c8b09-85bd-43f1-b941-13643a07db26 #topAbout figcaption {
        top: 13vw;
    }
      #shopify-section-template--18042228244712__736c8b09-85bd-43f1-b941-13643a07db26 #topAbout {
        height: 275vw;
        padding-top: 40vw;
        background-color: #a5d8df;
    }
}

.topFig_w100 a {
  width:100%;
  height:100vh;
}
@media screen and (max-width: 768px) {
  .topFg03  figcaption {
    top:7vw !important;
  }
.topFig_w100 a {
  width:100%;
  height:auto;
}

.topfv_slider_box4 figcaption {
  top:7vw !important;
  bottom:unset !important;
}
}

/* 0421追加 */
@media screen and (min-width: 1404px) {
  .topfv_slider_box5 figcaption {
      width: 644px!important;
  }
}

@media screen and (min-width: 1404px) {
  .topfv_slider_box6 figcaption {
      width: 644px!important;
  }
}

@media screen and (max-width: 768px) {
.topfv_slider_box5 figcaption ,.topfv_slider_box6 figcaption {
  top:7vw !important;
  bottom:unset !important;
  color: #727171 !important;
}
.topfv_slider_box5 figcaption strong ,.topfv_slider_box6 figcaption strong {
  color: #727171 !important;
}
}

@media screen and (max-width: 1083.98px) {
  .topfv_slider_box2 figcaption small[lang="en"] img {
    width: 180px !important;
}
  .topfv_slider_box5 figcaption small[lang="en"] img {
      width: 180px !important;
  }
  .topfv_slider_box6 figcaption small[lang="en"] img {
    width: 180px !important;
}
}