@charset "UTF-8";
.section:after, .pagination:after {
  content: "";
  display: block;
  clear: both;
}

/****************
   global style
*****************/
html, body{
  color:#333;
}
html {
  font-size: 62.5%;
}

body {
  background: #ffffff;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, button, input[type="submit"] {
  transition: all ease-out .2s;
  -webkit-transition: all ease-out .2s;
}
a{
  color:#8cc176;
  text-decoration:none;
}
p a{
  font-weight:bold;
}
a:hover{
  text-decoration:underline;
}
img{
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}
table{
  text-align:left;
  margin-bottom:30px;
}
table:last-child{
  margin-bottom:0;
}
th,
td{
  padding:0.5em 0;
  text-align:left;
  vertical-align:top;
}
th{
  width:6.0em;
  font-weight:bold;
}
dt{
  margin-bottom:5px;
  font-weight:bold;
}
dd{
  margin-left:3.0em;
}
dd+dt{
  margin-top:30px;
}
input,
textarea{
  box-sizing:border-box;
}
input[type="text"],
input[type="email"],
textarea{
  width:100%;
  height:45px;
  padding:5px 10px;
  font-size:1.4rem;
  border:1px solid #cccccc;
}
textarea{
  height:90px;
  line-height:1.6;
}
select{
  width:100%;
  height:45px;
  padding:5px 10px;
  font-size:1.4rem;
  background-color:#fff;
  border:1px solid #cccccc;
  -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
  appearance: none;	/* 標準のスタイルを無効にする */ 
  cursor: pointer;	/* マウスカーソルの形を指定する */
}
::-ms-expand {	/* select要素のデザインを無効にする（IE用） */
  display: none;
}
.cap{
  font-size:1.2rem;
}

body > #contents {
  height: auto;
}

#wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
}

/***********/
section {
  position: relative;
  margin: 0 auto;
}

.row{
  display:-webkit-flex;
  display:flex;
}

.inner{
  position: relative;
  margin: 0 auto;
  max-width: 960px;
}
.inner:after{
  content:"";
  display:block;
  clear:both;
}

.label{
  padding:0 10px;
  color:#fff;
  text-align:center;
  line-height:2.0;
  background-color:#8cc176;
  display:inline-block;
}

.btn{
  width:100%;
  text-align:right;
  display:block;
}
.btn a,
.btn button,
.btn input{
  width:190px;
  color:#fff;
  font-size:1.4rem;
  font-weight:bold;
  text-align:center;
  line-height:50px;
  vertical-align:top;
  display:inline-block;
  background:#8cc176 url(../images/arrow2.png) no-repeat 90% center;
  border:none;
  cursor:pointer;
}
.btn a:hover,
.btn button:hover,
.btn input:hover{
  text-decoration:none;
  opacity:0.7;
}

.bold{
  font-weight:bold;
}

.alighncenter{
  text-align:center;
}
.alighnright{
  text-align:right;
}
.alighnleft{
  text-align:left;
}

#bitnami-banner{
 display:none;
}

#contents {
  background: #ffffff;
  position: relative;
  width: 100%;
  z-index: 800;
}
#top #contents{
}
body.page .entry{
  background: #f4f4f4;
}

#contents p {
  margin-bottom:30px;
  line-height:1.8;
}
#contents p:last-child{
  margin-bottom:0;
}

/***********/

header{
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  z-index: 900;
}
footer {
  background: #a3cd91;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding:0;
  z-index: 900;
}

copyright {
  display:block;
  width:100%;
  color:#fff;
  text-align:center;
}

#main h1{
  margin:0 auto;
  padding: 45px 0;
  color:#8cc176;
  font-size:3.6rem;
  font-weight:bold;
  text-align:center;
}
#main .slides .slide{
  display: none;
}
#main .slides .slide:first-child{
  display:block;
}
#main .slides.slick-initialized .slide{
  display: block; /*slick-initializedが付与されたら表示*/
}

#breadcrumb{
  margin:0 auto;
  padding:15px 20px;
  background: #f4f4f4;
}
#breadcrumb p{
  max-width:960px;
  margin:0 auto;
}