/*
Theme Name: alpen-theme
Author: BLUE SEVEN
*/

@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
/* reset / base
---------------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz_box-sizing: border-box;
}
:root {
  --fs-page-title: clamp(1.8rem,calc(1.2857142857142858rem + 1.4285714285714286vw),3rem);
  --fs-sec-title: clamp(1.8rem,calc(1.2857142857142858rem + 1.4285714285714286vw),3rem);
  --fs-normal: clamp(1.4rem,calc(1.1428571428571429rem + 0.7142857142857143vw),2rem);
  --fc-base : #4d4d4d;
  --main-blue: #1586C9;
  --water-blue: ##63C5F1;
  --orange: #F18B00;
  --yellow: #ECDB00;
  --brown: #754C24;
}
html{
  font-size: 62.5%;
}
body {
  color: var(--fc-base);
  font-family: YuGothic,"Yu Gothic Medium","Yu Gothic","Hiragino Kaku Gothic ProN", Hiragino Sans,sans-serif;
  font-size: 1.6rem;
  line-height: 1.9;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
}
h2 {
  font-size: var(--fs-sec-title);
}
h3 {
  font-size: min(calc(1.3rem + 0.6vw),1.75rem);
}
h4 {
  font-size: min(calc(1.275rem + 0.3vw),1.5rem);
}
h5{
  font-size: 1.25rem;
}
h6{
  font-size: 1rem;
}
p {
  font-size: var(--fs-normal);
  margin:0;
}
ol,
ul,
li,
dl,
dt,
dd,
th,
td,
figcaption{
  font-size: var(--fs-normal);
  margin: 0;
  padding: 0;
}
dt,
th{
  font-weight:700;
}
ol,
ul{
  list-style-type:none;
}

a{
  color: #008CFF;
  font-size: var(--fs-normal);
  text-decoration: none;
  transition-duration: 0.4s;
}
img {
  max-width:100%;
  height:auto;
}
table {
  border-collapse: collapse;
}
figure{
  margin:0;
}
video {
  width: 100%;
  filter: drop-shadow(0px 0px rgba(0,0,0,0));
  outline: none;
  border: none;
}


/* Safari用のハックは、Chromeに適用されないようにする */
body {
  height: 100vh;
}
@supports (-webkit-touch-callout: none) {
  body {
    /* Safari用のハック */
    height: -webkit-fill-available;
  }
}
/*--------------------------------------------------------------
# base-layout
--------------------------------------------------------------*/
.container{
  max-width: 1250px;
  padding-right: 1.5rem;
  padding-left:  1.5rem;
  margin-right: auto;
  margin-left: auto;
}