@charset "UTF-8";
/*基本
-----------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  color: #4d4d4d;
  line-height: 1.5;
  font-family: 'A1 Gothic', 'Noto Sans JP', sans-serif;
  -webkit-text-size-adjust: 100%;
  position: relative;
  background: #ffff;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
ul, ol {
  margin: 0;
  padding: 0;
}
ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: list-item;
}
img {
  border: 0;
  vertical-align: bottom;
  line-height: 0;
}
a img {
  border: 0;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
a {
  transition: all .3s;
  text-decoration: none;
}
a:link {
  color: #4d4d4d;
}
a:visited {
  color: #4d4d4d;
}
a:hover {
  color: #4d4d4d;
}
a:active {
  color: #4d4d4d;
}
/*クリア、クリアフィックス
--------------------------------*/
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/*共通
--------------------------------*/
/*main*/
.wrap, .main {
  clear: both;
  display: block;
  position: relative;
  margin: 0 auto;
}
.main, .main .wrap, footer .wrap {
  overflow: hidden;
}
/*グラデーション*/
.gra, .gra01, .gra02 {
  background: #38a292; /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38a292', endColorstr='#3c64ab', GradientType=1); /* IE6-9 */
}
.gra {
  background: -moz-linear-gradient(left, #38a292 49.9%, #3c64ab 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #38a292 49.9%, #3c64ab 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #38a292 49.9%, #3c64ab 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gra01 {
  background: -moz-linear-gradient(left, #38a292 0%, #437fff 13.3857%, #3c64ab 88.874%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #38a292 0%, #437fff 13.3857%, #3c64ab 88.874%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #38a292 0%, #437fff 13.3857%, #3c64ab 88.874%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gra02 {
  background: -moz-linear-gradient(left, #38a292 0%, #437fff 50%, #3c64ab 88.874%);
  background: -webkit-linear-gradient(left, #38a292 0%, #437fff 50%, #3c64ab 88.874%);
  background: linear-gradient(to right, #38a292 0%, #437fff 50%, #3c64ab 88.874%);
}
.gra03 {
  background: #9bcedb;
  background: -moz-linear-gradient(left, #9bcedb 49.9%, #57adc3 50%);
  background: -webkit-linear-gradient(left, #9bcedb 49.9%, #57adc3 50%);
  background: linear-gradient(to right, #9bcedb 49.9%, #57adc3 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bcedb', endColorstr='#57adc3', GradientType=1);
}
.gra04 {
  background: #b1092a;
  background: -moz-linear-gradient(left, #b1092a 0%, #ca6d32 52%, #c64c27 99%);
  background: -webkit-linear-gradient(left, #b1092a 0%, #ca6d32 52%, #c64c27 99%);
  background: linear-gradient(to right, #b1092a 0%, #ca6d32 52%, #c64c27 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1092a', endColorstr='#c64c27', GradientType=1);
}
/*文字色*/
.blue {
  color: #0071bc
}
.red {
  color: #ff0000;
}
/*文字太さ*/
.wrap strong {
  font-weight: 800;
}
/*リスト*/
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden
}
/* header
-----------------------------------*/
header {
  clear: both;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 9998;
}
header .wrap {
  padding: 0;
}
/*メインビジュアル
-----------------------------------*/
#mv .mv img {
  width: 100%;
}
#mv2 .aori {
  text-align: center;
  padding: 1rem;
}
#mv2 .aori img {
  vertical-align: middle;
}
/*サンプル動画
-----------------------------------*/
#samplemv .wrap {
  background: #f2f2f2;
}
#samplemv ul {
  overflow: hidden;
}
/*コース
-----------------------------------*/
#course .wrap {
  background: #f2f2f2;
}
#coursebtn .flex {
  margin-bottom: 2.6rem
}
#coursebtn .flex li {
  width: 50%;
  text-align: center;
}
#coursebtn .flex li:first-of-type {
  background: #d4e0ff;
}
#coursebtn .flex li:first-of-type div {
  background: #3d447e;
}
#coursebtn .flex li:last-of-type {
  background: #dcffcc;
}
#coursebtn .flex li:last-of-type div {
  background: #00a99d;
}
  #coursebtn .flex li div img:first-of-type {  
    width: 100%;
    height: auto;
  }
/*タブボタン*/
input[name="tab_btn"] {
  display: none;
}
#coursebtn label {
  cursor: pointer;
}
#coursebtn label:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.tab_panel {
  display: none;
  clear: both;
}
#tab1:checked ~ #coursebtn .tab1_label, #tab2:checked ~ #coursebtn .tab2_label {
  cursor: default;
}
#tab1:checked ~ #courseselect #panel1, #tab2:checked ~ #courseselect #panel2 {
  display: block;
}
/*タブボタン装飾*/
#courseselect .tab_panel {
  background: #fff;
  padding: 2.5rem 2.5rem 1rem 2.5rem;
  position: relative;
}
#courseselect .tab_panel::before, #courseselect .tab_panel::after {
  content: '';
  display: block;
  position: absolute;
  margin: auto;
}
#courseselect .tab_panel::before {
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
}
#courseselect #panel1.tab_panel::before {
  background: #38a292; /* Old browsers */
  background: -moz-linear-gradient(left, #38a292 0%, #437fff 50%, #3c64ab 88.874%);
  background: -webkit-linear-gradient(left, #38a292 0%, #437fff 50%, #3c64ab 88.874%);
  background: linear-gradient(to right, #38a292 0%, #437fff 50%, #3c64ab 88.874%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38a292', endColorstr='#3c64ab', GradientType=1); /* IE6-9 */
}
#courseselect .tab_panel::after {
  width: 78px;
  height: 68px;
  top: -65px;
  background-image: url("../img/ic_fukidasi.png");
  background-size: 100% 100%;
  background-position: bottom center;
}
#courseselect #panel1.tab_panel::after {
  left: 22%;
}
#courseselect #panel2.tab_panel::before {
  background: #3c64ab; /* Old browsers */
  background: -moz-linear-gradient(left, #3c64ab 11.126%, #437fff 50%, #38a292 100%);
  background: -webkit-linear-gradient(left, #3c64ab 11.126%, #437fff 50%, #38a292 100%);
  background: linear-gradient(to right, #3c64ab 11.126%, #437fff 50%, #38a292 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c64ab', endColorstr='#38a292', GradientType=1); /* IE6-9 */
}
#courseselect #panel2.tab_panel::after {
  right: 22%;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
/*コースタイトル*/
.coursetitle {
  overflow: hidden;
  clear: both;
  margin-bottom: 2.5rem;
}
.coursetitle h3 img {
  margin-bottom: 1rem;
}
.coursetitle h4 {
  font-size: 2rem;
  line-height: 1.5;
}
.coursetitle p {
  font-size: 1.2rem;
  font-weight: 600;
}
.coursetitle img.gramedia {
  float: right;
  vertical-align: middle;
}
/*ここがポイント*/
.point {
  background: #ffffcc;
}
/*コースはこちら*/
.tocourse {
  text-align: center;
}
/*コース画像*/
#panel1.tab_panel .flex li {
  margin-bottom: 1.5rem;
}
#panel2.tab_panel .flex li {
  margin-bottom: 1rem;
}
.tab_panel .flex li img {
  margin-bottom: .5rem;
}
.tab_panel .flex li p, .kome p {
  position: relative;
  padding-left: 1rem;
}
.tab_panel .flex li p::before, .kome p::before {
  position: absolute;
  left: 0;
  top: 0;
}
.tab_panel .flex li p::before {
  content: '・';
}
.kome {
  margin: 2rem 0;
}
.kome p::before {
  content: '※';
}
/*コース画像ライトコース*/
ul.flex h4 {
  line-height: 1.2;
  font-weight: 800;
  margin-top: .5rem
}
ul.flex h5 {
  margin-bottom: .8rem;
  font-weight: 600;
}
#panel2 ul.flex li {
  display: block;
  position: relative;
}
#panel2 ul.flex li.photo::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/photo_ic_ss.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
/*まとめ
-----------------------------------*/
#matome .wrap {
  text-align: center;
}
#matome hr {
  clear: both;
  width: 100%;
  height: 1px;
  margin: 0 auto 2rem;
  padding: 0;
  border: 2px;
  border-bottom: 2px dotted #0071bc;
}
#matome img.aori {
  margin: 2.1rem auto;
  height: auto;
  width: 700px;
}
/*footer
-----------------------------------*/
footer {
  margin: auto;
  text-align: center;
  background: #f2f2f2;
}
footer .gra02 {
  width: 100%;
  height: 3px;
}
ul.fmenu {
  clear: both;
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-top: 1.3rem;
}
ul.fmenu li {
  text-align: left;
}
ul.fmenu li h4 {
  font-size: 18px;
  margin-bottom: .5rem;
  font-weight: 800;
}
ul.fmenu li a {
  display: block;
  font-size: 14px;
  text-decoration: none;
}
footer a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  opacity: .6;
}
footer p {
  font-size: 15px;
  text-align: center;
  margin-top: 2.5rem;
}
footer p small {
  display: block;
  margin-top: 1rem;
  font-size: 16px;
}
/*画面上部へ戻る
-----------------------------------*/
#pagetop {
  display: block;
  position: fixed;
  bottom: 0rem;
  right: 6%;
  z-index: 9997;
}
#pagetop a {
  text-align: center;
  width: 6rem;
  height: 6rem;
  display: block;
  padding: 1rem;
  border-right: none;
  position: relative;
  border: 1px solid #fff;
}
#pagetop a:after {
  position: absolute;
  content: " ";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23ffffff" d="M24.3,15.53,11,2.19a.67.67,0,0,0-.93,0L7.7,4.52a.65.65,0,0,0,0,.93L18.25,16,7.7,26.55a.65.65,0,0,0,0,.93L10,29.81a.63.63,0,0,0,.46.19.66.66,0,0,0,.47-.19L24.3,16.47A.66.66,0,0,0,24.3,15.53Z" /></svg>');
  background-repeat: no-repeat;
  background-size: 1.5em auto;
  background-position: center center;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*メディアクエリ
-----------------------------------*/
@media print, screen and (min-width: 960px) {
  /*基本
--------------------------------*/
  .hidden-pc {
    display: none !important;
  }
  body, html {
    font-size: 15px;
  }
  .wrap {
    width: 1200px;
  }
  .main {
    margin: 80px auto 30px;
  }
  .wrap {
    margin: auto;
  }
  /*header
-----------------------------------*/
  header {
    height: 80px;
  }
  header .wrap {
    height: 80px;
    overflow: hidden;
  }
  /*ロゴ*/
  header img {
    margin-top: 23px;
    height: 34px;
    width: auto;
  }
  header .logo, header nav {
    float: left;
  }
  header .logo {
    margin: 0 22px 0 40px
  }
  header nav a {
    margin-right: 16px
  }
  /*メインビジュアル
-----------------------------------*/
  #mv2 .aori img {
    width: auto;
  }
  #mv2 .aori img:nth-of-type(1) {
    height: 29px;
    margin-right: 2rem;
  }
  #mv2 .aori img:nth-of-type(2) {
    height: 48px;
  }
  /*サンプル動画
-----------------------------------*/
  #samplemv .wrap {
    text-align: center;
  }
  #samplemv ul {
    margin: 80px auto;
    display: inline-block;
  }
  #samplemv ul li {
    float: left;
    font-size: 20px;
    line-height: 1.7;
    text-align: left;
  }
  #samplemv ul li:last-of-type {
    padding-left: 4rem;
  }
  /*コース
-----------------------------------*/
  #coursebtn .flex li {
    padding: 2rem 6rem;
  }
  #coursebtn .flex li div {
    margin: 1.66rem auto;
    padding: 3.3rem 2rem 1.66rem 2rem;
  }
  #coursebtn .flex li img:first-of-type {
    height: 55px;
    width: auto;
  }
  #coursebtn .flex li div [class^="tab"] img {
    margin-top: 2rem;
    width: 300px;
    height: auto;
  }
  /*ボタン*/
  #course .btn img {
    height: 3.9rem
  }
  /*コース画像*/
  .tab_panel > h4 {
    font-size: 36px;
    font-weight: 800;
    margin: 2rem 0;
  }
  .tab_panel .flex li {
    width: 32.7%;
  }
  .tab_panel .flex li:not(:nth-of-type(3n)) {
    margin-right: .9%;
  }
  .tab_panel .flex li img {
    width: 100%;
  }
  /*コースタイトル*/
  .coursetitle h3 img {
    width: auto;
    height: 2.13rem;
  }
  .coursetitle img.gramedia {
    height: 4.2rem;
  }
  /*ここがポイント*/
  .pointttl {
    display: inline-block;
    padding: .8rem 2rem;
    margin-left: -2.5rem
  }
  .pointttl img {
    height: 1.53rem;
  }
  .point {
    margin: 2.66rem auto;
    padding: 2rem;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.8;
  }
  .point strong {
    font-size: 24px;
  }
  /*コース画像ライトコース*/
  ul.flex h4 {
    font-size: 27px;
  }
  ul.flex h5 {
    font-size: 20px;
  }
  #panel2 ul.flex li.photo::before {
    width: 128px;
    height: 38px;
  }
  /*まとめ
-----------------------------------*/
  #matome .wrap {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
  /*footer
-----------------------------------*/
  footer {
    width: 1200px;
  }
  footer .wrap {
    padding: 4rem 0;
  }
  ul.fmenu li {
    display: inline-block;
    font-size: 0;
    vertical-align: top
  }
  ul.fmenu li:not(:last-of-type) {
    margin-right: 6rem;
  }
  /*画面上部へ戻る
-----------------------------------*/
  #pagetop a {
    border-bottom: none;
  }
}
@media print, screen and (max-width: 959px) {
  /*基本
-----------------------------------*/
  .hidden-sp {
    display: none !important;
  }
  body, html {
    font-size: 3.2vw;
  }
  .wrap, .main {
    width: 100%;
  }
  .main {
    margin: 12vw auto 4vw;
  }
  .wrap {
    padding: 6vw 0;
  }
  /*header
-----------------------------------*/
  header {
    height: 12vw;
  }
  /*ロゴ*/
  header .logo {
    text-align: center;
    margin-top: 3.25vw
  }
  header .logo img {
    width: auto;
    height: 5.5vw;
  }
  /*メニューボタン*/
  #ic_menu {
    position: absolute;
    right: 3.2vw;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9vw;
    height: 5vw;
  }
  .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 9vw;
    height: 5vw;
    margin: 0 auto;
    padding: 0;
  }
  .menu-trigger span {
    position: absolute;
    left: auto;
    right: auto;
    margin: auto;
    width: 100%;
    height: 2px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
    background-color: #fff;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 30%;
    background-color: #fff;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 30%;
    background-color: #fff;
  }
  .menu-trigger span:nth-of-type(4) {
    bottom: 0;
    background-color: #fff;
  }
  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(2.4vw) rotate(-45deg);
    -webkit-transform: translateY(2.4vw) rotate(-45deg);
    -moz-transform: translateY(2.4vw) rotate(-45deg);
    -ms-transform: translateY(2.4vw) rotate(-45deg);
    -o-transform: translateY(2.4vw) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(4) {
    transform: translateY(-2.4vw) rotate(45deg);
    -webkit-transform: translateY(-2.4vw) rotate(45deg);
    -moz-transform: translateY(-2.4vw) rotate(45deg);
    -ms-transform: translateY(-2.4vw) rotate(45deg);
    -o-transform: translateY(-2.4vw) rotate(45deg);
  }
  /*メニューリスト*/
  #menu_sp {
    display: none;
    clear: both;
    margin-top: 1rem;
    padding: 1rem;
  }
  #menu_sp ul {
    display: inline-block;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .8);
    padding: 1rem 2rem;
    float: right;
  }
  #menu_sp ul li {
    list-style: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #000;
  }
  #menu_sp ul li:last-of-type {
    border-bottom: none
  }
  #menu_sp ul li img {
    height: 1.4rem;
    width: auto;
  }
  #menu_sp ul li a {
    display: block;
    color: #333;
    padding: 1em .2rem;
    font-size: 110%;
    line-height: 100%;
    background-size: auto 4.3vw;
    background-image: url(../images/common/ic_arrow_r.png);
    background-repeat: no-repeat;
    background-position: center left 1em;
  }
  /*メインビジュアル
-----------------------------------*/
  #mv .wrap, #mv2 .wrap {
    padding: 0;
  }
  #mv2 .aori {
    padding: 1.2rem 0;
  }
  #mv2 .aori img {
    width: 68%;
  }
  #mv2 .aori img:nth-of-type(1) {
    margin-bottom: 1rem;
  }
  /*サンプル動画
-----------------------------------*/
  #samplemv ul {
    display: block;
  }
  #samplemv ul li:last-of-type {
    padding: 1.5rem 2rem 0 2rem;
    font-size: 1.1rem;
    line-height: 1.8;
  }
  /*コース
-----------------------------------*/
  #course .wrap {
    padding: 0;
  }
  #coursebtn .flex {
    margin-bottom: 8vw
  }
  #coursebtn .flex li {
    padding: .8rem;
  }
  #coursebtn .flex li img:first-of-type {
    max-width: 100%;
    height: 6vw
  }
  #coursebtn .flex li div {
    margin: .5rem auto 0 auto;
    padding: 1.3rem .8rem;
  }
  #coursebtn .flex li div [class^="tab"] img {
    margin-top: 1rem;
    width: 80%;
    height: auto;
  }
  /*タブボタン装飾*/
  #courseselect .tab_panel {
    padding: 2rem 1rem 1rem 1rem;
  }
  #courseselect .tab_panel::before {
    height: 0.4vw;
  }
  #courseselect .tab_panel::after {
    width: 9.12vw;
    height: 8vw;
    top: -7.5vw;
  }
  #courseselect #panel1.tab_panel::after {
    left: 20.5%;
  }
  #courseselect #panel2.tab_panel::after {
    right: 20.5%;
  }
  /*コースタイトル*/
  .coursetitle {
    padding: 0 .5rem;
    margin-bottom: 2rem;
  }
  .coursetitle h3 img {
     width:100%;
    height: auto;
    margin-bottom: .8rem;
  }
  .coursetitle h4 {
    font-size: 4.2vw;
    line-height: 1.5;
  }
  .coursetitle p {
    font-size: 1rem;
    line-height: 1.9;
  }
  .coursetitle img.gramedia {
    width: 44%;
    margin-right: 1rem
  }
  /*コース画像*/
  .tab_panel > h4 {
    font-size: 4.8vw;
    font-weight: 800;
    margin: 1.2em 0 1em 0;
  }
  .tab_panel .flex li {
    width: 49.3%;
  }
  .tab_panel .flex li:not(:nth-of-type(2n)) {
    margin-right: 1.4%;
  }
  .tab_panel .flex li img {
    width: 100%;
  }

  /*ここがポイント*/
  .pointttl {
    padding: .5rem;
    margin: 0 -1rem;
    text-align: center;
  }
  .pointttl img {
    height: 1.3rem;
  }
  .point {
    margin: 0 -1rem 1.5rem -1rem;
    padding: 1.5rem;
    font-size: 3.2vw;
    line-height: 1.8;
  }
  .point strong {
    display: inline-block;
    font-size: 4.4vw;
    margin-bottom: 1rem;
  }
  /*コースはこちら*/
  .tocourse img {
    width: 66%;
  }
  /*コース画像ライトコース*/
  ul.flex h4 {
    font-size: 4vw;
  }
  ul.flex h5 {
    font-size: 3.4vw;
    line-height: 1.35;
  }
  ul.flex div {
    font-size: 2.8vw;
    line-height: 1.35
  }
  #panel2 ul.flex li.photo::before {
    width: 5.05rem;
    height: 1.5rem;
  }
  /*まとめ
-----------------------------------*/
  #matome .wrap {
    padding: 0 1rem 1.5rem 1rem;
  }
  #matome img.aori {
    width: 85%;
    margin: 1rem 0;
  }
  #matome .btn img {
    width: 72%;
  }
  /*footer
-----------------------------------*/
  footer .gra02 {
    height: 2px;
  }
  footer .wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
 ul.fmenu{  
    display: block; 
    font-size: 0;
}
  ul.fmenu li {
    display: block;
    vertical-align: top;
    margin-bottom: 1.5rem;
  }
  ul.fmenu li h4 {
    padding-bottom: .5rem;
    border-bottom: 1px solid #333;
    /*font-size: 3.444vw;*/
    font-size: 4vw;
  }
  ul.fmenu li a {
    /*font-size: 3.069vw;*/
      font-size: 3.2vw;
    line-height: 2;
    display: inline-block;
      width:48.5%;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%233f3f3f" d="M24.3,15.53,11,2.19a.67.67,0,0,0-.93,0L7.7,4.52a.65.65,0,0,0,0,.93L18.25,16,7.7,26.55a.65.65,0,0,0,0,.93L10,29.81a.63.63,0,0,0,.46.19.66.66,0,0,0,.47-.19L24.3,16.47A.66.66,0,0,0,24.3,15.53Z" /></svg>');
  background-repeat: no-repeat;
  background-size: .7em auto;
  background-position: right center;
  }
  ul.fmenu li a:nth-of-type(2n-1) {
      margin-right:3%
  }
  footer p {
    font-size: 2.1vw;
    margin-top: 1em;
    line-height: 1.7;
  }
  footer p small {
    font-size: 2.15vw;
    margin-top: 2em;
  }
  /*画面上部へ戻る
-----------------------------------*/
  #pagetop {
    bottom: 2rem;
    right: 0;
  }
  #pagetop a {
    width: 4rem;
    height: 4rem;
    border-right: none;
  }