@charset "UTF-8";


*, :before, :after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

* {
    min-height: 0;
    min-width: 0;
}

html {
	scroll-behavior: smooth;
}

.nw {
  display: inline-block;
}
.img {
	position: relative;
}

img {
	object-fit: cover;
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:100%;
	transition: 0.6s all;
}


button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
}

:root {
	--font-family:"Zen Kaku Gothic New", sans-serif;
	--font-family-SM:"Shippori Mincho", serif;
	--size-6xl:clamp(5rem, calc(4.8rem + 0.625vw), 5.5rem);
	--size-5xl:clamp(4.2rem, calc(4rem + 0.625vw), 4.7rem);
	--size-4xl:clamp(3.8rem, calc(3.6rem + 0.625vw), 4.3rem);
	--size-3xl:clamp(3.2rem, calc(3rem + 0.625vw), 3.7rem);
	--size-2xl:clamp(2.6rem, calc(2.4rem + 0.625vw), 3.1rem);
	--size-xl: clamp(2.4rem, calc(2.2rem + 0.625vw), 2.9rem);
	--size-lg:clamp(1.9rem, calc(1.7rem + 0.625vw), 2.4rem);
	--size-md:clamp(1.5rem, calc(1.3rem + 0.625vw), 2rem);
	--size-base:clamp(1.2rem, calc(1rem + 0.625vw), 1.7rem);
	--size-sm:  clamp(1.1rem, calc(0.9rem + 0.625vw), 1.6rem);
	--size-xs:clamp(0.9rem, calc(0.7rem + 0.625vw), 1.4rem);
	--size-xxs:clamp(0.6rem, calc(0.4rem + 0.625vw), 1.1rem);

	--color-orange:#FF5611;
	--color-green:#2EB6AA;
	--color-sand:#FFFCEB;
	--color-beige:#F0ECCD;
	--color-navy:#0B2E5E;
	--color-miffy:#FFC80B;
	--color-white: #fff;
	--color-black:#000;
	--color-dialog-menu-btn: #000;	
	--color-dialog-menu-bg:#fff;	
	--color-dialog-menu-link:#0B2E5E;	
	
	--color-primary:#001435;
	--color-secondary:#d1a537;
	--color-accent:#dcbcbd;

}

@media screen and (min-width: 1025px) {
	:root {}
}


/*************サンプル*********************/


/*最小値:1.1rem → 可変（0.9rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.6rem*/
.font-size-S {
    font-size: clamp(1.1rem, calc(0.9rem + 0.625vw), 1.6rem);
}

/*最小値:1.2rem → 可変（1rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.7rem*/
.font-size-M {
    font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.7rem);
}

/*最小値:2.4rem → 可変（2.4rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2.9rem*/
.font-size-L {
    font-size: clamp(1.5rem, calc(2.2rem + 0.625vw), 2rem);
}



.size-5xl{
	font-size:var(--size-5xl);
}

.size-4xl{
	font-size:var(--size-4xl);
}
.size-3xl{
	font-size:var(--size-3xl);
}
.size-2xl{
	font-size:var(--size-2xl);
}
.size-xl{
	font-size:var(--size-xl);
}
.size-lg{
	font-size:var(--size-lg);
}
.size-md{
	font-size:var(--size-md);
}
.size-base{
	font-size:var(--size-base);
}
.size-sm{
	font-size:var(--size-sm);
}
.size-xs{
	font-size:var(--size-xs);
}
.size-xxs{
	font-size:var(--size-xxs);
}