section, input, textarea, select, button {
    font-family: "Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}
body > section{
 padding:30px 0px; 
}
.m-lg{
  margin-bottom:40px;
  }

#index h2{
    font-size:46px;
    font-weight:normal;
  }

h2 .label,
h3 .label{
font-size:14px;
}
  
section#features{
 padding-bottom:10px; 
}

section#features .container{
padding:15px;
}

section#features .container img{
margin-right:20px;
}

section#features p{
color:#546E7A;
  margin-bottom:20px;
  margin-top:0px;
}

.feature-head{
margin:0px 0px 50px 0px;
}

section#features h2{
color:#37474F;
}

section#features h3{
color:#03A9F4;
font-size:18px;
margin-bottom:10px;
}

section#case-studies .inner{
background:rgba(0,0,0,0.3);
padding:30px 0px
}

section#case-studies {
padding:0px;
background: url("https://farmnote.jp/images/top_bg6.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0.9);
background-position:center bottom;
background-size:cover;
}

section#aboutus {
height:450px;
background: url("https://farmnote.jp/images/top_bg3.jpg") repeat scroll 0 0 ,red;
background-position:center center,center center;
background-size:cover,cover;
padding:0px;
display:table;
  width:100%;
}

section#aboutus .inner{
display:table-cell;
vertical-align:middle;
background:rgba(0,0,0,0.5);
padding:20px;
height:450px;
}

section#aboutus .lead{
color:#fff;
}

#case-studies h2,
#more-features h2,
#aboutus h2{
 font-size:28px; 
}

section#case-studies p{
text-shadow:none;
}
.case-studies-head{
  padding:0px 20px;
  }

section#case-studies .lead{
color:#fff;
}


.bubble{
  color: #52667a;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 1em 0 1em;
  padding: 1em;
  position: relative;
  line-height: 1.4;
}
.bubble:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  border-color: #fff transparent;
  border-style: solid;
  bottom: -10px;
  left: 20px;
}

body#blog{
background:#f5f5f5;
}

body{
padding-top:0px !important;
}

a{
color:#3366cc;
}

#main-slider .carousel .item{
height:450px;
}
.carousel-content {
    text-align:center;
  }
  .carousel-content p{
    margin-bottom:35px;
  font-size:24px;
font-weight:400;
    }
#main-slider .carousel .item .inner{
height:450px;
background:rgba(0,0,0,0.2);  
}
#main-slider .carousel h2 {
    font-size: 40px;
  margin-bottom:30px;
}  
#main-slider .carousel .btn {
    border: none;
    border-radius:5px;
    color: #fff;
    margin-top: 5px;
    opacity:0.9;
}
@media only screen and (max-width: 768px) { 
#main-slider .carousel h2 {
    font-size: 28px;
  margin-bottom:30px;
}
#main-slider .carousel p {
    font-size: 18px;
  margin-bottom:30px;
}
section#features img{
   max-width:100%;
   margin-bottom:15px;
  }
section#features .pull-left{
    float:none !important;
    margin:0 auto !important;
  }
}

.signup a{
background: none repeat scroll 0 0 #539753!important;
border-radius:5px;
color:#fff !important;
margin-left:5px;
}

h3.media-heading{
font-size:18px;
font-weight:bold;
}
.media-body p{
font-size:16px;
}

.navbar {
position:static;
}

header {
    background-color: #00684D!important;
margin-bottom:0px !important;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a{
color:#fff;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover{
opacity:0.8;
color:#fff;
}
.navbar-inverse .navbar-nav .dropdown-menu{
background:#fff !important;
}
header li.active a{
/* background:#259b24 !important;*/
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
background:#259b24;
} 
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
color:#fff;
opacity:0.9;
}

#bottom{
background:#e4e4e4;
color:#333;
}

#bottom a{
color:#333;
} 
#bottom a:hover{
text-decoration:underline;
}

header .active a{
background:#149e57 !important;
}

.carousel-content{

}

#main-slider .carousel-content h2{
margin-bottom:15px;
text-shadow:none;
}
#main-slider .carousel-content p{
text-shadow:none;
}

#main-slider .carousel .boxed{
background:rgba(0,0,0,0.3);
border-radius:5px;
}

.media-heading{
margin-bottom:15px;
color:#333;
}

.wet-asphalt h4{
color:#666;
}

#aboutus #title{
background:url(../images/slider/bg2.jpg) no-repeat center -550px !important;
}
#services #title{
background:url(../images/slider/bg1.jpg) no-repeat center -520px !important;
}
#blog #title{
background:url(../images/slider/bg1.jpg) no-repeat center -520px !important;
}
#inquiry #title{
background:url(../images/slider/bg4.jpg) no-repeat center -420px !important;
}
#recruit #title{
background:url(../images/slider/bg3.jpg) no-repeat center -220px !important;
}
#blog #title{
background:url(../images/slider/bg5.jpg) no-repeat center -700px !important;
}


#summit2015 #title{
background:center center;
padding:60px 0px;
}

#summit2015 #title .center p{
font-size:18px;
}

#summit2015 #title .container{
padding:60px 0px;
max-width:100% !important;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMTExZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(33,17,29,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.1)), color-stop(100%,rgba(33,17,29,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(33,17,29,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(33,17,29,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(33,17,29,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(33,17,29,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0021111d',GradientType=0 ); /* IE6-8 */

}

#summit2015 #title .container .row{
padding:0px !important;
width:100%;
}

#title h1{
margin-bottom:10px !important;
text-shadow:-1px -1px 1px #333 !important;
}
#title p{
text-shadow:-1px -1px 1px #333 !important;
}

.emerald p{
text-shadow:none !important;
}

body{
color:#404040;
font-size:16px;
line-height:1.5;
background:#fff;
}

header,#bottom{
/*
オンデマンド追加につき変更 //202006
font-size: 14px;
*/
font-size:13px;
}

h2{
font-size:24px;
margin-bottom:15px;
color:#052917;
}

h1.center{
margin-bottom:15px;
letter-spacing:-0.03em;
}

p{

}
.lead{
color:#666;
font-size: 20px;
font-weight: 400;
line-height: 1.5789;
letter-spacing:-0.03em;
}

h1,h2,h3,h4{
color:#333;
}

#farmnote-features h1{
margin-top:40px;
margin-bottom:10px;
}

section#farmnote-features{
padding:0px;
}

.features-head{
background: url("https://farmnote.jp/images/top_bg5.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.features-head h1,
.features-head .lead,
.features-head p{
color:#fff;
}

.features-head p.text{
font-size:18px;
text-align:center;
}

.features-container .features-section:nth-child(odd){
background-color:#f9f9f9;
padding-bottom:0px;
}

.features-container .features-section:nth-child(even){
margin-top:0px;
}

.features-container h2{
font-size:30px;
text-align:center;
margin-bottom:40px;
margin-top:30px;
padding:0px 30px;
}

.features-container p{
font-size:16px;
max-width:750px;
margin:0 auto;
padding:0px 30px;
}

.features-container .col-sm-6 p{
padding:0px;
}

.features-container h3{
font-size:22px;
}

.features-container .center{
padding:0px 30px;
margin-top:40px;
}

.features-container img{
max-width:100%;
}

.features-section{
margin-top:20px;
padding:30px 0px;
border-top:1px solid #f2f2f2;
}

@media only screen and (max-width: 768px) { 
.features-section .col-sm-6{
border-bottom:1px solid #e4e4e4;
padding-bottom:35px;
padding-top:20px;
}
}

.custom-list{
height:700px;
background:url(https://farmnote.jp/images/features_01.png) no-repeat left 230px;
}

@media only screen and (max-width: 600px) { 
.custom-list{
background-size:700px auto;
background-position:left 270px;
}
}

@media only screen and (max-width: 420px) { 
.custom-list{
height:600px;
background-size:520px auto;
background-position:left 330px;
}
}

@media only screen and (max-width: 360px) { 
.custom-list{
height:600px;
background-size:500px auto;
background-position:left 350px;
}
}


.features-note img{
max-width:100%;
}

.features-ambassador{
height:600px;
background:url(https://farmnote.jp/images/top_bg2.jpg) no-repeat right top !important;
background-size:cover !important;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

.features-ambassador .inner{
background:rgba(0,0,0,0.4);
padding:30px 30px;
height:570px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding-top:170px;
}

.features-ambassador h2,
.features-ambassador p{
color:#fff;
/*font-weight:bold;*/
}


.features-section .col-sm-6:first-child{
margin-left:-15px
}
.features-section .col-sm-6:last-child{
margin-left:10px
}


.aboutus-head{
display:table;
background: url("https://farmnote.jp/images/top_bg7.jpg") no-repeat center bottom;
height:530px;
background-size:cover;
width:100%;
padding:0px !important;
}

.aboutus-head .inner{
display:table-cell;
vertical-align:middle;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.2)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

}

.aboutus-head h1,
.aboutus-head .lead,
.aboutus-head p{
color:#fff;
text-shadow:0px -1px 0px #000;
}

p.copy{
width:750px;
text-align:center;
margin:0px auto;
}

dl dt{
color:#666;
padding:0px 0px 0px 5px;
font-weight:normal;
}

dl dd{
margin-bottom:10px;
border-bottom:1px dotted #ccc;
padding:5px 5px 10px 5px;
}

div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
    width: 100% !important;
    max-width: 600px;
}
#facebook-box{
padding-right:10px;
}
@media only screen and (max-width: 768px) { 
.features-section .col-sm-6{
margin-left:0px !important;
}
}

@media only screen and (max-width: 420px) { 
   .lead{
        padding-left:15px;
        padding-right:15px;
    }
   .container{
        padding-top:15px;
    }
    h1{
        font-size:26px !important;
    }
    h1.center{
        padding-left:15px;
        padding-right:15px;
    }
#farmnote-features .lead{
font-size:18px;
}
header .container{
padding-top:0px
}

.features-section img{
max-width:100%;
}

.features-section h2{
font-size:24px;
margin-bottom:20px;
}

.features-section .center{
overflow:hidden;
}
}








.timeslot{
background:#f2fdf9;
padding:10px;
border-radius:10px;
margin-bottom:10px;
position:relative;
margin-top:40px;
float:left;
width:100%;
}

.timeslot .time{
display:block;
position:absolute;
top:-25px;
left:5px;
color:#888;
}
.timeslot .title{
font-size:18px;
display:block;
margin-bottom:10px;
text-shadow:0px 1px 0px #fff;
font-weight:600;
}

.timeslot .profile{
position:relative;
display:block;
float:left;
width:100px;
margin-left:0px;
margin-right:15px;
}

.timeslot .profile img{
width:100px;
}

.timeslot .name{
position:absolute;
left:0px;
bottom:0px;
background:rgba(0,0,0,0.8);
color:#fff;
width:100%;
text-align:center;
font-size:10px;
padding:2px 0px;
}

.timeslot .description{
font-size:14px;
display:block;
margin-bottom:10px;
}

.timeslot .author{
display:block;
margin-top:15px;
font-size:14px;
overflow:hidden;
}

span.required{
color:red;
font-size:12px;
margin-left:5px;
}
span.note{
font-size:14px;
color:#888;
}


ul.check{
list-style-type:none;
padding-left:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

ul.check li{
padding-left:0px;
}

ul.check i{
    color: #7ECB7D;
    margin-right: 7px;
    text-shadow: 1px 1px 1px #F2F2F2;
}

p.lead.small{
font-size:16px;
margin-top:-5px;
margin-bottom:15px;
}



/****** signup ***********/
#signup-form{
border:3px solid #6D9EEB;
border-radius:5px;
padding:20px;
}




#zenback-widget div#zenback-powered{
display:none !important;
}
#zenback-widget,
#zenback-social-button{
margin-bottom:0px !important;
}

#social-button{
border-top:1px solid #ddd;
padding:0px;
padding-bottom:0px;
}



.youtube{
position: relative ;
margin-bottom: 20px ;
overflow: hidden ;
padding-top:300px;
}


.youtube iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}


.entrydata{
margin-bottom:20px;
}

.blog-content h1{
font-size:24px !important;
padding-bottom:10px !important;
padding-left:5px !important;
border-bottom:1px solid #ddd !important;
line-height:1.4;
}
ul.entrydata li{
padding-left:5px;
float:right;
margin-right:5px;
color:#666;
}

 ul.entrydata li i{
margin-right:3px;
}


.blog-content h2 {
    clear: none;
    color: #333333;
    font-size: 22px;
    font-weight: 500;
    background: linear-gradient(45deg, #F9F9F9 68%, #F2F2F2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0.15);
    box-shadow: -2px 1px 3px #F2F2F2 inset;
    font-size: 18px !important;
    margin: 25px 0 15px !important;
    padding: 10px 15px 10px 10px !important;
    text-shadow: 0 1px 0 #FFFFFF;
line-height:1.4;
}

.blog-content h3 {
font-size:20px;
border-bottom:1px solid #ddd;
padding:6px;
line-height:1.4;
}
#entry-listing .blog-content h3{
padding:0px;
border:none;
margin-bottom:4px;
}

.blog-content ul{
margin-bottom:20px;
}
@media screen and (max-width: 768px) {
  #sidebar #categories-nav{
    background:#fff;
    border-radius:5px;
    padding:0px;
    padding-bottom:5px;
    padding-top:5px;
    border-radius:5px;
  }
  #sidebar #categories-nav ul{
  margin-left:5px;
  margin-right:5px;
  margin-bottom:0px;
  margin-top:0px;
  }
  #sidebar h3{
    font-size:18px;
    margin:0px;
    padding:10px 0px 10px 10px;
    border-bottom:1px solid #f2f2f2;
    border-radius:5px 5px 0px 0px;
  }
.blog-img{
max-height:320px !important;
}
}
@media screen and (max-width: 767px) {
  #facebook-box{
    display:none;
  }
}
@media screen and (max-width: 420px) {
.blog-img{
max-height:220px !important;
}
}

#sidebar a{
color:#666;
}

#sidebar .nav-pills > li.active > a{
    background-color: #999;
    color: #FFFFFF;
}

#sidebar h3{
margin-top:5px;
font-weight:normal !important;
}

#sidebar ul.nav{
margin-bottom:20px;
}

.navbar-toggle {
margin-top:22px;
background:rgba(255,255,255,0.1);
}
.navbar-inverse .navbar-toggle {
border:none;
}

.blog-content p{
line-height:1.5;
margin-bottom:20px;
}

.blog-content img {
max-width: 100%;
height: auto;
}

.blog-img{
overflow:hidden;
position:relative;
height:350px;
max-height:350px;
border-radius:5px 5px 0px 0px !important;
}

.blog-img img{
border-radius:5px 5px 0px 0px !important;
position:absolute;
box-shadow:inset 5px 0px 10px red;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a{
background:#149E57;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover{
color:#fff !important;
background:#149E57;
}
.navbar-inverse .navbar-nav .dropdown.open > a{
background:#149E57;
}

#sidebar .fb-like-box{
border:1px solid #d4d4d4 !important;
background:#f2f2f2;
padding:5px;
border-radius:5px;
box-shadow:inset 0px 0px 3px #fff;
}


.price-table thead th{
font-size:16px;
border-bottom:3px solid #e4e4e4;
}

.price-table{
border:1px solid #e4e4e4;
font-size:14px;
margin:0px auto;
}

.price-table td{
width:180px;
}
.price-table th,
.price-table td{
text-align:center;
border-right:3px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
}

.price-table tbody th{
width:200px;
}

.price-table th{
background:#f2f2f2;
padding:15px;
font-weight:normal;
}


.price-row a{
text-shadow:none;
}

.price-row span{
display:block;
height:30px;
margin-bottom:10px;
line-height:30px;
color:#1791da;
}

.price-row span strong{
font-size:24px;
font-weight:normal;
}

.price-row td{
height:120px;
}

.price-table td span i{
    font-size:20px;
    color: #7ecb7d;
    text-shadow: 1px 1px 1px #f2f2f2;
}

.price-table td span.dev{
color:#666;
}

.has-error{
color:#b94a48;
font-weight:normal;
font-size:14px;
margin-bottom:8px;
}

@media only screen and (max-width: 768px) { 
.sp-hidden{display:none;}
}

@media only screen and (max-width: 640px) { 
.price-table .btn {
white-space: normal;
}
.price-table th {
padding: 4px;
}
.price-row td {
padding: 8px;
}
.price-row span {
height: auto;
}
.price-row span strong {
display: block;
}
}

/*
2016/8/4
*/
.carousel-indicators{
    display:block;
}
.carousel-indicators li{
    border: 1px solid #ccc;
}
.carousel-indicators .active{
    background-color: #ccc;
}
#main-slider .carousel .btn:hover{
    background-color: #2d74b1;
}

/*
2016/9/30
*/
@media only screen and (max-width: 420px) {
.carousel-content.centered.carousel-item-2 {
margin-top: -25px !important;
}
.carousel-content.centered.carousel-item-3 {
margin-top: -35px !important;
}
}


@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);#lab{font-family:"游ゴシック","Yu Gothic",sans-serif;font-weight:500}#lab #title{display:none}#lab .small{font-size:12px;padding-right:5px}#lab .header h1{text-align:center;margin:25px}#lab .header h1 img{height:30px}#lab .visual{text-align:center;color:#ffffff;text-shadow:1px 2px 1px rgba(0,0,0,0.1);position:relative;overflow:hidden}#lab .visual:after{content:"";position:absolute;right:0;top:0;min-width:100%;min-height:100%;width:auto;height:auto;background:rgba(18,77,34,0.7);z-index:0}#lab .visual__inner{padding:120px 50px 60px;position:relative}#lab .visual__item{position:relative;z-index:10}#lab .visual__item p{font-family:"Oswald",sans-serif;font-weight:normal;letter-spacing:0.2em;position:relative;display:inline-block;padding-left:0.2em;margin-bottom:0;font-size:18px}#lab .visual__item h2{font-family:"Oswald",sans-serif;position:relative;font-size:80px;color:#ffffff;margin-bottom:40px}#lab .visual__item dl dt{color:#ffffff;font-size:30px;margin-bottom:20px}#lab .visual__item dl dd{line-height:1.8;border:none}#lab .visual__img{height:160px;background:url(/images/lab/bg_img.jpg) center center repeat-x;background-size:auto 160px}#lab .visual .video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto}@media screen and (max-width: 768px){#lab .visual__inner{padding:50px 15px 30px;position:relative}#lab .visual__item h2{font-family:"Oswald",sans-serif;position:relative;font-size:40px;color:#ffffff;margin-bottom:40px}#lab .visual__item dl dt{font-size:20px}#lab .visual__item dl dd{font-size:14px}#lab .visual__item dl dd img{width:270px}#lab .visual__img{height:80px;background-size:auto 80px}}#lab .ico_nav{padding:0 0 50px}#lab .ico_nav ul{padding:0;margin:0}#lab .ico_nav ul li{list-style:none;text-align:center;font-weight:bold;font-size:14px;padding:0}#lab .ico_nav ul li img{display:block;margin:0 auto 10px}#lab .about{text-align:center;position:relative;overflow:hidden}#lab .about:after{content:"";position:absolute;right:0;top:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;background:rgba(231,236,230,0.8)}#lab .about__inner{padding:120px 50px 120px;position:relative}#lab .about__item{position:relative;z-index:10;width:930px;margin:0 auto}#lab .about__item h2{font-family:"Oswald",sans-serif;font-weight:normal;letter-spacing:0.2em;position:relative;display:inline-block;padding-left:0.2em;margin-bottom:40px;font-size:16px}#lab .about__item h2:after{content:"";position:absolute;right:0;bottom:1px;width:100%;height:5px;background:rgba(29,167,156,0.3);z-index:-10}#lab .about__item p{color:#000000;line-height:2;text-align:left;font-size:16px;margin-bottom:20px}#lab .about__item p.caution{font-size:12px;line-height:1.5;text-align:left}#lab .about__item p img{float:right;padding-left:20px}@media screen and (min-width: 768px){#lab .about__body .left{float:left;width:600px}#lab .about__body .right{float:right}}#lab .about .video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto}@media screen and (max-width: 1430px){#lab .about .video{top:0}}@media screen and (max-width: 768px){#lab .about__item{width:100%}#lab .about .ico_nav{display:none}#lab .about__inner{padding:30px 15px 30px;position:relative}}#lab #service{color:#ffffff;font-size:0.9em;position:relative;overflow:hidden;padding:80px 0}#lab #service:after{content:"";position:absolute;right:0;top:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;background:rgba(0,98,178,0.7)}#lab #service .row{position:relative;z-index:10}#lab #service h3{font-family:"游ゴシック","Yu Gothic",sans-serif;font-weight:bold;margin-bottom:20px;position:relative;display:inline-block;padding:0 5px;color:#ffffff}#lab #service h3:after{content:"";position:absolute;right:0;bottom:2px;width:100%;height:5px;background:rgba(232,215,14,0.6);z-index:-10}#lab #service dl dt{font-weight:bold;color:#ffffff}#lab #service ul li{font-weight:normal}#lab #service a{color:#ffffff;text-decoration:underline}#lab #service a:hover{text-decoration:none}#lab #service .video{position:absolute;right:0;left:0;top:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto}@media screen and (max-width: 1430px){#lab #service .video{top:0}}@media screen and (max-width: 768px){#lab #service{padding:30px 0}}#lab #contact{text-align:center;padding:100px 0 60px;background:url(/images/lab/bg_contact.jpg) center 80% no-repeat;background-size:cover;position:relative;z-index:0}#lab #contact:after{content:"";position:absolute;right:0;top:0;min-width:100%;min-height:100%;width:auto;height:auto;background-color:rgba(0,0,0,0.5);z-index:-1}#lab #contact .container{position:relative;color:#ffffff}#lab #contact h3{font-family:"游ゴシック","Yu Gothic",sans-serif;font-weight:bold;margin-bottom:30px;display:inline-block;padding:0 5px;position:relative;color:#ffffff;z-index:0}#lab #contact h3:before{content:"";position:absolute;right:0;bottom:1px;width:100%;height:5px;background:rgba(229,66,78,0.6);z-index:-1}#lab #contact p{margin-bottom:30px}#lab #contact .btn a{background-color:#e5426e;padding:15px 30px;border:none}#lab #contact .btn a:hover{background-color:#c7335b}@media screen and (max-width: 768px){#lab #contact{padding:30px 15px}#lab #contact .btn{padding:0}#lab #contact .btn a{width:270px;box-sizing:border-box;font-size:14px}}#lab #company{color:#ffffff;font-size:0.9em;background-color:#138A3B;position:relative;padding:0}@media (min-width: 768px){#lab #company:before{content:"";position:absolute;left:50%;top:0;min-width:50%;min-height:100%;width:auto;height:auto;background:#0062B2}}#lab #company .container{position:relative}#lab #company .container .col-sm-6{padding:40px 50px}#lab #company h3{font-family:"游ゴシック","Yu Gothic",sans-serif;font-weight:bold;color:#ffffff;margin-bottom:20px}#lab #company p{font-weight:normal}#lab #company a{color:#ffffff;text-decoration:underline}#lab #company a:hover{text-decoration:none}@media (max-width: 768px){#lab #company .skr{background:#0062B2;margin-bottom:0}}#lab #features{padding:80px 0 30px}#lab #features h3{font-family:"游ゴシック","Yu Gothic",sans-serif !important}#lab #features p{font-weight:normal}@media screen and (max-width: 768px){#lab #features{padding:30px 15px;text-align:center}}#lab #footer{padding:15px 0 5px;font-size:12px}

/*# sourceMappingURL=labo.css.map */

#privacy { margin-bottom: 60px; font-size: 14px; line-height: 1.6; font-family: Meiryo, "メイリオ","游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif; } #privacy #title { background: url(../images/slider/bg5.jpg) no-repeat center -700px !important; padding: 30px 0; margin-bottom: 40px; } #privacy .lead { font-size: 16px; margin-bottom: 40px; } #privacy h2 { font-size: 18px; font-weight: bold; font-family: Meiryo, "メイリオ","游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif; } #privacy ol > li { margin-bottom: 60px; } #privacy ol > li li { margin-bottom: 10px; } #privacy dl { border: 1px solid #e1e1e1; padding: 1em; background-color: #f1f1f1; } #privacy dl dd { border: none; margin-bottom: 0; padding-bottom: 0; }

@charset "UTF-8";  #summit2017 {  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important; }  #summit2017 .move-btn.fixed {  position: fixed;  background-color: rgba(0, 0, 0, 0.66);  width: 100%;  left: 0px;  padding: 10px; }  #summit2017 .move-btn.fixed .btn {  margin-top: 0 !important;  font-size: 16px !important; }  #summit2017 #title {  background: url(../images/summit/bg_main.jpg) center center no-repeat fixed;  background-size: cover;  height: 100vh;  min-height: 840px;  position: relative;  display: flex; }  #summit2017 #title:after {  content: "";  position: absolute;  width: 100%;  height: 100vh;  min-height: 840px;  background-color: rgba(0, 0, 0, 0.7);  top: 0;  left: 0; }  #summit2017 #title .body {  color: #ffffff;  text-align: center;  z-index: 1000;  display: flex;  align-items: center;  justify-content: center;  flex-flow: column wrap;  margin: 0 auto 0;  padding: 0 15px; }  #summit2017 #title .body .title {  font-size: 20px; }  #summit2017 #title .body .logo {  margin-bottom: 20px; }  #summit2017 #title .body .logo img {  width: 280px; }  #summit2017 #title .body .btn {  font-size: 20px;  margin-top: 20px;  padding-left: 50px;  padding-right: 50px; }  #summit2017 #title .body h1 {  color: #ffffff;  font-weight: 400;  font-size: 40px;  font-feature-settings: "palt";  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;  padding: 15px;  line-height: 1.4; }  #summit2017 #title .body .txt {  font-size: 18px;  line-height: 2; }  #summit2017 #title .body .cap {  font-size: 12px; }  @media (max-width: 768px) {  #summit2017 #title .body .title {  font-size: 16px; }  #summit2017 #title .body .logo img {  width: 165px; }  #summit2017 #title .body .txt {  font-size: 14px; } }  #summit2017 #events {  padding: 60px 15px; }  #summit2017 #events h2 {  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important;  font-size: 28px;  margin: 20px 10px 50px 10px;  text-align: center;  line-height: 1.5;  font-weight: bold; }  #summit2017 #photograph {  background: url(../images/summit/ph_img.jpg) center top no-repeat;  height: 200px; }  #summit2017 #photograph p {  text-align: center;  font-size: 13px;  color: #333333;  padding: 143px 10px 0 0;  font-weight: 500; }  #summit2017 #form {  padding: 60px 15px; }  #summit2017 #form h2 {  font-size: 28px;  margin: 20px 10px 50px 10px;  text-align: center;  line-height: 1.5; }  #summit2017 #form select {  padding: 2px 5px 5px; }  #summit2017 .table th {  width: 5em; }  @media screen and (max-width: 480px) {  #summit2017 .table th {  background-color: #f5f5f5; }  #summit2017 .table td, #summit2017 .table th {  width: 100%;  display: block; } }  #summit2017 #session01, #summit2017 #session03 {  background: url(../images/summit/bg_session01.jpg) center bottom no-repeat;  background-size: cover;  position: relative; }  #summit2017 #session01 *, #summit2017 #session03 * {  color: #ffffff !important; }  #summit2017 #session01:before, #summit2017 #session03:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.2); }  #summit2017 #session03 {  background: url(../images/summit/bg_session04.jpg) center bottom no-repeat;  background-size: cover; }  #summit2017 #session00, #summit2017 #session02, #summit2017 #session04 {  background-color: #f1f1f1; }  #summit2017 .session {  padding: 80px 0;  position: relative;  z-index: 10; }  #summit2017 .session .row {  padding-left: 0;  padding-right: 0; }  #summit2017 .session .title {  text-align: center;  margin-bottom: 20px; }  @media screen and (max-width: 480px) {  #summit2017 .session .title {  padding-left: 10px;  padding-right: 10px; } }  #summit2017 .session .title h2 {  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important;  font-size: 28px;  font-weight: bold; }  #summit2017 .session .title h2 span {  font-size: 14px; }  #summit2017 .session .title .sub-title {  font-weight: bold;  font-family: Gabriola, "Helvetica Neue", Helvetica, Arial, sans-serif;  font-style: italic;  font-size: 25px;  color: #a8a8a8; }  #summit2017 .session .title .sub-title span {  font-size: 43px; }  #summit2017 .session .title .lead {  font-size: 16px; }  #summit2017 .session .col-sm-4 {  padding: 30px 30px 0; }  #summit2017 .session .ph {  margin-bottom: 8px; }  #summit2017 .session .ph img {  margin: 0 auto; }  #summit2017 .session .com {  font-size: 14px;  margin-bottom: 0px;  border: none;  padding: 0; }  #summit2017 .session .official {  font-size: 12px;  margin-bottom: 5px;  border: none;  padding: 0;  color: #666666;  font-weight: bold; }  #summit2017 .session .name {  font-size: 20px;  padding: 0 0 8px;  margin-bottom: 1px; }  #summit2017 .session .profile {  border: none;  font-size: 13px;  line-height: 1.8; }  #summit2017 #session00 .session .col-sm-4 {  padding-top: 0; }  #summit2017 #session00 .session .profile {  font-size: 14px; }  @media screen and (max-width: 480px) {  #summit2017 #session00 dl {  padding: 0 10px; } }  #summit2017obihiro {  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important; }  #summit2017obihiro h1, #summit2017obihiro h2, #summit2017obihiro h3, #summit2017obihiro h4, #summit2017obihiro h5, #summit2017obihiro h6 {  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important;  font-weight: bold; }  #summit2017obihiro label {  font-weight: normal;  cursor: pointer; }  #summit2017obihiro label:hover {  text-decoration: underline; }  #summit2017obihiro hr {  margin: 40px 0; }  #summit2017obihiro .move-btn.fixed {  position: fixed;  background-color: rgba(0, 0, 0, 0.66);  width: 100%;  left: 0px;  padding: 10px; }  #summit2017obihiro .move-btn.fixed .btn {  margin-top: 0 !important;  font-size: 16px !important; }  #summit2017obihiro ul {  padding-left: 20px; }  #summit2017obihiro #title {  height: 432px;  background: #333 url(../images/summit/bg_summit2017w3.jpg) center center no-repeat;  display: flex;  position: relative;  overflow: hidden; }  @media screen and (max-width: 480px) {  #summit2017obihiro #title {  background: #333 url(../images/summit/bg_summit2017w-sp.jpg) center center no-repeat; } }  #summit2017obihiro #title:after {  content: "";  position: absolute;  width: 100%;  height: 100vh;  background-color: rgba(0, 0, 0, 0.2);  top: 0;  left: 0;  z-index: 0; }  #summit2017obihiro #title .container {  display: flex;  align-items: center;  justify-content: center;  flex-flow: column wrap;  z-index: 100; }  #summit2017obihiro #title .title_body {  background: rgba(0, 0, 0, 0.6);  color: #ffffff;  padding: 30px 80px;  width: 100%;  position: relative; }  #summit2017obihiro #title .title_body .free {  position: absolute;  left: -70px;  top: -50px;  width: 150px;  height: 150px;  transform: rotate(-25deg); }  @media screen and (max-width: 768px) {  #summit2017obihiro #title .title_body .free {  display: none; } }  #summit2017obihiro #title .title_body h1 {  color: #ffffff;  font-feature-settings: "palt";  line-height: 1.2; }  #summit2017obihiro #title .title_body .winter {  font-size: 20px;  background-color: #138039;  color: #ffffff;  padding: 1px 30px 0;  margin-left: 8px;  position: relative;  top: -3px;  border-radius: 30px;  display: inline-block;  font-weight: bold; }  #summit2017obihiro #title .title_body #timer {  font-size: 24px;  margin-bottom: 20px; }  #summit2017obihiro #title .title_body #timer span {  font-size: 30px; }  #summit2017obihiro #title .title_body .small {  font-size: 12px;  margin-bottom: 4px; }  @media screen and (max-width: 560px) {  #summit2017obihiro #title .title_body {  padding: 20px 0;  font-size: 0.8em; }  #summit2017obihiro #title .title_body .lead {  font-size: 16px; } }  #summit2017obihiro #title #timer .yycountdown-box .yyc-day {  font-size: 2.5em;  color: #fff; }  #summit2017obihiro #title #timer .yycountdown-box .yyc-hou {  font-size: 2.5em;  color: #fff; }  #summit2017obihiro #title #timer .yycountdown-box .yyc-min {  font-size: 2.5em;  color: #fff; }  #summit2017obihiro #title #timer .yycountdown-box .yyc-sec {  font-size: 2.5em;  color: #fff; }  #summit2017obihiro #title #timer .yycountdown-box .yyc-day-text, #summit2017obihiro #title #timer .yycountdown-box .yyc-hou-text, #summit2017obihiro #title #timer .yycountdown-box .yyc-min-text, #summit2017obihiro #title #timer .yycountdown-box .yyc-sec-text {  font-size: 1.0em; }  #summit2017obihiro #events {  padding: 40px 15px;  position: relative; }  #summit2017obihiro #events .note {  font-size: 11px;  color: #ffffff;  position: absolute;  right: 10px;  top: -22px; }  @media screen and (max-width: 480px) {  #summit2017obihiro #events header h2 {  font-size: 26px; }  #summit2017obihiro #events header h2 span {  font-size: 18px; }  #summit2017obihiro #events header p {  font-size: 22px; } }  #summit2017obihiro #description {  margin-bottom: 40px; }  #summit2017obihiro #photograph {  background: url(../images/summit/ph_img.jpg) center top no-repeat;  height: 200px; }  #summit2017obihiro #photograph p {  text-align: center;  font-size: 13px;  color: #333333;  padding: 143px 10px 0 0;  font-weight: 500; }  #summit2017obihiro #form {  padding: 40px 0px 30px;  background-color: #f5f5f5; }  #summit2017obihiro #form h2 {  font-size: 28px;  margin: 20px 10px 50px 10px;  text-align: center;  line-height: 1.5; }  #summit2017obihiro #form select {  padding: 2px 5px 5px; }  #summit2017obihiro .table th {  width: 6em; }  @media screen and (max-width: 480px) {  #summit2017obihiro .table thead {  display: none; }  #summit2017obihiro .table th {  background-color: #f5f5f5; }  #summit2017obihiro .table td, #summit2017obihiro .table th {  width: 100%;  display: block; } }  #summit2017obihiro .session {  position: relative;  z-index: 10; }  #summit2017obihiro .session .title {  margin-bottom: 40px; }  #summit2017obihiro .session .title h2 {  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important;  font-size: 21px;  font-weight: bold;  line-height: 1.3; }  #summit2017obihiro .session .title h2 span {  font-size: 14px; }  #summit2017obihiro .session .title .sub-title {  font-weight: bold;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-style: italic;  font-size: 19px;  color: #a8a8a8;  margin-bottom: 0; }  #summit2017obihiro .session .title .sub-title span {  font-size: 30px; }  #summit2017obihiro .session .title .lead {  font-size: 16px; }  #summit2017obihiro .session .title .lead span {  background-color: #fff;  border-radius: 30px;  padding: 3px 8px;  font-weight: bold; }  #summit2017obihiro .session .title .lead span.main {  color: #138a3b !important; }  #summit2017obihiro .session .title .lead span.technical {  color: #0062b1 !important; }  #summit2017obihiro .session .main_session {  position: relative;  background: rgba(19, 138, 59, 0.4);  margin-bottom: 0;  padding-top: 60px;  padding-bottom: 40px;  padding-right: 40px; }  #summit2017obihiro .session .main_session .title {  text-align: right; }  #summit2017obihiro .session .main_session:before {  content: "";  position: absolute;  top: 0;  right: 100%;  width: 1000px;  height: 100%;  background: rgba(19, 138, 59, 0.4); }  #summit2017obihiro .session .technical_session {  position: relative;  background: rgba(0, 98, 177, 0.4);  height: 100%;  margin-bottom: 0;  padding-top: 60px;  padding-bottom: 40px;  padding-left: 40px; }  #summit2017obihiro .session .technical_session .title {  text-align: left; }  #summit2017obihiro .session .technical_session:before {  content: "";  position: absolute;  top: 0;  right: -100%;  width: 100%;  height: 100%;  background: rgba(0, 98, 177, 0.4); }  #summit2017obihiro .session .speaker {  margin-bottom: 40px; }  @media (min-width: 768px) {  #summit2017obihiro .session .speaker {  padding-left: 5px;  padding-right: 5px; } }  #summit2017obihiro .session .speaker dl {  margin-bottom: 0;  text-align: center;  position: relative; }  @media (min-width: 768px) {  #summit2017obihiro .session .speaker dl {  padding-bottom: 30px; } }  #summit2017obihiro .session .speaker .ph {  margin-bottom: 12px; }  #summit2017obihiro .session .speaker .ph img {  margin: 0 auto; }  @media (max-width: 480px) {  #summit2017obihiro .session .speaker .ph img {  width: 80%;  object-fit: cover; } }  #summit2017obihiro .session .speaker .com {  font-size: 14px;  margin-bottom: 0px;  border: none;  padding: 0; }  #summit2017obihiro .session .speaker .official {  font-size: 12px;  margin-bottom: 5px;  border: none;  padding: 0;  color: #666666;  font-weight: bold; }  #summit2017obihiro .session .speaker .name {  font-size: 20px;  padding: 0 0 8px;  margin-bottom: 1px;  border: none; }  #summit2017obihiro .session .speaker button {  max-width: 200px;  width: 70%;  display: block;  margin: 0 auto; }  @media (min-width: 768px) {  #summit2017obihiro .session .speaker button {  position: absolute;  bottom: 0;  left: 50%;  margin-left: -35%; } }  @media (max-width: 768px) {  #summit2017obihiro .session .main_session {  padding-right: 15px; }  #summit2017obihiro .session .main_session .title {  text-align: center; }  #summit2017obihiro .session .technical_session {  padding-left: 15px; }  #summit2017obihiro .session .technical_session .title {  text-align: center; } }  #summit2017obihiro .modal-content .modal-body {  padding-top: 10px;  padding-bottom: 0px; }  #summit2017obihiro .modal-content * {  color: #454545 !important; }  #summit2017obihiro .modal-content h3 {  font-size: 20px;  font-weight: bold; }  #summit2017obihiro .modal-content h3 span {  font-size: 16px;  display: block;  color: #666666; }  #summit2017obihiro .modal-content .ph {  margin-bottom: 20px; }  #summit2017obihiro .modal-content .ph img {  margin: 0 auto; }  @media (max-width: 480px) {  #summit2017obihiro .modal-content .ph img {  width: 80%;  object-fit: cover; } }  #summit2017obihiro .modal-content .profile {  font-size: 14px; }  @media screen and (min-width: 768px) {  #summit2017obihiro .modal-dialog {  width: 482px; } }  #summit2017obihiro #session10 {  padding: 60px 0 40px;  background-color: #f5f5f5; }  #summit2017obihiro #session10 .session .title {  margin-bottom: 5px;  margin-top: 0; }  #summit2017obihiro #session10 .session .title h2 {  color: #138039; }  #summit2017obihiro #session10 .session .title p {  font-size: 17px; }  #summit2017obihiro #session10 .session dl {  margin-top: 30px; }  #summit2017obihiro #session10 .session dl dt {  font-weight: bold; }  #summit2017obihiro #session10 .session dl dd {  font-size: 15px;  border-bottom: none; }  #summit2017obihiro #session10 .session dl dd, #summit2017obihiro #session10 .session dl dt {  padding-left: 0; }  @media (max-width: 480px) {  #summit2017obihiro #session10 .session .ph {  padding-left: 15px;  padding-right: 15px; }  #summit2017obihiro #session10 .session .ph img {  width: 80%;  object-fit: cover; } }  #summit2017obihiro #session10 .session .col-sm-4 {  padding-top: 0; }  #summit2017obihiro #session10 .session .img-responsive {  margin: 0 auto; }  #summit2017obihiro #session10 .session .profile {  font-size: 14px; }  #summit2017obihiro #session00 {  padding: 60px 0 40px;  background-color: #ffffff; }  #summit2017obihiro #session00 .session .title {  margin-bottom: 5px; }  #summit2017obihiro #session00 .session dl {  margin-top: 0; }  #summit2017obihiro #session00 .session dl dd, #summit2017obihiro #session00 .session dl dt {  padding-left: 0; }  @media (max-width: 480px) {  #summit2017obihiro #session00 .session .ph {  padding-left: 15px;  padding-right: 15px; }  #summit2017obihiro #session00 .session .ph img {  width: 80%;  object-fit: cover; } }  #summit2017obihiro #session00 .session .col-sm-4 {  padding-top: 0; }  #summit2017obihiro #session00 .session .img-responsive {  margin: 0 auto; }  #summit2017obihiro #session00 .session .profile {  font-size: 14px; }  #summit2017obihiro #session01 {  background: url(../images/summit/bg_session01.jpg) center bottom no-repeat;  background-size: cover;  position: relative;  overflow: hidden;  padding: 0; }  #summit2017obihiro #session01 * {  color: #ffffff; }  #summit2017obihiro #session01:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.2); }  #summit2017obihiro #session01 .main_session {  background: rgba(19, 138, 59, 0.2); }  #summit2017obihiro #session01 .main_session:before {  background: rgba(19, 138, 59, 0.2); }  #summit2017obihiro #session01 .technical_session {  background: rgba(0, 98, 177, 0.2); }  #summit2017obihiro #session01 .technical_session:before {  background: rgba(0, 98, 177, 0.2); }  #summit2017obihiro #session02 {  background-size: cover;  position: relative;  padding: 0;  overflow: hidden; }  #summit2017obihiro #session02 .main_session {  background: #ffffff; }  #summit2017obihiro #session02 .main_session:before {  background: #ffffff; }  #summit2017obihiro #session02 .technical_session {  background: #f5f5f5; }  #summit2017obihiro #session02 .technical_session:before {  background: #f5f5f5; }  #summit2017obihiro #session03 {  background: url(../images/summit/bg_session04.jpg) center bottom no-repeat;  background-size: cover;  position: relative;  padding: 0;  overflow: hidden; }  #summit2017obihiro #session03 * {  color: #ffffff; }  #summit2017obihiro #session03:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.4); }  #summit2017obihiro #session03 .main_session {  background: rgba(19, 138, 59, 0.4); }  #summit2017obihiro #session03 .main_session:before {  background: rgba(19, 138, 59, 0.4); }  #summit2017obihiro #session03 .technical_session {  background: rgba(0, 98, 177, 0.4); }  #summit2017obihiro #session03 .technical_session:before {  background: rgba(0, 98, 177, 0.4); }  #summit2017obihiro #session04 {  background-size: cover;  padding: 0;  overflow: hidden; }  #summit2017obihiro #session04 .main_session {  background: #f5f5f5; }  #summit2017obihiro #session04 .main_session:before {  background: #f5f5f5; }  #summit2017obihiro #session04 .technical_session {  background: #ffffff; }  #summit2017obihiro #session04 .technical_session:before {  background: #ffffff; }  #summit2017obihiro #session05 {  background: url(../images/summit/bg_main.jpg) center bottom no-repeat;  background-size: cover;  position: relative;  padding: 0;  overflow: hidden;  margin-bottom: 60px; }  #summit2017obihiro #session05 * {  color: #ffffff; }  #summit2017obihiro #session05:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.9); }  #summit2017obihiro #session05 .main_session {  background: rgba(19, 138, 59, 0.4); }  #summit2017obihiro #session05 .main_session:before {  background: rgba(19, 138, 59, 0.4); }  #summit2017obihiro #session05 .technical_session {  background: rgba(0, 98, 177, 0.4); }  #summit2017obihiro #session05 .technical_session:before {  background: rgba(0, 98, 177, 0.4); }  @media only screen and (max-width: 420px) {  #summit2017obihiro .container {  padding-top: 0px; } }  #summit2017obihiro ::-webkit-scrollbar {  width: 10px; }  #summit2017obihiro ::-webkit-scrollbar-track {  background-color: rgba(255, 255, 255, 0.52); }  #summit2017obihiro ::-webkit-scrollbar-thumb {  background-color: rgba(0, 0, 50, 0.5); }  .top-link {  display: block;  position: fixed;  z-index: 100;  bottom: -60px;  left: 0;  width: 100%;  transition: .3s ease-in-out; }  .top-link.fixed {  bottom: 0;  transition: .3s ease-in-out; }  .top-link p {  margin: 0;  text-align: center;  background: rgba(0, 0, 0, 0.7);  padding: 10px; }  .top-link a {  font-weight: bold;  text-align: center; }  .modal-open {  margin-right: 0 !important;  overflow: auto; }  .modal {  right: -10px !important; }  .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {  position: relative;  min-height: 1px;  padding-right: 15px;  padding-left: 15px; }  /* スマホ（767px以下） */  .col-xs-1-5 {  width: 20%;  float: left; }  .col-xs-2-5 {  width: 40%;  float: left; }  .col-xs-3-5 {  width: 60%;  float: left; }  .col-xs-4-5 {  width: 80%;  float: left; }  /* タブレット（768px～991px） */  @media (min-width: 768px) {  .col-sm-1-5 {  width: 20%;  float: left; }  .col-sm-2-5 {  width: 40%;  float: left; }  .col-sm-3-5 {  width: 60%;  float: left; }  .col-sm-4-5 {  width: 80%;  float: left; } }  /* PC（992px～1119px） */  @media (min-width: 992px) {  .col-md-1-5 {  width: 20%;  float: left; }  .col-md-2-5 {  width: 40%;  float: left; }  .col-md-3-5 {  width: 60%;  float: left; }  .col-md-4-5 {  width: 80%;  float: left; } }  /* PC大画面（1200px以上）*/  @media (min-width: 1200px) {  .col-lg-1-5 {  width: 20%;  float: left; }  .col-lg-2-5 {  width: 40%;  float: left; }  .col-lg-3-5 {  width: 60%;  float: left; }  .col-lg-4-5 {  width: 80%;  float: left; } }  /*# sourceMappingURL=summit.css.map */

/* iPadグロナビのアコーディオンボタン表示化(スマホと同様に 2018.05 */
@media screen and (min-width:768px) and ( max-width:1024px) {
  .container>.navbar-header, .container>.navbar-collapse {
    margin-right: -15px;
  }
  .navbar-collapse.collapse {
    display: none!important;
    padding-left: 0;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  .navbar-collapse {
    margin-left: -30px!important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
  }
  .navbar-header {
    float: none;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-nav {
    float: none;
  }
  .navbar-right {
    float: none!important;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
  }
}