@charset "shift_jis";
/*
OZ RESET CSS
Author: ONZE
Author URI: http://on-ze.com
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

body {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

hr {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

input,
select {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
}

@-webkit-keyframes movie_icon_rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes movie_icon_rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

body {
  font-family: "ŸΰƒSƒVƒbƒN", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;
  line-height: 1.5;
  font-weight: 500;
}

.pc_view {
  display: none !important;
}

a {
  color: #000;
}

sup {
  position: relative;
  top: 0.2em;
  font-size: 60%;
  vertical-align: top;
}

em,
strong {
  font-weight: bold;
}

strong {
  /*color: $baseColor;*/
}

@media only screen and (min-width: 721px) and (max-width: 1024px) {
  [class^="icon-keyboard_arrow_"] {
    font-size: 1.8rem !important;
  }
}

/* ============================================================ */
/* btn style
/* ============================================================ */
.btn_orange_01 {
  width: 100%;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  background: #f08336;
  border-style: solid;
  border-width: 1px;
  border-color: #f08336;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.btn_orange_01 i:first-child {
  margin: 0 8px 0 0;
}

.btn_orange_01 .icon-filter_none {
  margin: 0 0 0 8px;
  font-size: 1.2rem;
}

@media screen and (max-width: 320px) {
  .btn_orange_01 {
    font-size: 1.3rem;
  }
}

.btn_pink_01 {
  width: 100%;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  background: #e273a4;
  border-style: solid;
  border-width: 1px;
  border-color: #e273a4;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.btn_pink_01 i:first-child {
  margin: 0 8px 0 0;
}

.btn_pink_01 .icon-filter_none {
  margin: 0 0 0 8px;
  font-size: 1.2rem;
}

.btn_red {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  padding: 0 10px;
  background: #df3943;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  width: 100%;
}

.btn_red_02 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #cd4c53;
  border-radius: 100px;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.btn_red_02 i:first-child {
  margin: 0 8px 0 0;
}

.btn_red_02 .icon-filter_none {
  margin: 0 0 0 8px;
  font-size: 1.2rem;
}

.btn_red_02 i {
  color: #fff;
  background: #cd4c53;
  border-radius: 50%;
  padding: 2px;
  font-size: 1.0rem;
}

.btn_yellow_01 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #c9984b;
  border-radius: 100px;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.btn_yellow_01 i:first-child {
  margin: 0 8px 0 0;
}

.btn_yellow_01 .icon-filter_none {
  margin: 0 0 0 8px;
  font-size: 1.2rem;
}

.btn_yellow_01 i {
  color: #fff;
  background: #c9984b;
  border-radius: 50%;
  padding: 2px;
  font-size: 1.0rem;
}

/* ============================================================ */
/* iconƒtƒHƒ“ƒg */
/* ============================================================ */
@font-face {
  font-family: 'icomoon';
  src:  url('/tameru/ideco/common/icon/fonts/icomoon.eot?5i04jt');
  src:  url('/tameru/ideco/common/icon/fonts/icomoon.eot?5i04jt#iefix') format('embedded-opentype'),
    url('/tameru/ideco/common/icon/fonts/icomoon.ttf?5i04jt') format('truetype'),
    url('/tameru/ideco/common/icon/fonts/icomoon.woff?5i04jt') format('woff'),
    url('/tameru/ideco/common/icon/fonts/icomoon.svg?5i04jt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-outer:before {
  content: "\e900";
}
.icon-arrow_drop_round:before {
  content: "\e902";
}
.icon-arrow_drop_down:before {
  content: "\e5c5";
}
.icon-arrow_drop_up:before {
  content: "\e5c7";
}
.icon-navigate_before:before {
  content: "\e408";
}
.icon-navigate_next:before {
  content: "\e409";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-expand_less:before {
  content: "\e5ce";
}
.icon-expand_more:before {
  content: "\e5cf";
}
.icon-fiber_manual_record:before {
  content: "\e061";
}
.icon-filter_none:before {
  content: "\e3e0";
}
.icon-play_arrow:before {
  content: "\e037";
}
.icon-play_circle_filled:before {
  content: "\e038";
}
.icon-play_circle_outline:before {
  content: "\e039";
}
.icon-square:before {
  content: "\f04d";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-file-pdf-o:before {
  content: "\e901";
}

/* ============================================================ */
/* margin */
/* ============================================================ */
.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 2px !important;
}

.mt10 {
  margin-top: 5px !important;
}

.mt15 {
  margin-top: 7px !important;
}

.mt20 {
  margin-top: 10px !important;
}

.mt25 {
  margin-top: 12px !important;
}

.mt30 {
  margin-top: 15px !important;
}

.mt35 {
  margin-top: 17px !important;
}

.mt40 {
  margin-top: 20px !important;
}

.mt45 {
  margin-top: 22px !important;
}

.mt50 {
  margin-top: 25px !important;
}

.mt55 {
  margin-top: 27px !important;
}

.mt60 {
  margin-top: 30px !important;
}

.mt65 {
  margin-top: 32px !important;
}

.mt70 {
  margin-top: 35px !important;
}

.mt75 {
  margin-top: 37px !important;
}

.mt80 {
  margin-top: 40px !important;
}

.mt85 {
  margin-top: 42px !important;
}

.mt90 {
  margin-top: 45px !important;
}

.mt95 {
  margin-top: 47px !important;
}

.mt100 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 2px !important;
}

.mb10 {
  margin-bottom: 5px !important;
}

.mb15 {
  margin-bottom: 7px !important;
}

.mb20 {
  margin-bottom: 10px !important;
}

.mb25 {
  margin-bottom: 12px !important;
}

.mb30 {
  margin-bottom: 15px !important;
}

.mb35 {
  margin-bottom: 17px !important;
}

.mb40 {
  margin-bottom: 20px !important;
}

.mb45 {
  margin-bottom: 22px !important;
}

.mb50 {
  margin-bottom: 25px !important;
}

.mb55 {
  margin-bottom: 27px !important;
}

.mb60 {
  margin-bottom: 30px !important;
}

.mb65 {
  margin-bottom: 32px !important;
}

.mb70 {
  margin-bottom: 35px !important;
}

.mb75 {
  margin-bottom: 37px !important;
}

.mb80 {
  margin-bottom: 40px !important;
}

.mb85 {
  margin-bottom: 42px !important;
}

.mb90 {
  margin-bottom: 45px !important;
}

.mb95 {
  margin-bottom: 47px !important;
}

.mb100 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 2px !important;
}

.ml10 {
  margin-left: 5px !important;
}

.ml15 {
  margin-left: 7px !important;
}

.ml20 {
  margin-left: 10px !important;
}

.ml25 {
  margin-left: 12px !important;
}

.ml30 {
  margin-left: 15px !important;
}

.ml35 {
  margin-left: 17px !important;
}

.ml40 {
  margin-left: 20px !important;
}

.ml45 {
  margin-left: 22px !important;
}

.ml50 {
  margin-left: 25px !important;
}

.ml55 {
  margin-left: 27px !important;
}

.ml60 {
  margin-left: 30px !important;
}

.ml65 {
  margin-left: 32px !important;
}

.ml70 {
  margin-left: 35px !important;
}

.ml75 {
  margin-left: 37px !important;
}

.ml80 {
  margin-left: 40px !important;
}

.ml85 {
  margin-left: 42px !important;
}

.ml90 {
  margin-left: 45px !important;
}

.ml95 {
  margin-left: 47px !important;
}

.ml100 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 2px !important;
}

.mr10 {
  margin-right: 5px !important;
}

.mr15 {
  margin-right: 7px !important;
}

.mr20 {
  margin-right: 10px !important;
}

.mr25 {
  margin-right: 12px !important;
}

.mr30 {
  margin-right: 15px !important;
}

.mr35 {
  margin-right: 17px !important;
}

.mr40 {
  margin-right: 20px !important;
}

.mr45 {
  margin-right: 22px !important;
}

.mr50 {
  margin-right: 25px !important;
}

.mr55 {
  margin-right: 27px !important;
}

.mr60 {
  margin-right: 30px !important;
}

.mr65 {
  margin-right: 32px !important;
}

.mr70 {
  margin-right: 35px !important;
}

.mr75 {
  margin-right: 37px !important;
}

.mr80 {
  margin-right: 40px !important;
}

.mr85 {
  margin-right: 42px !important;
}

.mr90 {
  margin-right: 45px !important;
}

.mr95 {
  margin-right: 47px !important;
}

.mr100 {
  margin-right: 50px !important;
}

/* ====================================================================== */
/* padding */
/* ====================================================================== */
.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 2px !important;
}

.pt10 {
  padding-top: 5px !important;
}

.pt15 {
  padding-top: 7px !important;
}

.pt20 {
  padding-top: 10px !important;
}

.pt25 {
  padding-top: 12px !important;
}

.pt30 {
  padding-top: 15px !important;
}

.pt35 {
  padding-top: 17px !important;
}

.pt40 {
  padding-top: 20px !important;
}

.pt45 {
  padding-top: 22px !important;
}

.pt50 {
  padding-top: 25px !important;
}

.pt55 {
  padding-top: 27px !important;
}

.pt60 {
  padding-top: 30px !important;
}

.pt65 {
  padding-top: 32px !important;
}

.pt70 {
  padding-top: 35px !important;
}

.pt75 {
  padding-top: 37px !important;
}

.pt80 {
  padding-top: 40px !important;
}

.pt85 {
  padding-top: 42px !important;
}

.pt90 {
  padding-top: 45px !important;
}

.pt85 {
  padding-top: 42px !important;
}

.pt90 {
  padding-top: 45px !important;
}

.pt95 {
  padding-top: 47px !important;
}

.pt100 {
  padding-top: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 2px !important;
}

.pb10 {
  padding-bottom: 5px !important;
}

.pb15 {
  padding-bottom: 7px !important;
}

.pb20 {
  padding-bottom: 10px !important;
}

.pb25 {
  padding-bottom: 12px !important;
}

.pb30 {
  padding-bottom: 15px !important;
}

.pb35 {
  padding-bottom: 17px !important;
}

.pb40 {
  padding-bottom: 20px !important;
}

.pb45 {
  padding-bottom: 22px !important;
}

.pb50 {
  padding-bottom: 25px !important;
}

.pb55 {
  padding-bottom: 27px !important;
}

.pb60 {
  padding-bottom: 30px !important;
}

.pb65 {
  padding-bottom: 32px !important;
}

.pb70 {
  padding-bottom: 35px !important;
}

.pb75 {
  padding-bottom: 37px !important;
}

.pb80 {
  padding-bottom: 40px !important;
}

.pb85 {
  padding-bottom: 42px !important;
}

.pb90 {
  padding-bottom: 45px !important;
}

.pb95 {
  padding-bottom: 47px !important;
}

.pb100 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 2px !important;
}

.pl10 {
  padding-left: 5px !important;
}

.pl15 {
  padding-left: 7px !important;
}

.pl20 {
  padding-left: 10px !important;
}

.pl25 {
  padding-left: 12px !important;
}

.pl30 {
  padding-left: 15px !important;
}

.pl35 {
  padding-left: 17px !important;
}

.pl40 {
  padding-left: 20px !important;
}

.pl45 {
  padding-left: 22px !important;
}

.pl50 {
  padding-left: 25px !important;
}

.pl55 {
  padding-left: 27px !important;
}

.pl60 {
  padding-left: 30px !important;
}

.pl65 {
  padding-left: 32px !important;
}

.pl70 {
  padding-left: 35px !important;
}

.pl75 {
  padding-left: 37px !important;
}

.pl80 {
  padding-left: 40px !important;
}

.pl85 {
  padding-left: 42px !important;
}

.pl90 {
  padding-left: 45px !important;
}

.pl95 {
  padding-left: 47px !important;
}

.pl100 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 2px !important;
}

.pr10 {
  padding-right: 5px !important;
}

.pr15 {
  padding-right: 7px !important;
}

.pr20 {
  padding-right: 10px !important;
}

.pr25 {
  padding-right: 12px !important;
}

.pr30 {
  padding-right: 15px !important;
}

.pr35 {
  padding-right: 17px !important;
}

.pr40 {
  padding-right: 20px !important;
}

.pr45 {
  padding-right: 22px !important;
}

.pr50 {
  padding-right: 25px !important;
}

.pr55 {
  padding-right: 27px !important;
}

.pr60 {
  padding-right: 30px !important;
}

.pr65 {
  padding-right: 32px !important;
}

.pr70 {
  padding-right: 35px !important;
}

.pr75 {
  padding-right: 37px !important;
}

.pr80 {
  padding-right: 40px !important;
}

.pr85 {
  padding-right: 42px !important;
}

.pr90 {
  padding-right: 45px !important;
}

.pr95 {
  padding-right: 47px !important;
}

.pr100 {
  padding-right: 50px !important;
}

.pa0 {
  padding: 0px !important;
}

.pa5 {
  padding: 2px !important;
}

.pa10 {
  padding: 5px !important;
}

.pa15 {
  padding: 7px !important;
}

.pa20 {
  padding: 10px !important;
}

.pa25 {
  padding: 12px !important;
}

.pa30 {
  padding: 15px !important;
}

.pa35 {
  padding: 17px !important;
}

.pa40 {
  padding: 20px !important;
}

.pa45 {
  padding: 22px !important;
}

.pa50 {
  padding: 25px !important;
}

.pa55 {
  padding: 27px !important;
}

.pa60 {
  padding: 30px !important;
}

.pa65 {
  padding: 32px !important;
}

.pa70 {
  padding: 35px !important;
}

.pa75 {
  padding: 37px !important;
}

.pa80 {
  padding: 40px !important;
}

.pa85 {
  padding: 42px !important;
}

.pa90 {
  padding: 45px !important;
}

.pa95 {
  padding: 47px !important;
}

.pa100 {
  padding: 50px !important;
}

.txt_center-sp {
  text-align: center !important;
}

.txt_left-sp {
  text-align: left !important;
}

.txt_right-sp {
  text-align: right !important;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

p {
  font-size: 1.4rem;
}

.lead {
  margin-bottom: 20px;
}

.txt_small {
  font-size: 1.0rem;
}

.txt_red {
  color: #d80c18;
}

.txt_center {
    text-align: center !important;
}

.main_container {
  padding-top: 20px;
  background: url(/tameru/ideco/common/img/bg_container.png) repeat top left;
}

.contents {
  margin: 0 15px;
  padding-bottom: 50px;
}

.contents figure img {
  max-width: 100%;
}

/* ============================================================ */
/* .local_nav */
/* ============================================================ */
.local_nav {
  margin: 0 10px;
  padding-bottom: 50px;
}

.local_nav h2 a {
  display: block;
  padding: 10px 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.local_nav img {
  max-width: 100%;
}

.local_nav ul {
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

.local_nav ul li {
  background: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 1.3rem;
}

.local_nav ul li:last-child {
  border-bottom: 0;
}

.local_nav ul li.current {
  background: #fef5ef;
}

.local_nav ul li a {
  display: block;
  position: relative;
  padding: 15px 10px 15px 30px;
}

.local_nav ul li a::before {
  position: absolute;
  top: 15px;
  left: 10px;
  font-family: "icomoon";
  content: "\e037";
}

.local_nav .balloon {
  position: relative;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #008dd7;
  border-radius: 5px;
  background: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.local_nav .balloon::before, .local_nav .balloon::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.local_nav .balloon::before {
  border-color: rgba(0, 141, 215, 0);
  border-top-color: #008dd7;
  border-width: 11px;
  margin-left: -11px;
}

.local_nav .balloon::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

/* ============================================================ */
/* list style */
/* ============================================================ */
.list01 {
  margin: 20px 0;
}

.list01 li {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.4rem;
}

/* ============================================================ */
/* ttl style */
/* ============================================================ */
.ttl01 {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  margin: 0 0 20px;
}

.ttl01 span,
.ttl01 img {
  font-size: 2.5rem;
  margin: 0 15px 0 0;
}

.ttl01 img {
  width: 20px;
}

.ttl02 {
  color: #cd4c53;
  margin: 0 0 20px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.ttl03 {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px dotted;
}

.ttl03::before {
  font-family: 'icomoon';
  content: "\e061";
  font-size: 1.0rem;
  margin-top: -0.5em;
  margin: 0 20px 0 0;
}

.ttl04 {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #f18c3a;
  font-size: 1.5rem;
  font-weight: bold;
}

.ttl_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: bold;
  padding: 0 0 18px;
  margin: 0 0 20px;
}

.ttl_sub p {
  padding: 10px 55px;
  background: #fff;
  border: 1px solid #d80c18;
  border-radius: 3px;
  color: #d80c18;
  margin: 0 0 10px;
}

.ttl_sub p span {
  font-size: 1.5rem;
}

.ttl_sub h2 {
  font-size: 1.7rem;
  text-align: center;
  width: 100%;
}

.ttl_sub h2::before {
  font-family: 'icomoon';
  content: "\e061";
  font-size: 1.0rem;
  margin-top: -0.5em;
  margin: 0 20px 0 0;
}

/* Ά‰E’†‰›Šρ‚Ή^ƒZƒ“ƒ^ƒŠƒ“ƒO
--------------------------------------------------------------- */
.al_left {
  text-align: left !important;
}

.al_right {
  text-align: right !important;
}

.al_center {
  text-align: center !important;
}

.vl_top {
  vertical-align: top !important;
}

.vl_bottom {
  vertical-align: bottom !important;
}

.vl_middle {
  vertical-align: middle !important;
}

/* ============================================================ */
/* table */
/* ============================================================ */
.visual img {
  max-width: 100%;
}

.visual .visual_h50 {
  height: 50px !important;
}

/* ============================================================ */
/* .breadcrumb */
/* ============================================================ */
.breadcrumb {
  border-bottom: 1px solid #f8f7e9;
}

.breadcrumb ul {
  margin: 0 15px;
  padding: 10px 0;
}

.breadcrumb ul li {
  display: inline;
  position: relative;
}

.breadcrumb ul li:not(:last-child) {
  margin-right: 30px;
}

.breadcrumb ul li:not(:last-child)::after {
  position: absolute;
  top: 2px;
  right: -20px;
  color: #666;
  font-size: 1.3rem;
  font-family: 'icomoon';
  line-height: 1;
  content: "\f105";
}

.breadcrumb ul li a {
  color: #777;
  text-decoration: underline;
}

/* ============================================================ */
/* table */
/* ============================================================ */
.table_style_01 {
  width: 100%;
  border-collapse: separate;
}

.table_style_01 caption {
  text-align: center;
  padding: 8px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  border-bottom: 1px solid #d3d3bc;
}

.table_style_01 th,
.table_style_01 td {
  padding: 12px 20px;
  border-bottom: 1px solid #d3d3bc;
  text-align: center;
}

.table_style_01 th {
  font-size: 1.2rem;
  font-weight: bold;
  background: #e7e7d4;
}

.table_style_01 td {
  font-size: 1.2rem;
  background: #fff;
  color: #333;
}

.table_style_01 .th_style_01 {
  background: #b2b297;
  color: #fff;
}

.table_style_02 {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: separate;
}

.table_style_02 caption {
  text-align: center;
  padding: 8px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  background: #b2b297;
  color: #fff;
  border-bottom: 1px solid #d3d3bc;
}

.table_style_02 th,
.table_style_02 td {
  padding: 5px;
  border-bottom: 1px solid #d3d3bc;
  vertical-align: middle;
}

.table_style_02 th {
  width: 35%;
  background: #b2b297;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
}

.table_style_02 th.sub_ttl {
  background: #e7e7d4;
  color: #000;
}

.table_style_02 td {
  padding-left: 20px;
  font-size: 1.2rem;
  background: #fff;
}

/* ============================================================ */
/* .commission */
/* ============================================================ */
.commission {
  /*----- .list_commission -----*/
}

.commission h2 + p {
  margin: 0 0 15px;
}

.commission .list_commission {
  margin: 0 0 10px;
}

.commission .list_commission li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 460px;
          flex: 0 0 460px;
}

.commission .list_commission li:nth-of-type(1) .table_style_01 {
  margin: 0 0 30px;
}

.commission .list_commission li:nth-of-type(1) .table_style_01 caption {
  /*background: #cd4c53;*/
  background: #f08336;
}

.commission .list_commission li:nth-of-type(2) {
  margin-left: auto;
}

.commission .list_commission li:nth-of-type(2) .table_style_01 caption {
  /*background: #c9984b;*/
  background: #efae00;
}

.commission .list_commission + ul {
  font-size: 1.2rem;
}

/* ============================================================ */
/* Ž‘—ΏΏ‹ */
/* ============================================================ */
.contact {
  padding: 30px 20px;
  background: url(/tameru/ideco/common/img/bg_contact_sp.png) no-repeat center top;
  background-size: cover;
  /*----- .inner -----*/
  /*----- .ttl01 -----*/
  /*----- .columun -----*/
}

.contact .inner {
  margin: 0 auto;
  background: #fff;
}

.contact .ttl01 {
  background: url(/tameru/ideco/common/img/bg_ttl_contact_sp.png) repeat-x left top;
  height: 65px;
  background-size: auto 65px;
}

.contact .columun {
  padding: 0px 15px 20px;
}

.contact .columun > div {
  border: 1px solid #df3943;
  padding: 12px;
  text-align: center;
}

.contact .columun > div p {
  font-weight: normal;
}

.contact .columun > div p:nth-of-type(1) {
  font-size: 1.3rem;
  margin: 0 0 5px;
}

.contact .columun > div p:nth-of-type(2) {
  font-size: 1.0rem;
}

.contact .columun > div div {
  margin: 0 10px 7px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}

.contact .columun > div div i:first-child {
  margin: 0 10px 0 0;
  font-size: 1.4rem;
}

.contact .columun > div div .icon-filter_none {
  margin: 0 0 0 10px;
  font-size: 1.2rem;
}

/* ============================================================ */
/* ‚¨‹ΰ‚Μˆη‚Δ•ϋ */
/* ============================================================ */
.life_shisan{
  padding: 60px 10px;
  background: url(/tameru/ideco/common/img/bg_container.png) repeat left top;
  /*----- .inner -----*/
}

#lp #life_shisan {
  padding: 0px 5px 30px;
  background: none;
  /*----- .inner -----*/
}

.life_shisan .inner {
  margin: 0 auto;
  background: url(/tameru/ideco/common/img/bg_life_shisan_sp.png) no-repeat center center;
  background-size: 350px 213px;
  height: 213px;
  padding: 20px 15px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#lp #life_shisan .inner {
  margin: 30px auto 0;
  background: url(/tameru/ideco/common/img/bg_life_shisan_sp.png) no-repeat center center;
  background-size: 320px 229px;
  height: 229px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 320px;
}

@media screen and (max-width: 320px) {
	#lp #life_shisan {
  		padding: 0 0 30px;
	}
	#lp #life_shisan .inner {
	  background: url(/tameru/ideco/common/img/bg_life_shisan_sp.png) no-repeat center center;
	  background-size: 300px 214px;
    height: 214px;
	  padding: 10px 10px 10px;
	  width: 300px;
	}
}

.life_shisan .inner h2,
#lp #life_shisan .inner h2 {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin-bottom: 14px;
}

.life_shisan .inner ul,
#lp #life_shisan .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.life_shisan .inner ul li,
#lp #life_shisan .inner ul li {
  width: 49%;
  margin-bottom: 6px;
}

.life_shisan .inner ul li:nth-of-type(2n),
#lp #life_shisan .inner ul li:nth-of-type(2n) {
  margin: 0 0 6px;
}

.life_shisan .inner ul li:last-child,
#lp #life_shisan .inner ul li:last-child {
  width: 100%;
}

.life_shisan .inner ul li a,
#lp #life_shisan .inner ul li a {
  background: #fff;
  border-radius: 5px;
  border: dashed 1px #df3943;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  position: relative;
}

.life_shisan .inner ul li a p,
#lp #life_shisan .inner ul li a p {
  font-size: 1.0rem;
  line-height: 1.2;
}

@media screen and (max-width: 320px) {
  .life_shisan .inner ul li a p,
  #lp #life_shisan .inner ul li a p {
    letter-spacing: -.1em;
    line-height: 1.2;
  }
}

.life_shisan .inner ul li a i,
#lp #life_shisan .inner ul li a i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}

.life_shisan .inner ul li a .icon-play_arrow,
#lp #life_shisan .inner ul li a .icon-play_arrow {
  color: #fff;
  background: #df3943;
  border-radius: 50%;
  padding: 2px;
  left: 6px;
}

@media screen and (max-width: 320px) {
  .life_shisan .inner ul li a .icon-play_arrow,
  #lp #life_shisan .inner ul li a .icon-play_arrow {
    left: 3px;
    padding: 0;
  }
}

.life_shisan .inner ul li a .icon-filter_none,
#lp #life_shisan .inner ul li a .icon-filter_none {
  color: #df3943;
  right: 3px;
}

/* ============================================================ */
/* #faq */
/* ============================================================ */
#faq {
  /*----- .list_faq -----*/
}

#faq .list_faq {
  padding: 15px;
  font-size: 1.2rem;
}

#faq .list_faq li {
  position: relative;
  margin: 0 0 20px;
  background: #fff;
}

#faq .list_faq li:last-child {
  margin-bottom: 0;
}

#faq .list_faq li::before {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 10px;
  width: 30px;
  height: 28px;
  padding: 2px 0 0;
  background: #e273a4;
  border-radius: 50%;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  content: 'Q';
}

#faq .list_faq li::after {
  position: absolute;
  top: 25%;
  right: 10px;
  color: #e273a4;
  font-family: "icomoon";
  content: "\e3e0";
}

#faq .list_faq li a {
  display: block;
  min-height: 60px;
  padding: 15px 30px 15px 50px;
}

#faq .list_faq + p {
  margin: 10px 20px 0;
}

/* ============================================================ */
/* page top */
/* ============================================================ */
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}

#page-top.is_show {
  display: none !important;
}

#page-top a {
  background: #008cd6;
  border: 5px solid #cce8f7;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  display: block;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#page-top a i {
  font-size: 2.8rem;
  margin-top: -3.5px;
}

@media screen and (max-width: 320px) {
  #page-top {
    right: 5px;
    bottom: 10px;
  }
  #page-top a {
    width: 46px;
    height: 46px;
  }
}

header {
  z-index: 9999;
  /* .sp_view
	----------------------------------------------------------- */
}

header.is_show {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
}

header > .sp_view {
  height: 44px;
  border-bottom: 1px solid #aaa;
}

header > .sp_view .header_logo {
  padding: 10px 8px;
}

header > .sp_view .header_logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header > .sp_view .header_logo a h1 {
  font-size: 1.2rem;
  font-weight: bold;
}

header > .sp_view .header_logo a img {
  max-width: 70px;
  margin: 0 8px 0 0;
}

header > .sp_view .gnav_button {
  background-color: #008cd6;
  cursor: pointer;
  display: block;
  height: 44px;
  padding: 17px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}

header > .sp_view .gnav_button::before, header > .sp_view .gnav_button::after {
  content: "";
}

header > .sp_view .gnav_button span, header > .sp_view .gnav_button::before, header > .sp_view .gnav_button::after {
  background-color: #fff;
  display: block;
  height: 2px;
  transition: margin-top 0.2s ease 0s, transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  width: 11px;
}

header > .sp_view .gnav_button span, header > .sp_view .gnav_button::after {
  margin-top: 2px;
}

header > .sp_view .gnav_button.is_show > span {
  opacity: 0;
}

header > .sp_view .gnav_button.is_show::before {
  margin-top: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

header > .sp_view .gnav_button.is_show::after {
  margin-top: -6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* .gnav
----------------------------------------------------------- */
#gnav {
  position: absolute;
  right: 0;
  top: 44px;
  width: 300px;
  background: #ddd;
  max-height: 100%;
  min-height: 0;
  overflow: auto;
}

#gnav.is_show {
  display: block;
  position: fixed;
}

#gnav .l_gnav_inner {
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  width: 100%;
}

#gnav ul {
  background: #ddd;
}

#gnav ul li {
  font-size: 1.3rem;
  margin: 0 0 5px;
}

#gnav ul li a {
  padding: 15px;
  display: block;
  position: relative;
}

#gnav ul li a i {
  position: absolute;
  right: 10px;
  margin-top: -0.5em;
  top: 50%;
}

#gnav ul:nth-of-type(1) {
  padding: 10px 5px 10px 10px;
}

#gnav ul:nth-of-type(1) li {
  margin: 0 0 5px;
  background: #fff;
  border-left-style: solid;
  border-left-width: 4px;
}

#gnav ul:nth-of-type(1) li:nth-of-type(1) {
  border-left-color: #008cd6;
}

#gnav ul:nth-of-type(1) li:nth-of-type(1) i {
  color: #008cd6;
}

#gnav ul:nth-of-type(1) li:nth-of-type(2) {
  border-left-color: #f29a5d;
}

#gnav ul:nth-of-type(1) li:nth-of-type(2) i {
  color: #f29a5d;
}

#gnav ul:nth-of-type(1) li:nth-of-type(3) {
  border-left-color: #d66e74;
}

#gnav ul:nth-of-type(1) li:nth-of-type(3) i {
  color: #d66e74;
}

#gnav ul:nth-of-type(1) li:nth-of-type(4) {
  margin: 0;
  border-left-color: #f197be;
}

#gnav ul:nth-of-type(1) li:nth-of-type(4) i {
  color: #f197be;
}

#gnav ul:nth-of-type(2) {
  padding: 0 5px 10px 10px;
}

#gnav ul:nth-of-type(2) li {
  margin: 0 10px;
}

#gnav ul:nth-of-type(2) li a {
  padding: 15px 0;
}

#gnav ul:nth-of-type(2) li a i {
  color: #7d7d7d;
}

#gnav ul:nth-of-type(2) li:nth-of-type(1) a {
  border-bottom: 1px solid #959595;
}

#gnav .utility_nav li a {
  background: none;
}

#gnav .utility_nav li a::after {
  content: none;
}

/* #wrap
----------------------------------------------------------- */
#wrap {
  position: relative;
}

/* .content_wrap
----------------------------------------------------------- */
#content_wrap {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  z-index: 999;
  background: #fff;
}

#content_wrap.is_show {
  -webkit-transform: translate3d(-300px, 0px, 0px);
          transform: translate3d(-300px, 0px, 0px);
  padding: 44px 0 0;
}

#content_wrap.is_show::after {
  -webkit-box-shadow: 4px 0 2px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 0 2px -2px rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.gnav_cover {
  background: url("/tameru/ideco/common/img/bg_gnav_cover.png") repeat scroll 0 0;
  height: 100%;
  position: fixed;
  right: 300px;
  top: 0;
  width: 100%;
  z-index: 90;
}

footer .l-footer-inner {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

footer .footer-link {
  padding: 10px 0 18px;
  background-color: #fff;
  border-top: 1px solid #ccd0d9;
}

footer .footer-link .footer-link-list {
  text-align: center;
  font-size: 0;
  line-height: 1;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

footer .footer-link .footer-link-list .footer-link-item {
  border-left: 1px solid #ccd0d9;
  margin-top: 8px;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 0 12px;
  position: relative;
}

footer .footer-link .footer-link-list .footer-link-item:nth-child(3), footer .footer-link .footer-link-list .footer-link-item:nth-child(4), footer .footer-link .footer-link-list .footer-link-item:nth-child(5) {
  border-left: none;
  display: block;
}

footer .footer-link .footer-link-list .footer-link-item:first-child {
  border-left: none;
}

footer .footer-link .footer-link-list .footer-link-item::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background-image: url("/tameru/ideco/common/img/sprite.png");
  background-position: -16px -52px;
  background-size: 90.5px 90px;
  height: 12px;
  vertical-align: middle;
  width: 14px;
}

footer .footer-link .footer-link-list .footer-link-item > a {
  display: inline-block;
  vertical-align: middle;
}

footer .footer-id {
  background-color: #fff;
  font-size: 0;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}

footer .footer-id > a img {
  width: 173px;
}

footer .footer-copyright {
  border-top: 1px solid #ccd0d9;
}

footer .footer-copyright .footer-trade {
  padding: 10px 0;
  background-color: #fff;
}

footer .footer-copyright .footer-trade .footer-trade-text {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  text-align: center;
}

footer .copyright {
  background-color: #f0f0f0;
  font-size: 1rem;
  line-height: 1.2;
  padding: 10px 0;
  text-align: center;
}

#index {
  /* .visual
	----------------------------------------------------------- */
  /* .main_container
	----------------------------------------------------------- */
  /* #about
	----------------------------------------------------------- */
  /* #mufg_start
	----------------------------------------------------------- */
  /* #faq
	----------------------------------------------------------- */
}

#index .visual .inner {
  margin: 0 auto;
  padding: 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#index .visual .inner h2 {
  margin: 0 30px 15px;
}

#index .visual .inner h2 img {
  width: 100%;
}

#index .visual .inner ul {
  margin: 0 75px 30px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#index .visual .inner ul li {
  margin: 0 0 20px;
}

#index .visual .inner ul li img {
  width: 100%;
}

#index .visual .inner ul li:last-child {
  margin: 0;
}

#index .visual .inner div {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  background: #8cc774;
}

#index .visual .inner div p {
  margin: 0 20px 20px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}

#index .visual .inner div + figure {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#index .visual .inner div + figure img {
  width: 100%;
}

#index .main_container {
  background: url(/tameru/ideco/common/img/bg_container.png) repeat top left;
  padding: 20px 0 50px;
}

#index .main_container .inner {
  margin: 0 auto;
  /*----- .bnr_area -----*/
}

#index .main_container .inner .bnr_area {
  margin: 0 20px 20px;
}

#index .main_container .inner .bnr_area a {
	display: block;
}

#index .main_container .inner .bnr_area a:first-child {
	margin-bottom: 15px;
}

#index .main_container .inner .bnr_area img {
  width: 100%;
}

#index #about {
  margin: 0 10px 30px;
  /*----- .ttl01 -----*/
  /*----- .ttl_sub -----*/
  /*----- .list_merit -----*/
  /*----- .sub_merit -----*/
}

#index #about .ttl01 {
  background: url(/tameru/ideco/img/bg_ttl_about_sp.png) repeat-x left top;
  height: 65px;
  background-size: auto 65px;
}

#index #about .ttl_sub {
  border-bottom: dashed 1px #f08336;
}

#index #about .ttl_sub h2::before {
  color: #f18c3a;
}

#index #about .list_merit {
  margin: 0 25px 28px;
}

#index #about .list_merit li {
  text-align: center;
  background: #fff;
  margin: 60px 0 0;
  padding: 15px;
}

#index #about .list_merit li .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  z-index: 10;
  font-size: 1.0rem;
  font-weight: bold;
  color: #fff;
  width: 74px;
  height: 74px;
  padding: 15px 0 8px;
  margin: -50px auto 0;
  background: #f08336;
  position: relative;
}

#index #about .list_merit li .number::before {
  position: absolute;
  content: '';
  border: 1px solid #FFF;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}

#index #about .list_merit li .number p {
  margin-bottom: 5px;
  line-height: 1;
  letter-spacing: -2px;
  width: 100%;
}

#index #about .list_merit li .number span {
  font-size: 2.2rem;
  display: block;
  line-height: 1;
}

#index #about .list_merit li .txt_area {
  padding: 20px 0 0;
}

#index #about .list_merit li .txt_area figure {
  margin: 0 0 15px;
}

#index #about .list_merit li .txt_area figure img {
  width: 75px;
}

#index #about .list_merit li .txt_area h3 {
  margin: 0 0 10px;
  font-size: 1.7rem;
  font-weight: bold;
}

#index #about .list_merit li .txt_area h3 + P {
  margin: 0 0 10px;
}

#index #about .list_merit li .txt_area p {
  text-align: left;
}

#index #about .list_merit li .txt_area .txt_small {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

#index #about .list_merit:nth-of-type(2) .txt_area figure img {
  width: 87px;
}

#index #about .list_merit:nth-of-type(3) .txt_area figure img {
  width: 93px;
}

#index #about .list_merit + p {
  margin: 0 25px;
}

#index #about .sub_merit {
  padding: 40px 0 0;
}

#index #about .sub_merit .list_link_01 {
  margin: 0 auto 40px;
}

#index #about .sub_merit .list_link_01 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  margin: 0 0 30px;
}

#index #about .sub_merit .list_link_01 li a {
  height: 220px;
  width: 220px;
  background: #fff;
  border: 2px dashed #f08336;
  border-radius: 50%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 0 15px;
  text-align: center;
}

#index #about .sub_merit .list_link_01 li a figure {
  margin: 0 0 10px;
  text-align: center;
}

#index #about .sub_merit .list_link_01 li a h3 {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 3px;
}

#index #about .sub_merit .list_link_01 li a p {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 10px;
}

#index #about .sub_merit .list_link_01 li a i {
  font-size: 1.5rem;
  color: #f08336;
}

#index #about .sub_merit .list_link_01 li:nth-of-type(1) figure img {
  width: 48px;
}

#index #about .sub_merit .list_link_01 li:nth-of-type(2) figure img {
  width: 29px;
}

#index #about .sub_merit .list_link_01 li:nth-of-type(3) {
  margin: 0;
}

#index #about .sub_merit .list_link_01 li:nth-of-type(3) figure img {
  width: 46px;
}

#index #about .sub_merit .list_link_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#index #about .sub_merit .list_link_02 li {
  border: 2px solid #fff;
  background: #efefc5;
  -webkit-box-shadow: 0px 3px 2px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 2px -3px rgba(0, 0, 0, 0.4);
  width: 48%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin: 0 2% 10px 0;
}

#index #about .sub_merit .list_link_02 li:nth-of-type(2n) {
  margin: 0 0 10px;
}

#index #about .sub_merit .list_link_02 li a {
  font-size: 1.4rem;
  display: block;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  position: relative;
}

@media screen and (max-width: 320px) {
  #index #about .sub_merit .list_link_02 li a {
    padding-left: 15px;
    font-size: 1.3rem;
  }
}

#index #about .sub_merit .list_link_02 li a i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 10px;
  border-radius: 50%;
  color: #f08336;
  background: #fff;
  border-radius: 50%;
  padding: 2px;
  font-size: 1.2rem;
}

@media screen and (max-width: 320px) {
  #index #about .sub_merit .list_link_02 li a i {
    left: 5px;
    font-size: 1rem;
  }
}

#index #mufg_start {
  margin: 0 10px 50px;
  /*----- .ttl01 -----*/
  /*----- .ttl_sub -----*/
  /*----- .list_course -----*/
  /*----- .box_support -----*/
}

#index #mufg_start .ttl01 {
  background: url(/tameru/ideco/img/bg_ttl_start_sp.png) repeat-x left top;
  height: 65px;
  background-size: auto 65px;
  margin-bottom: 20px;
}

#index #mufg_start .ttl_sub {
  border-bottom: dashed 1px #cd4c53;
}

#index #mufg_start .ttl_sub h2::before {
  color: #cd4c53;
}

#index #mufg_start .list_course {
  margin: 0 0 20px;
}

#index #mufg_start .list_course li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  margin: 0 0 20px;
  padding: 10px 20px 20px 10px;
}

#index #mufg_start .list_course li:nth-of-type(2n) {
  margin-bottom: 0;
}

#index #mufg_start .list_course li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
}

#index #mufg_start .list_course li .ttl_course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  width: 100px;
  height: 100px;
  margin: 0 15px 0 0;
  padding: 15px 0 20px;
  background: #cd4c53;
  position: relative;
}

#index #mufg_start .list_course li .ttl_course::before {
  position: absolute;
  content: '';
  border: 1px solid #FFF;
  width: 93px;
  height: 93px;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}

#index #mufg_start .list_course li .ttl_course p {
  line-height: 1;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

#index #mufg_start .list_course li .ttl_course span {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  font-weight: normal;
}

#index #mufg_start .list_course li > p {
  width: 100%;
  text-align: center;
}

#index #mufg_start .list_course li > p a[class^="btn_"] {
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

#index #mufg_start .list_course li > p a[class^="btn_"] .icon-filter_none {
  background: none;
  color: #000;
}

#index #mufg_start .list_course li:nth-of-type(2) .ttl_course {
  background: #c9984b;
}

#index #mufg_start .txt_link {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
  font-size: 1.4rem;
  text-align: center;
}

#index #mufg_start .txt_link i {
  font-size: 1.2rem;
}

#index #mufg_start .txt_link .icon-play_arrow {
  margin-right: 10px;
}

#index #mufg_start .box_support {
  background: #fff;
  margin: 0 0 40px;
  padding: 20px;
}

#index #mufg_start .box_support figure {
  margin: 0 0 15px;
  text-align: center;
}

#index #mufg_start .box_support figure img {
  width: 70px;
}

#index #faq {
  margin: 0 10px;
  /*----- .ttl01 -----*/
  /*----- .list_faq -----*/
}

#index #faq .ttl01 {
  background: url(/tameru/ideco/img/bg_ttl_faq_sp.png) repeat-x left top;
  height: 65px;
  background-size: auto 65px;
  margin-bottom: 20px;
}

#index #faq .list_faq {
  background: #fff;
  font-size: 1.2rem;
  padding: 15px;
  margin: 0 0 20px;
}

#index #faq .list_faq dt {
  position: relative;
  padding: 3px 0 0 45px;
  margin: 0 0 10px;
  min-height: 30px;
}

#index #faq .list_faq dt::before {
  content: 'Q';
  font-size: 1.6rem;
  font-weight: bold;
  background: #e273a4;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 28px;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px 0 0;
}

#index #faq .list_faq dd {
  position: relative;
  padding: 3px 0 0 45px;
  min-height: 30px;
}

#index #faq .list_faq dd::before {
  content: 'A';
  font-size: 1.6rem;
  font-weight: bold;
  background: #efefc5;
  color: #767474;
  border-radius: 50%;
  width: 29px;
  height: 27px;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 3px 0 0 1px;
}

#index #faq .list_faq + p {
  margin: 0 20px 30px;
}

#index #faq .bnr_faq img {
  width: 100%;
}

.about {
  /* .gnav
	----------------------------------------------------------- */
  /* .visual
	----------------------------------------------------------- */
  /* ttl style
	----------------------------------------------------------- */
  /* .list_merit
	----------------------------------------------------------- */
  /* .sub_merit
	----------------------------------------------------------- */
  /* .box_case
	----------------------------------------------------------- */
  /* .ttl_merit
	----------------------------------------------------------- */
  /* .tablink
	----------------------------------------------------------- */
  /* .box_step
	----------------------------------------------------------- */
}

.about .local_nav h2 {
  background: #f18c3a;
}

.about .local_nav a::before {
  color: #f18c3a;
}

.about .txt_link {
  margin-bottom: 5px;
}

.about .txt_link i {
  color: #f08336;
}

.about .txt_link i:first-child {
  margin-right: 5px;
}

.about .txt_link i:last-child {
  margin-left: 5px;
}

.about .note {
  font-size: 1.2rem;
}

.about .dl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.about .dl01 dt {
  width: 20%;
}

.about .dl01 dd {
  width: 80%;
}

.about .gnav ul li:nth-of-type(2) a {
  background: #fef5ef;
}

.about .visual .inner {
  position: relative;
}

.about .visual h1 {
  position: absolute;
  top: 25%;
  left: 10px;
}

.about .visual h1 img {
  max-width: 100%;
  height: 40px;
}

.about .ttl03 {
  border-color: #f18c3a;
}

.about .ttl03::before {
  color: #f18c3a;
}

.about .ttl_sub {
  margin-bottom: 10px;
  padding: 0;
}

.about .ttl_sub p {
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  text-align: center;
}

.about .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  z-index: 10;
  font-size: 1.0rem;
  font-weight: bold;
  color: #fff;
  width: 74px;
  height: 74px;
  padding: 15px 0 8px;
  margin: -50px auto 0;
  background: #f08336;
  position: relative;
}

.about .number::before {
  position: absolute;
  content: '';
  border: 1px solid #FFF;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}

.about .number p {
  width: 100%;
  text-align: center;
  line-height: 1;
  letter-spacing: -2px;
}

.about .number span {
  font-size: 2.2rem;
  display: block;
  line-height: 1;
}

.about .list_merit {
  margin: 0 25px 28px;
}

.about .list_merit li {
  text-align: center;
  background: #fff;
  margin: 60px 0 0;
  padding: 15px;
}

.about .list_merit li .ttl_area {
  padding-top: 20px;
}

.about .list_merit li .ttl_area figure {
  margin: 0 0 15px;
}

.about .list_merit li .ttl_area img {
  width: 75px;
}

.about .list_merit li .ttl_area h3 {
  margin-bottom: 15px;
  font-size: 1.7rem;
  font-weight: bold;
}

.about .list_merit li .txt_area p {
  text-align: left;
}

.about .list_merit li .txt_area .txt_small {
  margin-top: 10px;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.about .list_merit:nth-of-type(2) .txt_area figure img {
  width: 87px;
}

.about .list_merit:nth-of-type(3) .txt_area figure img {
  width: 93px;
}

.about .list_merit + p {
  margin: 0 25px;
}

.about .sub_merit {
  padding: 40px 0 0;
}

.about .sub_merit .list_link_01 {
  margin: 0 auto 40px;
}

.about .sub_merit .list_link_01 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  margin: 0 0 30px;
}

.about .sub_merit .list_link_01 li a {
  /*background: url(/tameru/ideco/img/bg_list_link_01_sp.png) no-repeat center center;
						background-size: 220px 220px;*/
  height: 220px;
  width: 220px;
  background: #fff;
  border: 2px dashed #f08336;
  border-radius: 50%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*align-items: center;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 25px 0 15px;
}

.about .sub_merit .list_link_01 li a figure {
  margin: 0 0 10px;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
}

.about .sub_merit .list_link_01 li a h3 {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 3px;
}

.about .sub_merit .list_link_01 li a p {
  font-size: 1.3rem;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
}

.about .sub_merit .list_link_01 li a i {
  font-size: 1.5rem;
  color: #f08336;
}

.about .sub_merit .list_link_01 li:nth-of-type(1) figure img {
  width: 48px;
}

.about .sub_merit .list_link_01 li:nth-of-type(2) figure img {
  width: 29px;
}

.about .sub_merit .list_link_01 li:nth-of-type(3) {
  margin: 0;
}

.about .sub_merit .list_link_01 li:nth-of-type(3) figure img {
  width: 46px;
}

.about .sub_merit .list_link_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

.about .sub_merit .list_link_02 li {
  border: 2px solid #fff;
  background: #efefc5;
  -webkit-box-shadow: 0px 3px 2px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 2px -3px rgba(0, 0, 0, 0.4);
  width: 48%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin: 0 2% 10px 0;
}

.about .sub_merit .list_link_02 li:nth-of-type(2n) {
  margin: 0 0 10px;
}

.about .sub_merit .list_link_02 li a {
  font-size: 1.4rem;
  display: block;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  position: relative;
}

@media screen and (max-width: 320px) {
  .about .sub_merit .list_link_02 li a {
    padding-left: 15px;
    font-size: 1.3rem;
  }
}

.about .sub_merit .list_link_02 li a i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 10px;
  border-radius: 50%;
  color: #f08336;
  background: #fff;
  border-radius: 50%;
  padding: 2px;
  font-size: 1.2rem;
}

@media screen and (max-width: 320px) {
  .about .sub_merit .list_link_02 li a i {
    left: 5px;
    font-size: 1rem;
  }
}

.about .box_case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 50px;
  padding: 15px;
  background: #fff;
  border: 1px solid #f08336;
  border-radius: 5px;
}

.about .box_case h3 {
  margin-bottom: 10px;
  padding-top: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}

.about .box_case h3 + p {
  margin-bottom: 20px;
}

.about .box_case .note {
  margin-top: 15px;
  font-size: 1.2rem;
}

.about .box_case ol {
  counter-reset: list-num;
}

.about .box_case ol li {
  margin-bottom: 5px;
  padding-left: 24px;
  font-size: 1.3rem;
  line-height: 1.8;
}

.about .box_case ol li::before {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-left: -24px;
  background-color: #f08336;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 18px;
  content: counter(list-num);
  counter-increment: list-num;
}

.about .ttl_merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 90px;
  margin: 60px 0 30px;
  padding: 15px;
  background: #fff;
  border: 1px solid #f08336;
  border-radius: 5px;
}

.about .ttl_merit figure img {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 50px;
  margin-right: 20px;
}

.about .ttl_merit .number {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}

.about .ttl_merit .number::before {
  top: 3px;
  left: 3px;
  width: 52px;
  height: 52px;
}

.about .ttl_merit .number p {
  font-size: 1.2rem;
}

.about .ttl_merit .number span {
  font-size: 2rem;
}

.about .ttl_merit h3 {
  padding-left: 65px;
  font-size: 1.5rem;
  font-weight: bold;
}

.about .tablink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-bottom: 4px solid #f18c3a;
}

.about .tablink li {
  width: 50%;
}

.about .tablink li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 5px;
  background: #ffdbbe;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  color: #f17c1c;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 320px) {
  .about .tablink li a {
    font-size: 1.2rem;
  }
}

.about .tablink li a i {
  margin-right: 5px;
}

.about .tablink li.active a {
  background: #f18c3a;
  color: #fff;
}

.about .tablink li:first-child {
  margin-right: 3px;
}

.about .box_step {
  margin-top: 50px;
  padding: 15px;
  background: #fff;
  border: 1px solid #f08336;
  border-radius: 5px;
}

.about .box_step .number p {
  letter-spacing: 0;
}

.about .box_step h3 {
  margin: 15px 0;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.about .box_step .img_area {
  margin: 0 auto 15px;
  text-align: center;
}

.about .box_step .img_area img {
  height: 80px;
}

.about .box_step .txt_area i {
  color: #f08336;
  margin-right: 5px;
}

.about .box_step .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 15px;
  background: #32a1dc;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}

.about .box_step .ttl img {
  height: 20px;
  margin-right: 10px;
}

.about .box_step .contact {
  margin-top: 15px;
  padding: 0;
  background: #fff;
}

.about .box_step .contact p {
  font-weight: bold;
  text-align: center;
  font-size: 1.3rem;
}

.about .box_step .contact p:last-of-type {
  font-size: 1rem;
}

.about .box_step .contact .btn_red_01 {
  margin: 10px 0;
  font-size: 1.4rem;
}

.about .bottom_arrow {
  text-align: center;
  margin: 10px 0;
}

.about .bottom_arrow i {
  color: #f08336;
  font-size: 3rem;
}

.about .box_outer_link {
  margin: 20px 0 30px;
  padding: 20px;
  background: #fff;
}

.about .box_outer_link p {
  margin-bottom: 10px;
}

.about .box_outer_link a {
  font-size: 1.4rem;
}

.mufg_start {
  /* .gnav
	----------------------------------------------------------- */
  /* .visual
	----------------------------------------------------------- */
  /* ttl style
	----------------------------------------------------------- */
  /* .list_course
	----------------------------------------------------------- */
  /* .box_support
	----------------------------------------------------------- */
}

.mufg_start .gnav ul li:nth-of-type(3) a {
  background: #fbf1f2;
}

.mufg_start .visual .inner {
  position: relative;
}

.mufg_start .visual h1 {
  position: absolute;
  top: 25%;
  left: 10px;
}

.mufg_start .visual h1 img {
  max-width: 100%;
  height: 40px;
}

.mufg_start .ttl03 {
  border-color: #cd4c53;
}

.mufg_start .ttl03::before {
  color: #cd4c53;
}

.mufg_start .ttl03 span {
  margin-right: 10px;
  color: #d80c18;
}

.mufg_start .ttl_sub {
  margin-bottom: 10px;
  padding: 0;
}

.mufg_start .ttl_sub p {
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  text-align: center;
}

.mufg_start .list_course {
  margin: 0 0 20px;
}

.mufg_start .list_course li {
  background: #fff;
  margin: 0 0 20px;
  padding: 10px 20px 20px 10px;
}

.mufg_start .list_course li:nth-of-type(2n) {
  margin-bottom: 0;
}

.mufg_start .list_course li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
}

.mufg_start .list_course li .ttl_course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  width: 100px;
  height: 100px;
  margin: 0 15px 0 0;
  padding: 15px 0 20px;
  background: #cd4c53;
  position: relative;
}

.mufg_start .list_course li .ttl_course::before {
  position: absolute;
  content: '';
  border: 1px solid #FFF;
  width: 93px;
  height: 93px;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}

.mufg_start .list_course li .ttl_course p {
  line-height: 1;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  text-align: center;
}

.mufg_start .list_course li .ttl_course span {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  font-weight: normal;
}

.mufg_start .list_course li > p {
  width: 100%;
  text-align: center;
}

.mufg_start .list_course li > p a[class^="btn_"] {
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

.mufg_start .list_course li > p a[class^="btn_"] .icon-filter_none {
  background: none;
  color: #000;
}

.mufg_start .list_course li:nth-of-type(2) .ttl_course {
  background: #c9984b;
}

.mufg_start .txt_link {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
  font-size: 1.4rem;
  text-align: center;
}

.mufg_start .txt_link i {
  font-size: 1.2rem;
}

.mufg_start .txt_link .icon-play_arrow {
  margin-right: 10px;
}

.mufg_start .box_support {
  background: #fff;
  margin: 0 0 40px;
  padding: 20px;
}

.mufg_start .box_support figure {
  margin: 0 0 15px;
  text-align: center;
}

.mufg_start .box_support figure img {
  width: 70px;
}

.faq {
  /* .gnav
	----------------------------------------------------------- */
  /* .visual
	----------------------------------------------------------- */
  /* ttl style
	----------------------------------------------------------- */
}

.faq .gnav ul li:nth-of-type(4) a {
  background: #fef5f9;
}

.faq .visual .inner {
  position: relative;
}

.faq .visual h1 {
  position: absolute;
  top: 25%;
  left: 10px;
}

.faq .visual h1 img {
  max-width: 100%;
  height: 40px;
}

.faq .ttl03 {
  border-color: #e273a4;
}

.faq .ttl03::before {
  color: #e273a4;
}