@charset "utf-8";

/**
 * ***************************************
 * ページ全体に関わるCSSの設定
 * ***************************************
 */
 html *,
  ::before,
  ::after {
  box-sizing: border-box;
}
html {
/* テキストカラー */
color: #333;
  /* フォント */
  font-size: 14px;
}
/*
 * メディアクエリ
 */
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
body {
font-family: 'Roboto', 'Noto Sans JP', sans-serif;
/*margin-top: 50px;*/

/*background: url(../img/bg-pic.jpg);*/
/*background-size: cover;*/
    /*position: relative;*/
    /*height: 70vh;*/
    /*max-width: 1340px;*/
    /*margin: 0 auto;
    padding: 0 1rem;
    z-index: 100;*/
}


 /* レスポンシブイメージと画像下スペース防止 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;/* 画像下のスペースを消す */
}

/*----------------------------
*
* デフォルトのリストスタイルを消す
*
----------------------------*/
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
button{
  margin: 0;
  padding: 0;
}
h1,h2,h3{
  margin: auto;
}
p{
  margin: auto;
}

ol {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

figure {
  margin: 0;
  padding: 0;
}

/*----------------------------
*
* SPとPCの表示／非表示切り替え
*
----------------------------*/
.sp{
  display: initial;
}
.pc{
  display: none;
}
/*
* メディアクエリ
*/
@media screen and (min-width:768px) {
  .sp{
    display: none;
  }
  .pc{
    display: initial;
  }
}

/*----------------------------
* レイアウト
* コンテナ共通スタイル
*
----------------------------*/
.container{
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.section-container{
  max-width: 1000px;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
  /* border: 1px dashed #0ff; */
}
.wrapper {
  background-color: #081434;
}
.wrapper2 {
  background-color: #2a2a2a;
}
/*----------------------------
* レイアウト
* コンテンツ共通スタイル
*
----------------------------*/
.content-box{
  margin: 125px 0;
  /* border: 1px dashed #ff0; */
}

/*----------------------------
* エレメント
* セクションヘッダー
*
----------------------------*/
.section-header h2{
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.3rem;
  padding-left: 0.4rem; /*見た目で真ん中に見えるように少し右にずらす*/
  text-transform: uppercase;
}
.section-header h3{
  font-size: 0.7rem;
  font-weight: 300;
}
.section-header .triangle{
  display: inline-block;
  /*↓三角形*/
  border: 5px solid transparent;
  /* border-top: 8px solid #FFBB00; */
  border-top: 8px solid rgb(255, 0, 0);
}
/*
* 位置調整
*/
.section-header > .box:nth-of-type(3){
  margin-top: 0.4rem;
}

/*----------------------------
 *
 * 改行用
 *
----------------------------*/
@media screen and (min-width:768px) {
  .br-sp {
    display: none;
  }
}