@charset "utf-8";
@import url(cmn.css);
@import url(base.css);



/* ==========================================================================
	CONTENT
========================================================================== */
#title_mv {
	background: url(../images/first-images/mv.jpg) no-repeat;
    background-size: 100%;
    height: 200px;
    position: relative;
    background-position: center;
    background-color: #f7fff3;
	margin-bottom: 30px;
}
#title_mv h3 {
    font-size: 24px;
    letter-spacing: 0.2em;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 50px;
    color: #399f67;
    font-weight: normal;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

#main .btn {
    width: 100%;
    left: 0;
    margin-bottom: 15px;
}

#main .btn a{
	display: block;
    max-width: 250px;
    height: auto;
    text-align: center;
    color: #fff;
    background-color: #399f67;
    border-radius: 100px;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.05em;
    border: 1px solid #0c791e;
}

#main .btn-l{
  width:100%;
  text-align:center;
  border-radius:5px;
  margin-bottom: 20px;
}

#main .btn-r{
  width:100%;
  text-align:center;
  border-radius:5px;
  margin-bottom: 20px;
}

#main .btn-l a{
  display:block;
  width:200px;
  height:auto;
  text-align:center;
  color:#fff;
  background-color:#0059B2;
  border-radius:5px;
  padding:10px 0;
  margin:0 auto;
	font-size: 1.5em;
}

#main .btn-r a{
  display:block;
  width:200px;
  height:auto;
  text-align:center;
  color:#fff;
  background-color:#0059B2;
  border-radius:5px;
  padding:10px 0;
  margin:0 auto;
  font-size: 1.5em;
}

#main .btn-l a:hover{
  text-decoration:none;
}

#main .btn-r a:hover{
  text-decoration:none;
}
#main .mv {
	width: 100%;
	margin: 30px 0;
	border-radius: 20px;
}
#main ul {
    border: 1px solid #ddd;
    padding: 15px;
    line-height: 2;
}
#main span{
	font-weight: bold;
    padding: 0 2px 2px;
    color: #ff9201;
    font-size: 16px;
}
.so_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.so_img img {
	border: 2px solid #3a9e67;
    border-radius: 20px;
    margin: 0px 15px 10px;
}
.so_img h5 {
	text-align: center;
	font-size: 13px;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
}

#icon01, #icon02, #icon03, #icon04, #icon05, #icon06 {
    margin-top: -60px!important;
    padding-top: 60px!important;
}

#headline{
  margin-top:-50px;
}
#headline{
  color:#fff;
  background:url(../images/index-images/bg01.jpg) 50% 50% no-repeat;

  background-size: cover;
  padding:50px 0 50px 0;
}

#headline .cmn-title01{
  text-align:center;
}
#headline .cmn-btn{
  margin:0 auto;
}
#headline .news dd{
  border-bottom:1px dotted #fff;
  padding-bottom:10px;
  margin-bottom:10px;
}
#headline .news dd:last-child{
  border-bottom:none;
  padding-bottom:0px;
  margin-bottom:30px;
}


#guide{
  position:relative;
  z-index:100;
  padding:0px 15px;
	margin-bottom:-50px;
}
#guide .inner{
  z-index:110;
  overflow:hidden;
  text-align:left;
  background-color:#fff;
    padding: 20px;
    border: 4px solid #39a067;
    border-radius: 20px;
}

#main h2 {
	text-align: left;
    border-left: 0px;
    border-bottom: 0px;
    padding: 10px 15px;
    line-height: 1.2;
    background-color: #399e66;
    color: #fff;
}
#main h3 {
	border-left: 8px solid #399f67;
    border-bottom: 1px solid #399e67;
    padding: 4px 0 6px 10px;
    line-height: 1.4;
    color: #399d65;
    font-weight: normal;
}