@charset "UTF-8";

html {
  font-size: 62.5%;
}

body {
  font-family: -apple-system,
		BlinkMacSystemFont,
		Roboto,
		"Helvetica Neue",
		HelveticaNeue,
		"游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		Verdana,
		"メイリオ",
		Meiryo,
		sans-serif;
   font-size: 1.4em;
   color: #333333;
}

h1{
  font-size:1rem;
  margin:0;
  padding:0;
	text-align:center;
}

h2{
  margin:0;
  padding:0;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
}

p{
  margin:0;
  padding:0;
  line-height: 1.7;
}

a {text-decoration: none; color: #333333;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}
/* a:hover {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;} */

img{
  height: auto;
  width :auto;
  margin:0;
  padding:0;
}

ul{
  list-style:none;
  margin:0;
  padding:0;
}

ol {
  margin:0;
  padding:0;
}

li {
  list-style:none;
  margin:0;
  padding:0;
}

summary {
  display: block;
  list-style: none;
}

summary::-webkit-details-marker {
  display:none;
}

figure {
  margin: 0;
  padding: 0;
}

table {
  margin: 0;
}

/* 変数 */
:root {
  --pcwidth: 1110px;
}

/* 文字揃え */
.common_centertext {
  text-align: center;
}

.common_lefttext {
  text-align: left;
}

.common_righttext {
  text-align: right;
}

.common_margin_auto {
  margin: 0 auto;
}

/* 文字色 */
.common_text_gray {
  color: #333333;
}

.common_text_white {
  color: #fff;
}

/* h2見出し */
.common_h2_triangle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.common_h2_triangle h2 {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.common_h2_triangle h2::before {
  content: '';
  position: absolute;
  z-index: -1;
}

/* ボタン */
.common_linkbtn {
  border-radius: 12px;
  display: block;
  text-align: center;
  box-sizing: border-box;
}

.common_linkbtn_sq {
  display: block;
  text-align: center;
  box-sizing: border-box;
}

/* フレックスボックス */
.common_fbox {
  display: flex;
}



/*===============================================
●スマホ用（700px未満）
===============================================*/
@media screen and (max-width:699px) {
  body {
    width:100%;
    margin:0 auto;
   }

  h1{
    font-size:3rem;
  }

  h2{
    font-size: 1.6rem;
  }

  p{
    font-size: 1.4rem;
  }

  /* コンテンツラッパー */
  .common_contents_wrapper {
    width: 100%;
    margin:0 auto;
  }


  /* 上下パディング */
  .common_inner_padding {
  	padding-bottom: 5rem;
  	padding-top: 5rem;
  }


  /* 左右マージン */
	.common_margin {
		margin-left: 2rem;
		margin-right: 2rem;
	}

  /* スマホのみ表示 */
  .common_pcnone {
    display: block;
  }

  /* スマホのみ非表示 */
  .common_spnone {
    display: none;
  }

  /* h2見出し */
  .common_h2_triangle h2 {
    font-size: 2rem;
    margin: 7.1rem auto 0;
  }

  .common_h2_triangle h2::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 88px;
    border-color: transparent transparent transparent #009688;
    transform: rotate(-60deg);
    top: -4.5rem;
    left: -3.3rem;;
  }

  .common_h2_simple {
    font-size: 2.4rem;
  }

  /* ボタン */
  .common_btnbox {
    margin: 3rem auto 0;
  }



}

/*===============================================
●PC・タブレット用（700px以上）
===============================================*/
@media screen and (min-width:700px){
  body {
    width:100%;
    max-width:1920px;
    margin:0 auto;
   }

  h1{
    font-size:4rem;
  }

  h2{
    font-size: 4.8rem;
  }

  p{
    font-size: 2.4rem;
  }

  /* コンテンツラッパー */
  .common_contents_wrapper {
    max-width: 1110px;
    margin:0 auto;
  }

  /* 上下パディング */
  .common_inner_padding {
  	padding-bottom: 26rem;
  	padding-top: 15rem;
  }


  /* 左右マージン */
	.common_margin {
		margin-left: 5rem;
		margin-right: 5rem;
	}

  /* スマホのみ表示 */
  .common_pcnone {
    display: none;
  }

  /* スマホのみ非表示 */
  .common_spnone {
    display: block;
  }

  /* h2見出し */
  .common_h2_triangle h2 {
    font-size: 48px;
    margin: 228px auto 0;
  }

  .common_h2_triangle h2::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 160px 0 0 236px;
    border-color: transparent transparent transparent #009688;
    transform: rotate(-60deg);
    top: -134px;
    left: -92px;
  }

  .common_h2_simple {
    font-size: 4.8rem;
  }

  /* ボタン */
  .common_btnbox {
    margin: 7rem auto 0;
  }




}