/* --------------------------------------------------
	000.margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
  margin: 0;
  padding: 0; }

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
  display: block; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

/* --------------------------------------------------
	001.HTML, Body, Anchor
-------------------------------------------------- */
html {
  font-size: 62.5%;
  overflow-y: scroll;
  * overflow-x: hidden;
  _overflow: auto; }

html, body {
  width: 100%;
  min-height: 100%; }

body {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000; }

@media only screen and (min-width: 769px) {
  body {
    letter-spacing: .1rem; }

  .sp-visible {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  html {
    font-size: 3.125vw; }

  .sp-hidden {
    display: none !important; }

  select,
  textarea,
  input[type='url'],
  input[type='text'],
  input[type='date'],
  input[type='tel'],
  input[type='email'],
  input[type='submit'] {
    -webkit-appearance: none; } }
span.link,
a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s, background-color 0.1s, background-image 0.3s, border-color 0.1s, box-shadow 0.3s, transform 0.3s;
  -webkit-transition: color 0.3s, background-color 0.1s, background-image 0.3s, border-color 0.1s, box-shadow 0.3s, -webkit-transform 0.3s;
  cursor: pointer; }
  @media only screen and (min-width: 769px) {
    span.link:hover,
    a:hover {
      color: #000;
      text-decoration: none;
      opacity: 0.8; } }

/* --------------------------------------------------
	002.Heading, Paragraph
-------------------------------------------------- */
dt, h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 700; }

p {
  line-height: 1.6; }

/* --------------------------------------------------
	003.List
-------------------------------------------------- */
ol, ul, li {
  list-style: none;
  zoom: 1;
  overflow: hidden; }

/* --------------------------------------------------
	004.Table
-------------------------------------------------- */
table {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: 400; }

dl, dt, dd {
  zoom: 1;
  overflow: hidden; }

/* --------------------------------------------------
	005.Form
-------------------------------------------------- */
fieldset {
  border: none; }

input[type="text"], input[type="tel"], input[type="mail"], textarea, select, label {
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

@media only screen and (max-width: 768px) {
  input, textarea, select {
    font-size: 1.6rem;
    box-sizing: border-box; } }
button, input[type="submit"] {
  font-family: inherit;
  outline: none;
  border: none; }
  button:focus, input[type="submit"]:focus {
    border: none;
    outline: none;
    box-shadow: none; }

label {
  cursor: pointer; }

textarea {
  overflow: auto; }

legend {
  display: none; }

/* --------------------------------------------------
	006.Other
-------------------------------------------------- */
img {
  border: none;
  max-width: 100%;
  vertical-align: middle; }

object {
  vertical-align: middle;
  outline: none; }

em {
  font-style: italic; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 100%; }

i {
  font-style: normal; }

u {
  text-decoration: none; }

abbr, acronym {
  border: none;
  font-variant: normal; }

address, caption, cite, code, dfn, var {
  font-weight: 400;
  font-style: normal; }

sup {
  vertical-align: text-top;
  font-size: 1rem;
  position: relative; }

sub {
  font-size: 1rem;
  position: relative;
  vertical-align: text-bottom; }

hr {
  display: none; }

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

div:focus,
img:focus,
textarea:focus,
a:focus,
button:focus,
input:focus {
  outline: none;
  box-shadow: none; }

.pgtop {
  position: fixed;
  right: .5rem;
  bottom: 10%;
  z-index: 1000; }
  .pgtop a {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.9);
    position: relative;
    display: block; }
    .pgtop a:before {
      content: "";
      border-style: solid;
      border-width: .8rem .5rem;
      border-color: transparent transparent #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -1.2rem 0 0 -.5rem; }

.en-gra {
  color: #ff3e00;
  background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

@media only screen and (min-width: 769px) {
  /* --------------------------------------
  		102 header
  -------------------------------------- */
  .header {
    width: 17rem;
    text-align: center;
    position: absolute;
    left: 1.5rem;
    top: 2rem;
    z-index: 99999; }
    .header_logo img {
      width: 16.7rem; }
    .header_logo:before {
      content: "";
      background: url("../img/logo.png") no-repeat;
      background-size: 12.5rem auto;
      width: 12.5rem;
      height: 12.5rem;
      display: block;
      margin: 0 auto 1.5rem; }

  /* --------------------------------------
  		103 content
  -------------------------------------- */
  .top_main {
    height: 80rem;
    position: relative;
    z-index: 1; }
    .top_main:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.3); }
    .top_main-catch {
      width: 100%;
      position: absolute;
      left: 0;
      top: 40%;
      color: #fff;
      font-size: 3rem;
      font-weight: 700;
      text-align: center;
      z-index: 4; }
      .top_main-catch b {
        font-size: 6rem; }
      .top_main-catch p {
        font-size: 2.8rem;
        line-height: 1.5; }

  .div_message {
    background: #F2F1F2;
    padding: 10.4rem 0; }
    .div_message .section_phi {
      width: 85rem;
      margin: 0 auto 5.6rem;
      background: #fff;
      border-radius: 0 3rem 0 3rem;
      box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2);
      position: relative; }
      .div_message .section_phi:after {
        content: "";
        background: url("../img/ico_1.png") no-repeat;
        background-size: 5.3rem auto;
        width: 5.3rem;
        height: 7.3rem;
        position: absolute;
        top: -4rem;
        right: 2rem; }
      .div_message .section_phi-ttl {
        width: 28rem;
        font-weight: 700;
        font-size: 4.8rem;
        line-height: 1.3;
        position: absolute;
        left: 0;
        text-align: center;
        top: 50%;
        margin-top: -4.03rem; }
        .div_message .section_phi-ttl small {
          display: block;
          font-size: 1.4rem; }
      .div_message .section_phi-inner {
        padding: 8.8rem 5rem 8.8rem 28rem; }
        .div_message .section_phi-inner ul li {
          font-size: 2rem;
          text-align: left;
          line-height: 3rem;
          padding-bottom: 3rem; }
          .div_message .section_phi-inner ul li:nth-last-of-type(1) {
            padding-bottom: 0; }
          .div_message .section_phi-inner ul li b {
            display: inline-block;
            position: relative; }
            .div_message .section_phi-inner ul li b:after {
              content: "";
              width: 100%;
              background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
              height: .4rem;
              bottom: 0;
              left: 0;
              position: absolute; }
    .div_message dl {
      width: 98rem;
      margin: 0 auto;
      overflow: visible; }
      .div_message dl:after {
        content: "";
        display: block;
        clear: both; }
      .div_message dl div {
        width: 48rem;
        background: #fff;
        border-radius: 0 3rem 0 3rem;
        box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2);
        position: relative;
        float: left; }
        .div_message dl div:after {
          content: "";
          position: absolute;
          bottom: -2rem;
          right: 2rem;
          background: url("../img/ico_2.png") no-repeat;
          background-size: 5.8rem auto;
          width: 5.9rem;
          height: 3.8rem; }
        .div_message dl div:nth-of-type(2) {
          margin-left: 2rem; }
          .div_message dl div:nth-of-type(2):after {
            background: url("../img/ico_3.png") no-repeat;
            background-size: 5.7rem auto;
            width: 5.7rem;
            height: 5.7rem; }
        .div_message dl div dt {
          background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
          padding: 2.5rem 0;
          text-align: center;
          border-radius: 0 3rem 0 0;
          font-size: 2.8rem;
          line-height: 1.2; }
          .div_message dl div dt small {
            display: block;
            font-size: 1.2rem;
            color: #fff; }
        .div_message dl div dd {
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.8;
          font-weight: 700;
          padding: 2.4rem 0 4rem;
          overflow: visible; }

  .section_service {
    position: relative;
    z-index: 1;
    padding: 2rem 0 13rem; }
    .section_service:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../img/bg_service.jpg") no-repeat 50% 100%;
      background-size: cover;
      z-index: -1; }
    .section_service-header {
      line-height: 1.3;
      text-align: center;
      padding-top: 4.3rem;
      padding-bottom: 3.6rem; }
      .section_service-header_ttl {
        font-size: 1.6rem; }
      .section_service-header_en {
        font-size: 6rem;
        display: block; }
    .section_service-inner {
      min-width: 120rem; }
      .section_service-inner > p {
        text-align: center;
        font-size: 1.6rem;
        padding-bottom: 3rem; }
      .section_service-inner .article_service {
        position: relative;
        padding: 7rem 0; }
        .section_service-inner .article_service-num {
          font-size: 1.4rem;
          position: absolute;
          left: 0;
          top: 0;
          font-weight: 400;
          background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          border-radius: 0 3rem 3rem 0;
          max-width: 18rem;
          padding: 7rem 2rem 0 9rem;
          text-align: center;
          height: 100%; }
          .section_service-inner .article_service-num span {
            font-size: 6rem;
            line-height: 1.2;
            display: block; }
        .section_service-inner .article_service:nth-of-type(3) .article_service-header {
          min-height: 0;
          padding-bottom: 0; }
        .section_service-inner .article_service:nth-of-type(2n) .article_service-num {
          left: auto;
          right: 0;
          background: linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
          border-radius: 3rem 0 0 3rem;
          padding: 7rem 9rem 0 2rem; }
        .section_service-inner .article_service:nth-of-type(2n) .article_service-header {
          text-align: right; }
        .section_service-inner .article_service-header {
          width: 79rem;
          min-height: 14rem;
          text-align: left;
          margin: 0 auto;
          position: relative;
          padding-bottom: 2rem; }
          .section_service-inner .article_service-header_ttl {
            font-size: 2.4rem;
            margin-bottom: 2rem; }
            .section_service-inner .article_service-header_ttl span {
              font-size: 1.3rem;
              display: inline-block;
              background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
              width: 9rem;
              height: 2.1rem;
              border-radius: 1.1rem;
              text-align: center;
              margin-right: 1rem;
              color: #fff;
              position: relative;
              bottom: .3rem; }
            .section_service-inner .article_service-header_ttl b {
              position: relative;
              display: inline-block; }
              .section_service-inner .article_service-header_ttl b:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: .3rem;
                background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%); }
          .section_service-inner .article_service-header > p {
            font-size: 1.4rem; }
          .section_service-inner .article_service-header ul {
            position: absolute;
            right: 0;
            top: 0;
            width: 44rem; }
            .section_service-inner .article_service-header ul li {
              width: 33%;
              float: left;
              text-align: center;
              font-size: 1.3rem;
              font-weight: 700; }
              .section_service-inner .article_service-header ul li img {
                margin-bottom: .8rem; }
          .section_service-inner .article_service-header figure {
            position: absolute;
            left: 0;
            top: 0; }
            .section_service-inner .article_service-header figure figcaption {
              width: 8.5rem;
              height: 8.5rem;
              border-radius: 50%;
              border: 0.3rem solid #ff3e00;
              text-align: center;
              float: left;
              margin: .5rem 1rem 0 0;
              font-size: 1.4rem;
              line-height: 1.6rem;
              padding-top: 2.2rem;
              color: #ff3e00; }
              .section_service-inner .article_service-header figure figcaption b {
                font-size: 1.8rem;
                font-weight: 400; }
        .section_service-inner .article_service-inner {
          width: 79rem;
          padding-left: 14rem;
          margin: 0 auto;
          margin-top: -4rem; }
          .section_service-inner .article_service-inner h4 {
            font-size: 1.8rem;
            color: #ff3e00;
            padding-bottom: 1.5rem; }
          .section_service-inner .article_service-inner small {
            font-size: 1.2rem; }
          .section_service-inner .article_service-inner > p {
            padding-bottom: 2rem; }
        .section_service-inner .article_service-merit {
          max-width: 79rem;
          margin: 0 auto 3rem;
          clear: both;
          background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
          position: relative;
          padding: 1.7rem 1rem 1.7rem 11.5rem;
          border-radius: 0 1.5rem 0 1.5rem; }
          .section_service-inner .article_service-merit dt {
            position: absolute;
            left: 0;
            top: 1.7rem;
            background: url("../img/bg_ribbon.png") no-repeat;
            background-size: 10.3rem auto;
            text-align: center;
            color: #ff3e00;
            font-size: 1.3rem;
            width: 10.3rem;
            line-height: 3rem; }
          .section_service-inner .article_service-merit dd {
            padding: .5rem 0;
            font-size: 1.6rem;
            color: #fff; }
            .section_service-inner .article_service-merit dd small {
              font-size: 1.2rem; }
        .section_service-inner .article_service-btn a {
          width: 27rem;
          height: 5rem;
          border: 0.3rem solid #ff3e00;
          line-height: 4.4rem;
          text-align: center;
          margin: 0 auto;
          font-weight: 700;
          border-radius: 2.5rem;
          display: block; }
          .section_service-inner .article_service-btn a:hover {
            color: #ff3e00;
            background: #fff; }
          .section_service-inner .article_service-btn a i {
            margin-right: 1rem; }
            .section_service-inner .article_service-btn a i img {
              width: 2.2rem; }
          .section_service-inner .article_service-btn a:after {
            content: "";
            background: url("../img/ico_arrow.png") no-repeat;
            background-size: 1.4rem auto;
            width: 1.4rem;
            height: 1.4rem;
            display: inline-block;
            margin-left: 1rem;
            position: relative;
            bottom: -.2rem; }

  .section_flow {
    position: relative;
    z-index: 1;
    padding: 10rem 0;
    background: #F2F1F2; }
    .section_flow-header {
      line-height: 1.3;
      text-align: center;
      padding-bottom: 7rem; }
      .section_flow-header_ttl {
        font-size: 1.6rem; }
      .section_flow-header_en {
        font-size: 6rem;
        display: block; }
    .section_flow-inner dl {
      width: 81.5rem;
      margin: 0 auto;
      overflow: visible; }
      .section_flow-inner dl:after {
        content: "";
        display: block;
        clear: both; }
      .section_flow-inner dl div {
        width: 15rem;
        float: left;
        margin-right: 1.35rem;
        position: relative; }
        .section_flow-inner dl div:nth-last-of-type(1) {
          margin-right: 0; }
          .section_flow-inner dl div:nth-last-of-type(1):after {
            display: none; }
        .section_flow-inner dl div:nth-of-type(3) dd, .section_flow-inner dl div:nth-of-type(4) dd {
          line-height: 3.2; }
        .section_flow-inner dl div:after {
          content: "";
          background: url("../img/ico_ya.png");
          background-size: 1.8rem auto;
          width: 1.8rem;
          height: 1.1rem;
          position: absolute;
          top: 50%;
          margin-top: -.5rem;
          right: -1rem; }
        .section_flow-inner dl div dt {
          position: absolute;
          top: -1.8em;
          line-height: 2;
          left: 1rem;
          font-size: 1.4rem; }
          .section_flow-inner dl div dt b {
            font-weight: 400;
            font-size: 2rem; }
        .section_flow-inner dl div dd {
          background: #fff;
          border-radius: 0 1.5rem 0 1.5rem;
          padding: 2.5rem 0;
          text-align: center; }
    .section_flow-inner .div-member {
      text-align: center;
      padding: 8rem 0 6.5rem;
      vertical-align: middle; }
      .section_flow-inner .div-member h3 {
        font-size: 2rem;
        color: #ff3e00;
        display: inline-block;
        margin-right: 4rem;
        vertical-align: middle; }
      .section_flow-inner .div-member > p {
        text-align: center;
        padding-top: 2.5rem; }
        .section_flow-inner .div-member > p small {
          font-size: 1rem;
          text-align: left;
          line-height: 1.2;
          display: inline-block; }
      .section_flow-inner .div-member ul {
        display: inline-block;
        vertical-align: middle; }
        .section_flow-inner .div-member ul li {
          display: inline-block;
          width: 10.4rem;
          height: 10.4rem;
          border: 0.2rem solid #ff3e00;
          border-radius: 50%;
          line-height: 10rem;
          text-align: center;
          margin-left: 2rem;
          background: #fff; }
    .section_flow-inner .div-entry {
      width: 67.5rem;
      margin: 0 auto;
      background: #fff;
      border-radius: 0 1.5rem;
      padding: 4rem 5.5rem;
      text-align: center;
      position: relative; }
      .section_flow-inner .div-entry h3 {
        position: absolute;
        top: -1em;
        line-height: 2;
        left: 0;
        width: 100%;
        text-align: center;
        color: #ff3e00;
        font-size: 2rem; }
      .section_flow-inner .div-entry > p {
        padding-bottom: 2rem; }
      .section_flow-inner .div-entry dl {
        position: relative; }
        .section_flow-inner .div-entry dl dt {
          background: #F2F1F2;
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 13rem;
          text-align: center;
          font-size: 1.2rem;
          line-height: 4.64rem; }
        .section_flow-inner .div-entry dl dd {
          line-height: 1.3;
          text-align: left;
          padding: 0.5rem 0 0.5rem 14rem; }
      .section_flow-inner .div-entry_btn {
        padding-top: 3.5rem; }
        .section_flow-inner .div-entry_btn a {
          width: 27rem;
          line-height: 5rem;
          border-radius: 2.5rem;
          background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
          color: #fff;
          margin: 0 auto;
          display: block; }

  .section_news {
    position: relative;
    z-index: 1;
    padding: 7rem 0;
    background: rgba(242, 241, 242, 0.5); }
    .section_news-header {
      line-height: 1.3;
      text-align: center;
      padding-bottom: 3.5rem; }
      .section_news-header_ttl {
        font-size: 1.3rem; }
      .section_news-header_en {
        font-size: 4rem;
        display: block; }
    .section_news-inner a {
      width: 27rem;
      height: 5rem;
      border: 0.1rem solid #ff3e00;
      border-radius: 2.5rem;
      line-height: 4.8rem;
      color: #ff3e00;
      display: block;
      margin: 0 auto;
      text-align: center;
      background: #fff; }

  .section_company {
    width: 90rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 5rem 0 5rem 30rem; }
    .section_company-ttl {
      width: 30rem;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -1em;
      line-height: 2;
      text-align: center;
      font-size: 2.4rem; }
    .section_company-inner dl div {
      padding: 2rem 0;
      position: relative;
      border-bottom: .1rem solid #ccc; }
      .section_company-inner dl div:after {
        content: "";
        clear: both;
        display: block; }
      .section_company-inner dl div dt {
        width: 15rem;
        text-align: center;
        float: left;
        overflow: visible; }
        .section_company-inner dl div dt:after {
          content: "";
          width: 15rem;
          height: .1rem;
          position: absolute;
          left: 0;
          bottom: -.1rem;
          background: #ff3e00; }
      .section_company-inner dl div dd {
        width: 45rem;
        float: right;
        padding: 0 2.5rem;
        text-align: left; }

  .section_member {
    background: rgba(242, 241, 242, 0.7); }
    .section_member-ttl {
      width: 30rem;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -1em;
      line-height: 2;
      text-align: center;
      font-size: 2.4rem; }
    .section_member-inner {
      width: 90rem;
      margin: 0 auto;
      position: relative;
      z-index: 1;
      padding: 5rem 0 5rem 30rem; }
      .section_member-inner small {
        font-size: 1rem; }
      .section_member-inner a {
        width: 27rem;
        height: 5rem;
        border: 0.1rem solid #ff3e00;
        line-height: 4.8rem;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2.5rem;
        font-weight: 700;
        border-radius: 2.5rem;
        display: block;
        background: #fff;
        text-align: center; }
        .section_member-inner a:hover {
          color: #ff3e00;
          background: #fff; }
        .section_member-inner a i {
          margin-right: 1rem;
          position: relative;
          bottom: .2rem; }
          .section_member-inner a i img {
            width: 2.2rem; }

  /* --------------------------------------
  		104 footer
  -------------------------------------- */
  .footer {
    clear: both; }
    .footer_copy-en {
      color: #ff3e00;
      text-align: center;
      line-height: 6rem;
      font-size: 1rem; } }
@media only screen and (max-width: 768px) {
  /* --------------------------------------
  		102 header
  -------------------------------------- */
  .header {
    position: absolute;
    left: 0;
    top: 1rem;
    z-index: 99999; }
    .header_logo:before {
      content: "";
      background: url("../img/logo.png") no-repeat;
      background-size: 4rem auto;
      width: 4rem;
      height: 4rem;
      float: left;
      margin: 0 1.5rem; }
    .header_logo img {
      width: 12rem;
      line-height: 4rem; }

  /* --------------------------------------
  		103 content
  -------------------------------------- */
  .top_main {
    position: relative;
    z-index: 1; }
    .top_main:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.3); }
    .top_main-catch {
      color: #fff;
      font-size: 1.5rem;
      font-weight: 700;
      padding: 14rem 0;
      text-align: center;
      z-index: 4; }
      .top_main-catch b {
        font-size: 2.6rem; }
      .top_main-catch p {
        line-height: 1.5;
        padding-bottom: 1rem; }

  .div_message {
    background: #F2F1F2;
    padding: 2rem 1rem 3rem; }
    .div_message .section_phi {
      margin: 0 auto 2.6rem;
      background: #fff;
      border-radius: 0 1.5rem 0 1.5rem;
      box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2);
      position: relative;
      padding: 2rem 0; }
      .div_message .section_phi:after {
        content: "";
        background: url("../img/ico_1.png") no-repeat;
        background-size: 4rem auto;
        width: 4rem;
        height: 6rem;
        position: absolute;
        top: -1rem;
        right: 2rem; }
      .div_message .section_phi-ttl {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1.3;
        text-align: center;
        padding-bottom: 1rem; }
        .div_message .section_phi-ttl small {
          display: block;
          font-size: 1rem; }
      .div_message .section_phi-inner {
        padding: 1.8rem 1rem; }
        .div_message .section_phi-inner ul li {
          font-size: 1.5rem;
          text-align: left;
          line-height: 2rem;
          padding: 0 1.5rem 1.5rem; }
          .div_message .section_phi-inner ul li:nth-last-of-type(1) {
            padding-bottom: 0; }
          .div_message .section_phi-inner ul li b {
            display: inline-block;
            position: relative;
            padding-bottom: 1.5rem; }
            .div_message .section_phi-inner ul li b:after {
              content: "";
              width: 100%;
              background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
              height: .2rem;
              bottom: 0;
              left: 0;
              position: absolute; }
    .div_message dl {
      overflow: visible; }
      .div_message dl:after {
        content: "";
        display: block;
        clear: both; }
      .div_message dl div {
        background: #fff;
        border-radius: 0 1.5rem 0 1.5rem;
        box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2);
        position: relative;
        float: left; }
        .div_message dl div:after {
          content: "";
          position: absolute;
          bottom: -2rem;
          right: 2rem;
          background: url("../img/ico_2.png") no-repeat;
          background-size: 4rem auto;
          width: 4rem;
          height: 3rem; }
        .div_message dl div:nth-of-type(2) {
          margin-top: 2rem; }
          .div_message dl div:nth-of-type(2):after {
            background: url("../img/ico_3.png") no-repeat;
            background-size: 4rem auto;
            width: 4rem;
            height: 5rem; }
        .div_message dl div dt {
          background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
          padding: 1.5rem 0;
          text-align: center;
          border-radius: 0 1.5rem 0 0;
          font-size: 1.8rem;
          line-height: 1.2; }
          .div_message dl div dt small {
            display: block;
            font-size: 1rem;
            color: #fff; }
        .div_message dl div dd {
          text-align: left;
          font-size: 1.4rem;
          line-height: 1.8;
          font-weight: 700;
          padding: 1.4rem 1.5rem 2rem;
          overflow: visible; }
          .div_message dl div dd p {
            display: inline; }
          .div_message dl div dd br {
            display: none; }

  .section_service {
    position: relative;
    z-index: 1;
    padding: 2rem 0 4rem; }
    .section_service:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../img/bg_service.jpg") no-repeat 50% 100%;
      background-size: cover;
      z-index: -1; }
    .section_service-header {
      line-height: 1.3;
      text-align: center; }
      .section_service-header_ttl {
        font-size: 1.3rem; }
      .section_service-header_en {
        font-size: 4rem;
        display: block; }
    .section_service-inner > p {
      text-align: center;
      padding: 2rem; }
    .section_service-inner .article_service {
      position: relative;
      padding: 3rem 0; }
      .section_service-inner .article_service-num {
        font-size: 1rem;
        font-weight: 400;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
        border-radius: 1rem 1rem 0 0;
        padding: 1rem;
        text-align: center; }
        .section_service-inner .article_service-num span {
          font-size: 3rem;
          line-height: 1.2;
          display: block; }
      .section_service-inner .article_service-header {
        text-align: center;
        margin: 0 1rem;
        position: relative;
        padding-bottom: 2rem; }
        .section_service-inner .article_service-header_ttl {
          font-size: 1.8rem;
          margin-bottom: 2rem; }
          .section_service-inner .article_service-header_ttl span {
            font-size: 1.1rem;
            display: inline-block;
            background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
            width: 7rem;
            height: 1.6rem;
            border-radius: .8rem;
            text-align: center;
            margin-right: 1rem;
            color: #fff;
            position: relative;
            bottom: .3rem; }
          .section_service-inner .article_service-header_ttl b {
            position: relative;
            display: inline-block; }
            .section_service-inner .article_service-header_ttl b:before {
              content: "";
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100%;
              height: .3rem;
              background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%); }
        .section_service-inner .article_service-header > p {
          font-size: 1.3rem;
          padding-bottom: 1.5rem; }
        .section_service-inner .article_service-header ul li {
          width: 33%;
          float: left;
          text-align: center;
          font-size: 1.2rem;
          font-weight: 700; }
          .section_service-inner .article_service-header ul li:nth-of-type(2) {
            margin: 0 0.5%; }
          .section_service-inner .article_service-header ul li img {
            margin-bottom: .8rem;
            max-width: 100%; }
        .section_service-inner .article_service-header figure {
          position: relative; }
          .section_service-inner .article_service-header figure figcaption {
            position: absolute;
            right: 0;
            top: -4rem;
            width: 6rem;
            height: 6rem;
            border-radius: 50%;
            border: 0.3rem solid #ff3e00;
            text-align: center;
            float: left;
            margin: .5rem 1rem 0 0;
            font-size: 1.2rem;
            line-height: 1.6rem;
            padding-top: 1.2rem;
            color: #ff3e00; }
            .section_service-inner .article_service-header figure figcaption b {
              font-size: 1.4rem;
              font-weight: 400; }
      .section_service-inner .article_service-inner {
        padding: 0 .5rem;
        margin-top: -2rem; }
        .section_service-inner .article_service-inner h4 {
          font-size: 1.6rem;
          color: #ff3e00;
          padding: 0 1rem 1.5rem; }
        .section_service-inner .article_service-inner small {
          font-size: 1rem; }
        .section_service-inner .article_service-inner > p {
          padding: 0 1rem 2rem; }
      .section_service-inner .article_service-merit {
        margin: 0 1rem 2rem;
        clear: both;
        background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
        position: relative;
        padding: 1.7rem 1.5rem;
        border-radius: 0 1rem 0 1rem; }
        .section_service-inner .article_service-merit dt {
          background: url("../img/bg_ribbon.png") no-repeat;
          background-size: 10.3rem auto;
          text-align: center;
          color: #ff3e00;
          font-size: 1.3rem;
          width: 10.3rem;
          line-height: 3rem;
          margin-bottom: 1rem;
          position: relative;
          left: -1.5rem; }
        .section_service-inner .article_service-merit dd {
          padding: .5rem 0;
          color: #fff; }
          .section_service-inner .article_service-merit dd small {
            font-size: 1.2rem; }
      .section_service-inner .article_service-btn a {
        width: 27rem;
        height: 5rem;
        border: 0.2rem solid #ff3e00;
        line-height: 4.4rem;
        text-align: center;
        margin: 0 auto;
        font-weight: 700;
        border-radius: 2.5rem;
        display: block;
        font-size: 1.3rem; }
        .section_service-inner .article_service-btn a i {
          margin-right: 1rem; }
          .section_service-inner .article_service-btn a i img {
            width: 2rem; }
        .section_service-inner .article_service-btn a:after {
          content: "";
          background: url("../img/ico_arrow.png") no-repeat;
          background-size: 1.4rem auto;
          width: 1.4rem;
          height: 1.4rem;
          display: inline-block;
          margin-left: 1rem;
          position: relative;
          bottom: -.2rem; }

  .section_flow {
    position: relative;
    z-index: 1;
    padding: 4rem 0;
    background: #F2F1F2; }
    .section_flow-header {
      line-height: 1.3;
      text-align: center;
      padding-bottom: 3rem; }
      .section_flow-header_ttl {
        font-size: 1.3rem; }
      .section_flow-header_en {
        font-size: 4rem;
        display: block; }
    .section_flow-inner dl {
      margin: 0 1.5rem;
      overflow: visible; }
      .section_flow-inner dl:after {
        content: "";
        display: block;
        clear: both; }
      .section_flow-inner dl div {
        margin-bottom: 1.35rem;
        position: relative; }
        .section_flow-inner dl div:nth-last-of-type(1) {
          margin-bottom: 0; }
          .section_flow-inner dl div:nth-last-of-type(1):after {
            display: none; }
        .section_flow-inner dl div:after {
          content: "";
          background: url("../img/ico_ya.png");
          background-size: 1.8rem auto;
          width: 1.8rem;
          height: 1.1rem;
          position: absolute;
          bottom: -1rem;
          margin-left: -.9rem;
          left: 50%;
          transform: rotate(90deg); }
        .section_flow-inner dl div dt {
          position: absolute;
          top: -1.8em;
          line-height: 2;
          left: 1rem;
          font-size: 1.3rem; }
          .section_flow-inner dl div dt b {
            font-weight: 400;
            font-size: 1.8rem; }
        .section_flow-inner dl div dd {
          background: #fff;
          border-radius: 0 1.5rem 0 1.5rem;
          padding: 2.5rem 0;
          text-align: center; }
          .section_flow-inner dl div dd br {
            display: none; }
    .section_flow-inner .div-member {
      text-align: center;
      padding: 3rem 0 4.5rem;
      vertical-align: middle; }
      .section_flow-inner .div-member h3 {
        font-size: 1.8rem;
        color: #ff3e00; }
      .section_flow-inner .div-member > p {
        padding: 0 2.5rem;
        line-height: 1.2;
        text-align: left; }
        .section_flow-inner .div-member > p small {
          font-size: 1rem; }
      .section_flow-inner .div-member ul {
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        .section_flow-inner .div-member ul li {
          display: inline-block;
          width: 6.8rem;
          height: 6.8rem;
          border: 0.2rem solid #ff3e00;
          border-radius: 50%;
          line-height: 6.4rem;
          text-align: center;
          font-size: 1.3rem;
          margin: 1rem .1rem;
          background: #fff; }
    .section_flow-inner .div-entry {
      margin: 0 1rem;
      background: #fff;
      border-radius: 0 1rem;
      padding: 3rem 3.5rem;
      text-align: center;
      position: relative; }
      .section_flow-inner .div-entry h3 {
        position: absolute;
        top: -1em;
        line-height: 2;
        left: 0;
        width: 100%;
        text-align: center;
        color: #ff3e00;
        font-size: 1.8rem; }
      .section_flow-inner .div-entry > p {
        font-size: 1.3rem;
        text-align: left;
        padding-bottom: 2rem; }
      .section_flow-inner .div-entry dl {
        position: relative; }
        .section_flow-inner .div-entry dl dt {
          background: #F2F1F2;
          text-align: center;
          font-size: 1.2rem;
          line-height: 2rem; }
        .section_flow-inner .div-entry dl dd {
          line-height: 1.3;
          text-align: left;
          padding: 0.5rem 0; }
      .section_flow-inner .div-entry_btn {
        padding-top: 3.5rem; }
        .section_flow-inner .div-entry_btn a {
          width: 22rem;
          line-height: 5rem;
          border-radius: 2.5rem;
          background: linear-gradient(-80deg, #ff3600 0%, #ff6600 100%);
          color: #fff;
          margin: 0 auto;
          display: block; }

  .section_news {
    position: relative;
    z-index: 1;
    padding: 3rem 0;
    background: rgba(242, 241, 242, 0.5); }
    .section_news-header {
      line-height: 1.3;
      text-align: center;
      padding-bottom: 2.5rem; }
      .section_news-header_ttl {
        font-size: 1rem; }
      .section_news-header_en {
        font-size: 3rem;
        display: block; }
    .section_news-inner a {
      width: 22rem;
      height: 5rem;
      border: 0.1rem solid #ff3e00;
      border-radius: 2.5rem;
      line-height: 4.8rem;
      color: #ff3e00;
      display: block;
      margin: 0 auto;
      text-align: center;
      background: #fff; }

  .section_company {
    margin: 0 1.5rem;
    position: relative;
    z-index: 1;
    padding: 3rem 0 0; }
    .section_company-ttl {
      text-align: center;
      font-size: 2rem;
      padding-bottom: 2rem; }
    .section_company-inner dl div {
      padding: 1.5rem .5rem;
      position: relative;
      border-top: .1rem solid #ccc; }
      .section_company-inner dl div:after {
        content: "";
        clear: both;
        display: block; }
      .section_company-inner dl div dt {
        text-align: left;
        color: #ff3e00; }
      .section_company-inner dl div dd {
        text-align: left; }

  .section_member {
    background: rgba(242, 241, 242, 0.7); }
    .section_member-ttl {
      text-align: center;
      font-size: 2rem;
      padding-bottom: 2rem; }
    .section_member-inner {
      margin: 0 1.5rem;
      padding: 3rem 0; }
      .section_member-inner small {
        font-size: 1rem; }
      .section_member-inner p {
        text-align: center;
        padding-bottom: 1.5rem; }
      .section_member-inner a {
        width: 22rem;
        height: 5rem;
        margin: 0 auto;
        border: 0.1rem solid #ff3e00;
        line-height: 4.8rem;
        font-weight: 700;
        border-radius: 2.5rem;
        display: block;
        background: #fff;
        text-align: center; }
        .section_member-inner a i {
          margin-right: 1rem;
          position: relative;
          bottom: .2rem; }
          .section_member-inner a i img {
            width: 2rem; }

  /* --------------------------------------
  		104 footer
  -------------------------------------- */
  .footer {
    clear: both; }
    .footer_copy-en {
      color: #ff3e00;
      text-align: center;
      line-height: 4rem;
      font-size: 1rem; } }
@font-face {
  font-family: ytpregular;
  src: url(font/ytp-regular.eot); }
@font-face {
  font-family: ytpregular;
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url(font/ytp-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
.mb_YTPlayer:focus {
  outline: 0; }

.YTPWrapper {
  display: block;
  transform: translateZ(0) translate3d(0, 0, 0);
  transform-style: preserve-3d;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

.mb_YTPlayer .loading {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.51);
  text-align: center;
  padding: 2px 4px;
  border-radius: 5px;
  font-family: "Droid Sans",sans-serif;
  -webkit-animation: fade .1s infinite alternate;
  animation: fade .1s infinite alternate; }

.YTPFullscreen, .inline_YTPlayer img {
  border: none !important;
  padding: 0 !important; }

@-webkit-keyframes fade {
  0% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@keyframes fade {
  0% {
    opacity: .5; }
  100% {
    opacity: 1; } }
.YTPFullscreen {
  display: block !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  background-color: #000 !important; }

.inlinePlayButton, .inlinePlayButtonMobile {
  font-family: ytpregular;
  font-size: 45px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 80px;
  height: 80px;
  line-height: 80px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  opacity: .8;
  transition: all .4s;
  transform: scale(1.3); }

.inlinePlayButtonMobile {
  transform: scale(1); }

.mb_YTPlayer:hover .inlinePlayButton {
  opacity: 1;
  transform: scale(1); }

.inlinePlayButton:hover {
  background-color: black;
  transform: scale(1.3) !important; }

.mbYTP_wrapper iframe {
  max-width: 8000px !important; }

.inline_YTPlayer {
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
  left: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.5); }

.inline_YTPlayer img {
  margin: 0 !important;
  transform: none !important; }

.mb_YTPBar, .mb_YTPBar .buttonBar {
  box-sizing: border-box;
  left: 0;
  padding: 5px;
  width: 100%; }

.mb_YTPBar .ytpicon {
  font-size: 20px;
  font-family: ytpregular; }

.mb_YTPBar .mb_YTPUrl.ytpicon {
  font-size: 30px; }

.mb_YTPBar {
  transition: opacity .5s;
  display: block;
  height: 10px;
  background: #333;
  position: fixed;
  bottom: 0;
  text-align: left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color: #fff;
  opacity: .1; }

.mb_YTPBar.visible, .mb_YTPBar:hover {
  opacity: 1; }

.mb_YTPBar .buttonBar {
  transition: all .5s;
  background: 0 0;
  font: 12px/14px san-serif;
  position: absolute;
  top: -30px;
  height: 40px; }

.mb_YTPBar:hover .buttonBar {
  background: rgba(0, 0, 0, 0.4); }

.mb_YTPBar span {
  display: inline-block;
  font: 16px/20px sans-serif;
  position: relative;
  width: 30px;
  height: 25px;
  vertical-align: middle; }

.mb_YTPBar span.mb_YTPTime {
  width: 130px; }

.mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl {
  position: absolute;
  width: auto;
  display: block;
  top: 6px;
  right: 10px;
  cursor: pointer; }

.mb_YTPBar span.mb_YTPUrl img {
  width: 60px; }

.mb_YTPBar span.mb_OnlyYT {
  left: 300px;
  right: auto; }

.mb_YTPBar span.mb_OnlyYT img {
  width: 25px; }

.mb_YTPBar span.mb_YTPUrl a {
  color: #fff; }

.mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlayPause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img {
  cursor: pointer; }

.mb_YTPBar .mb_YTPProgress {
  height: 10px;
  width: 100%;
  background: #222;
  bottom: 0;
  left: 0; }

.mb_YTPBar .mb_YTPLoaded {
  height: 10px;
  width: 0;
  background: #444;
  left: 0; }

.mb_YTPBar .mb_YTPseekbar {
  height: 10px;
  width: 0;
  background: #bb110e;
  bottom: 0;
  left: 0;
  box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; }

.mb_YTPBar .YTPOverlay {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: "flat";
  box-sizing: border-box; }

.YTPOverlay.raster {
  background: url(images/raster.png); }

.YTPOverlay.raster.retina {
  background: url(images/raster@2x.png); }

.YTPOverlay.raster-dot {
  background: url(images/raster_dot.png); }

.YTPOverlay.raster-dot.retina {
  background: url(images/raster_dot@2x.png); }

.mb_YTPBar .simpleSlider {
  position: relative;
  width: 100px;
  height: 10px;
  border: 1px solid #fff;
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 10px;
  cursor: pointer !important;
  border-radius: 3px; }

.mb_YTPBar.compact .simpleSlider {
  width: 40px; }

.mb_YTPBar.compact span.mb_OnlyYT {
  left: 260px; }

.mb_YTPBar .simpleSlider.muted {
  opacity: .3; }

.mb_YTPBar .level {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  box-sizing: border-box; }

.mb_YTPBar .level.horizontal {
  height: 100%;
  width: 0; }

.mb_YTPBar .level.vertical {
  height: auto;
  width: 100%; }
