@charset "shift_jis";
/* CSS Document */ 
:root {
  --image-color-01: #00B703;
    --image-color-02: #FF00E5;
}
/*--------------------------------------------------------------------------------見出し*/ :root {
  --h1-text-color: #000000;
  --h1-bg-color: #F5F5F5;
  --h1-point-color: #FF015B;
  --h3-text-color: #000AC9;
  --h3-border-color: #FFDD00;
  --h3-back01-color: #F4F4F4;
}
h1 {
  margin: 0 0 1em 0;
  padding: 0.5em 0 0.5em 1em;
  font-size: 1.8em;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: var(--h1-text-color);
  background: var(--h1-bg-color);
  border-left: solid 30px var(--h1-point-color);
  border-bottom: solid 3px #d7d7d7; /*下線*/
}
h2.title00 {
  font-size: 2.1em;
  line-height: 1em;
  padding: 3.5rem 0 3rem 3rem;
  text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */
  background-image: url("../img/bk_00.jpg");
  background-repeat: no-repeat;
  color: var(--image-color-02);
}
h3.item {
  width: 95%;
  line-height: 1.6em;
  color: var(--h3-text-color);
  padding: 1rem 2rem 0.5rem;
  border-bottom: 3px solid var(--h3-text-color);
  background: var(--h3-back01-color);
  
}
.pink_tt{
font-size: 3rem;
  color: #FF5B75;

}
/*--------------------01--*/
h3.ability01 {
    width: 95%;
    height: 80px;
    background-image: url(../img/bk_title01.png);
    background-repeat: no-repeat;
    color: var(--image-color-01);
      position: relative;
        text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */

}
h3.ability01 .tt{
  vertical-align: middle;
  padding-left: 7em;
    position: absolute;
  top: 20%;
}
/*--------------------02--*/
h3.ability02 {
    width: 95%;
    height: 80px;
    background-image: url(../img/bk_title02.png);
    background-repeat: no-repeat;
    color: var(--image-color-01);
      position: relative;
              text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */

}
h3.ability02 .tt{
  vertical-align: middle;
  padding-left: 7em;
    position: absolute;
  top: 20%;
}
/*--------------------03--*/
h3.ability03 {
    width: 95%;
    height: 80px;
    background-image: url(../img/bk_title03.png);
    background-repeat: no-repeat;
    color: var(--image-color-01);
      position: relative;
              text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */

}
h3.ability03 .tt{
  vertical-align: middle;
  padding-left: 7em;
    position: absolute;
  top: 20%;
}
/*--------------------04--*/
h3.ability04 {
    width: 95%;
    height: 80px;
    background-image: url(../img/bk_title04.png);
    background-repeat: no-repeat;
    color: var(--image-color-01);
      position: relative;
              text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */

}
h3.ability04 .tt{
  vertical-align: middle;
  padding-left: 7em;
    position: absolute;
  top: 20%;
}
/* --------------------------カテゴリ Android-------------------------- */ :root {
  --Android-color: #00A85C;
}
.s_midashi_Android{
background:  var(--Android-color);
color:#FFFFFF;
text-align: center;
font-size: 1.8em;
line-height: 3em;
font-weight: bold;
margin-top: 2em;
}
.title-color_Android{
  background-image: url("../img/bk_Android.png");
  background-repeat: no-repeat;
  color: #FFFFFF;
}
/* --------------------------カテゴリ iPhone-------------------------- */ :root {
  --iPhone-color: #00A85C;
}
.s_midashi_iPhone{
background:  var(--iPhone-color);
color:#FFFFFF;
text-align: center;
font-size: 1.8em;
line-height: 3em;
font-weight: bold;
margin-top: 2em;
}
.title-color_iPhone{
  background-image: url("../img/bk_iPhone.png");
  background-repeat: no-repeat;
  color: #FFFFFF;
}