/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%; }body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

*, *::before, *::after { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0; color: #000;}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
@media screen and (min-width: 768px) { p { font-size: 16px;}}
button {border: 0;}

@media screen and (max-width: 767px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 768px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}

.container {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(calc(35vw / 3.9),35px);
  padding-right: min(calc(35vw / 3.9),35px);
}

body * { min-height: 0vw;} /* clamp用 */

a { transition: .3s; }
a * {pointer-events: none; transition: .3s;} /* サイト計測用 */

img ,svg { width: 100%; height: auto; object-fit: contain; }

section { position: relative; }

h2 { text-align: center; }

/* 可変改行指定、<wbr>と併用 */
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

.common-wrapper{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(min(calc(30vw / 3.9),30px),calc(50vw / 10),50px) 0;
}

/* .link-button {display: block; width: 100%;} */

/* background用svgの記述
svgタグ内、viewBoxと内容を変更、カラー変更は#が効かないので%23を記述→fill="%23■■■■■■"
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 8.66.24"><path fill="%23ffffff" d="M7.44,.1l2.44,4.23-2.44,4.23H2.56L.12,4.33,2.56,.1H7.44m.06-.1H2.5L0,4.33l2.5,4.33H7.5l2.5-4.33L7.5,0h0Z"/></svg>') ;
*/
/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/

html{
  font-size: clamp(min(calc(13vw / 3.9),13px),calc(20vw / 10),20px);
} 
.f-10 { font-size: calc(10rem / 13); }
.f-12 { font-size: calc(12rem / 13); }
.f-13 { font-size: calc(13rem / 13); }
.f-14 { font-size: calc(14rem / 13); }
.f-15 { font-size: calc(15.247rem / 13); }
.f-17 { font-size: calc(17rem / 13); }
.f-22 { font-size: calc(22.3623rem / 13); }
.f-32 { font-size: calc(32.527rem / 13); }
.f-w400 {font-weight: 400;}
.f-w700 {font-weight: 700;}
.f-w900 {font-weight: 900;}
.lh-145 {line-height: 1.45;}
.center { text-align: center; }
.left { text-align: left; }
.color-white {color: #fff;}
.color-brown {color: #8c6239;}

.p-top-80px { padding-top: clamp(min(calc(80vw / 3.9),80px),calc(100vw / 10),100px); }

.t-shadow { text-shadow: 3.5px 3.5px 2.5px rgba(0, 0, 0, .5); }

.top-title {
  margin: 15px auto 0;  
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-title > div {
  display: inline-block;
}

h1 {
  padding-top: min(calc(15vw / 3.9),15px);
}

.container--p15px {
  padding-left: min(calc(15vw / 3.9), 15px);
  padding-right: min(calc(15vw / 3.9), 15px);
}

.introduction-bg {
  background-image: url(../img/bg_intro.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center min(calc(35vw / 3.9),35px);
}

.common-title h2 {
  display: inline-block;
  width: auto;
  padding: clamp(min(calc(10vw / 3.9),10px),calc(20vw / 10),20px) clamp(min(calc(15vw / 3.9),15px),calc(30vw / 10),30px) clamp(min(calc(10vw / 3.9),10px),calc(20vw / 10),20px) clamp(min(calc(10vw / 3.9),10px),calc(20vw / 10),20px);
}

.common-title--sec1 h2 {
  background-color: #f7931e;
}
.common-title--sec2 h2 {
  background-color: #000;
}

.common-title--sec3 h2 {
  background-color: #006837;
}

.common-wrapper--img {
  gap: clamp(4px,calc(8vw / 10),8px);
  max-width: 750px;
}

.common-wrapper--sec2 {
    gap: clamp(min(calc(45vw / 3.9),45px),calc(60vw / 10),60px);
}

.container--thumbnail {
  max-width: none;
  padding-top: 20px;
}

.col5-img {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  grid-auto-rows: auto;
  gap: min(calc(3vw / 3.9),3px);
  max-width: none;
  padding-bottom: clamp(10px,calc(30vw / 10),30px);
}

.footer {
  background-color: #8c6239;
  padding: clamp(8px,calc(80vw / 10),20px) 0;
}

.flex-text {
  display: flex;
  flex-wrap: wrap;
  margin: clamp(5px, calc(15vw / 10), 15px) auto 0;
  gap: min(calc(5vw / 3.9),5px);
  max-width: clamp(min(calc(280vw / 3.9),280px),calc(450vw / 10),450px);
}

.flex-text a {
  position: relative;
}

.flex-text a:hover {
  text-decoration: underline;
}

.flex-text a:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    height: calc(10rem / 13);
    width: 1px;
    background-color: #fff;
    margin-left: min(calc(10vw / 3.9), 10px);
}

.splide__arrow {
  width: clamp(14.9057px,calc(26vw / 10),26px);
  height: clamp(17.2116px,calc(30vw / 10),30px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  border-radius: 0px;
}
.splide__arrow--prev {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.splide__arrow svg {
  display: none;
}