/*

Theme Name: insp_para
Version: 1.3.2

*/
/*
 * 変*更*禁*止
 *
 * 新しくスタイルを入れる場合は
 * PC----> css/design.css
 * SP----> css/sp.css
 * Tablet----> css/tablet.css
 *に入れること。
 *
 */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
ul.pager.flex {
    clear: both;
}
/*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:95%;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;
    color: #bcbcbc;
    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], table.defTable01 input[type=email] {
	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追加ここまで
 * ----------------------------------*/
/* パスワード保護機能
------------------------------------------------------------- */

.pass-box p {
    font-size: 150%;
}

.pass-box input {
    padding:5px 10px;
    font-size:120%;
}

.login-form.width900 {
    text-align: center;
    font-size: 25px;
}

.login-form.width900 form dl dd input {
    font-size: 30px;
    margin-bottom: 2em;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI emoji;
}

.login-form.width900 form input[type="submit"] {
    font-size: 23px;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI emoji;
}
.login-form .error {
    text-wrap: balance;
    margin-bottom: 20px;
    color: red;
}
/*------------------------------------
 * 2021/07/14追加ここから
 * ----------------------------------*/
section.parallax {
    height: 500px;
}
@media only screen and (max-width: 959px) {
	section.parallax {
		height: 200px!important;
	}
}
/*------------------------------------
 * 2021/07/14追加ここまで
 * ----------------------------------*/
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:#333;
  text-align:center;
  color:#fff;
	top:0;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:2.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  /*transform: translateY(100px);*/
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}