@charset "UTF-8";

/* ====================================================================================================

	トップページ設定用

==================================================================================================== */
/* ----------   挨拶  --------------------- */

#lead_top{
background-image:url(../images/bg_02.png),url(../images/bg_01.png);
background-position: 0 0,center bottom;
background-repeat: no-repeat,no-repeat;
background-color:#e46326;
padding:40px 0 300px 0;
}

#lead_top h2{
text-align:center;
color:#fff;
font-weight:normal;
font-size:150%;
padding:80px 0px 20px 0px ;
background:url(../images/bg_03.png) no-repeat center top;
}

.video{
  position:relative;
  width:90%;
  margin:0 auto;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#lead_top p{
color:#fff;
line-height:2.0;
padding:20px 30px 0px 30px ;
}



@media only screen and (max-width: 768px) {

#lead_top{
background-image:url(../images/bg_01.png);
background-position: 63% bottom;
background-size:1600px;
background-repeat: no-repeat;
background-color:#e46326;
padding:40px 0 180px 0;
}
}




/* ----------   topのボタン  --------------------- */

.btn_top3{
background:#ff6600;
padding:10px;
margin:5px 0;
}

.btn_top3 .inner{
background:#ff6600;
padding:10px;
border:solid 1px #fff;
}

.btn_top3 .inner h4{
text-align:center;
font-size:140%;
font-weight:bold;
color:#ffef36;
padding-bottom:5px;
background:url(../images/bt_07.png) no-repeat center bottom;
}

.btn_top3 .inner ul{
color:#fff;
padding:15px 10px 15px;
}

.btn_top3 .inner ul li{
padding:3px 0;
}

.btn_top3 .inner ul li:before { content:'・'; }

.btn_top3 .inner figure{
text-align:center;
}





.btn_top{
margin:0px auto 15px;
/*width:33.3%;*/
/*float:left;*/
}

.btn_mgn {
  border-right:5px #FBF7D2 solid;
}

.btn_top h3{
font-size:160%;
color:#fff;
background:#00a0e9;
padding:10px 0px 10px 0px ;
font-weight:normal;
margin:0px 0px 0px;
text-align:center;
line-height:1.1;
position:relative;
}

.btn_top h3:before{content:"　　　";position:absolute;background:url(../common_img/h3_bg01.png) no-repeat 0 0;bottom:-20px;left:45%;}

.btn_top figure{
width:100%;
margin:0px auto 0;
text-align:center;
background: #fff;
}

/*2段目*/
.btn_top2{
margin:10px auto 10px;
width:33.3%;
float:left;
background: #fff;

}

.btn_top2 h3{
font-size:160%;
color:#fff;
background:#00a0e9;
padding:10px 0px 10px 0px ;
font-weight:normal;
margin:0px 0px 0px;
text-align:center;
line-height:1.1;
position:relative;
}

/*.btn_top2 h3:before{content:"　　　";position:absolute;background:url(../common_img/h3_bg01.png) no-repeat 0 0;bottom:-20px;left:45%;}*/

.btn_top2 figure{
width:100%;
margin:0px auto 0;
text-align:center;
}

.button2 {
  text-align: center;
  border: solid 3px #f37800;
    background: #f37800;
    border-radius: 5px;
    margin: 10px;
    color: #fff;
}

.button2::after {
    content: '　\e910';
    font-family: 'icomoon';
}


.btn_ko_ho{
margin:0px 0px 30px ;
}

.btn_ko_ho li{
float:left;
}

@media only screen and (max-width: 959px) {

.btn_ko_ho li{
float:none;
width:60%;
margin:0px auto 20px;
text-align:center;
}

}

@media only screen and (max-width: 768px) {


.btn_top{
width:60%;
float:none;
margin:10px auto 10px;
}

.btn_top figure img{
width:100%;
}

/*2段目*/
.btn_top2{
width:60%;
float:none;
margin:10px auto 10px;
}

.btn_top2 figure img{
width:100%;
}

.btn_top3 .inner h4{
font-size:120%;
}

}
@media only screen and (max-width: 480px) {

.btn_top{
width:90%;
margin:10px auto 10px;
}

.btn_top2{
width:100%;
margin:10px auto 10px;
}

.btn_ko_ho li{
width:280px;
margin:0px auto 20px;
}

.btn_mgn {
  border-right:0px ;
}

}

/* ----------   TOPの絡む  --------------------- */

#clm_top{
background:#FBF7D2;
padding:40px 0;
margin:0px 0;
}

.point dt::before{
content: '\e90e';
margin-right: 10px;
font-family: 'icomoon';
color: #ffb400;
font-size: 160%;
}

.point dt{
color: #499c57;
font-weight: bold;
font-size: 140%;
padding: 0px 0 10px;
border-bottom:dashed 1px #ccc;
}

.point dd{
padding:10px 15px 25px;
}

@media only screen and (max-width: 480px) {
  #clm_top{
  background:#FBF7D2;
  padding:20px 0;
  margin:0px 0;
  }

.mb_pd{
  padding: 0 10px;
}

}


/* ----------   新着情報  --------------------- */

#news{
margin:20px 0;
background:#fff;
}

#news_tt{
background:#00a0e9;
}

.news_info{
padding:20px 20px 30px;
}


.news_info li{
padding:0 0 1% 0 ;
border-bottom:dotted 1px #ccc;
margin:0px 0px 10px 0px ;
}

.news_info li span{
color:#f37800;
margin:0px 20px 0px 0px ;}