/*

Theme Name: insp_para
Version: 1.3.2

*/
/*
 * 変*更*禁*止
 *
 * 新しくスタイルを入れる場合は
 * PC----> css/design.css
 * SP----> css/sp.css
 * Tablet----> css/tablet.css
 *に入れること。
 *
 */
/*flex-box用　*/
.flex {
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -moz-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -moz-justify-content: space-between;
     -webkit-justify-content: space-between;
     justify-content: space-between;
}

.flexno {
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -moz-flex-flow: row nowrap;
     -webkit-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -moz-justify-content: space-between;
     -webkit-justify-content: space-between;
     justify-content: space-between;
}

.flex-st {
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -moz-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -moz-justify-content: flex-start;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
}

.flexno-st {
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -moz-flex-flow: row nowrap;
     -webkit-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -moz-justify-content: flex-start;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
}

/*---------------------------------------------
 * width
-----------------------------------------------*/
.width-max {
     width: 100%;
     margin: 0 auto;
}

.width1600 {
     max-width: 100%;
     width: 1600px;
     margin: 0 auto
}

.width1500 {
     max-width: 100%;
     width: 1500px;
     margin: 0 auto
}

.width1400 {
     max-width: 100%;
     width: 1400px;
     margin: 0 auto;
}

.width1300 {
     max-width: 100%;
     width: 1300px;
     margin: 0 auto;
}

.width1200 {
     max-width: 100%;
     width: 1200px;
     margin: 0 auto;
}

.width1100 {
     max-width: 100%;
     width: 1100px;
     margin: 0 auto;
}

.width1000 {
     max-width: 100%;
     width: 1000px;
     margin: 0 auto;
}

.width900 {
     max-width: 100%;
     width: 900px;
     margin: 0 auto;
}

.width700 {
     max-width: 100%;
     width: 700px;
     margin: 0 auto;
}

.width600 {
     max-width: 100%;
     width: 600px;
     margin: 0 auto;
}

.width330 {
     max-width: 100%;
     width: 330px;
     margin: 0 auto;
}

@media screen and (max-width: 770px) {

     .width1600,
     .width1500,
     .width1400,
     .width1300,
     .width1200,
     .width1100,
     .width1000,
     .width900,
     .width700,
     .width600,
     .width330 {
          width: 100%;
          margin: 0 auto;
     }
}

/*---------------------------------------------
 * colors
-----------------------------------------------*/
.border {
     display: block;
     width: 30%;
     height: 7px;
     background: none;
     margin: 0 auto;
     border-bottom: dotted 10px #7ccc4d;
}

.sidebar h3 {
     background: #dff8d0;
     padding: 15px 15px 15px 55px;
     font-weight: 900;
     font-size: 18px;
     position: relative;
}

footer#footer {
     background: #fff;
}

.copyright {
     background: #dff8d0;
     margin-bottom: 0;
}

.lb-back-to-top {
     background: #7ccc4d;
}

.copyright h6 {
     margin-bottom: 0;
     padding: 10px;
     color: #494949;
}

/*-------------------------------------------------------------------------------*/
.pn {
     display: none;
}

.sn {
     display: block;
}

@media screen and (max-width: 770px) {
     .pn {
          display: block !important;
     }

     .sn {
          display: none !important;
     }
}

/*------------------------------------
 * header
 * ----------------------------------*/
.sub-header {
     position: relative;
     width: 100%;
     height: 250px;
     background: url(/wp-content/uploads/2016/12/sample-1920-1080-1.png);
     background-size: cover;
     background-position: center;
}

.sub-header h2 {
     font-size: 3em !important;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-shadow: white 2px 0px 0px, white -2px 0px 0px,
          white 0px -2px 0px, white 0px 2px 0px,
          white 2px 2px 0px, white -2px 2px 0px,
          white 2px -2px 0px, white -2px -2px 0px,
          white 1px 2px 0px, white -1px 2px 0px,
          white 1px -2px 0px, white -1px -2px 0px,
          white 2px 1px 0px, white -2px 1px 0px,
          white 2px -1px 0px, white -2px -1px 0px,
          white 1px 1px 0px, white -1px 1px 0px,
          white 1px -1px 0px, white -1px -1px 0px;
}

/*------------------------------------
 * footer
 * ----------------------------------*/
footer#footer .content {
     width: 80%;
     margin: 0 auto;
     padding-top: 50px;
}

.footer-info {
     width: 100%;
     margin: 0 auto;
}

.footer_address p {
     font-size: 1.2em;
     margin: 5px;
}

.footer_address p i {
     font-size: 1.3em;
     margin-right: 5px;
}

.footer-map {
     width: 65%;
}

.footer-content.flex {
     align-items: flex-end;
}

li {
     list-style: none;
}

ul#menu-menu-2 li {
     width: calc(80%/4);
     padding: 20px 0;
     position: relative;
     border: solid 1px #d5d5d5;
     margin: 10px;
     border-radius: 10px;
     background: #fff;
}

ul#menu-menu-2 li a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     font-size: 1.3em;
     font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: center;
}

footer {
     width: 100%;
     background: #EC8035;
}

.copyright {
     margin-top: 50px;
     text-align: center;
}

.copyright h6 {
     color: #fff;
}

.copyright p {
     margin: 0;
}

dl.footer_address dt i {
     margin-right: 10px;
     font-size: 1.5em;
}

/*user-login-form*/
section#login_form form {
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     padding: 26px 24px 46px;
     font-weight: 400;
     overflow: hidden;
     background: #fff;
     border: 1px solid #ccd0d4;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
     width: 30%;
}

section#login_form {
     max-width: 75%;
     margin: 0 auto;
}

section#login_form dt {
     font-size: 14px;
     line-height: 1.5;
     display: inline-block;
     margin-bottom: 3px;
}

section#login_form input#login_username,
section#login_form input#login_password {
     font-size: 24px;
     line-height: 1.33333333;
     width: 100%;
     border-width: .0625rem;
     padding: .1875rem .3125rem;
     margin: 0 6px 16px 0;
     min-height: 40px;
     max-height: none;
     background: #fbfbfb;
     box-shadow: 0 0 0 transparent;
     border-radius: 4px;
     border: 1px solid #7e8993;
     background-color: #fff;
     color: #32373c;
}

section#login_form input[type="submit"] {
     background: #0071a1;
     border-color: #0071a1;
     color: #fff;
     min-height: 32px;
     line-height: 2.30769231;
     padding: 0 12px;
     cursor: pointer;
     border-width: 1px;
     border-style: solid;
     -webkit-appearance: none;
     border-radius: 3px;
     white-space: nowrap;
     box-sizing: border-box;
}

section#login_form input[type="submit"]:hover {
     opacity: 0.8;
}

/*------------------------------------
 * news
 * ----------------------------------*/
dl.topics.clearfix {
     width: 80%;
     margin: 0 auto;
}

dl.topics dd {
     margin-left: 0;
     padding: 10px;
     border-bottom: dashed 1px #000;
     margin-bottom: 15px;
}

dl.topics dd span.news {
     background: #ff8600;
     padding: 5px 10px;
     border-radius: 5px;
     display: inline-block;
     margin-bottom: 5px;
     margin-right: 5px;
     color: #fff;
     font-weight: 900;
}

dl.topics dd time {
     display: inline-block;
     margin-right: 10px;
}

.formatt-child {
     width: calc(100%/7);
     position: relative;
     z-index: 1;
     background: #ff8600;
     padding: 20px;
     border-radius: 10px;
     text-align: center;
     margin: 10px;
     transition: .5s;
}

.formatt-child:hover {
     background: #fff;
     box-shadow: 0px 0px 5px #ff8600;
}

.formatt-child a {
     position: absolute;
     color: #fff;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: .2s;
}

.formatt-child a:hover {
     color: #ff8600;
}

/*------------------------------------
 * blog-img single
 * ----------------------------------*/
.blog-img-box a {
     width: calc(95%/4);
     margin: 4px;
}

.blog-img-box a img {
     width: 100%;
     object-fit: cover;
     height: 100%;
     margin: 0px;
}

.blog-img-box {
     margin-bottom: 20px;
}

.blog-content {
     width: 75%;
     margin: 0 auto;
}

section.blog {
     width: 80%;
     margin: 0 auto;
}

.side-content {
     width: 20%;
     margin: 0 auto;
}

.blog-content .post {
     padding: 15px;
}

.blog-content .post .date {
     position: unset;
     display: inline-block;
     width: unset;
     margin-bottom: 10px;
     font-size: 14px;
     border-bottom: none;
     background: rgba(126, 126, 126, 0.35);
     padding: 10px 15px;
     border-radius: 10px;
}

.pswp__bg {
     opacity: 0.8 !important;
}

/*------------------------------------
 * sidebar
 * ----------------------------------*/
.sidebar h3 {
     text-align: center;
     padding: 10px;
}

/* =Common Styles
-------------------------------------------------------------- */
body {
     background: #fff;
     color: #424242;
     font: normal 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     margin: 0;
}

section {
     overflow: hidden;
}

::selection {
     background: #060606;
     color: #fff;
}

::-moz-selection {
     background: #060606;
     color: #fff;
}

#loading {
     display: none;
}

/* =Typography
-------------------------------------------------------------- */
p {
     color: #424242;
     font-size: 14px;
     line-height: 170%;
     margin: 0 0 20px;
}

em {
     font-style: italic;
}

strong {
     font-weight: 400;
}

small {
     font-size: 0.8em;
}

.post-body ul,
.unordered-list {
     margin-bottom: 20px;
}

.post-body ul li,
.unordered-list li {
     margin-bottom: 5px;
}

.post-body ul li:before,
.unordered-list li:before {
     content: "∙";
     margin-right: 5px;
}

blockquote {
     background: #f9f9f9;
     padding: 15px 0px 15px 30px;
     border-left: 2px solid #e9e9e9;
     font-style: italic;
     margin-bottom: 20px;
}

code {
     display: block;
     clear: both;
     overflow: auto;
     padding: 10px 20px 20px 20px;
     white-space: pre;
     background-color: #f9f9f9;
     border: 1px solid #e9e9e9;
     font: 12px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     color: #060606;
     font-style: normal;
     font-weight: 300;
     line-height: 1.17em;
     margin: 0 0 20px;
}

h1 {
     font-size: 3.46666666667em;
     text-transform: none;
     letter-spacing: 0.10em;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

h2 {
     font-size: 2.4em;
     text-transform: none;
     letter-spacing: normal;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

section#recruit-single h3 {
     font-size: 2.4em;
     letter-spacing: 0.20em;
     color: #060606;
     font-style: normal;
     font-weight: 300;
     line-height: 1.17em;
     margin: 0 0 20px;
     background: none;
}

h3 {
     font-size: 1em;
     text-transform: uppercase;
     letter-spacing: 0.20em;
     font-weight: 400;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

h4 {
     font-size: 1em;
     text-transform: uppercase;
     font-weight: 400;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

h5 {
     font-size: 1em;
     font-weight: 400;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

h6 {
     font-size: 0.8em;
     text-transform: uppercase;
     font-weight: 400;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

/* Typography for dark backgrounds */
.dark p,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
     color: #fff;
}

.dark a {
     color: #fff !important;
}

/* Links */
a,
a:visited {
     font-weight: 400;
     text-decoration: none;
}

/* =Buttons
-------------------------------------------------------------- */
.button {
     display: inline-block;
     padding: 15px 55px;
     font-size: 1em;
     text-transform: uppercase;
     letter-spacing: 0.20em;
     font-weight: 400;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
}

.dark .button {
     border: 1px solid #fff !important;
}

.dark .button:hover {
     background: rgba(255, 255, 255, .1);
     filter: alpha(opacity=50);
}

.button.no-border {
     border: none !important;
     padding: 20px 0px;
}

.button.no-border:hover {
     border: none !important;
     background: transparent;
     opacity: .7;
     filter: alpha(opacity=70);
}

.button .icon {
     display: inline-block;
     margin-left: 17px;
     margin-bottom: -6px;
     width: 26px;
     height: 26px;
     cursor: pointer;
     background: url(../insp_para/images/icons/right.png) no-repeat center center;
}

/* =Content Styles
-------------------------------------------------------------- */
.content {
     padding-top: 100px;
     text-align: center;
}

.content.padded {
     padding-bottom: 100px;
}

.parallax {
     width: 100%;
     background-attachment: fixed;
     background-position: 50% 0;
}

/* Parallax Fix */
@media only screen and (min-width: 1930px) {
     .parallax {
          background-size: cover;
     }
}

.parallax.black {
     background-color: #060606;
}

.parallax.no-parallax {
     background-size: cover !important;
     background-attachment: scroll !important;
     background-position: center !important;
}

.parallax-bg1 {
     background-image: url(../insp_para/images/hero.jpg);
}

.parallax-bg2 {
     background-image: url(../insp_para/images/services.jpg);
}

.parallax-bg3 {
     background-image: url(../insp_para/images/clients.jpg);
}

.title {
     text-align: center;
}

.sub-heading {
     margin: 48px auto;
     max-width: 100%;
}

/* =Services
-------------------------------------------------------------- */
.icons .overview {
     position: relative;
     float: left;
     width: 16.6666666667%;
     text-align: center;
     overflow: visible;
}

.icon {
     display: inline-block;
     width: 64px;
     height: 64px;
     cursor: help;
     margin-bottom: 20px;
}

.icon.ux {
     background: url(../insp_para/images/icons/ux.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.design {
     background: url(../insp_para/images/icons/design.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.seo {
     background: url(../insp_para/images/icons/seo.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.social {
     background: url(../insp_para/images/icons/social.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.tech {
     background: url(../insp_para/images/icons/tech.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.commerce {
     background: url(../insp_para/images/icons/commerce.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.config {
     background: url(../insp_para/images/icons/config.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.heart {
     background: url(../insp_para/images/icons/heart.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.coffee {
     background: url(../insp_para/images/icons/coffee.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.plane {
     background: url(../insp_para/images/icons/plane.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.calculator {
     background: url(../insp_para/images/icons/calculator.png) no-repeat top;
     background-size: 64px 128px;
}

.icon.portfolio {
     background: url(../insp_para/images/icons/portfolio.png) no-repeat top;
     background-size: 64px 128px;
}

.icon:hover {
     background-position: bottom;
}

.tooltip {
     display: none;
     position: absolute;
     width: 260px;
     background: #060606;
     background: rgba(6, 6, 6, .85);
     top: auto;
     bottom: 100%;
     left: 50%;
     margin-left: -130px;
     padding: 20px;
     margin-bottom: 30px;
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
}

.feature-list {
     font-style: italic;
     font-weight: 300;
     font-size: 0.9333333333333em;
     color: #fff;
     color: rgba(255, 255, 255, .90) !important;
     text-align: left;
     color: #fff;
}

.list-dot {
     display: inline-block;
     margin-right: 15px;
     width: 7px;
     height: 7px;
     border-radius: 50px;
     -moz-border-radius: 50px;
     -webkit-border-radius: 50px;
}

.feature-list li {
     padding-bottom: 10px;
}

.arrow-down {
     display: none;
     position: absolute;
     left: 50%;
     margin-left: -8px;
     top: auto;
     bottom: 100%;
     margin-bottom: 22px;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid rgba(6, 6, 6, .85);
}

.visible {
     display: block;
}

/* =Portfolio
-------------------------------------------------------------- */
.portfolio {
     width: 100%;
}

.projectlist {
     margin-top: 50px;
     background: transparent;
}

.projectlist li {
     width: 25%;
     float: left;
}

.projectlist a {
     display: block;
     padding-bottom: 85px;
     position: relative;
}

.projectlist a:hover {
     cursor: url('../insp_para/images/cursors/more.cur'), crosshair;
     cursor: url('../insp_para/images/cursors/more.png') 40 40, crosshair;
}

.projectlist a img {
     width: 100%;
}

.projectinfo {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 100;
}

.meta {
     position: absolute;
     bottom: 0;
     margin-bottom: 25px;
     width: 100%;
     text-align: center;
}

.meta h4,
.project-title h4 {
     margin-bottom: 6px;
}

.meta h6,
.project-title h6 {
     margin-bottom: 0px;
}

.meta em,
.project-title em {
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     font-style: italic;
     text-transform: lowercase;
     color: #424242;
}

.projectlist a:hover .meta h4,
.projectlist a:hover .meta em {
     color: #fff !important;
}

/* Filtering */
.projectlist .mix {
     opacity: 0;
     display: none;
}

.filtering {
     margin-top: 50px;
}

.filtering li {
     margin-right: 10px;
}

.filtering li:after {
     content: "/";
     color: #898989;
     padding-left: 15px;
}

.filtering li:last-of-type:after {
     content: "";
}

.filter {
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     font-style: italic;
     text-transform: lowercase;
     color: #424242;
     cursor: pointer;
     display: inline-block;
}

/* =Project
-------------------------------------------------------------- */
.ajax-section {
     position: relative;
}

.loader {
     display: none;
     background: #fff url(../insp_para/images/loading.gif) no-repeat center 250px;
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 200;
}

.project-hero {
     position: relative;
}

.closeProject {
     position: absolute;
     bottom: 0px;
     left: 50%;
     margin-left: -20px;
     z-index: 200;
}

.nextProject {
     position: absolute;
     top: 67%;
     right: -100px;
     z-index: 200;
}

.prevProject {
     position: absolute;
     top: 67%;
     left: -100px;
     z-index: 200;
}

#ajaxpage {
     padding-top: 50px;
     padding-bottom: 50px;
}

.nextProject a,
.prevProject a {
     display: block;
     width: 20px;
     height: 48px;
     opacity: .4;
     filter: alpha(opacity=40);
}

.nextProject a:hover,
.prevProject a:hover {
     opacity: 1;
     filter: alpha(opacity=100);
}

.nextProject a {
     background: url(../insp_para/images/icons/project-next.png) no-repeat center center;
}

.prevProject a {
     background: url(../insp_para/images/icons/project-prev.png) no-repeat center center;
}

.nextProject a.disabled,
.prevProject a.disabled {
     display: none;
}

.slider img {
     width: 100%;
}

.slider-pager {
     text-align: center;
     padding-top: 20px;
     padding-bottom: 20px;
}

.small-border {
     display: block;
     width: 150px;
     margin: 0 auto;
     height: 1px;
     background: #e9e9e9;
}

.bx-pager-item {
     display: inline-block;
}

.bx-pager-link {
     display: inline-block;
     text-indent: -999em;
     width: 12px;
     height: 12px;
     margin: 0 5px;
     background: url(../insp_para/images/projects/pager.png) no-repeat top center;
     background-size: 12px 24px;
}

.bx-pager-link.active {
     background: url(../insp_para/images/projects/pager-active.png) no-repeat top center;
     background-size: 12px 12px;
}

.bx-pager-link:hover {
     background-position: bottom;
}

.project-title {
     text-align: center;
     padding: 25px 0px 50px;
}

.project-info {
     border-bottom: 1px solid #E9E9E9;
}

.project-info h6 {
     border-bottom: 1px solid #E9E9E9;
     padding-bottom: 10px;
     margin-bottom: 20px;
}

i.icon-remove {
     display: block;
     width: 26px;
     height: 26px;
     background: url(../insp_para/images/icons/close.png) no-repeat;
     background-size: 26px 26px;
     filter: alpha(opacity=50);
     opacity: .5;
}

i.icon-remove:hover {
     filter: alpha(opacity=100);
     opacity: 1;
}

.project-gallery-next .bx-next,
.project-gallery-prev .bx-prev {
     position: absolute;
     top: 45%;
     opacity: .5;
     filter: alpha(opacity=50);
     right: auto;
     left: auto;
     text-indent: -999em;
     width: 34px;
     height: 36px;
     margin-top: -18px;
}

.project-gallery-next .bx-next {
     background: #fff url('../insp_para/images/icons/project-gallery-next.png') no-repeat center center;
     background-size: 22px 22px;
     right: 0;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
}

.project-gallery-prev .bx-prev {
     background: #fff url('../insp_para/images/icons/project-gallery-prev.png') no-repeat center center;
     background-size: 22px 22px;
     left: 0;
     -webkit-border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     -moz-border-radius-topright: 3px;
     -moz-border-radius-bottomright: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
}

/* =Team
-------------------------------------------------------------- */
.team-list {
     text-align: center;
     padding: 50px 0px 30px;
     float: left;
}

.name {
     width: 100%;
}

.name h4 {
     margin-bottom: 6px;
}

.name h6 {
     margin-bottom: 20px;
}

.name em {
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     font-style: italic;
     text-transform: lowercase;
     color: #424242;
}

.social-list li {
     display: inline-block;
}

.social-icon.small {
     display: inline-block;
     width: 26px;
     height: 26px;
     filter: alpha(opacity=50);
     opacity: .5;
}

.social-icon.small:hover {
     filter: alpha(opacity=100);
     opacity: 1;
}

.social-icon.small.facebook {
     background: url(../insp_para/images/icons/facebook-small.png) no-repeat center center;
     background-size: 26px 26px;
}

.social-icon.small.twitter {
     background: url(../insp_para/images/icons/twitter-small.png) no-repeat center center;
     background-size: 26px 26px;
}

.social-icon.small.google {
     background: url(../insp_para/images/icons/google-small.png) no-repeat center center;
     background-size: 26px 26px;
}

.social-icon.small.behance {
     background: url(../insp_para/images/icons/behance-small.png) no-repeat center center;
     background-size: 26px 26px;
}

.social-icon.small.linkedin {
     background: url(../insp_para/images/icons/linkedin-small.png) no-repeat center center;
     background-size: 26px 26px;
}

/* =Subscribe
-------------------------------------------------------------- */
.value {
     display: block;
     color: #fff;
     font-size: 52px;
     font-weight: 300;
     padding-bottom: 20px;
     padding-top: 50px;
}

.subscribe {
     padding-top: 30px;
}

/* =Testimonials
-------------------------------------------------------------- */
.id-bx-pager {
     margin-top: 50px;
}

.id-bx-pager li {
     width: 20%;
     float: left;
     text-align: center;
}

.id-bx-pager a img {
     opacity: .4;
     filter: alpha(opacity=40);
}

.id-bx-pager a:hover img,
.id-bx-pager a.active img {
     opacity: 1;
     filter: alpha(opacity=100);
}

.bxslider {
     text-align: center;
     padding-top: 35px;
}

.bxslider h3 {
     line-height: 1.6em;
}

.bxslider h6 {
     margin-bottom: 35px;
     color: #8f8f8f;
}

.bx-next,
.bx-prev {
     position: absolute;
     display: block;
     text-indent: -999em;
     top: 60%;
     width: 20px;
     height: 48px;
     cursor: pointer;
     opacity: .5;
     filter: alpha(opacity=50);
}

.bx-next:hover,
.bx-prev:hover {
     opacity: 1;
     filter: alpha(opacity=100);
}

.bx-next {
     right: -100px;
     background: url(../insp_para/images/icons/next.png) no-repeat center center;
}

.bx-prev {
     left: -100px;
     background: url(../insp_para/images/icons/prev.png) no-repeat center center;
}

/* =Footer
-------------------------------------------------------------- */
.contact {
     text-align: center;
}

.contact ::selection {
     background: #fff;
     color: #060606;
}

.contact ::-moz-selection {
     background: #fff;
     color: #060606;
}

.contact li img {
     margin-bottom: 15px;
}

.contact li:nth-child(1) {
     font-size: 0.9333333333333em;
     opacity: 1;
     filter: alpha(opacity=100);
}

.contact a {
     display: block;
     font-size: 0.9333333333333em;
     font-weight: 300;
     margin-bottom: 20px;
     opacity: 0.5;
     filter: alpha(opacity=50);
}

.contact a:hover {
     opacity: 1;
     filter: alpha(opacity=100);
}

.contact-heading {
     margin-top: 30px;
}

#contact-form {
     position: relative;
     display: none;
     text-align: center;
     width: 100%;
     background: #060606;
     padding: 20px 0px 50px 0px;
     margin-top: 20px;
}

/* FORMS */
.form-field label {
     display: block;
     text-align: center;
     margin-top: 50px;
     margin-bottom: 20px;
     font-size: 0.8em;
     text-transform: uppercase;
     color: #fff;
}

.form-field span input,
.form-field span textarea {
     border: none;
     outline: none;
     padding: 0 10px;
     width: 100%;
     height: 35px;
     background: #1e1e1e;
     -webkit-appearance: none;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #949494;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     -webkit-font-smoothing: antialiased;
     font-size: 1em;
     -webkit-transition: background 0.33s linear;
     -moz-transition: background 0.33s linear;
     -o-transition: background 0.33s linear;
     transition: background 0.33s linear;
}

.form-field span input:focus,
.form-field span textarea:focus {
     background: #fff;
     -webkit-transition: background 0.33s linear;
     -moz-transition: background 0.33s linear;
     -o-transition: background 0.33s linear;
     transition: background 0.33s linear;
}

.form-field span textarea {
     overflow: auto;
     height: 180px;
     padding: 18px;
}

.form-click input {
     margin-top: 50px;
     border: none;
     display: block;
     width: 100%;
     outline: none;
     cursor: pointer;
     text-align: center;
     -webkit-font-smoothing: antialiased;
     text-decoration: none;
     -webkit-appearance: none;
     font-size: 1em;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     font-weight: 400;
     text-transform: uppercase;
     color: #060606 !important;
     background: #949494;
     line-height: 100%;
     padding: 12px 20px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.form-click input:hover {
     text-decoration: none;
     color: #060606 !important;
     background: #fff;
}

.subscribe input.text {
     display: inline-block;
     outline: none;
     -webkit-appearance: none;
     width: 340px;
     padding: 20px 0px 20px 15px;
     background: transparent;
     border: 1px solid #fff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font: 1em "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     color: #fff;
     margin-bottom: 20px;
}

.subscribe input.submit {
     border: none;
     display: inline-block;
     outline: none;
     cursor: pointer;
     background: transparent url(../insp_para/images/icons/more.png) no-repeat top right;
     -webkit-font-smoothing: antialiased;
     text-rendering: geometricPrecision;
     text-decoration: none;
     -webkit-appearance: none;
     font: 1em "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     font-weight: 400;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid #fff;
     margin-left: 10px;
     padding: 20px 55px;
     margin-bottom: 20px;
     letter-spacing: 0.20em;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
}

.subscribe input.text::-ms-clear {
     display: none;
}

.subscribe input.submit:hover {
     background: rgba(255, 255, 255, .1);
}

td.cen.last input {
     margin: 15px;
}

/* END FORMS */
.loader {
     margin-top: 15px;
}

#alert {
     display: none;
     margin-top: 30px;
}

.notification {
     display: block;
     position: relative;
     width: 100%;
     margin-bottom: 20px;
     padding: 10px 18px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.subscribe .notification {
     display: none;
     margin-left: auto;
     margin-right: auto;
     max-width: 620px;
}

.notification p {
     line-height: 26px;
     display: block;
     padding: 0;
     margin: 0;
     text-align: left;
     text-indent: 45px;
}

.notification.success {
     border: 1px solid #fff;
     background: rgba(255, 255, 255, .05);
}

.notification.success p {
     background: url(../insp_para/images/icons/tick.png) no-repeat;
     background-size: 26px 26px;
     color: #fff;
}

.notification.error {
     border: 1px solid #fff;
     background: rgba(255, 255, 255, .05);
}

.notification.error p {
     background: url(../insp_para/images/icons/cross.png) no-repeat;
     background-size: 26px 26px;
     color: #fff;
}

.social-links {
     text-align: center;
     margin-top: 50px;
}

.social-links li {
     display: inline-block;
     margin-right: 15px;
}

.social-links li:last-of-type {
     margin-right: 0px;
}

.social-links a {
     display: block;
}

.social-links a:hover {
     opacity: .5;
     filter: alpha(opacity=50);
}

/* =Blog
-------------------------------------------------------------- */
#blog {
     margin-top: 30px;
}

/* Post Styles */
.post {
     position: relative;
     text-align: left;
     margin-top: 50px;
     padding: 0px 0px 30px 70px;
     border-bottom: 1px solid #e9e9e9;
}

.post-media {
     position: relative;
}

.post-media img {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.post .date {
     position: absolute;
     text-align: center;
     width: 40px;
     padding-bottom: 10px;
     top: 0;
     left: 0;
     text-transform: uppercase;
     font-size: 1.6em;
     letter-spacing: 0.2em;
     line-height: 0.8em;
     border-bottom: 1px solid #e9e9e9;
}

.post .date small {
     font-size: 0.5833333333333333em;
}

.post-title h2 {
     padding-top: 20px;
     text-transform: none;
     letter-spacing: normal;
}

.post.quote .post-title h2,
.post.link .post-title h2 {
     font-size: 1em !important;
     text-transform: uppercase;
     letter-spacing: 0.20em;
     padding: 0;
}

.post-title a {
     color: #060606 !important;
}

.post-meta h6,
.post-meta a {
     color: #a4a4a3 !important;
}

.gallery-next,
.gallery-prev {
     position: absolute;
     z-index: 100;
     display: block;
     bottom: 10px;
}

.gallery-next {
     right: 10px;
}

.gallery-prev {
     right: 37px;
}

.gallery-next .bx-next,
.gallery-prev .bx-prev {
     position: static;
     width: auto;
     height: auto;
     top: auto;
     opacity: 1;
     filter: alpha(opacity=100);
     right: auto;
     left: auto;
     text-indent: -999em;
     width: 22px;
     height: 22px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.gallery-next .bx-next {
     background: #060606 url('../insp_para/images/blog/next.png') no-repeat;
     background-size: 22px 22px;
}

.gallery-prev .bx-prev {
     background: #060606 url('../insp_para/images/blog/prev.png') no-repeat;
     background-size: 22px 22px;
}

/* Sidebar styles */
.widget {
     text-align: left;
     margin-top: 50px;
}

.widget_search form>.search {
     border: none;
     float: left;
     outline: none;
     padding: 0px 0px 0px 10px;
     width: 80%;
     height: 40px;
     background: #fff;
     color: #aaaaaa;
     border-bottom: 2px solid #e9e9e9;
     border-left: 1px solid #e9e9e9;
     border-top: 1px solid #e9e9e9;
     -webkit-appearance: none;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
}

.search-submit {
     margin: 0;
     padding: 0;
     border: none;
     float: left;
     outline: none;
     cursor: pointer;
     width: 20%;
     height: 40px;
     text-indent: -999em;
     background: #fff url(../insp_para/images/blog/search.png) no-repeat center center;
     background-size: 16px 16px;
     text-decoration: none;
     -webkit-appearance: none;
     border: 1px solid #e9e9e9;
     border-bottom: 2px solid #e9e9e9;
     -webkit-border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     -moz-border-radius-topright: 3px;
     -moz-border-radius-bottomright: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
}

.textwidget {
     font-size: 0.8666666666667em;
     line-height: 1.6em;
}

.cat-item,
.recentcomments {
     font-size: 0.8666666666667em;
     padding-bottom: 8px;
     margin-bottom: 15px;
     border-bottom: 1px solid #e9e9e9;
}

.cat-item a,
.recentcomments a {
     color: #060606 !important;
     font-weight: 400;
}

.tagcloud a {
     display: inline-block;
     margin-right: 10px;
     margin-bottom: 10px;
     font-size: 0.8em;
     text-transform: uppercase;
     padding: 5px 10px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.widget-archive a,
.widget-recent-entries a {
     color: #060606 !important;
     font-weight: 400;
     font-size: 0.8666666666667em;
     display: block;
     padding-bottom: 8px;
     margin-bottom: 15px;
     border-bottom: 1px solid #e9e9e9;
}

/* Comments */
#comments {
     text-align: left;
     padding-top: 50px;
}

#comments-title {
     margin-left: 70px;
     border-bottom: 2px solid #e9e9e9;
     padding-bottom: 30px;
     margin-bottom: 5px;
}

.comment {
     float: left;
}

.comment-body {
     position: relative;
     margin-left: 70px;
     border-top: 1px solid #e9e9e9;
     padding-top: 30px;
}

.comment-author {
     position: absolute;
     top: 30px;
     left: -70px;
}

.comment-author img {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.comment .children {
     margin-left: 70px;
}

.fn {
     display: block;
     margin-bottom: 10px;
}

.comment-meta,
.comment-meta a {
     color: #a4a4a3 !important;
}

#respond {
     margin-left: 70px;
     margin-top: 50px;
}

#reply-title {
     border-bottom: 2px solid #e9e9e9;
     padding-bottom: 30px;
     margin-bottom: 5px;
}

.comment-reply-form {
     border-top: 1px solid #e9e9e9;
}

.comment-notes {
     margin-top: 10px;
     color: #a4a4a3;
}

.control-group label,
.control-group .controls {
     display: inline-block;
}

.control-group label {
     margin-left: 10px;
     font-weight: 400;
}

.control-group .controls input {
     margin-top: 15px;
     border: none;
     outline: none;
     height: 35px;
     background: #fff;
     padding-left: 15px;
     color: #a4a4a3;
     text-decoration: none;
     border: 1px solid #e9e9e9;
     border-bottom: 2px solid #e9e9e9;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.control-group .controls textarea {
     margin-top: 15px;
     border: none;
     outline: none;
     height: 180px;
     background: #fff;
     padding-left: 15px;
     padding-top: 15px;
     color: #a4a4a3;
     text-decoration: none;
     border: 1px solid #e9e9e9;
     border-bottom: 2px solid #e9e9e9;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}

.controls button {
     border: none;
     outline: none;
     padding: 0;
     margin: 0;
     outline: none;
     -webkit-appearance: none;
     background: #fff;
     cursor: pointer;
     margin-top: 15px;
     font-size: 0.8em;
     text-transform: uppercase;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
     padding: 10px 20px;
     color: #a4a4a3;
     border: 1px solid #e9e9e9;
     border-bottom: 2px solid #e9e9e9;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background: #ffffff;
}

.controls button:hover {
     background: #fff;
     background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
     background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
     background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
     background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
     background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
}

/* =Slider
-------------------------------------------------------------- */
.slider-cover {
     width: 100%;
     background: #fff;
}

#vegas-next,
#vegas-prev {
     position: absolute;
     display: block;
     text-indent: -999em;
     width: 20px;
     height: 48px;
     cursor: pointer;
     top: 50%;
     margin-top: -24px;
}

#vegas-next:hover,
#vegas-prev:hover {
     opacity: .5;
     filter: alpha(opacity=50);
}

#vegas-next {
     right: -100px;
     background: url(../insp_para/images/icons/next.png) no-repeat center center;
}

#vegas-prev {
     left: -100px;
     background: url(../insp_para/images/icons/prev.png) no-repeat center center;
}

.vegas-loading {
     display: none;
}

.vegas-overlay {
     background: transparent url(../insp_para/images/slider/overlays/01.png);
     opacity: 0.5;
     z-index: -1;
}

.vegas-background {
     -ms-interpolation-mode: bicubic;
     image-rendering: optimizeQuality;
     max-width: none !important;
     /* counteracts global img modification by twitter bootstrap library */
     z-index: -2;
}

.vegas-overlay,
.vegas-background {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

/* =Video
-------------------------------------------------------------- */
#big-video-wrap {
     overflow: hidden;
     position: fixed;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     z-index: -2;
}

#big-video-vid,
#big-video-image {
     position: absolute;
}

#big-video-control-container {
     position: fixed;
     bottom: 20px;
     padding: 0 20px;
     width: 100%;
     -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
     -ms-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     transition-duration: 0.6s;
}

#big-video-control {
     width: 100%;
     height: 16px;
     position: relative;
}

#big-video-control-middle {
     margin: 0 56px 0 24px;
}

#big-video-control-bar {
     width: 100%;
     height: 16px;
     position: relative;
     cursor: pointer;
}

#big-video-control-progress {
     position: absolute;
     top: 7px;
     height: 3px;
     width: 0%;
     background: #fff;
}

#big-video-control-track {
     position: absolute;
     top: 8px;
     height: 1px;
     width: 100%;
     background: #fff;
}

#big-video-control-bound-left {
     left: 0;
}

#big-video-control-bound-right {
     right: -1px
}

#big-video-control-track .ui-slider-handle {
     opacity: 0;
}

#big-video-control-playhead {
     left: 30%;
}

#big-video-control-play {
     position: absolute;
     top: 0;
     left: 0;
     height: 16px;
     width: 16px;
     background-image: url('bigvideo.png');
}

#big-video-control-timer {
     position: absolute;
     top: 1px;
     right: 0;
     color: #fff;
     font-size: 11px;
}

#big-video-control-playhead,
#big-video-control-bound-left,
#big-video-control-bound-right {
     position: absolute;
     top: 0;
     height: 16px;
     width: 1px;
     background: #fff;
}

#big-video-control .ui-slider-handle {
     border-left: solid 1px #fff;
     width: 16px;
     height: 16px;
     position: absolute;
     top: -8px;
}

.transparent {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
}

.vjs-big-play-button {
     display: none !important;
}

/* =Switcher / DEMO ONLY
-------------------------------------------------------------- */
#customizer {
     position: fixed;
     top: 64px;
     right: 0;
     z-index: 9999;
     height: 100%;
}

.corner {
     display: block;
     cursor: pointer;
     width: 50px;
     height: 50px;
     background: url('../insp_para/images/icons/switcher/corner.png') no-repeat;
     position: absolute;
     top: 0;
     right: 0;
}

.cog {
     display: block;
     width: 24px;
     height: 24px;
     position: absolute;
     top: 5px;
     left: 24px;
     background: url('../insp_para/images/icons/switcher/switcher.gif') no-repeat;
}

#options {
     display: none;
     width: 250px;
     background: #fff;
     border-left: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
     padding: 30px 25px 10px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-bottom-left-radius: 3px;
}

.heading {
     border-bottom: 1px solid #e9e9e9;
     padding-bottom: 15px;
     margin-bottom: 20px;
}

#options h6 {
     color: #5c5c5c;
     margin-bottom: 10px;
}

.options-segment {
     margin-bottom: 20px;
}

.customize-button {
     display: inline-block;
     margin: 0;
     font-size: 12px;
     color: #5c5c5c !important;
     background: #f7f7f7;
     border: 1px solid #e9e9e9;
     padding: 3px 7px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     margin-right: 5px;
}

.customize-button:hover {
     background: #fff;
}

.customize-button:last-of-type {
     margin-right: 0px;
}

.color-scheme li {
     float: left;
}

.color-scheme a {
     display: block;
     height: 20px;
     width: 31px;
     margin: 0px 8px 10px 0px;
}

.red a {
     background: #ee3b16;
}

.green a {
     background: #48cfad;
}

.blue a {
     background: #4fc1e9;
}

.pink a {
     background: #ec87c0;
}

.yellow a {
     background: #ffce54;
}

.jeans a {
     background: #5d9cec;
}

.grape a {
     background: #ed5565;
}

.grass a {
     background: #a0d468;
}

.lavander a {
     background: #ac92ec;
}

.gray a {
     background: #656d78;
}

/* =Media
-------------------------------------------------------------- */
/* Large screens */
@media only screen and (min-width : 1680px) {
     .bx-next {
          right: -250px;
     }

     .bx-prev {
          left: -250px;
     }

     #nextProject {
          right: -250px;
     }

     #prevProject {
          left: -250px;
     }
}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
     .parallax {
          background-size: cover;
          background-attachment: scroll;
          background-position: top center !important;
     }

     .fade,
     .slide,
     .entrance,
     .hatch {
          opacity: 1 !important;
     }

     .ae-animation-fade,
     .ae-animation-slide,
     .ae-animation-entrance,
     .ae-animation-hatch {
          -webkit-animation-name: none;
          -moz-animation-name: none;
          -o-animation-name: none;
          animation-name: none;
     }

     .id-bx-prev,
     .id-bx-next {
          display: none;
     }

     #nextProject,
     #prevProject {
          display: none !important;
     }

     .projectlist a:hover .projectinfo {
          background: transparent;
     }

     .hero-video {
          background-size: cover;
          background-position: top center;
     }

     #customizer {
          display: none;
     }

     /* DEMO ONLY */
}

/* Smaller than 960px */
@media only screen and (max-width: 959px) {
     .parallax {
          background-size: cover;
          background-attachment: scroll;
          background-position: top center !important;
     }

     .content {
          padding-top: 50px;
     }

     .content.padded {
          padding-bottom: 50px;
     }

     .icons .overview {
          width: 33.3333333333%;
          margin-bottom: 30px;
     }

     .icon {
          cursor: pointer;
     }

     .projectlist li {
          width: 50%;
     }

     .fade,
     .slide,
     .entrance,
     .hatch {
          opacity: 1 !important;
     }

     .ae-animation-fade,
     .ae-animation-slide,
     .ae-animation-entrance,
     .ae-animation-hatch {
          -webkit-animation-name: none;
          -moz-animation-name: none;
          -o-animation-name: none;
          animation-name: none;
     }

     .id-bx-prev,
     .id-bx-next {
          display: none;
     }

     .id-bx-pager {
          margin-top: 20px;
     }

     .id-bx-pager li {
          width: 50%;
          margin-top: 20px;
     }

     .social-links {
          margin-top: 30px;
     }

     #nextProject,
     #prevProject {
          display: none !important;
     }

     #respond {
          margin-left: 0px;
     }

     #vegas-prev,
     #vegas-next {
          display: none;
     }

     .tooltip {
          cursor: pointer;
     }

     .hero-video {
          background: url(../video/visia-video-poster.jpg) no-repeat;
          background-size: cover;
          background-position: top center;
     }

     #customizer {
          display: none;
     }

     /* DEMO ONLY */
}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
     .icons .overview {
          width: 50%;
     }

     .team-list {
          padding: 30px 0px 0px;
     }

     .team-member {
          padding-bottom: 25px;
     }

     #respond {
          padding-bottom: 50px;
          border-bottom: 2px solid #e9e9e9;
     }

     .filtering li {
          margin-bottom: 20px;
     }

     .value {
          padding-top: 35px;
     }

     .subscribe input.submit,
     .subscribe input.text {
          width: 100%;
          margin-left: 0;
     }
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
     .project-info {
          border-bottom: none;
     }

     .tooltip {
          width: 150%;
          left: 5%;
          margin-left: 0;
     }

     .pull-left .tooltip {
          left: -55%;
     }
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
     .call-to-action li {
          margin-right: 0px;
          width: 100%;
     }

     .projectlist li {
          width: 100%;
     }

     .id-bx-pager li {
          width: 100%;
     }

     .project-info {
          border-bottom: none;
     }

     .tooltip {
          width: 180%;
          left: 5%;
          margin-left: 0;
     }

     .pull-left .tooltip {
          left: -85%;
     }
}

/* Targets Retina Enabled Devices */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
     .icon.right {
          background: url(../insp_para/images/icons/right@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     .icon.ux {
          background: url(../insp_para/images/icons/ux@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.design {
          background: url(../insp_para/images/icons/design@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.seo {
          background: url(../insp_para/images/icons/seo@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.social {
          background: url(../insp_para/images/icons/social@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.tech {
          background: url(../insp_para/images/icons/tech@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.commerce {
          background: url(../insp_para/images/icons/commerce@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.config {
          background: url(../insp_para/images/icons/config@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.heart {
          background: url(../insp_para/images/icons/heart@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.coffee {
          background: url(../insp_para/images/icons/coffee@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.portfolio {
          background: url(../insp_para/images/icons/portfolio@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.plane {
          background: url(../insp_para/images/icons/plane@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .icon.calculator {
          background: url(../insp_para/images/icons/calculator@2x.png) no-repeat top;
          background-size: 64px 128px;
     }

     .social-icon.small.facebook {
          background: url(../insp_para/images/icons/facebook-small@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     .social-icon.small.twitter {
          background: url(../insp_para/images/icons/twitter-small@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     .social-icon.small.google {
          background: url(../insp_para/images/icons/google-small@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     .social-icon.small.behance {
          background: url(../insp_para/images/icons/behance-small@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     .social-icon.small.linkedin {
          background: url(../insp_para/images/icons/linkedin-small@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     i.icon-remove {
          background: url(../insp_para/images/icons/close@2x.png) no-repeat center center;
          background-size: 26px 26px;
     }

     .bx-pager-link {
          background: url(../insp_para/images/projects/pager@2x.png) no-repeat top center;
          background-size: 12px 24px;
     }

     .bx-pager-link.active {
          background: url(../insp_para/images/projects/pager-active@2x.png) no-repeat top center;
          background-size: 12px 12px;
     }

     .gallery-next .bx-next {
          background: #060606 url('../insp_para/images/blog/next@2x.png') no-repeat;
          background-size: 22px 22px;
     }

     .gallery-prev .bx-prev {
          background: #060606 url('../insp_para/images/blog/prev@2x.png') no-repeat;
          background-size: 22px 22px;
     }

     .search-submit {
          background: #fff url(../insp_para/images/blog/search@2x.png) no-repeat center center;
          background-size: 16px 16px;
     }

     .notification.success p {
          background: url(../insp_para/images/icons/tick@2x.png) no-repeat;
          background-size: 26px 26px;
     }

     .notification.error p {
          background: url(../insp_para/images/icons/cross@2x.png) no-repeat;
          background-size: 26px 26px;
     }

     .project-gallery-next .bx-next {
          background: #fff url('../insp_para/images/icons/project-gallery-next@2x.png') no-repeat center center;
          background-size: 22px 22px;
     }

     .project-gallery-prev .bx-prev {
          background: #fff url('../insp_para/images/icons/project-gallery-prev@2x.png') no-repeat center center;
          background-size: 22px 22px;
     }
}

.clear {
     clear: both;
}

/* MAP sma対応 */
.google-maps {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}

.title h2 {
     font-size: 2.4em;
     letter-spacing: 0.20em;
     color: #060606;
     font-style: normal;
     font-weight: 300;
     line-height: 1.17em;
     margin: 0 0 20px;
}

/*alignment inside post page content*/
.alignright {
     float: right;
     clear: right;
     margin-left: 20px;
     margin-bottom: 10px;
}

.alignleft {
     float: left;
     clear: left;
     margin-right: 20px;
     margin-bottom: 10px;
}

.aligncenter {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 10px;
}

strong {
     font-weight: bold;
     font-weight: 700;
}

cite,
var,
em {
     font-style: italic;
}

ins {
     text-decoration: none;
}

.pe-wp-default h1,
div.post h1 a,
.pe-wp-default a,
.page-title h1 {
     -moz-hyphens: auto;
     word-wrap: break-word;
}

.format-aside {
     border-left-width: 22px;
     border-left-style: solid;
     padding: 20px;
}

.sticky .post-title h1 {
     padding: 10px 10px;
}

/*WPML*/
/*drop list*/
#lang_sel,
#lang_sel_click {
     height: 20px;
     z-index: 2000;
}

#lang_sel_click img.iclflag {
     float: left;
     padding-top: 5px;
     margin-right: 5px;
}

#lang_sel_click ul ul img.iclflag {
     padding-top: 0px;
     top: 2px;
     margin-right: 0;
}

#lang_sel ul ul li a:hover,
#lang_sel ul ul li,
#lang_sel ul ul li a:hover span {
     color: #666;
}

#lang_sel ul ul li:hover a,
#lang_sel_click ul ul li:hover a {
     color: #666;
     background-color: #fff;
}

#lang_sel a,
#lang_sel a:visited {
     border-color: #e9e9e9;
}

.sidebar #lang_sel li {
     width: 100%;
}

.sidebar #lang_sel {
     display: block;
     height: 34px;
}

#lang_sel ul ul a,
#lang_sel ul ul a:visited,
#lang_sel_click ul ul a,
#lang_sel_click ul ul a:visited {
     background-color: #fff;
     border-color: #e9e9e9;
     color: #666;
}

.widget #lang_sel ul ul a,
.widget #lang_sel ul ul a:visited,
.widget #lang_sel a.lang_sel_sel,
.widget #lang_sel_click ul ul a,
.widget #lang_sel_click ul ul a:visited,
.widget #lang_sel_click a.lang_sel_sel {
     background-color: #fff;
     border-color: #e9e9e9;
     color: #666;
}

.widget #lang_sel ul ul a {
     padding: 8px;
     display: block;
}

.widget #lang_sel a.lang_sel_sel:hover,
.widget #lang_sel ul ul li:hover a,
.widget #lang_sel_click a.lang_sel_sel:hover,
.widget #lang_sel_click ul ul li:hover a {
     background-color: #fdfdfd;
     border-color: #e9e9e9;
     color: #666;
}

.widget #lang_sel ul ul li:hover a span {
     color: #666 !important;
}

.widget #lang_sel ul ul li:hover,
.widget #lang_sel ul ul li:hover a {
     border-color: #e9e9e9;
}

.widget #lang_sel a.lang_sel_sel {
     padding: 4px 4px 4px 8px;
}

#lang_sel ul ul,
#lang_sel_click ul ul {
     border-top-color: #777;
}

.widget #lang_sel ul ul a,
#lang_sel ul ul a,
#lang_sel_click ul ul a {
     line-height: 16px !important;
}

#lang_sel ul ul,
#lang_sel_click ul ul {
     border-top-color: #e9e9e9;
}

/*#lang_sel ul ul:hover{
	border-top-color:#666;
}*/
#lang_sel,
#lang_sel_click {
     z-index: 1990;
}

.sidebar #lang_sel ul ul {
     top: 33px;
     width: 100%;
}

#lang_sel ul ul a:hover {
     background-color: #fff;
     color: #666;
}

#lang_sel a span.icl_lang_sel_current {
     /*color:#c0c0c0 !important;*/
     display: inline;
}

#lang_sel a span {
     font-style: normal;
     color: #444;
     font-size: 11px;
     display: inline;
}

/*normal list*/
#lang_sel {
     font-family: 'Open Sans', arial, sans-serif;
     font-weight: 400;
}

#lang_sel a {
     font-size: 12px;
}

#lang_sel a.lang_sel_sel,
#lang_sel_click a.lang_sel_sel {
     background-color: #fff;
     background-position: 90% 50%;
     color: #666;
     border-color: #e9e9e9;
}

#lang_sel a.lang_sel_sel:hover,
#lang_sel_click a.lang_sel_sel:hover {
     color: #666;
     background-color: #fff;
}

#lang_sel_list {
     position: absolute;
     top: 10px;
     right: 30px;
     width: auto;
}

#lang_sel_list ul {
     width: auto;
     border: none;
}

#lang_sel_list li {
     width: auto;
}

#lang_sel_list a,
#lang_sel_list a:visited {
     border: none;
}

#lang_sel img.iclflag {
     display: inline;
     top: 0;
     margin-right: 3px;
}

#lang_sel_list a.lang_sel_sel,
#lang_sel_list a span {
     color: #c2c2c2 !important;
}

#lang_sel_list a:hover span {
     color: #D73300 !important;
}

#lang_sel_list a span.icl_lang_sel_current,
#lang_sel_list a:hover span.icl_lang_sel_current {
     color: #333 !important;
     cursor: default;
}

.pe-wpml-lang-selector {
     position: absolute;
     margin-left: 35px;
     top: 16px;
     display: inline-block;
}

/*media query to hide language names in iphone portrait and leave only flags*/
@media (max-width: 479px) {
     nav #lang_sel a span.icl_lang_sel_current {
          display: none;
     }

     nav #lang_sel a.lang_sel_sel,
     nav #lang_sel_click a.lang_sel_sel {
          width: 38px;
          padding-left: 4px;
     }

     nav #lang_sel li {
          width: auto;
     }

     nav #lang_sel ul ul a,
     nav #lang_sel_click ul ul a,
     nav #lang_sel_click ul ul {
          width: 38px;
          padding-left: 4px;
     }

     nav #lang_sel ul ul a,
     nav #lang_sel_click ul ul a {
          height: 26px;
     }

     nav #lang_sel ul ul {
          width: 38px;
     }

     nav #lang_sel a span {
          font-size: 1px;
          display: none;
          color: #fff;
     }

     nav #lang_sel a.lang_sel_sel {
          background-position: 100% 50%;
     }
}

/* Responsive images */
.pe-wp-default img,
.pe-wp-default .comment-body img {
     max-width: 100%;
}

.pe-wp-default img[class*="align"],
.pe-wp-default img[class*="wp-image-"],
.pe-wp-default img[class*="attachment-"] {
     height: auto;
}

.pe-wp-default img.size-full,
.pe-wp-default img.size-large,
.pe-wp-default img.header-image,
.pe-wp-default img.wp-post-image {
     max-width: 100%;
     height: auto;
}

.pe-wp-default .wp-caption {
     max-width: 100%;
     padding: 4px;
}

.pe-wp-default .wp-caption .wp-caption-text,
.pe-wp-default .gallery-caption,
.pe-wp-default .entry-caption {
     font-style: normal;
     font-size: 12px;
     line-height: 20px;
}

.pe-wp-default .wp-caption .wp-caption-text>a,
.pe-wp-default .gallery-caption>a,
.pe-wp-default .entry-caption>a {
     text-decoration: underline;
}

.pe-wp-default .gallery-item {
     margin: 0;
}

.pe-wp-default .gallery-item>.gallery-icon>a>img {
     display: inline;
}

.pe-wp-default .gallery-item a,
.pe-wp-default .gallery-caption {
     width: 90%;
}

.pe-wp-default .gallery-item a {
     display: block;
}

.pe-wp-default .gallery-caption a {
     display: inline;
}

.pe-wp-default .gallery-columns-1 .gallery-item a {
     max-width: 100%;
     width: auto;
}

.pe-wp-default .gallery .gallery-icon img {
     height: auto;
     max-width: 90%;
     padding: 5%;
}

.pe-wp-default .gallery-columns-1 .gallery-icon img {
     padding: 3%;
}

/*tables*/
.pe-wp-default table,
.pe-wp-default .comment-body table {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     font-size: 12px;
     line-height: 2;
     margin: 0 0 24px;
     width: 100%;
}

.pe-wp-default th {
     font-size: 12px;
     font-weight: bold;
     line-height: 2.18182;
     text-transform: uppercase;
}

.pe-wp-default td,
.pe-wp-default .comment-body td {
     border-top-width: 1px;
     border-top-style: solid;
     padding: 6px 10px 6px 0;
}

.pe-wp-default caption,
.pe-wp-default th,
.pe-wp-default td {
     font-size: 12px;
     text-align: left;
}

/*definition lists*/
.pe-wp-default dl,
.pe-wp-default .comment-body dl {
     margin-left: 20px;
     margin-right: 20px;
}

.pe-wp-default dt,
.pe-wp-default .comment-body dt {
     font-weight: bold;
     line-height: 22px;
}

.pe-wp-default dd,
.pe-wp-default .comment-body dd {
     line-height: 22px;
     margin-bottom: 22px;
}

/*Lists*/
.pe-wp-default ul,
.pe-wp-default .comment-body ul,
.pe-wp-default .mu_register ul {
     list-style: disc outside none;
}

.pe-wp-default ol,
.pe-wp-default .comment-body ol {
     list-style: decimal outside none;
}

.pe-wp-default ol,
.pe-wp-default .comment-body ol,
.pe-wp-default ul,
.pe-wp-default .comment-body ul,
.pe-wp-default .mu_register ul {
     line-height: 22px;
     margin: 0 0 20px;
}

.pe-wp-default li,
.pe-wp-default .comment-body li,
.pe-wp-default .mu_register li {
     margin: 0 0 0 30px;
}

.pe-wp-default ul ul,
.pe-wp-default .comment-body ul ul,
.pe-wp-default ol ol,
.pe-wp-default .comment-body ol ol,
.pe-wp-default ul ol,
.pe-wp-default .comment-body ul ol,
.pe-wp-default ol ul,
.pe-wp-default .comment-body ol ul {
     margin-bottom: 0;
}

/*html tags*/
.pe-wp-default address,
.pe-wp-default .comment-body address {
     display: block;
     line-height: 22px;
     margin: 0 0 22px;
     font-style: italic;
}

.pe-wp-default abbr,
.pe-wp-default .comment-body abbr,
.pe-wp-default dfn,
.pe-wp-default .comment-body dfn,
.pe-wp-default acronym,
.pe-wp-default .comment-body acronym {
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     cursor: help;
}

.pe-wp-default code,
.pe-wp-default .comment-body code,
.pe-wp-default kbd,
.pe-wp-default tt {
     font-family: Consolas, Monaco, Lucida Console, monospace;
     font-size: 11px;
     line-height: 2;
}

.pe-wp-default pre,
.pe-wp-default .comment-body pre {
     border-width: 1px;
     border-style: solid;
     font-family: Consolas, Monaco, Lucida Console, monospace;
     font-size: 12px;
     line-height: 20px;
     margin: 20px 0;
     overflow: auto;
     padding: 20px;
}

blockquote,
q {
     quotes: none;
}

sub {
     bottom: -0.25em;
}

sub,
sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}

.pe-wp-default embed,
.pe-wp-default iframe,
.pe-wp-default object,
.pe-wp-default video {
     max-width: 100%;
}

.pe-wp-default .twitter-tweet-rendered {
     max-width: 100% !important;
     /* Override the Twitter embed fixed width */
}

.pe-wp-default h1 {
     font-size: 70px;
}

.page-links {
     float: left;
     clear: both;
     margin-bottom: 20px;
}

.page-links>a {
     padding: 2px 5px;
}

.post.format-aside {
     border-top: none;
}

/* to go on top of wp admin bar */
.peFlareLightbox {
     z-index: 99999 !important;
}

/* img------------------------------------------------------ */
.kadomaru {
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
}

.round {
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
}

.aligncenter {
     display: block;
     text-align: center;
}

.waku {
     border: 1px solid #ccc;
     padding: 5px;
}

.push {
     box-shadow: 2px 2px 2px 2px #ccc;
}

.push:hover {
     box-shadow: none !important;
     padding: 2px 0 0 2px;
     margin: -2px auto 10px;
}

/* decoration----------------------------------------------- */
p {
     color: #424242;
     line-height: 1.6em;
     margin: 0 0 20px;
}

.matx {
     font-size: 140%;
}

.latx {
     font-size: 170% !important;
}

.smtx {
     font-size: 80%;
}

.u-line {
     border-bottom: 1px solid #EC8035;
     margin: 0 auto 30px;
     width: 80%;
}

.m-bar {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     padding: 7px 10px;
     background: #EC8035;
     color: #fff;
     margin-bottom: 10px;
     font-size: 150%;
}

.s-bar {
     border-left: #EC8035 5px solid;
     padding-left: 10px;
     line-height: 30px;
     font-size: 150%;
     border-bottom: 1px solid #ccc;
}

.f-bar {
     background: #EC8035;
     box-shadow: 0px 0px 0px 5px #EC8035;
     border: dashed 1px #5F3813;
     padding: 0.5em;
     font-size: 150%;
     width: 99%;
     margin: 0 auto;
     color: #fff;
}

.cp-tx {
     text-align: center !important;
     font-weight: bold;
}

.twi-box {
     width: 75%;
     height: 450px;
     overflow-y: scroll;
     margin: 0 auto;
     border: 1px solid #ccc;
}

/* sliders------------------------------------------------------- */
.easingslider {
     margin: 0 auto;
}

.project-hero {
     text-align: center;
}

/* contact
---------------------*/
table.defTable01 {
     width: 100%;
     border-collapse: collapse;
}

table.defTable01 th,
table.defTable01 td {
     vertical-align: middle;
     padding: 24px 20px;
     border-bottom: 1px solid #ccc;
}

table.defTable01 tr:first-of-type th,
table.defTable01 tr:first-of-type td {
     border-top: 1px solid #ccc;
}

table.defTable01 th {
     width: 25%;
     background: #faf7eb;
}

table.defTable01 td.cen {
     text-align: center;
     border: none;
     padding-bottom: 0;
}

table.defTable01 td input {
     font-size: 14px;
}

table.defTable01 td.cen input {
     padding: 1.25rem 2rem;
     color: #fff;
     width: 300px;
     font-size: 20px;
     font-weight: bold;
     letter-spacing: 0.035rem;
     background: #ff7f11;
     cursor: pointer;
     border: 2px solid #ff7f11;
     border-radius: 6px;
     margin-top: 30px;
     -webkit-appearance: none;
}

table.defTable01 td.cen input:hover {
     opacity: 0.7;
}

table.defTable01 tr {
     text-align: left;
}

table.defTable01 input[type=checkbox]:nth-of-type(n + 2) {
     margin-left: 1.5rem;
}

table.defTable01 input[type=text] {
     border: 1px solid #a8a8a8;
     padding: 1rem;
}

table.defTable01 textarea {
     border: 1px solid #a8a8a8;
     padding: 20px;
     width: 100%;
     font-size: 14px;
     line-height: 1.6;
     height: 160px;
}

.clrred {
     color: #ff7f11;
}

table.defTable01 td.tel_area input {
     width: 62%;
}

table.defTable01 td select {
     padding: 0.5rem;
     min-width: 6rem;
     border: none;
}

table.defTable01 th span {
     font-size: 0.75rem;
     background: #ff7f11;
     padding: 0.1rem 0.6rem;
     margin-left: 10px;
     font-weight: 300;
     border-radius: 50px;
     color: #fff;
}

table.defTable01 input.tdin_01 {
     width: 62%;
}

table.defTable01 input.tdin_02 {
     width: 48%;
}

table.defTable01 input.tdin_02:first-child {
     margin-right: 4%;
}

table.defTable01 input.tdin_03 {
     width: 62%;
}

table.defTable01 td label {
     display: inline-block;
     margin: 4px 0;
}

table.defTable01 td span.space02 {
     margin-right: 1rem;
}

table.defTable01 .privacyBox {
     width: 100%;
     padding: 0 20px 20px;
     border: 1px solid #a8a8a8;
     height: 160px;
     background: #FFF;
     overflow-y: scroll;
     margin-bottom: 20px;
     font-size: 0.875rem;
}

table.defTable01 .privacyBox h4 {
     margin: 20px 0 10px;
     padding: 0 0 0 0.35rem;
     border-left: 4px solid #ff7f11;
     border-bottom: 0;
     line-height: 1;
     font-size: 18px;
     font-weight: normal;
}

table.defTable01 .privacyBox ul {
     margin-top: 0.5rem;
}

table.defTable01 .privacyBox ul li {
     border: none;
     line-height: 150%;
     height: auto;
     list-style-type: disc;
     margin-left: 1.75rem;
}

table.defTable01 .agrBox {
     width: 100%;
     text-align: center;
}

/* privacy
---------------------*/
h4.ttl01+p {
     margin-top: 16px;
}

/* bg----------------------------------------------------- */
#bg01 .content .title .border {
     display: none;
}

#bg02 .content .title .border {
     display: none;
}

#bg03 .content .title .border {
     display: none;
}

#bg04 .content .title .border {
     display: none;
}

#bg05 .content .title .border {
     display: none;
}

#bg06 .content .title .border {
     display: none;
}

#bg07 .content .title .border {
     display: none;
}

#bg08 .content .title .border {
     display: none;
}

#bg09 .title .border {
     display: none;
}

#bg10 .content .title .border {
     display: none;
}

/* backup------------------------------------------------------------- */
.lb-back-to-top {
     position: fixed;
     bottom: 2em;
     right: 0px;
     text-decoration: none;
     color: #EC8035;
     background-color: #fff;
     border: 3px solid #EC8035;
     font-size: 12px;
     padding: 1em;
     display: none;
}

.lb-back-to-top:hover {
     background-color: #EC8035;
     color: #fff;
}

/* タブ---------------------------------------------------------------*/
.tab-group {
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -moz-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -moz-justify-content: flex-start;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
}

.tab {
     flex-grow: 1;
     padding: 5px;
     list-style: none;
     border: solid 1px #CCC;
     text-align: center;
     cursor: pointer;
     width: 25%;
     align-items: center;
     margin: 0 auto;
}

.panel-group {
     border-top: none;
}

.panel {
     display: none;
}

.tab.is-active {
     background: #F00;
     color: #FFF;
     transition: all 0.2s ease-out;
}

.panel.is-show {
     display: block;
}

/* アコーディオン---------------------------------------------------------------*/
#accordion dt {
     display: block;
     line-height: 50px;
     text-align: center;
     border: #666 1px solid;
     cursor: pointer;
     padding-right: 15px;
}

#accordion dd {
     background: #f2f2f2;
     line-height: 50px;
     text-align: center;
     border: #666 1px solid;
     display: none;
}

#accordion dt.active {}

#accordion dt:after {
     font-family: "Font Awesome 5 Pro";
     content: "\f0fe";
     display: inline-block;
     margin-left: 25px;
     font-size: 1.3em;
}

#accordion dt.active:after {
     content: "\f146";
}

/*recruit---------------------------------
 * ----------------------------------------------*/
.recruit-list p.title {
     width: 100%;
     display: block;
     border-top: 2px solid #b71014;
     border-bottom: 2px solid #b71014;
     padding: 20px;
     font-size: 1.5em;
     font-weight: 900;
}

dl.recruit-box {
     width: 30%;
     margin: 10px 15px 20px;
     background: bisque;
     padding: 10px;
     border-radius: 10px;
     border: dashed 2px #4d1b00;
     box-shadow: 0px 0px 0px 10px #ffe4c4;
     position: relative;
}

dl.recruit-box dt span {
     background: #5f411e;
     padding: 3px 5px;
     border-radius: 10px;
     color: #fff;
}

dl.recruit-box dt span.cat {
     background: #fff;
     color: #000;
     margin-left: 5px;
     line-height: 0;
     border: solid 1px #ccc;
}

dl.recruit-box dt span.cat i {
     margin-right: 5px;
     line-height: 0;
}

dl.recruit-box dt span.cat.category01 i {
     color: #ffe500;
}

dl.recruit-box dt span.cat.category02 i {
     color: #7ccc4d;
}

dl.recruit-box dt span.cat.category03 i {
     color: #ffd5d6;
}

dl.recruit-box dt a {
     display: block;
     margin-top: 10px;
     font-size: 18px;
     color: #3f1300;
     line-height: 1.5em;
}

dl.recruit-box dd.recruit-img {
     text-align: center;
     margin: 10px auto;
}

dl.recruit-box dd.recruit-img img {
     width: 100%;
     object-fit: cover;
     max-height: 130px;
}

dl.recruit-box dd.custum-feeld span {
     background: #5f411e;
     padding: 5px 8px;
     border-radius: 5px;
     margin: 5px;
     color: #fff;
}

dl.recruit-box dt a:hover {
     text-decoration: underline;
     opacity: 0.8;
}

.recruit-list.flex {
     margin: 20px 0;
}

.entry-btn {
     width: 30%;
     text-align: center;
     margin: 25px auto;
     font-size: 1.5em;
     font-weight: 900;
}

.entry-btn a {
     border-color: #ea5617;
     background: #ea5617;
     color: #ffffff;
     display: block;
     padding: 45px;
     transition: all .2s;
     font-weight: 900;
}

.entry-btn a:hover {
     background: #ffffff;
     color: #ea5617;
     border-bottom: solid 4px #ea5617;
     box-shadow: 0px 0px 0px 10px #ea5617;
}

.job-table table {
     border: none;
}

.job-table tr {
     border-collapse: separate;
     border-spacing: 10px 5px;
     border: none;
}

.job-table tr th,
.job-table tr td {
     vertical-align: middle;
     padding: 20px;
     border-radius: 5px;
     border: none;
     display: block;
     width: 100%;
}

.job-table tr th {
     background: #ece8db;
     color: #76450b;
     text-align: center;
     margin-top: 15px;
     font-size: 1.5em;
}

.job-table tr td {
     background: rgba(236, 232, 219, 0.3);
     line-height: 1.7;
     font-size: 1.3em;
}

dl.recruit-box.category01 {
     width: 30%;
     margin: 10px 15px 20px;
     padding: 10px;
     border-radius: 10px;
     border: dashed 2px #4d1b00;
     background: repeating-linear-gradient(45deg, #fffde7, #fffde7 10px, #fff6a7 10px, #fff6a7 20px);
     box-shadow: none;
}

dl.recruit-box.category02 {
     width: 30%;
     margin: 10px 15px 20px;
     padding: 10px;
     border-radius: 10px;
     border: dashed 2px #4d1b00;
     background: repeating-linear-gradient(45deg, #f2ffea, #f2ffea 10px, #e2f7d6 10px, #e2f7d6 20px);
     box-shadow: none;
}

dl.recruit-box.category03 {
     width: 30%;
     margin: 10px 15px 20px;
     padding: 10px;
     border-radius: 10px;
     border: dashed 2px #4d1b00;
     background: repeating-linear-gradient(45deg, #ffeeee, #ffeeee 10px, #ffd5d6 10px, #ffd5d6 20px);
     box-shadow: none;
}

section.content.category01 .job-table tr th {
     background: repeating-linear-gradient(45deg, #fffde7, #fffde7 5px, #fff6a7 5px, #fff6a7 10px);
     border: solid 1px #ffb12e;
}

section.content.category02 .job-table tr th {
     background: repeating-linear-gradient(45deg, #f2ffea, #f2ffea 5px, #e2f7d6 5px, #e2f7d6 10px);
     border: solid 1px #7ccc4d;
}

section.content.category03 .job-table tr th {
     background: repeating-linear-gradient(45deg, #ffeeee, #ffeeee 5px, #ffd5d6 5px, #ffd5d6 10px);
     border: solid 1px #e6524f;
}

section.content.category01 .border {
     border-color: #ffb12e;
}

section.content.category02 .border {
     border-color: #7ccc4d;
}

section.content.category03 .border {
     border-color: #e6524f;
}

dl.recruit-box dt p {
     margin-top: 10px;
     font-size: 18px;
     color: #3f1300;
     line-height: 1.5em;
}

dl.recruit-box a {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

dl.recruit-box:hover {
     opacity: 0.8;
}

/*------------------------------------
 * acf flex feelds用ブログパーツcss
 * ---------------------------------*/
.flex.column1 {
     -moz-justify-content: center;
     -webkit-justify-content: center;
     justify-content: center;
}


.flex.column1 .block-card01 {
     width: 80%;
     text-align: center;
     margin: 0 auto;
     padding: 15px;
}

.block-card01 p.card-ttl,
.block-card02 p.card-ttl,
.block-card03 p.card-ttl {
     font-size: 1.6em;
     text-align: center;
     padding: 0;
     margin: 0;
}

.flex.column1 .block-card01 img {
     width: 100%;
     height: 350px;
     object-fit: cover;
}

.block-card01 p,
.block-card02 p,
.block-card03 p {
     text-align: left;
     padding: 5px;
}

.flex.column2 {
     align-items: flex-end;
}

.flex.column2 .block-card01,
.flex.column2 .block-card02 {
     width: 48%;
     margin: 0 auto;
}

.flex.column2 .block-card01 img,
.flex.column2 .block-card02 img {
     width: 100%;
     height: 290px;
     object-fit: cover;
}

.flex.column3 {
     align-items: flex-end;
}

.flex.column3 .block-card01,
.flex.column3 .block-card02,
.flex.column3 .block-card03 {
     width: 31%;
}

.flex.column3 .block-card01 img,
.flex.column3 .block-card02 img,
.flex.column3 .block-card03 img {
     width: 100%;
     height: 200px;
     object-fit: cover;
}

.flex.Introduction_rimg {
     align-items: flex-start;
}

.flex.Introduction_rimg .intro-descr {
     width: 65%;
     padding: 10px;
}

.flex.Introduction_rimg .intro-img img {
     width: 100%;
     height: 220px;
     object-fit: cover;
}

.flex.Introduction_rimg .intro-img {
     width: 33%;
}

.flex.Introduction_limg {
     align-items: flex-start;
}

.flex.Introduction_limg .intro-descr {
     width: 65%;
     padding: 10px;
}

.flex.Introduction_limg .intro-img img {
     width: 100%;
     height: 220px;
     object-fit: cover;
}

.flex.Introduction_limg .intro-img {
     width: 33%;
}

.flex_content-faq-area dl dt,
.flex_content-faq-area dl dd {
     text-align: left !important;
     padding: 5px 20px;
}

/*------------------------------------
 * 20200330追加
 * ----------------------------------*/

.block-card01 p.card-ttl,
.block-card02 p.card-ttl,
.block-card03 p.card-ttl {
     font-size: 24px;
     line-height: 1.75em;
     text-align: center;
     padding: 0 10px;
     margin: 0 0 15px 0;
}

.block-card01 p,
.block-card02 p,
.block-card03 p {
     text-align: left;
     font-size: 18px;
     line-height: 1.75em;
     padding: 15px 10px;
}

.intro-descr p {
     font-size: 18px;
     line-height: 1.75em;
}

.flex.column1,
.flex.column2,
.flex.column3,
.flex.Introduction_rimg,
.flex.Introduction_limg,
.post_gallery,
.table-feeld {
     margin: 60px 0;
}

.flex.column2 {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}

.flex.Introduction_rimg .intro-img img,
.flex.Introduction_limg .intro-img img {
     min-height: 250px;
}

.flex.Introduction_limg,
.flex.Introduction_rimg {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.post_gallery {
     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;
}

.post_gallery li {
     width: 18%;
     margin: 0 15px;
}

.post_gallery li:before {
     display: none;
}

.post_gallery li img {
     display: block;
     width: 100%;
     height: 150px;
     object-fit: cover;
     margin-bottom: 10px;
}

.post_gallery li {
     width: 22%;
     width: -webkit-calc(88% / 4);
     width: calc(88% / 4);
     margin: 0 2%;
}

.post_gallery li:first-child {
     margin-left: 0;
}

.post_gallery li:nth-child(4n) {
     margin-right: 0;
}

.post_gallery li:nth-child(5n) {
     margin-left: 0;
}

.post_gallery p {
     font-size: 15px;
     color: #8a8989;
     line-height: 1.5em;
     text-align: center;
}

.table-feeld td,
.table-feeld th {
     padding: 15px;
     vertical-align: middle;
     font-size: 16px;
     border-right: 1px solid #b9b9b9;
}

.table-feeld th {
     background: #ecffe1
}

.table-feeld table {
     border: 1px solid #b9b9b9;
     width: 100%;
}

.table-feeld table tr {
     border-bottom: 1px solid #b9b9b9;
}

.flex.table-feeld .block-table {
     width: 48%;
}

.flex.table-feeld .block-table table {
     width: 100%;
}

.table-feeld caption {
     font-size: 16px;
     text-align: left;
     line-height: 1.5em;
     margin-bottom: 5px;
}

.flex_content-faq-area {
     margin: 60px 0;
}

#accordion {
     margin-bottom: 10px;
}

#accordion dt {
     font-size: 18px;
     border: 1px solid #b9b9b9;
     padding: 20px 10px;
     line-height: 1.75em;
}

#accordion dt:after {
     font-family: "Font Awesome 5 Pro";
     content: "\f0fe";
     display: inline-block;
     margin-left: 20px;
     font-size: 20px;
     color: #7ccc4c;
     vertical-align: bottom;
}

#accordion dd {
     background: #f5ffef;
     border: 1px solid #b9b9b9;
     font-size: 18px;
     border-top: 0;
     padding: 20px 10px;
     line-height: 1.75em;
}

h2.block-h2 {
     padding: 15px;
     text-align: center;
     margin-bottom: 60px;
     border-top: solid 3px #7ccc4c;
     /*上線*/
     border-bottom: solid 3px #7ccc4c;
     /*下線*/
}

h3.block-h3 {
     padding: 15px;
     font-size: 24px;
     letter-spacing: 1px;
     line-height: 1.75em;
     background: #f4ffed;
     border-left: solid 5px #7ccc4c;
     margin-bottom: 40px;
}

h4.block-h4 {
     position: relative;
     padding-left: 30px;
     line-height: 1.75em;
     font-size: 20px;
     margin-bottom: 20px;
}

h4.block-h4:before {
     font-family: "Font Awesome 5 Free";
     content: "\f14a";
     font-weight: bold;
     position: absolute;
     font-size: 22px;
     left: 0;
     top: 0px;
     color: #7ccc4c;
}

@media screen and (min-width:771px) and (max-width:1000px) {

     .block-card01 p.card-ttl,
     .block-card02 p.card-ttl,
     .block-card03 p.card-ttl {
          font-size: 18px;
     }

     .block-card01 p,
     .block-card02 p,
     .block-card03 p,
     .intro-descr p {
          font-size: 16px;
     }
}

@media screen and (max-width: 770px) {

     .block-card01 p.card-ttl,
     .block-card02 p.card-ttl,
     .block-card03 p.card-ttl {
          font-size: 18px;
     }

     .block-card01 p,
     .block-card02 p,
     .block-card03 p,
     .intro-descr p {
          font-size: 16px;
     }

     .flex.column1,
     .flex.column2,
     .flex.column3,
     .flex.Introduction_rimg,
     .flex.Introduction_limg,
     .post_gallery,
     .table-feeld {
          margin: 30px 0;
     }

     .flex.column1 .block-card01,
     .flex.column2 .block-card01,
     .flex.column2 .block-card02,
     .flex.column3 .block-card01,
     .flex.column3 .block-card02,
     .flex.column3 .block-card03 {
          width: 100%;
     }

     .flex.column2 .block-card01 img,
     .flex.column2 .block-card02 img {
          height: 50vw;
     }

     .flex.column1 .block-card01 {
          padding: 0;
     }

     .flex.column1 .block-card01 img {
          height: 75vw;
     }

     .flex.column2 .block-card01 img,
     .flex.column2 .block-card02 img,
     .flex.column3 .block-card01 img,
     .flex.column3 .block-card02 img,
     .flex.column3 .block-card03 img {
          height: 50vw;
     }

     .flex.Introduction_rimg .intro-img,
     .flex.Introduction_limg .intro-img,
     .flex.Introduction_rimg .intro-descr,
     .flex.Introduction_limg .intro-descr {
          width: 100%;
     }

     .flex.Introduction_rimg {
          -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
     }

     .flex.Introduction_rimg .intro-img img,
     .flex.Introduction_limg .intro-img img {
          min-height: 50vw;
          height: 50vw;
     }

     .post_gallery {
          -webkit-box-pack: space-between;
          -ms-flex-pack: space-between;
          justify-content: space-between;
     }

     .post_gallery li {
          width: 45%;
          margin: 0;
     }

     .post_gallery li {
          width: 48%;
          margin: 0;
     }

     .post_gallery li img {
          height: 30vw;
     }

     .post_gallery p {
          font-size: 12px;
     }

     .table-feeld td,
     .table-feeld th {
          padding: 5px;
          vertical-align: middle;
          font-size: 12px;
          border-right: 1px solid #b9b9b9;
     }

     .table-feeld caption {
          font-size: 14px;
     }

     .flex.table-feeld .block-table {
          width: 100%;
          margin-top: 30px;
     }

     #accordion dt {
          font-size: 16px;
          padding: 10px;
          line-height: 1.5em;
     }

     #accordion dd {
          font-size: 16px;
          padding: 10px 10px;
          line-height: 1.5em;
     }

     #accordion dt:after {
          font-size: 18px;
     }

     h2.block-h2 {
          padding: 10px;
          margin-bottom: 30px;
          font-size: 28px;
     }

     h3.block-h3 {
          padding: 10px;
          font-size: 22px;
          letter-spacing: 0px;
          line-height: 1.75em;
          margin-bottom: 20px;
     }

     h4.block-h4 {
          padding-left: 30px;
          font-size: 18px;
          margin-bottom: 10px;
     }

     h4.block-h4:before {
          font-size: 18px;
     }

     table.defTable01 {
          table-layout: fixed;
          word-break: break-all;
          word-wrap: break-word;
     }

     table.defTable01 tr:first-of-type td {
          border-top: none;
     }

     table.defTable01 tr th,
     table.defTable01 tr td {
          display: block;
          width: 94%;
          margin: 0 auto;
          border-left: solid 1px #ccc;
          border-right: solid 1px #ccc;
     }

     table.defTable01 input.tdin_03 {
          width: 100%;
          margin: 0 auto;
     }

     table.defTable01 th span {
          float: right;
     }

     table.defTable01 input.tdin_01 {
          width: 100%;
     }

     table.defTable01 td.tel_area input {
          width: 100%;
     }

     table.defTable01 td.cen input {
          width: 90%;
          display: block;
          margin: 0 auto;
     }
}

/*------------------------------------
 * 20200330追加ここまで
 * ----------------------------------*/

/*------------------------------------
 * 2021/07/14追加ここから
 * ----------------------------------*/
section.parallax {
     height: 500px;
}

@media only screen and (max-width: 959px) {
     section.parallax {
          height: 200px !important;
     }
}

/*------------------------------------
 * 2021/07/14追加ここまで
 * ----------------------------------*/
/*========= ローディング画面のためのCSS ===============*/
#splash {
     position: fixed;
     width: 100%;
     height: 100%;
     background: #333;
     z-index: 9999999;
     text-align: center;
     color: #fff;
     top: 0;
}

div#splash_logo {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}

/*========= 画面遷移のためのCSS ===============*/

body.appear {
     background: #fff;
     /*画面を開いた後の背景色を指定*/
}

body.page-template-page_fullwidth,
body.page-template-page_fullwidth #splash {
     background: #fff;
}

/*画面遷移アニメーション*/
.splashbg1,
.splashbg2 {
     display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg1,
body.appear .splashbg2 {
     display: block;
}

/*上に消えるエリア*/
body.appear .splashbg1 {
     animation-name: PageAnime;
     animation-duration: 1.4s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     content: "";
     position: fixed;
     z-index: 9999;
     width: 100%;
     height: 100vh;
     bottom: 50%;
     left: 0;
     transform: scaleY(1);
}

@keyframes PageAnime {
     0% {
          transform-origin: top;
          transform: scaleY(1);
     }

     100% {
          transform-origin: top;
          transform: scaleY(0);
     }
}

/*下に消えるエリア*/
body.appear .splashbg2 {
     animation-name: PageAnime2;
     animation-duration: 1.4s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     content: "";
     position: fixed;
     z-index: 9999;
     width: 100%;
     height: 100vh;
     top: 50%;
     left: 0;
     transform: scaleY(1);
}

@keyframes PageAnime2 {
     0% {
          transform-origin: bottom;
          transform: scaleY(1);
     }

     100% {
          transform-origin: bottom;
          transform: scaleY(0);
     }
}

/*画面遷移の後現れるコンテンツ設定*/
#splcon {
     opacity: 0;
     /*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #splcon {
     animation-name: PageAnimeAppear;
     animation-duration: 1s;
     animation-delay: 0.2s;
     animation-fill-mode: forwards;
     opacity: 0;
}

@keyframes PageAnimeAppear {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}