@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Shippori+Mincho:wght@400;600&display=swap");
/*--------------------------
		1st イメージ
---------------------------*/
/* line 7, _mainImage1.scss */
.mainImage-01 { position: relative; height: 100vh; }
/* line 10, _mainImage1.scss */
.mainImage-01 .webTitle { position: absolute; z-index: 2; top: 45%; left: 50%; transform: translate(-50%, -45%); width: 100%; }
/* line 17, _mainImage1.scss */
.mainImage-01 .webTitle h1 { display: block; width: 75%; max-width: 600px; margin: 0 auto; text-align: center; }
/* line 23, _mainImage1.scss */
.mainImage-01 .webTitle h1 img { width: 100%; }
/* line 28, _mainImage1.scss */
.mainImage-01 .since { margin: 2vh auto 0; }
/* line 30, _mainImage1.scss */
.mainImage-01 .since p { font-size: 80%; line-height: 160%; text-align: center; }
/* line 35, _mainImage1.scss */
.mainImage-01 .since .name { font-size: 100%; }
/* line 40, _mainImage1.scss */
.mainImage-01 ul.slider { margin: 0; padding: 0; height: 100vh; list-style: none; }

@media (min-width: 414px) { /* line 52, _mainImage1.scss */
  .mainImage-01 .since { margin: 3vh auto 0; }
  /* line 54, _mainImage1.scss */
  .mainImage-01 .since p { font-size: 90%; } }
@media (min-width: 576px) { /* line 64, _mainImage1.scss */
  .mainImage-01 .webTitle img { width: 65%; }
  /* line 66, _mainImage1.scss */
  .mainImage-01 .since { margin: 9vh auto 0; } }
@media (min-width: 768px) { /* line 75, _mainImage1.scss */
  .mainImage-01 .since .name { font-size: 120%; font-weight: bold; } }
@media (min-width: 992px) { /* line 85, _mainImage1.scss */
  .mainImage-01 .webTitle { top: 50%; transform: translate(-50%, -50%); }
  /* line 90, _mainImage1.scss */
  .mainImage-01 .since p { font-size: 100%; } }
@media (min-width: 1025px) { /* line 100, _mainImage1.scss */
  .mainImage-01 .since .name { font-size: 150%; } }
/*==================================================
スライダーのためのcss
===================================*/
/* line 7, _slider612.scss */
.slider { position: relative; z-index: 1; }

/*　背景画像設定　*/
/* line 16, _slider612.scss */
.slider-item01 { background: url("../images/pc/macbook01A.jpg"); }

/* line 17, _slider612.scss */
.slider-item02 { background: url("../images/pc/macbook01B.jpg"); }

/* line 18, _slider612.scss */
.slider-item03 { background: url("../images/pc/macbook01C.jpg"); }

/* line 19, _slider612.scss */
.slider-item04 { background: url("../images/pc/macbook01G.jpg"); }

/* line 20, _slider612.scss */
.slider-item05 { background: url("../images/pc/macbook02A.jpg"); }

/* line 21, _slider612.scss */
.slider-item06 { background: url("../images/pc/macbook03A.jpg"); }

/* line 22, _slider612.scss */
.slider-item07 { background: url("../images/pc/macbook04A.jpg"); }

/* line 23, _slider612.scss */
.slider-item08 { background: url("../images/pc/macbook05A.jpg"); }

/* line 24, _slider612.scss */
.slider-item09 { background: url("../images/pc/iPad01A.jpg"); }

/* line 25, _slider612.scss */
.slider-item10 { background: url("../images/pc/iPad02A.jpg"); }

/* line 26, _slider612.scss */
.slider-item11 { background: url("../images/pc/iPhone01A.jpg"); }

/* line 27, _slider612.scss */
.slider-item12 { background: url("../images/pc/iPhone02A.jpg"); }

/* line 29, _slider612.scss */
.slider-item { width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; }

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
/* line 40, _slider612.scss */
.slick-prev, .slick-next { position: absolute; /*絶対配置にする*/ z-index: 3; top: 42%; cursor: pointer; /*マウスカーソルを指マークに*/ outline: none; /*クリックをしたら出てくる枠線を消す*/ border-top: 2px solid #ccc; /*矢印の色*/ border-right: 2px solid #ccc; /*矢印の色*/ height: 25px; width: 25px; }

/* line 53, _slider612.scss */
.slick-prev { /*戻る矢印の位置と形状*/ left: 2.5%; transform: rotate(-135deg); }

/* line 58, _slider612.scss */
.slick-next { /*次へ矢印の位置と形状*/ right: 2.5%; transform: rotate(45deg); }

/*ドットナビゲーションの設定*/
/* line 65, _slider612.scss */
.slick-dots { position: relative; z-index: 3; text-align: center; margin: -50px 0 0 0; }

/* line 72, _slider612.scss */
.slick-dots li { display: inline-block; margin: 0 5px; }

/* line 77, _slider612.scss */
.slick-dots button { color: transparent; outline: none; width: 8px; /*ドットボタンのサイズ*/ height: 8px; /*ドットボタンのサイズ*/ display: block; border-radius: 50%; background: #ccc; /*ドットボタンの色*/ }

/* line 87, _slider612.scss */
.slick-dots .slick-active button { background: #333; /*ドットボタンの現在地表示の色*/ }

/* line 11, page1.scss */
header { position: relative; overflow: hidden; }

/* line 21, page1.scss */
[class*="mainImage-"] { height: 30vh; }
/* line 23, page1.scss */
[class*="mainImage-"] .webTitle { top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* line 27, page1.scss */
[class*="mainImage-"] .webTitle h1 { color: #666; font-family: "Noto Sans JP", sans-serif; }
/* line 32, page1.scss */
[class*="mainImage-"] ul.slider { height: 30vh; }
/* line 34, page1.scss */
[class*="mainImage-"] ul.slider .slider-item { height: 30vh; }
/* line 37, page1.scss */
[class*="mainImage-"] ul.slider .slick-prev, [class*="mainImage-"] ul.slider .slick-next { top: 42%; }
/* line 38, page1.scss */
[class*="mainImage-"] ul.slider .slick-dots li { display: none; }

/* line 45, page1.scss */
.container { background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; }
/* line 50, page1.scss */
.container main { margin-top: 30px; }

@media (min-width: 375px) { /* line 60, page1.scss */
  [class*="mainImage-"] ul.slider .slick-prev, [class*="mainImage-"] ul.slider .slick-next { top: 45%; } }
@media (min-width: 576px) { /* line 66, page1.scss */
  [class*="mainImage-"] { height: 35vh; }
  /* line 69, page1.scss */
  [class*="mainImage-"] .webTitle h1 { font-size: 200%; }
  /* line 71, page1.scss */
  [class*="mainImage-"] ul.slider { height: 35vh; }
  /* line 73, page1.scss */
  [class*="mainImage-"] ul.slider .slider-item { height: 35vh; }
  /* line 76, page1.scss */
  [class*="mainImage-"] ul.slider .slick-prev, [class*="mainImage-"] ul.slider .slick-next { top: 46%; } }
@media (min-width: 768px) { /* line 82, page1.scss */
  [class*="mainImage-"] { height: 40vh; }
  /* line 85, page1.scss */
  [class*="mainImage-"] .webTitle h1 { font-size: 250%; }
  /* line 87, page1.scss */
  [class*="mainImage-"] ul.slider { height: 40vh; }
  /* line 89, page1.scss */
  [class*="mainImage-"] ul.slider .slider-item { height: 40vh; }
  /* line 92, page1.scss */
  [class*="mainImage-"] ul.slider .slick-prev, [class*="mainImage-"] ul.slider .slick-next { top: 48%; }
  /* line 96, page1.scss */
  .container main { margin-top: 0px; } }
@media (min-width: 992px) { /* line 105, page1.scss */
  [class*="mainImage-"] .webTitle h1 { font-size: 300%; } }

/*# sourceMappingURL=page1.css.map */