@charset "UTF-8";

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

	トップページ設定用

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

#main_img {
	text-align:center;
	margin:0px 0 0px;
	padding:0px 0 0px 0;
	height:770px;
}

#main_img h2{
	text-align:left;
	padding:220px 0 0px 0px;
    animation-name: RightToLeft;
    animation-duration: 1.5s;
}

#main_img p{
	text-align:left;
	padding:20px 0 0px 0px;
	font-size:120%;
	color:#fff;
	text-shadow:1px 1px 2px #333;
	font-weight:bold;
	line-height:2.0;
    animation-name: LeftToRight;
    animation-duration: 1.5s;
}

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

#main_img h2{
	text-align:left;
	padding:120px 0 0px 10px;
}

#main_img p{
	font-size:110%;
	padding:20px 10px 0px 10px;
}

}
@media only screen and (max-width: 768px) {
#main_img {
	height:500px;
}

#main_img p br{
	display:none;
}

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

#btn_area{
background:#f2f2f2;
padding:50px 0 30px;
}

.btn_box{
margin:10px 0px 10px 0px ;
}

.btn_box figure{
margin:0px 0px 20px 0px ;
text-align:center;
}

.btn_box dl{
margin:0px 0px 25px 0px ;
}

.btn_box dt{
margin:0px 0px 15px 0px ;
padding:15px 0px 15px 70px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
font-size:180%;
}

.btn_box dt span{
font-size:80%;
}

.dt_01{background:url(../images/bg_01.png) no-repeat 0px center;}
.dt_02{background:url(../images/bg_02.png) no-repeat 0px center;}
.dt_03{background:url(../images/bg_03.png) no-repeat 0px center;}

.btn_box li{
margin:0px 0px 5px 20px ;
}

.btn_box li:before  { content:'\e90e'; margin-right:5px;color:#c30d23;font-family:'icomoon';font-size:130%;}

#btn_area_ohter{
background-color:#fff;
background-image:url(../images/img_05.png),url(../images/img_04.png);
background-position:left bottom,right 0%;
background-repeat:no-repeat,no-repeat;
background-size:50%,50%;
padding:50px 0 30px;
}

.btn_box02{
margin:0px 0px 40px 0px ;
}

.btn_box02 .f_l{
float:left;
width:45%;
margin:0px 40px 0px 0px ;
}

.btn_box02 .f_r{
float:right;
width:45%;
margin:0px 0px 0px 40px ;
}

.btn_box02 h4{
margin:0px 0px 35px 0px ;
padding:15px 0px 15px 70px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
font-size:180%;
}

.koj_01{background:url(../images/bg_04.png) no-repeat 0px center;}
.koj_02{background:url(../images/bg_05.png) no-repeat 0px center;}


#about_area{
background:#fff;
padding:50px 0 30px;
}
#about_area dt{
font-size:120%;
font-weight:bold;
padding-bottom:20px;
}

#about_area ul{
font-weight:bold;
padding:20px 0;
}

#about_area ul li{
font-size:120%;
padding:5px 5px 5px 15px ;
border-bottom:dotted 1px #333;
color:#333;
}

#about_area ul li:before { content:'\e90f';margin:0px 5px 0px 0px ;font-family:'icomoon';color:#ff7e00;}

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

.btn_box{
padding:10px 25px 10px;
}

.btn_box02{
padding:10px 25px 10px;
}

.btn_box02 .f_l{
float:none;
width:80%;
margin:0px auto 20px ;
}

.btn_box02 .f_r{
float:none;
width:80%;
margin:0px auto 20px ;
}

#btn_area_koj_hoj{
background-image:none;
}

#about_area{
padding:30px 25px 30px;
}

#about_area dt{
font-size:110%;
margin-top:30px;
}

#about_area ul li{
font-size:110%;
}

}


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

.btn_box02 .f_l{
width:90%;
}

.btn_box02 .f_r{
width:90%;
}

.btn_box02 p{
padding:10px;
}

}


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

#news{
background:#fff url(../images/bg_03_b.png) no-repeat center 0;
padding:70px 0 20px;
}

#news .tt{
font-size:280%;
color:#333;
text-align:center;
padding:0px 0px 0px 0px ;
font-weight:bold;
margin:0px 0px 40px;
line-height:1.0;
}

#news .tt span{
font-size:60%;
text-decoration:underline;
color:#c30d23;
}


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


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

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