@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Theme Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Playfair+Display+SC:400,700,900);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  /*background-color:#ff9;*/
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*#########################################################

mixin

#########################################################*/
/* ========================================================
メディアクエリ
=========================================================*/
/*
Bootstrap 3
768px未満: スマホ（デフォルト）
※スマホは、Media Queries無しで記述。
768px以上をタブレットサイズ
992px以上をデスクトップサイズ
1200px以上を大きめのデスクトップサイズ

iPhone4: 320 × 480
iPhone5: 320 × 568
iPhone6: 375 × 627
iPhone6s: 414 × 736
Nexus6: 414 × 659
*/
/*#########################################################

基本設定

#########################################################*/
/*#########################################################

要素関連

#########################################################*/
*, *:before, *:after {
  box-sizing: border-box; }

html {
  font-size: 1rem;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #666; }

p {
  margin: 1rem auto;
  line-height: 1.8; }

a {
  opacity: 1;
  transition: 0.3s; }

a:hover {
  opacity: 0.7;
  transition: 0.3s; }

ul,
li {
  list-style: none; }

body {
  background-color: #fff; }

/* 固定幅フォント */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

small {
  font-size: 0.8rem; }

/* subscript&superscript */
sub,
sup {
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

strong {
  font-weight: bold; }

strong.red {
  color: #e00909;
  font-weight: normal; }

i {
  font-weight: normal;
  font-style: italic; }

input[type=text],
input[type=email],
input[type=url] {
  box-sizing: border-box;
  border: 1px solid #e0e3e4;
  padding: 0.5rem; }

textarea {
  box-sizing: border-box;
  border: 1px solid #e0e3e4;
  padding: 0.5rem; }

/*
Theme Name:		ORI-THEME
Theme URI:		https://digiheads.co.jp/
Description:	Base Theme
Author:			Digiheads Inc.
Author URI:		https://digiheads.co.jp/
Version:		1.0.0
License:
License URI:
*/
/*#########################################################

Element

#########################################################*/
body {
  background: #fff; }

p {
  margin: 0 auto;
  font-size: 0.875rem; }

a {
  color: #2B69C7; }
  a:hover {
    color: #124294; }

/** particles-js start ********************************************************/
canvas {
  /*	display:block;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; }

.home canvas {
  z-index: 0; }

#particles-js {
  width: 100%;
  height: 100%;
  background-color: transparent;
  /*background-image: url("");*/
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  z-index: 0; }

/** particles-js end   ********************************************************/
/** top logomove start ********************************************************/
.wrapani {
  width: 100%;
  height: 100vh;
  float: left;
  position: absolute;
  z-index: -1;
  opacity: 1;
  text-align: center; }

.mvtest {
  margin: 3rem auto;
  display: block;
  position: fixed;
  left: calc(50% - 300px);
  top: auto;
  bottom: 30%;
  transform: translateY(-18.75vw);
  transition: transform .6s ease-out;
  z-index: -1;
  opacity: 0.45;
  animation: ani02 2s infinite; }
  @media screen and (max-width: 768px) {
    .mvtest {
      max-width: 100%;
      left: 0; } }

@keyframes ani02 {
  0% {
    transform: translateY(0); }
  60% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0); } }
/** top logomove end ********************************************************/
.effect-fade {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 500ms; }

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0); }

/*#########################################################

WordPress class

#########################################################*/
.wp-caption {
  /**/ }

.wp-caption-text {
  /**/ }

.sticky {
  /**/ }

.gallery-caption {
  /**/ }

.bypostauthor {
  /**/ }

.alignright {
  /**/ }

.alignleft {
  /**/ }

.aligncenter {
  /**/ }

.screen-reader-text {
  /**/ }

/*#########################################################

Layout class

#########################################################*/
.site-wrap {
  max-width: 1280px;
  margin: 0 auto; }

.entry-list {
  margin: 0 auto; }

/*#########################################################

Layout

#########################################################*/
/* Header */
header#site-header {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: fixed;
  z-index: 100; }

#site-header .header-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: baseline; }
  @media screen and (max-width: 768px) {
    #site-header .header-wrap {
      display: block;
      width: 100%; } }
  #site-header .header-wrap #logoarea {
    position: absolute;
    z-index: 999; }

.header-wrap h1 {
  white-space: nowrap; }
  .header-wrap h1 img {
    width: 45px;
    height: 35px;
    vertical-align: middle;
    margin: 6px 1rem; }
    @media screen and (max-width: 768px) {
      .header-wrap h1 img {
        width: 40px;
        margin: 5px 1em; } }
  .header-wrap h1 span {
    font-size: 1.25rem;
    font-weight: 500;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .header-wrap h1 span {
        font-size: 1.125rem; } }
  .header-wrap h1 a {
    text-decoration: none;
    color: #fff; }

.header-wrap p {
  margin: 0;
  padding: 0 1em; }
  @media screen and (max-width: 768px) {
    .header-wrap p {
      padding: 0; } }

/* Navi */
nav {
  width: 100%; }

#mega-menu-wrap-main-menu {
  width: 100%; }

#mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
  max-width: 100%; }

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
  padding: 0px 1.5em 0px 1.5em; }

/*
#menu-main-nav {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 1em auto;
	@include mq(sm) {
		justify-content: space-around;
	}
}
#menu-main-nav {
	background-color: rgba(0,0,0,0.10);
	border-radius: 15px;
	padding: 0.5em 0;
}
#menu-main-nav li a {
	//@include link-colors(#2B69C7, #365DA0);
	display: block;
	padding: 0.5em 1em;
	margin: 0 0.3em;
	@include mq(sm) {
		margin: 0.5em 0;
	}
}
#menu-main-nav li a {
	border: #fff solid 1px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 8px;
}
#menu-main-nav li.current-menu-item a {
	color: #0CAF66;
	font-weight: 400;
}*/
.fnav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1em auto; }
  @media screen and (max-width: 768px) {
    .fnav {
      margin: 0; } }

@media screen and (max-width: 768px) {
  .fnav li {
    display: block;
    width: 100%; } }

.fnav li a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 0 2em;
  margin: 1em auto;
  border-right: #fff solid 1px; }
  .fnav li a:hover {
    color: #3dc0eb; }
  @media screen and (max-width: 768px) {
    .fnav li a {
      margin: 0;
      border: none;
      border-bottom: 1px solid #fff;
      width: 100%;
      padding: 1em 0; } }

.fnav li:last-child a {
  border-right: none; }

@media screen and (max-width: 768px) {
  #menu-footer-nav {
    display: none; } }

/* row and column */
.row {
  margin-right: 0;
  margin-left: 0;
  padding: 0 1rem;
  display: block; }
  @media screen and (min-width: 768px) {
    .row {
      display: flex;
      padding: 0; } }

.row:before,
.row:after {
  display: table;
  content: " "; }

.row:after {
  clear: both; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col12 {
  width: 100%;
  display: block; }

@media screen and (min-width: 768px) {
  .col12 {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .col11 {
    width: 91.66666667%; } }

@media screen and (min-width: 768px) {
  .col10 {
    width: 83.33333333%; } }

@media screen and (min-width: 768px) {
  .col9 {
    width: 75%; } }

@media screen and (min-width: 768px) {
  .col8 {
    width: 66.66666667%; } }

@media screen and (min-width: 768px) {
  .col7 {
    width: 58.33333333%; } }

@media screen and (min-width: 768px) {
  .col6 {
    width: 50%; } }

@media screen and (min-width: 768px) {
  .col5 {
    width: 41.66666667%; } }

@media screen and (min-width: 768px) {
  .col4 {
    width: 33.33333333%; } }

@media screen and (min-width: 768px) {
  .col3 {
    width: 25%; } }

@media screen and (min-width: 768px) {
  .col2 {
    width: 16.66666667%; } }

@media screen and (min-width: 768px) {
  .col1 {
    width: 8.33333333%; } }

@media screen and (min-width: 768px) {
  .col-offset-8 {
    margin-left: 60%; } }

/* Main column */
main {
  padding: 1em;
  padding: 0;
  color: #595757;
  /* Post entry */
  /* Pagenation */
  /* top */ }
  main article.entry {
    padding: 1em; }
  main .navigation {
    padding: 1em; }
  main .wrap {
    max-width: 1280px;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      main .wrap {
        max-width: 94%; } }
  main .topblk {
    text-align: center;
    padding: 2rem 0;
    min-height: 605px;
    z-index: 10; }
  main h2 {
    font-size: 2.5rem;
    padding: 2rem 0 1rem; }
  main p.h2subttl {
    color: #898989;
    border: 1px solid #898989;
    border-radius: 20px;
    width: 300px;
    text-align: center;
    font-size: 1.375rem;
    margin: 1rem auto 2rem; }
  main p.txt_info {
    text-align: left;
    width: 80%;
    margin: auto; }
  main p.lnkdtl {
    text-align: right;
    width: 80%;
    margin: 2rem auto;
    position: relative; }
    main p.lnkdtl a {
      color: #898989;
      text-decoration: none;
      font-size: 1.125rem;
      padding-right: 1rem; }
      main p.lnkdtl a::before {
        content: "";
        background: url("img/common/arr_g.svg") no-repeat;
        width: 40px;
        height: 43px;
        display: inline-block;
        position: absolute;
        right: 4rem;
        top: -6px; }
  main #topmv {
    overflow: hidden; }
    main #topmv img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        main #topmv img {
          width: 160%;
          margin-left: -30%; } }
  @media screen and (min-width: 768px) {
    main #topnews .tb_text_wrap {
      padding: 0 4rem; } }
  main #topnews h2 {
    color: #898989; }
  main #topnews h3 {
    font-size: 1.0625rem;
    text-align: left;
    padding: 1rem 0;
    margin: 1rem 0;
    border-bottom: 2px solid #2ea7e0; }
    main #topnews h3.ttlnews {
      color: #2ea7e0; }
    main #topnews h3.ttltopi {
      color: #8fc31f;
      border-bottom: 2px solid #8fc31f; }
  main #topnews dl.inf {
    width: 100%;
    text-align: left;
    margin-bottom: 2rem;
    font-size: 0.875rem;
    z-index: 10; }
    main #topnews dl.inf dt {
      width: 6rem;
      clear: both;
      float: left; }
    main #topnews dl.inf dd {
      width: calc(100% - 8rem);
      margin-left: 8em;
      margin-bottom: 0.75rem; }
      main #topnews dl.inf dd a {
        text-decoration: none;
        color: #595757; }
  main #topsvc {
    background: url("img/top/bg_svc.jpg") no-repeat;
    background-size: cover;
    color: #fff; }
    main #topsvc h2 {
      padding-top: 200px; }
    main #topsvc p.h2subttl {
      border: 1px solid #fff;
      color: #fff; }
  main #topsvcdtl h3 {
    font-size: 1.25rem;
    padding: 4rem 0 1.5rem; }
  main #topsvcdtl p.txt_info {
    margin: 2rem auto 1rem;
    height: 3rem; }
  main #topcmp {
    background: url("img/top/bg_cmp.jpg") no-repeat;
    background-size: cover;
    color: #fff; }
    @media screen and (max-width: 768px) {
      main #topcmp {
        background-position-x: center;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } }
    main #topcmp h2 {
      padding-top: 2em;
      text-align: center; }
    main #topcmp p.h2subttl {
      border: 1px solid #fff;
      color: #fff; }
    main #topcmp p.lnkdtl a {
      color: #fff; }
      main #topcmp p.lnkdtl a::before {
        content: "";
        background: url("img/common/arr_w.svg") no-repeat; }
  main #toprec {
    background: url("img/top/bg_rec.jpg") no-repeat;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      main #toprec {
        background-position-x: -150px; } }
    main #toprec h2 {
      padding-top: 2em;
      color: #898989; }
  main #topmap {
    z-index: 10; }

/* Sub column */
#sub {
  padding: 1em;
  background: linear-gradient(135deg, #ffd590, #ff82fa, #b26fff); }
  #sub .widget {
    padding: 1em; }

.sub {
  padding: 6rem 0; }
  .sub h2.entry-title {
    padding: 0 0 1rem;
    text-align: center; }
  .sub h3 {
    font-size: 1.375rem;
    letter-spacing: 0.1rem;
    margin: 0;
    padding: 2rem 0; }
  .sub p.h2subttl {
    border: 1px solid #595757;
    letter-spacing: 0.2rem; }
  .sub p.ld {
    margin: 0 0 3rem;
    font-size: 1rem; }
  .sub dl {
    width: 100%;
    text-align: left;
    margin: 2rem auto;
    font-size: 0.875rem;
    border-bottom: 1px solid #595757;
    line-height: 1.6rem; }
    .sub dl dt {
      width: 15rem;
      clear: both;
      float: left;
      padding: 0.5rem 2rem 0rem;
      border-top: 1px solid #595757; }
      @media screen and (max-width: 768px) {
        .sub dl dt {
          width: 9rem;
          padding: 0.5rem 0 0 1rem; } }
    .sub dl dd {
      width: calc(100% - 15rem);
      margin-left: 15rem;
      padding: 0.5rem 1rem 0rem;
      border-top: 1px solid #595757;
      margin-bottom: 0.75rem; }
      @media screen and (max-width: 768px) {
        .sub dl dd {
          width: calc(100% - 9rem);
          margin-left: 9rem; } }
  .sub .col6 dl {
    margin: 0rem 1rem 2rem 0;
    width: 95%; }
  .sub .gmap {
    width: 100%; }
  .sub p.rec_info {
    margin: 2rem 0;
    font-size: 1.875rem; }
  .sub p.prv {
    font-size: 1rem;
    margin: 0 auto 2rem;
    line-height: 1.85rem; }
    .sub p.prv strong {
      font-size: 1.25rem; }
    .sub p.prv.info {
      border: 1px solid #d10012;
      padding: 1rem 2rem;
      border-radius: 5px;
      font-size: 1rem; }
  .sub .lstprv li {
    font-weight: 600;
    margin: 0 0 1rem;
    list-style-type: disc;
    margin-left: 1.5rem; }

#bgcol {
  background: linear-gradient(75deg, #fadc0d, #b9e052, #61bffa, #f87edb);
  background-size: 500% 500%;
  -webkit-animation: bg-grade 15s ease infinite;
  -moz-animation: bg-grade 15s ease infinite;
  animation: bg-grade 15s ease infinite; }
  #bgcol #main {
    background: transparent; }
  #bgcol .sub {
    background: rgba(0, 0, 0, 0.2); }
    #bgcol .sub h2, #bgcol .sub h3, #bgcol .sub p, #bgcol .sub dt, #bgcol .sub dd {
      color: #fff; }
    #bgcol .sub p.h2subttl {
      border: 1px solid #fff; }
    #bgcol .sub dl {
      border-bottom: 1px solid #fff; }
    #bgcol .sub dt, #bgcol .sub dd {
      border-top: 1px solid #fff; }
    #bgcol .sub h3 {
      position: relative;
      padding-left: 1.5rem; }
    #bgcol .sub h3::before {
      content: "";
      position: absolute;
      border: 2px solid #fff;
      top: 50%;
      left: 0;
      margin-top: -10px;
      height: 20px;
      width: 20px;
      border-radius: 10px; }

@keyframes bg-grade {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
#oursvc {
  background: url(img/svc/bghdsvc.jpg) no-repeat;
  background-size: contain; }
  @media screen and (max-width: 992px) {
    #oursvc {
      background-size: auto; } }
  #oursvc main {
    background: transparent; }
  #oursvc h2.entry-title {
    display: none; }
  #oursvc h2 {
    padding: 0 0 1rem;
    text-align: center;
    color: #fff; }
  #oursvc p.h2subttl {
    border: 1px solid #fff;
    color: #fff; }
  #oursvc p.ld {
    text-align: center;
    color: #fff; }
  #oursvc .hdsvc {
    height: calc(100vw * 0.258 - 5rem); }
    @media screen and (max-width: 992px) {
      #oursvc .hdsvc {
        height: 210px; } }

.svcld {
  border-bottom: 1px solid #898989;
  margin: 2rem auto;
  padding: 0 0 2rem; }
  .svcld img {
    width: 80%;
    max-width: 180px;
    display: block;
    margin: 2rem auto; }

.svcdtl h4 {
  font-size: 1.1875rem;
  margin: 0 0 1rem; }
  .svcdtl h4::before {
    content: "●"; }
.svcdtl h5 {
  font-weight: 600;
  font-size: 1rem;
  margin: 0 0 1em; }
.svcdtl ul {
  margin-bottom: 2rem; }
.svcdtl li {
  font-size: 1rem;
  list-style-type: disc;
  margin: 0.5rem 1.5rem 0rem; }
.svcdtl div {
  margin: 0 auto 1rem; }
.svcdtl video {
  width: 100%;
  margin: 0 auto 2rem; }

.svcdtl.svc_fa h4::before {
  color: #8fc31f; }

.svcdtl.svc_it h4::before {
  color: #920783; }

.svcdtl.svc_soft h4::before {
  color: #2ea7e0; }

.svclnk {
  margin: 2rem; }
  .svclnk a {
    color: #595757;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    display: block;
    padding-left: 110px;
    padding-top: 20px; }
    @media screen and (max-width: 768px) {
      .svclnk a {
        padding: 2px 0 20px 130px; } }
    .svclnk a::before {
      content: "";
      background: url("img/common/soft.svg") no-repeat;
      width: 90px;
      height: 90px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: -3px;
      padding-right: 1rem; }
      @media screen and (max-width: 768px) {
        .svclnk a::before {
          width: 70px;
          height: 70px;
          left: 40px; } }
    .svclnk a.lnkit::before {
      background: url("img/common/it.svg") no-repeat; }
    .svclnk a.lnkfa::before {
      background: url("img/common/fa.svg") no-repeat; }
  .svclnk .lnkdtl {
    display: block;
    position: relative;
    margin: 1rem 1rem 1rem 1rem;
    padding-left: 2rem;
    font-weight: 200; }
    @media screen and (max-width: 768px) {
      .svclnk .lnkdtl {
        margin: 0 1rem 1rem 1rem; } }
    .svclnk .lnkdtl::before {
      content: "";
      background: url("img/common/arr_g.svg") no-repeat;
      width: 18px;
      height: 20px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      padding-right: 1rem; }

/* お知らせ */
.entry-list.news {
  padding: 6rem 0 10rem;
  min-height: 60vh; }
  .entry-list.news h2.entry-title {
    padding: 0 0 3rem;
    text-align: center;
    font-size: 2rem; }
  .entry-list.news p.post-meta {
    padding: 1rem 0; }

.sub.infolist dl {
  border-bottom: 1px solid #ddd;
  padding-top: 2rem; }
.sub.infolist dt, .sub.infolist dd {
  border-top: 1px solid #ddd; }
.sub.infolist dt a {
  display: inline-block;
  margin: 0 1rem;
  color: #2ea7e0;
  padding: 0 1rem;
  text-align: center;
  width: 5rem; }
  @media screen and (max-width: 768px) {
    .sub.infolist dt a {
      width: 2rem;
      padding: 0; } }
.sub.infolist dt span.topics a {
  color: #8fc31f; }
.sub.infolist dd a {
  color: #595757;
  text-decoration: none; }

nav h2.screen-reader-text {
  display: none; }

/* お問い合わせ */
.wpcf7-form {
  width: 90%;
  max-width: 800px;
  margin: 3rem auto; }
  .wpcf7-form input[type=text],
  .wpcf7-form input[type=email],
  .wpcf7-form input[type=url],
  .wpcf7-form textarea {
    width: 100%;
    font-size: 1rem;
    border-radius: 5px; }
  .wpcf7-form input[type=submit],
  .wpcf7-form input[type=button] {
    padding: 1rem 2rem;
    width: 40%;
    text-align: center;
    margin: 1rem 10px;
    cursor: pointer;
    background: #333;
    color: #fff;
    font-size: 1rem;
    border: none;
    border-radius: 5px; }
  .wpcf7-form input[type=submit]:hover,
  .wpcf7-form input[type=button]:hover {
    background: #666; }
  .wpcf7-form :focus {
    outline: none;
    background: #fdfee3; }
  .wpcf7-form p {
    margin: 0 auto 1rem; }
  .wpcf7-form p.formbtn {
    margin: 2rem auto 1rem;
    text-align: center; }
  .wpcf7-form label {
    color: #fff;
    font-weight: bold; }
  .wpcf7-form span.hissu {
    display: inline-block;
    background: #fa6137;
    color: #fff;
    margin: 0 0.5rem;
    font-size: 0.9em;
    line-height: 1.0em;
    padding: 2px 7px;
    border-radius: 10px; }

#form {
  /*background:#cae2e1;*/
  background: linear-gradient(75deg, #fadc0d, #b9e052, #61bffa, #f87edb);
  background-size: 500% 500%;
  -webkit-animation: bg-grade 15s ease infinite;
  -moz-animation: bg-grade 15s ease infinite;
  animation: bg-grade 15s ease infinite; }
  #form .sub {
    background: rgba(0, 0, 0, 0.2); }
    #form .sub h2.entry-title {
      color: #fff; }
    #form .sub p.h2subttl {
      border: 1px solid #fff;
      color: #fff; }

/* Footer */
footer#site-footer {
  padding: 2rem 0 1rem;
  background-color: #969696;
  color: #fff;
  text-align: center;
  z-index: 1;
  position: relative; }
  @media screen and (max-width: 768px) {
    footer#site-footer {
      padding: 0 0; } }

#site-footer .footer-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }

.flnk {
  display: inline-block;
  vertical-align: middle;
  padding: 3rem 0 2rem; }
  .flnk .flogo {
    width: 50px; }
    @media screen and (max-width: 768px) {
      .flnk .flogo {
        width: 35px;
        padding: 0; } }
  .flnk img {
    vertical-align: middle;
    margin: 0 1rem; }
  .flnk span {
    font-size: 1.3125rem;
    vertical-align: -webkit-baseline-middle;
    margin-right: 5rem; }
    @media screen and (max-width: 768px) {
      .flnk span {
        font-size: 1rem;
        margin-right: 2rem; } }
  .flnk div {
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .flnk div {
        display: block;
        margin: 1rem 0; } }
  .flnk .tw img {
    width: 39px; }
  .flnk .fb img {
    width: 23px; }

.copy {
  padding: 1em;
  text-align: center;
  font-size: 0.75rem; }