@charset "UTF-8";
/*
$Logo_color: 			#485a63; 				//R=72/G=90/B=99
$Content_bg_color:  	#eeeeee;				//f7f7f7
$GridItem01_bg_color: 	#dddddd;                //グリッドアイテムカラー
$GridItem02_bg_color: 	#cccccc;                //グリッドアイテムカラー
$GridItem03_bg_color: 	#0000ff;                //グリッドアイテムカラー
$GridItem04_bg_color: 	#00ff00;                //グリッドアイテムカラー
$GridItem05_bg_color: 	#999999;                //グリッドアイテムカラー
$GridItem06_bg_color: 	#888888;                //グリッドアイテムカラー
$GridItem07_bg_color: 	#777777;                //グリッドアイテムカラー
$GridItem08_bg_color: 	#ff0000;                //グリッドアイテムカラー
$GridItem09_bg_color: 	#ff66ee;                //グリッドアイテムカラー
$GridItem10_bg_color: 	#ffdddd;                //グリッドアイテムカラー
$GridItem11_bg_color: 	#ffcccc;                //グリッドアイテムカラー
$GridItem12_bg_color: 	#ffbbbb;                //グリッドアイテムカラー
$GridItem13_bg_color: 	#ffaaaa;                //グリッドアイテムカラー
$GridItem14_bg_color: 	#ff9999;                //グリッドアイテムカラー
$GridItem15_bg_color: 	#ff8888;                //グリッドアイテムカラー
$GridItem16_bg_color: 	#ff7777;                //グリッドアイテムカラー
$GridItem17_bg_color: 	#00ffee;                //グリッドアイテムカラー
$GridItem18_bg_color: 	#00ffdd;                //グリッドアイテムカラー
$GridItem19_bg_color: 	#00ffcc;                //グリッドアイテムカラー
$GridItem20_bg_color: 	#00ffbb;                //グリッドアイテムカラー
*/
#content {
  display: block;
  background-color: #f7f7f7;
  width: 100%;
  margin: 0px;
  letter-spacing: -.4em;
  /* 文字間を詰めて隙間をなくす */
  line-height: 28px; }
  @media screen and (min-width: 75em) {
    #content {
      display: grid;
      width: 1216px;
      margin: 0px auto 0px;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      /*分割均等*/
      grid-template-rows: 1/4fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      /*分割均等*/
      grid-row-gap: 0px;
      grid-column-gap: 32px;
      /*グリッドアイテムの自動配置のされ方を指定する*/
      /*  row:    グリッドアイテムを各行に順番に配置する。必要に応じて新しい行が追加される。（初期値）*/
      /*  column: グリッドアイテムを各列に順番に配置する。必要に応じて新しい列が追加される。*/
      /*  dense:  空白グリッドを埋めてパッキングをするようにグリッドアイテムが自動配置される。 グリッドアイテムのサイズの大小をもとにパッキングの順番が決められる。 */
      grid-auto-flow: row dense;
      letter-spacing: normal;
      /* 文字間を詰めて隙間をなくす */ } }

.girditem_01 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  color: #485a63; }
  @media screen and (min-width: 75em) {
    .girditem_01 {
      grid-row: 1/ 2;
      grid-column: 2 / 5;
      width: 100%; } }

.girditem_02 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 64px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_02 {
      grid-row: 2/ 3;
      grid-column: 2 / 3;
      width: 100%; }
      .girditem_02 p {
        font-weight: normal; } }

.girditem_03 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_03 {
      margin: 64px auto 0px;
      grid-row: 2 / 3;
      grid-column: 3 / 5;
      width: 100%; } }

.girditem_04 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_04 {
      grid-row: 3/ 4;
      grid-column: 2/ 3;
      width: 100%; }
      .girditem_04 p {
        font-weight: normal; } }

.girditem_05 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_05 {
      margin: 16px auto 0px;
      grid-row: 3/ 4;
      grid-column: 3/ 5;
      width: 100%; } }

.girditem_06 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_06 {
      grid-row: 4/ 5;
      grid-column: 2/ 3;
      width: 100%; }
      .girditem_06 p {
        font-weight: normal; } }

.girditem_07 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_07 {
      margin: 16px auto 0px;
      grid-row: 4/ 5;
      grid-column: 3/ 5;
      width: 100%; } }

.girditem_08 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_08 {
      grid-row: 5/ 6;
      grid-column: 2/ 3;
      width: 100%; }
      .girditem_08 p {
        font-weight: normal; } }

.girditem_09 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_09 {
      margin: 16px auto 0px;
      grid-row: 5/ 6;
      grid-column: 3/ 5;
      width: 100%; } }

.girditem_10 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_10 {
      grid-row: 6/ 7;
      grid-column: 2/ 3;
      width: 100%; }
      .girditem_10 p {
        font-weight: normal; } }

.girditem_11 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_11 {
      margin: 16px auto 0px;
      grid-row: 6/ 7;
      grid-column: 3/ 5;
      width: 100%; } }

.girditem_12 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_12 {
      grid-row: 7/ 8;
      grid-column: 2/ 3;
      width: 100%; }
      .girditem_12 p {
        font-weight: normal; } }

.girditem_13 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_13 {
      margin: 16px auto 0px;
      grid-row: 7/8;
      grid-column: 3/ 5;
      width: 100%; } }

.girditem_14 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 16px auto 0px;
  letter-spacing: normal;
  font-weight: bold; }
  @media screen and (min-width: 75em) {
    .girditem_14 {
      grid-row: 8/ 9;
      grid-column: 2/ 3;
      width: 100%; }
      .girditem_14 p {
        font-weight: normal; } }

.girditem_15 {
  background-color: #f7f7f7;
  display: block;
  width: 90%;
  margin: 0px auto 0px;
  letter-spacing: normal; }
  @media screen and (min-width: 75em) {
    .girditem_15 {
      margin: 16px auto 0px;
      grid-row: 8/9;
      grid-column: 3/ 5;
      width: 100%; } }

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