@charset "UTF-8";

/* ==================
	common
====================*/
#aplysia * {
  font-family: "Noto Sans JP", sans-serif;
  font-size:16px;
  letter-spacing:0.25px;
  line-height:32px;
  box-sizing: border-box;
}

a{
    color: #000;
	text-decoration: none;
}

img{
    max-width: 100%;
}

.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  ms-flex-align: center;
  align-items: center;
}

.w1160{
  max-width: 1160px;
	width:100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ==================
	content
====================*/
.title{
	position:relative;
	background-image:url(../img/title.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:559px;
	 justify-content: center;
}
.title > div{
}
.title > div p{
}
.title > div p span{
	display:block;
	font-size:36px !important;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:50px;
}

.logo{
	margin:55px 0;
}
.logo p{
	position:relative;
}
.logo p:before{
  content: "";
  width: 1px;
  height: 90px;
  position: absolute;
  background: black;
  left: 50%;
  transform: translateX(-50%);
  top: 185%;
}
.logo p:after{
  content: "";
  width: 5px;
  height: 5px;
  border: solid 1px black;
  border-radius: 10px;
  position: absolute;
  top: 440%;
  left: 50%;
  transform: translateX(-50%);
}

.greeting{
	padding:100px 0;
	box-sizing:border-box;
	background-color:#F6F5F0;
}
.greeting > div{
}
.greeting > div p{
	margin-bottom:80px;
}

.item{
}
.item.first{
	padding:125px 0 0;
	box-sizing:border-box;
}
.item.last{
	padding:0 0 205px;
	box-sizing:border-box;
}
.item > h2{
    position: relative;
    margin-bottom: 90px;
    text-align: center;
}
.item > h2 span{
	background:#FFFFFF;
	display:inline-block;
	font-size:30px !important;
	font-weight:bold;
	padding:0 50px;
	box-sizing:border-box;
}
.item > h2 span:before{
    content: "";
    position: absolute;
    bottom: 40%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000000;
    z-index: -1;
}
.item > img{
}
.item .item-box{
}
.item .item-box > img{
}
.item .item-box .box{
	width:45%;
	text-align:left;
}
.item .item-box .box h3{
	font-size:25px !important;
	font-weight:bold;
	color:#36691a;
}
.item .item-box .box p{
	margin:30px 0;
}
.item .item-box .box ul{
}
.item .item-box .box ul li{
}
.item .bg-line{
    background-image: url(../img/line_01.png);
    background-size: cover;
    background-repeat: no-repeat;
	margin:40px 0 140px;
}
.item.bag .bg-line{
    background-image: url(../img/line_02.png);
}
.item .bg-line ul{
	width:28%;
	margin-left:auto;
}
.item.bag .bg-line ul{
	margin-left:0;
	margin-right:auto;
}
.item .bg-line ul li{
}
.item .bg-line ul li a{
	position:relative;
	display:inline-block;
	padding:9px 80px;
	box-sizing:border-box;
	background-color:#36691A;
	color:#FFFFFF !important;
	font-size:18px !important;
	font-weight:bold;
}
.item .bg-line ul li a:before{
	content:"";
	position:absolute;
	top:0;
	right:50px;
	bottom:0;
	display:block;
	margin:auto;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width:5px;
	height:5px;
}
.item > a{
	position:relative;
	color:#36691a !important;
	font-size:18px !important;
	font-weight:normal;
	border:2px solid #36691a;
	padding:20px 90px;
	box-sizing:border-box;
	margin:0 auto;
}
.item > a:before{
	content:"";
	position:absolute;
	top:0;
	right:50px;
	bottom:0;
	display:block;
	margin:auto;
	border-top: 2px solid #36691a;
	border-right: 2px solid #36691a;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width:5px;
	height:5px;
}

.f-img{
	background-image:url(../img/img-11.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:940px;
}