@charset "UTF-8";
/*
Theme Name:origin
Description:origin template
Version:1.0
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-padding-start: 0;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="password"],
input[type="text"],
input[type="submit"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="button"],
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border: none; }

body, html {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  min-height: 100vh; }

* {
  box-sizing: border-box; }

a {
  font-size: inherit;
  color: inherit;
  text-decoration: inherit;
  display: inline-block; }

iframe {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  overflow: hidden; }

figure {
  margin: 0;
  padding: 0; }

.hide-1200 {
  display: block !important; }
  @media (max-width: 1200px) {
    .hide-1200 {
      display: none !important; } }

.hide-980 {
  display: block !important; }
  @media (max-width: 980px) {
    .hide-980 {
      display: none !important; } }

.hide-768 {
  display: block !important; }
  @media (max-width: 768px) {
    .hide-768 {
      display: none !important; } }

.hide-640 {
  display: block !important; }
  @media (max-width: 640px) {
    .hide-640 {
      display: none !important; } }

.hide-480 {
  display: block !important; }
  @media (max-width: 480px) {
    .hide-480 {
      display: none !important; } }

.show-1200 {
  display: none !important; }
  @media (max-width: 1200px) {
    .show-1200 {
      display: block !important; } }

.show-980 {
  display: none !important; }
  @media (max-width: 980px) {
    .show-980 {
      display: block !important; } }

.show-768 {
  display: none !important; }
  @media (max-width: 768px) {
    .show-768 {
      display: block !important; } }

.show-640 {
  display: none !important; }
  @media (max-width: 640px) {
    .show-640 {
      display: block !important; } }

.show-480 {
  display: none !important; }
  @media (max-width: 480px) {
    .show-480 {
      display: block !important; } }

.wrap {
  width: 100%; }

.section, .section__kv, .section__feature {
  width: 100%;
  margin: auto;
  position: relative;
  *zoom: 1; }
  .section:after, .section__kv:after, .section__feature:after {
    content: "";
    display: table;
    clear: both; }

.section__kv {
  background: url(../img/bg_1.jpg) no-repeat bottom center;
  background-size: cover; }
  @media (max-width: 480px) {
    .section__kv {
      background: url(../img/bg_1_sp.jpg) no-repeat top center; } }

.section p, .section__kv p, .section__feature p {
  font-size: 1.1rem;
  line-height: 2;
  font-weight: 500;
  margin-bottom: 30px;
  color: #212121; }
  @media (max-width: 640px) {
    .section p, .section__kv p, .section__feature p {
      font-size: 0.9rem; } }
  .section p.left, .section__kv p.left, .section__feature p.left {
    text-align: left; }
  .section p.right, .section__kv p.right, .section__feature p.right {
    text-align: right; }
  .section p.center, .section__kv p.center, .section__feature p.center {
    text-align: center; }
  .section p.small, .section__kv p.small, .section__feature p.small {
    font-size: 1rem; }
  .section p.big, .section__kv p.big, .section__feature p.big {
    font-size: 1.2rem; }
  .section p strong, .section__kv p strong, .section__feature p strong {
    color: #005E9E; }

.section__feature {
  background: url(../img/bg_2.jpg) no-repeat top center;
  background-size: 100% auto; }
  @media (max-width: 480px) {
    .section__feature {
      background: url(../img/bg_2_sp.jpg) no-repeat top center; } }

.footer {
  width: 100%;
  padding: 60px 0;
  background: #ffffff; }
  .footer > .inner {
    max-width: 1200px;
    margin: auto; }
    .footer > .inner > .logo {
      display: block;
      margin: 0 auto 40px auto;
      width: 80px; }
    .footer > .inner > ul {
      width: 100%;
      padding: 0 15px;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px; }
      @media (max-width: 640px) {
        .footer > .inner > ul {
          display: block;
          padding: 0; } }
      .footer > .inner > ul > li {
        color: #212121;
        font-size: 1rem;
        padding: 0 15px; }
        @media (max-width: 640px) {
          .footer > .inner > ul > li {
            width: 100%;
            border-bottom: 1px solid #2AAAD7; }
            .footer > .inner > ul > li:first-child {
              text-align: center;
              padding: 15px; } }
        .footer > .inner > ul > li > a {
          text-decoration: underline;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s; }
          .footer > .inner > ul > li > a:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s; }
          @media (max-width: 640px) {
            .footer > .inner > ul > li > a {
              width: 100%;
              padding: 15px;
              text-align: center;
              text-decoration: none; } }
    .footer > .inner > p {
      color: #212121;
      font-size: 1rem;
      text-align: center; }
      @media (max-width: 640px) {
        .footer > .inner > p {
          font-size: 0.8rem; } }

.card, .card__kv, .card__feature, .card__link {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0 auto 30px auto; }
  .card.flex, .flex.card__kv, .flex.card__feature, .flex.card__link {
    display: flex;
    flex-flow: row wrap; }
  .card.margin--wide, .margin--wide.card__kv, .margin--wide.card__feature, .margin--wide.card__link {
    margin: 0 auto 90px auto; }

.card__kv {
  max-width: 1200px;
  margin: auto; }
  .card__kv .number {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 30px; }
    @media (max-width: 480px) {
      .card__kv .number {
        width: 70%; } }
  .card__kv .label {
    width: 40%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    text-align: center; }
    @media (max-width: 480px) {
      .card__kv .label {
        width: 70%; } }
  .card__kv .sublabel {
    width: 70%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 30px;
    text-align: center; }
    @media (max-width: 480px) {
      .card__kv .sublabel {
        width: 90%; } }
    .card__kv .sublabel > p {
      font-size: 2rem;
      font-weight: bold;
      margin: 0;
      color: #2AAAD7;
      line-height: 1.2; }
      @media (max-width: 768px) {
        .card__kv .sublabel > p {
          font-size: 1.6rem; } }
      @media (max-width: 480px) {
        .card__kv .sublabel > p {
          font-size: 1.2rem; } }
  .card__kv .text {
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 30px 0 30px;
    text-align: center; }
    @media (max-width: 480px) {
      .card__kv .text {
        text-align: left; } }
    .card__kv .text > p {
      font-weight: bold;
      margin: 0; }
      @media (max-width: 768px) {
        .card__kv .text > p {
          font-size: 0.9rem; } }
    .card__kv .text img {
      display: block;
      margin: 0 auto; }

.card__feature {
  padding-top: 60px; }
  .card__feature .label {
    text-align: center; }
    .card__feature .label > h2 {
      background: rgba(0, 0, 0, 0.7);
      color: #ffffff;
      display: inline-block;
      font-size: 3rem;
      padding: 30px 60px;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      line-height: 1.2;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      margin-bottom: 60px; }
      @media (max-width: 980px) {
        .card__feature .label > h2 {
          font-size: 2rem;
          padding: 15px 30px; } }
      @media (max-width: 480px) {
        .card__feature .label > h2 {
          font-size: 1.4rem;
          padding: 15px 30px; } }

.card__link {
  max-width: 1200px; }
  @media (max-width: 1200px) {
    .card__link {
      width: 94%; } }
  .card__link a {
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -moz-box-shadow: 0 0 10px #cccccc; }
    .card__link a:hover {
      opacity: 0.6;
      filter: alpha(opacity=60);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }

.block {
  padding: 15px;
  position: relative; }
  .block img {
    display: block;
    margin: auto; }

.list {
  display: block; }

.list__pref {
  max-width: 1200px;
  margin: 30px auto; }
  @media (max-width: 1200px) {
    .list__pref {
      width: 99%; } }
  .list__pref dt, .list__pref dd {
    width: 100%; }
  .list__pref dt {
    text-align: center;
    margin: 0; }
    .list__pref dt > span {
      display: inline-block;
      color: #ffffff;
      font-size: 1.2rem;
      font-weight: bold;
      padding: 15px;
      min-width: 240px;
      text-align: center;
      border-radius: 16px 16px 0 0;
      -webkit-border-radius: 16px 16px 0 0;
      -moz-border-radius: 16px 16px 0 0; }
      @media (max-width: 768px) {
        .list__pref dt > span {
          font-size: 1rem;
          padding: 10px; } }
    .list__pref dt:nth-child(1) > span {
      background: #005E9E; }
    .list__pref dt:nth-child(3) > span {
      background: #2AAAD7; }
    .list__pref dt:nth-child(5) > span {
      background: #94BB44; }
    .list__pref dt:nth-child(7) > span {
      background: #FBB73A; }
    .list__pref dt:nth-child(9) > span {
      background: #ED4A28; }
    .list__pref dt:nth-child(11) > span {
      background: #951E7A; }
    .list__pref dt:nth-child(13) > span {
      background: #258AC0; }
  .list__pref dd {
    padding: 10px;
    margin-bottom: 15px; }
    .list__pref dd a {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      font-weight: bold;
      font-size: 1.2rem; }
      @media (max-width: 768px) {
        .list__pref dd a {
          font-size: 1rem; } }
    .list__pref dd > ul {
      display: flex;
      flex-flow: row wrap;
      align-items: stretch;
      justify-content: flex-start; }
      .list__pref dd > ul > li {
        width: 120px; }
        .list__pref dd > ul > li > a {
          display: block;
          padding: 10px;
          text-align: left;
          color: #212121; }
          .list__pref dd > ul > li > a:after {
            content: "\f0da";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            display: inline-block;
            margin-left: 5px;
            color: #cccccc; }
    .list__pref dd:nth-child(2) {
      border: 2px solid #005E9E; }
      .list__pref dd:nth-child(2) a:hover {
        color: #005E9E;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
    .list__pref dd:nth-child(4) {
      border: 2px solid #2AAAD7; }
      .list__pref dd:nth-child(4) a:hover {
        color: #2AAAD7;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
    .list__pref dd:nth-child(6) {
      border: 2px solid #94BB44; }
      .list__pref dd:nth-child(6) a:hover {
        color: #94BB44;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
    .list__pref dd:nth-child(8) {
      border: 2px solid #FBB73A; }
      .list__pref dd:nth-child(8) a:hover {
        color: #FBB73A;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
    .list__pref dd:nth-child(10) {
      border: 2px solid #ED4A28; }
      .list__pref dd:nth-child(10) a:hover {
        color: #ED4A28;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
    .list__pref dd:nth-child(12) {
      border: 2px solid #951E7A; }
      .list__pref dd:nth-child(12) a:hover {
        color: #951E7A;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
    .list__pref dd:nth-child(14) {
      border: 2px solid #258AC0; }
      .list__pref dd:nth-child(14) a:hover {
        color: #258AC0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }

.list__feature {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1200px;
  margin: auto; }
  @media (max-width: 1200px) {
    .list__feature {
      width: 98%; } }
  @media (max-width: 640px) {
    .list__feature {
      align-items: flex-start; } }
  .list__feature > li {
    width: 31%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -moz-box-shadow: 0 0 10px #cccccc;
    background: #ffffff;
    margin-bottom: 30px; }
    @media (max-width: 980px) {
      .list__feature > li {
        width: 48%; } }
    @media (max-width: 640px) {
      .list__feature > li {
        width: 100%; } }
  .list__feature a {
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .list__feature a:hover {
      opacity: 0.6;
      filter: alpha(opacity=60);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
  .list__feature .label {
    font-size: 1.1rem;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    line-height: 1;
    margin: 0;
    font-weight: bold; }
  .list__feature img {
    display: block;
    margin-bottom: 15px; }
  .list__feature .text {
    font-size: 1rem;
    line-height: 1.8;
    text-align: left;
    padding: 0 30px;
    color: #212121;
    margin-bottom: 15px;
    min-height: 180px; }
    @media (max-width: 768px) {
      .list__feature .text {
        font-size: 0.9rem;
        line-height: 1.6; } }
    @media (max-width: 640px) {
      .list__feature .text {
        min-height: 0; } }
  .list__feature .link {
    text-align: center;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.8;
    position: relative;
    margin: 0;
    padding: 15px;
    font-weight: bold; }
    @media (max-width: 640px) {
      .list__feature .link {
        font-size: 1rem;
        line-height: 1.6; } }
    .list__feature .link:after {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: block;
      margin: auto;
      width: 1rem;
      height: 1rem;
      font-size: 1rem;
      line-height: 1;
      position: absolute;
      right: 15px;
      top: 0;
      bottom: 0; }
  .list__feature li:nth-child(1) .label, .list__feature li:nth-child(1) .link {
    background: #005E9E; }
  .list__feature li:nth-child(2) .label, .list__feature li:nth-child(2) .link {
    background: #2AAAD7; }
  .list__feature li:nth-child(3) .label, .list__feature li:nth-child(3) .link {
    background: #94BB44; }
  .list__feature li:nth-child(4) .label, .list__feature li:nth-child(4) .link {
    background: #FBB73A; }
  .list__feature li:nth-child(5) .label, .list__feature li:nth-child(5) .link {
    background: #ED4A28; }
  .list__feature li:nth-child(6) .label, .list__feature li:nth-child(6) .link {
    background: #951E7A; }
  .list__feature li:nth-child(7) .label, .list__feature li:nth-child(7) .link {
    background: #258AC0; }
  .list__feature li:nth-child(8) .label, .list__feature li:nth-child(8) .link {
    background: #005E9E; }
  .list__feature li:nth-child(9) .label, .list__feature li:nth-child(9) .link {
    background: #2AAAD7; }