@charset "UTF-8";
/* title
----------------------------------*/
.title {
    background-image: url(../images/bg_title.jpg);

}
@media only screen and (max-width: 767px) {
  .title .col-md-offset-3 img {
    width:100%;
  }
}

.head{
    padding: .25em 0 .5em .75em;
    border-left: 6px solid #3eafc1;
    border-bottom: 1px solid #3eafc1;
}
.head_a {
    margin: 0 0 1.5em;
    padding: 0.8em;
    border-top: 5px double #3eafc1;
    border-bottom: 5px double #3eafc1;
    /* font-size: 1.143em; */
    font-weight: bold;
    background-color: #EEFFFF;
}

.fontcolor{
    color: #3eafc1;
}
#outlineSection {
    background: #3eafc1 no-repeat 100% 98%;
    background-size: 15% auto;
    color: #fff;
}

/* Form
-------------------------------*/
input[type="text"], input[type="email"], input[type="tel"],textarea {
  border-radius: 3px;
  box-shadow: none;
  min-height: 50px;
  padding: 0 15px;
  border: 3px solid #ededed;
}


textarea {
  border-radius: 3px;
  box-shadow: none;
  min-height: 50px;
  padding: 10px 15px;
  height: 220px;
  border: 3px solid #ededed;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: #3eafc1;
  box-shadow: none;
}

input::-ms-clear {
    visibility:hidden
}

/* praivacybox
----------------------------------*/
.praivacybox {
  width: 100%;
  margin: 0px auto 15px;
  padding: 5px;
    border: 1px solid #3eafc1;
    background: #E0FFFF none repeat scroll 0% 0%;
  overflow: hidden;
}
dl.scroll {
  width: 100%;
  height: 200px;
  overflow: auto;
    margin-bottom: 0;
}


button.btn {
  font-size: 20px;
    min-width:100px;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{
overflow: hidden;
position: relative;
}
.jspPane{position: absolute;}
.jspVerticalBar{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{
background: #AFEEEE; /* スクロールバー背景カラー */
position: relative;
}
.jspDrag{
background: #3eafc1; /* スクロールバーカラー */
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
float: left;
height: 100%;
}
.jspArrow{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{
background: #eeeef4;
float: left;
height: 100%;
}
* html .jspCorner{margin: 0 -3px 0 0;}