@charset "utf-8";

@import url("reset.css");
@import url("responsive.gs.12col.css");

body {
font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;color:#757575;
color:#757575;
font-size:14px;
font-weight:400;
-webkit-text-size-adjust:100%;
}

img{
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
}

a {
color: #f39710;
text-decoration: none;
}
a:hover {
color: #f7c06f;
}

.trans{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}

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

@media screen and (min-width: 768px;) {
p {font-size:16px; line-height:1.8;}
}

@media screen and (max-width: 768px) {
p {font-size:14px; line-height:1.6;}
}

.main-bg-color {
background:#004da1;
}


.color-white{
color:#fff !important;
}

.overhdn{
overflow: hidden;
}

section {clear:both;}

section.sec-page-top {padding:0; height:350px; z-index:100;position:relative;}

@media screen and (max-width: 768px) {
section.sec-page-top {padding:0; height:200px; z-index:100;position:relative;}
}

section.sec-top-visual {padding:350px 0 280px 0 ; position:relative;z-index:100;}
@media screen and (max-width: 768px) {
section.sec-top-visual {padding:250px 0 100px 0 ; position:relative;z-index:100;}
}


section {clear:both;}
section.sec-pad01 {padding:90px 0 ; position:relative;z-index:100;}
@media screen and (max-width: 768px) {
section.sec-pad01 {padding:45px 0 ; position:relative;z-index:100;}
}

section.sec-pad01-btm0 {padding:90px 0 0 0 ; position:relative;z-index:100;}
@media screen and (max-width: 768px) {
section.sec-pad01-btm0 {padding:45px 0 0 0 ; position:relative;z-index:100;}
}

section.sec-pad01-top0 {padding:0 0 90px 0 ; position:relative;z-index:100;}
@media screen and (max-width: 768px) {
section.sec-pad01-top0 {padding:0 0 45px 0 ; position:relative;z-index:100;}
}


section.sec-pad01-topbtm0 {padding:0 ; position:relative;z-index:100;}
@media screen and (max-width: 768px) {
section.sec-pad01-topbtm0 {padding:0 ; position:relative;z-index:100;}
}

section.sec-pad02 {padding:30px 0 ; position:relative;z-index:100;}
@media screen and (max-width: 768px) {
section.sec-pad02 {padding:20px 0 ; position:relative;}
}


section.bg-page-service {
background-image: url(../img/insightmain.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-page-privacy {
background-image: url(../img/insightmain.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-page-about {
background-image: url(../img/insightmain.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}

section.bg-top-visual{
background-image: url(../img/insightmain.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color:#fff;
}



section.bg-dark {
background: #fdf2e2;
}
section.bg-light {
background: #fef8f0;
}

section.bg-white {
background: #ffffff;
}


@media screen and (min-width:1024px) {
.sec-inner-normal {
margin:0 auto;
max-width:960px;
}
}

@media screen and (max-width: 1024px) and (min-width: 769px)  {
.sec-inner-normal {
margin:0 auto;
max-width:769px;
}
}

@media screen and (max-width:768px) {
.sec-inner-normal {
margin:0 15px;
}}

@media screen and (min-width:768px) {
.sec-inner-narrow {
margin:0 auto;
/* width:65%; */
max-width:640px;
}}

@media screen and (max-width:768px) {
.sec-inner-narrow {
margin:0 15px;
}}


footer {width:100%;}
footer.pad {padding:0 0 0 0;}
@media screen and (max-width: 768px) {
footer.pad {padding:0 0 0 0;}
}

footer.bg-footer{
background: #e6e6e6;
}

@media screen and (min-width:768px) {
footer .footernavi{text-align:center;}
footer .footernavi li {
display: inline-block;
padding:10px;
font-size:13px;
}
}

@media screen and (max-width:768px) {
footer .footernavi {
padding:20px 0px;
}

footer .footernavi li a{
display:inline-block;
width:100%;
line-height:2.3;
font-size:13px;
border-bottom:1px solid #dbdbdb;
padding:0 5px;
}

footer .footernavi li a:before {
float:right;
content: " \f105";
font-family: FontAwesome;
}
}


section.sec-pad01 {padding:90px 0 ; position:relative;}

@media screen and (max-width: 768px) {
section.sec-pad01 {padding:45px 0 ; position:relative;}
}


.section-ttl {
font-size: 36px;
line-height: 1.2;
text-align: center;
display:block;
z-index:10;
margin-bottom:60px;
}

.section-ttl img {
width:361px;
}

@media screen and (max-width: 768px) {
.section-ttl {
font-size: 22px;
line-height: 1.2;
text-align: center;
z-index:10;
margin-bottom:30px;
}
.section-ttl img {
width:200px;
}
}

.section-ttl span {
font-weight: 400;
font-size: 22px;
color:#f39710;
text-align: center;
display: block;
margin-top:12px;
padding:8px;
text-shadow:none;
}
@media screen and (max-width: 768px) {
.section-ttl span {
font-size: 14px;
margin-top:8px;
padding:5px;
}}

.section-ttl span:before {
content: "- ";
}
.section-ttl span:after {
content: " -";
}



@media screen and (min-width:768px){
.col-ttl{
position:relative;
font-weight: 700;
font-size: 26px;
line-height: 1.2;
margin-bottom:15px;
z-index:100;
}}

@media screen and (max-width:768px){
.col-ttl{
position:relative;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
margin-bottom:10px;
z-index:100;
}}


.col-ttl span{
display:block;
text-align:center;
font-weight:400;
margin:10px auto;
font-size:12px;
color:#004da1;
}

.col-ttl span:before {
content: " 〜 ";
}
.col-ttl span:after {
content: " 〜 ";
}


@media screen and (min-width:768px){
.col-ttl-lage{
position:relative;
font-weight: 700;
font-size: 40px;
line-height: 1.2;
margin-bottom:15px;
color:#f39710;
z-index:100;
}}

@media screen and (max-width:768px){
.col-ttl-lage{
position:relative;
font-weight: 700;
font-size: 30px;
line-height: 1.2;
margin-bottom:10px;
color:#f39710;
z-index:100;
}}


.copyright {
width:100%;
display:block;
font-size:10px;
background:#f39710;
color:#fff;
padding:20px 0;
text-align:center;
}
.copyright a{
color:#fff;}



.main-copy{
position:absolute ;
top: 200px;
margin:0 auto;
display:block;
}
.main-copy h2{
width:600px;
font-size:16px;
background:rgba(255,255,255,0.6);
color:#666;
padding:5px;
display:inline-block;
}
.main-copy h1{
width:600px;
font-size:44px;
font-weight:700;
text-shadow: 0 0 50px #999, 0 0 15px #999, 0 0 5px #777;
margin-bottom:15px;
}


@media screen and (max-width: 1024px) and (min-width: 769px)  {
.main-copy{
position:absolute ;
top: 200px;
margin:0 auto;
display:block;
}
.main-copy h2{
width:600px;
font-size:16px;
background:rgba(255,255,255,0.6);
color:#666;
padding:5px;
display:inline-block;
}
.main-copy h1{
width:600px;
font-size:44px;
font-weight:700;
margin-bottom:15px;

}
}

@media screen and (max-width:768px) {
.main-copy{
position:absolute ;
top: 100px;
margin:0 auto;
display:block;
}
.main-copy h2{
width:96%;
font-size:12px;
background:rgba(255,255,255,0.6);
color:#666;
padding:5px;
display:inline-block;
}
.main-copy h1{
width:96%;
font-size:26px;
font-weight:700;
margin-bottom:10px;

}

}




@media screen and (min-width:768px) { .pc-hidden { display: none; } }
@media screen and (max-width:768px) { .mo-hidden { display: none; } }


.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}


small {font-size:75%;line-height:130%;}


.mainVisual-logo01{
width:560px;
padding:0 10px;
position:absolute;
top:10px;
left:20%;
z-index:100;
font-size:14px;
}

.mainVisual-logo02{
width:560px;
padding:0 10px;
position:absolute;
top:60px;
left:20%;
z-index:200;
font-size:42px;
font-weight:700;
color:#fff;
text-shadow: 0 0 50px #999, 0 0 15px #888, 0 0 3px #777;
}


@media screen and (max-width: 1024px) and (min-width: 769px)  {

.mainVisual-logo01{
width:560px;
padding:0 10px;
position:absolute;
top:10px;
left:10%;
z-index:100;
font-size:14px;
}

.mainVisual-logo02{
width:560px;
padding:0 10px;
position:absolute;
top:60px;
left:10%;
z-index:200;
font-size:39px;
font-weight:700;
color:#fff;
text-shadow: 0 0 50px #999, 0 0 15px #888, 0 0 3px #777;
}


}


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

.mainVisual-logo01{
width:100%;
padding:0 10px;
position:absolute;
top:-100px;
left:0%;
z-index:100;
font-size:14px;
}

.mainVisual-logo02{
width:100%;
padding:0 10px;
position:absolute;
top:-30px;
left:0%;
z-index:200;
font-size:30px;
font-weight:700;
color:#fff;
text-shadow: 0 0 50px #999, 0 0 15px #888, 0 0 3px #777;
}
}


.bg-contact{
background:#817d78;
}


#main-visual{
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-image: url(../img/insightmain.jpg);
position:relative;
z-index:100;
}

@media screen and (max-width:768px){
#main-visual{
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(../img/insightmain_s.jpg);
position:relative;
z-index:100;
}
}

.logo-page-insight img{
width:150px;
position: absolute;
left: 30px;
top: 25px;
}

@media screen and (max-width:768px){
.logo-page-insight img {
width:100px;
position: absolute;
left: 15px;
top: 15px;
margin:0 auto;
}
}

.logo-page-right {
width:350px;
position: absolute;
right: 40px;
top: 280px;
text-align:right;
font-size:30px;
}
@media screen and (max-width:768px){
.logo-page-right {
width:210px;
position: absolute;
right: 15px;
top: 160px;
text-align:right;
font-size:18px;
}
}


.serviceinfo{
margin:0 10px 10px 10px;
}

.serviceinfo .logo{
width:200px;
margin:10px 0;
}




.btn01{
text-align:center;
padding:10px;
margin:0 auto;
font-size:14px;
width:70%;
display:block;
background:#f39710;
color:#fff;
}


.btn01:hover{
text-align:center;
font-size:14px;
display:block;
background:#f7c06f;
color:#fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

@media screen and (max-width:768px){
.btn01, .btn01:hover{
padding:5px;
font-size:12px;
}}


@media screen and (min-width:768px){
.sec-ttl-v{
font-weight: 700;
font-size: 28px;
line-height: 1.2;
margin-bottom:40px;
writing-mode: tb-rl;
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
z-index:100;
position:relative;
background: rgba(31,24,16,.7);
padding:15px 10px;
color:#fff;
left:53%;
margin-left:-50px;
height:170px;
vertical-align: middle;
}}

@media screen and (max-width:768px){
.sec-ttl-v{
font-weight: 700;
font-size: 20px;
line-height: 1.2;
z-index:100;
background: rgba(31,24,16,.7);
padding:5px 10px;
color:#fff;
width:180px;
margin:0 auto;
text-align:center;
}}



@media screen and (min-width:768px){
.sec-ttl-h{
font-weight: 400;
font-size: 44px;
text-align:center;
line-height: 1.2;
margin-bottom:40px;
z-index:100;
background: rgba(255,255,255,.4);
padding:15px 10px;
color:#f39710;

width:280px;
margin:0 auto;
}}

@media screen and (max-width:768px){
.sec-ttl-h{
font-weight: 400;
font-size: 32px;
line-height: 1.2;
z-index:100;
background: rgba(255,255,255,.3);
padding:5px 10px;
color:#f39710;
width:180px;
margin:0 auto;
text-align:center;
}}




@media screen and (min-width:768px){
.col-ttl-v{
font-weight: 700;
font-size: 36px;
line-height: 1.2;
margin-bottom:40px;
writing-mode: tb-rl;
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
z-index:100;
position:relative;
color:#333;
}}

@media screen and (max-width:768px){
.col-ttl-v{
font-weight: 700;
font-size: 22px;
line-height: 1.2;
margin-bottom:20px;
z-index:100;
color:#333;
}}



#pagenext {
z-index: 2000;
display: block;
position: fixed;
bottom: 10px;
left: 47%;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
color:#fff;
font-size:80px;
}

@media screen and (max-width:768px){
#pagenext {
z-index: 2000;
display: block;
position: fixed;
bottom: 10px;
left: 43%;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
color:#fff;
font-size:60px;
}
}

#pagetop {
z-index: 20200;
display: none;
position: fixed;
bottom: 5px;
right: 5px;
padding-top:5px ;
cursor: pointer;
opacity: 0.70;
text-align:center;
font-size:30px;
line-height:30px;
width:45px;
height:45px;
color:#596a72;
background: rgba(255,255,255,.9);
}

@media screen and (max-width:768px){
#pagetop {
z-index: 20200;
display: none;
position: fixed;
right: 5px;
padding-top:2px; ;
cursor: pointer;
opacity: 0.70;
text-align:center;
font-size:30px;
line-height:30px;
width:40px;
height:40px;
color:#596a72;
background: rgba(255,255,255,.9);
}
}


.f-right{float:right!important;}
.f-left{float:left!important;}



.btn-gmap a{
position:absolute;
bottom:25px;
left:15px;
color:#fff;
padding:5px 15px;
z-index:1000000;
background:rgba(243,151,16,0.65);
font-size:10px;
font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;

}

.company-info{
margin:0 40px 40px 40px;
}
.company-info dl {
width:100%;
}
.company-info dt {
float:left;
line-height:1.2em;
margin-bottom:15px;
}
.company-info dd {
margin-left:150px;
line-height:1.2em;
margin-bottom:15px;
}
.company-info img{
width:300px;margin:40px auto 70px auto;
margin-top:50px;
}

.company-info .logo {
width:200px;margin:70px auto 40px auto;
}

@media screen and (max-width:768px){
.company-info{
margin:0 20px 40px 20px;
}
.company-info dl {
width:100%;
}
.company-info dt {
float:left;
font-size:12px;
line-height:1.2em;
margin-bottom:5px;
}
.company-info dd {
margin-left:80px;
font-size:12px;
line-height:1.2em;
margin-bottom:5px;
}
.company-info img{
width:180px;margin:40px auto 40px auto;
margin-top:30px;
}
.company-info .logo {
width:160px;margin:50px auto 30px auto;
}
}

.gmap02{
width:100%;
height:350px;
}

@media screen and (max-width:768px){
.gmap02{
width:100%;
height:250px;
}
}


.breadcrumbs{
padding:0px;
background:#4b463f;
}

.breadcrumbs ul {
float:right;
margin-right:10px;
}

.breadcrumbs ul li {
display: inline;
font-size:11px;
color:#bbb;
margin:0 5px;
}

.breadcrumbs a {
color:#ccc;
}
.breadcrumbs ol li {
display: inline;
font-size:11px;
color:#1F1810;
}
.breadcrumbs ol li:before {
content: " \f105 ";
font-family: FontAwesome;
margin:0 5px;
color:#ccc;
}
.breadcrumbs ol li:first-child:before {
content:"";
}


.inner {
margin: 0 auto;
}
.inner:after {
content: "";
clear: both;
display: block;
}

/* header */
#top-head {
top: -100px;
position: absolute;
width: 100%;
margin: 100px auto 0;
padding: 30px 0 0;
line-height: 1;
z-index: 999;
}
#top-head a,
#top-head {
color: #fff;
text-shadow:
0 0 50px #777,
0 0 15px #666,
0 0 5px #555;
}
#top-head .inner {
position: relative;
}
#top-head .logo {
float: left;
display:none;
}
#global-nav ul {
list-style: none;
position: absolute;
right: 20px;
font-size: 14px;
}
#global-nav ul li {
float: left;
}
#global-nav ul li a {
padding: 5px 20px;
margin:0 5px;
}

@media screen and (min-width: 768px) {
#global-nav ul li a:hover {
border-bottom:2px solid #f2f2f2;
}
#global-nav .active {
border-bottom:2px solid #f2f2f2;
}
}

.innerlogo{
display:none;
}

/* Fixed */
#top-head.fixed {
margin-top: 0;
top: 0;
position: fixed;
padding-top: 25px;
height: 55px;
background: rgba(255,255,255,.95);
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
width:90px;
margin-left:15px;
margin-top:-10px;
display:inline;
z-index:3000;

}
#top-head.fixed #global-nav ul li a {
color: #333;
padding: 5px 20px;
margin:0 5px;
text-shadow:none;
}

@media screen and (min-width: 768px) {
#top-head.fixed #global-nav ul li a:hover {
border-bottom:2px solid #f39710;
}
#top-head.fixed #global-nav .active {
border-bottom:2px solid #f39710;
}
}

/* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 3px;
}
#nav-toggle span:nth-child(2) {
top: 12px;
}
#nav-toggle span:nth-child(3) {
top: 21px;
}



@media screen and (max-width: 768px) {
#top-head,
.inner {
width: 100%;
padding: 0;
}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
padding-top: 0;
background: transparent;
}
#mobile-head {
width: 100%;
z-index: 999;
position: relative;
}
#top-head.fixed .logo,
#top-head .logo {
position: absolute;
top: 20px;
padding:5px;
background: rgba(255,255,255,.7);
display:none;
}
#global-nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top: -500px;
background: rgba(255,255,255,1);
width: 100%;
text-align: center;
padding: 10px 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul {
list-style: none;
position: static;
margin:-13px 20px 0 20px;
right: 0;
bottom: 0;
font-size: 14px;
}
#global-nav ul li {
float: none;
position: static;

}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
width: 100%;
display: block;
color: #666;
padding: 15px 0;
border-top:1px solid #fbdfb7;
text-shadow:none;
}

.innerlogo{
display:inline-block;
width:100%;
}
.innerlogo img{
display:inline-block;
width:90px;
z-index:1022200;
}

#nav-toggle {
display: block;
background: rgba(255,255,255,.7);
padding:5px 6px;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
/* #global-nav top + #mobile-head height */
-moz-transform: translateY(500px);
-webkit-transform: translateY(500px);
transform: translateY(500px);
}
}


.news ul li{
font-size:14px;
}




/* form */



input,textarea,select {
outline: none;
border: 1px solid #93908b;
padding:10px;
width:100%;
font-size:16px;
font-weight:400;
color:#666;
background:#ece8e5;
}
input[type="text"]:focus,
textarea:focus,select:focus {
color:#666;
font-size:16px;
border: 1px solid #93908b;
background:#ece8e5;
}
input[type="email"]:focus
{
color:#596a72;
font-size:16px;
border: 1px solid #93908b;
background:#ece8e5;
}
input[type="tel"]:focus
{
color:#596a72;
font-size:16px;
border: 1px solid #93908b;
background:#ece8e5;
}


.form-any{
position:relative;
top:32px;
right:10px;
color:#666;
font-size:10px;
float:right;
padding:2px 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
z-index:3;
}
.form-any:before {
content: "（";
}
.form-any:after {
content: "）";
}

.form-req{
position:relative;
top:32px;
right:10px;
color:#dd5050;
font-size:10px;
float:right;
padding:2px 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
z-index:3;
}
.form-req:before {
content: "（";
}
.form-req:after {
content: "）";
}

.contact-item {
  position: relative;
  overflow: hidden;
  margin-bottom:12px;
}

form input[type="button"],input[type="submit"],input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="time"],select,textarea {
    -webkit-appearance: none;
  }






form input[type="button"], /* input[type="submit"],*/ input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="time"], form select, form textarea {
  width: 100%;
  border: 1px solid #d6d6d6;
  background: none;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 8px 12px;
  outline: 0;
}

form input[type="checkbox"]{
width:auto;
}
form input:valid, form select:valid, form textarea:valid {
  background: #ece8e5;
}


form input:focus, form textarea:focus {
  border-color: #93908b;
}
.contact-item > input:focus + label, .contact-item > input:focus + p + label, .contact-item > textarea:focus + label, .contact-item > textarea:focus + p + label {
  color: #596a72;
  font-size: 10px;
  padding: 3px 6px;
  z-index: 2;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;

}
.contact-item > label {
  position: absolute;
  color: #b7b7b7;
  padding: 12px;
  font-size:13px;
margin-top:20px; /* */
}
form textarea {
  display: block;
}


form.contactform input, form.contactform textarea {
  padding: 12px;
}

form.contactform select {
height:44px;
}

form.contactform label {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
form.contactform input:focus, form.contactform textarea:focus {
  padding: 18px 12px 6px 12px;

}
form.contactform input:focus + label, form.contactform textarea:focus + label {
  bottom: 100%;
}


.labeltext {
font-size:13px;
text-align:left;
margin-bottom:-20px;
}


button {
font-size: 18px;
padding: 10px 30px;
color:#666;
background:#ccc;
border:0;
cursor:pointer;
margin:20px auto;
}


button:hover {
font-size: 18px;
padding: 10px 30px;
background:#ddd;
border:0;
cursor:pointer;
}


button[type="submit"]{
background:#004284;
color:#fff;
font-size:18px;
width:190px;
cursor:pointer;
}

button[type="submit"]:hover {
background:#32679c;
cursor:pointer;
}


.contact-item > p.error {
position:relative;
bottom:1px;
color:#dd5050;
font-size:11px;
padding:1px 5px;
z-index:3;
}

fieldset{
margin:5px 0px 20px 0;
padding:15px;
border:1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

@media screen and (max-width:768px){
fieldset{
margin:5px 0px 20px 0;
padding:15px 10px;
border:1px solid #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
}

h2.formttl{
font-size:18px;
font-weight:700;
margin-bottom:10px;
}

.fbwidget{
margin:40px;
}
@media screen and (max-width:768px){
.fbwidget{
margin:20px;
}
}

.bx-caption span{
display:block;
text-align:right;
font-size:11px !important;
position:absolute;
bottom:5px;
right:10px;
color:#fff;
text-shadow:
0 0 20px #555,
0 0 10px #555,
0 0 5px #555;
z-index:1000;

}


.agreement {font-size:14px; display:inline-block;}
@media screen and (max-width:768px){
.agreement {font-size:12px; display:inline-block;}
}
.agreement ol li{margin:0.5em 0; line-height:130%; list-style-type:none; list-style-position:inside; counter-increment: cnt; text-indent:-1.2em; margin-left:1.8em; }
.agreement ul li{line-height:130%; list-style-type:none; margin-left:0.5em; }
.agreement ol > li > ol > li{ text-indent:-1.8em; margin-left:0.3em; }
.agreement ul > li > ol > li{ text-indent:-1.8em; margin-left:1.2em; }
.agreement ol li:before{ display: marker; content: "" counter(cnt) ". "; }
.agreement li > ol > li:before{display: marker; content: "(" counter(cnt) ") "; }
.agreement ol{ counter-reset: cnt; text-align:justify;text-justify:inter-ideograph;}
.agreement ul{ counter-reset: cnt; text-align:justify;text-justify:inter-ideograph;}
ol ol, ol ul, ul ol, ul ul {
  margin-left: 1.5em;
}
.agreement ul, ol {padding:0.7em;}
.agreement h2{font-weight:700;}

.agreement .pmark{
width:75px;
margin-bottom:20px;
}