@charset "UTF-8";

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

	トップページ設定用

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


/* ----------   topのボタン  --------------------- */
#top_lead{
padding:25px 0 0px;
background: #fff;
}

#btn_area{
background:#f2f2f2;
padding:40px 0;
}

#top_about {
    background: #f2f2f2;
    padding: 30px 0 30px;
}

#top_about h3.ab {
    padding: 0px 0 20px;
    text-align: center;
    font-size: 280%;
    font-weight: bold;
    color: #000;
}

#top_about h3.ab span {
  font-size: : 300%;
  color: #D80C18;
}


#top_about .ab_box {
    width: 100%;
    margin: 0 auto;
}

#top_about figure {
    float: left;
    width: 250px;
    margin: 0 30px 0px 0px;
}

#top_about .ab_box dt {
    font-weight: bold;
    font-size: 120%;
    padding: 0px 0px 20px 0px;
}

#top_about .ab_box p {
    text-align: right;
    font-weight: bold;
    font-size: 110%;
    padding: 30px 0px 0px 0px;
}

/* ３つの特徴 */
.points {
    background: #f2f2f2;
    padding: 30px 0 30px;
}

.points h3.ab {
    padding: 0px 0 20px;
    text-align: center;
    font-size: 280%;
    font-weight: bold;
    color: #000;
}

.points h3.ab span {
  font-size: : 300%;
  color: #D80C18;
}


.points .ab_box {
    width: 100%;
    margin: 0 auto;
}

.points figure {
    float: right;
    width: 250px;
    margin: 0 0px 0px 30px;
}

.points .ab_box dt {
    font-weight: bold;
    font-size: 140%;
    padding: 20px 0px 5px 25px;
    margin-bottom: 0px;
  text-indent: -25px;

}

.points .ab_box p {
    text-align: right;
    font-weight: bold;
    font-size: 110%;
    padding: 30px 0px 0px 0px;
}

.point_li dl {
  overflow: hidden;
  margin: 0 auto 0;
  border-bottom: dotted 2px rgb(179,78,5);
}

.point_li dt::before {
content: '\e90b';
    margin-right: 10px;
    font-family: 'icomoon';
    color: #D80C18;
    font-size: 100%;
    padding-left: 5px;
  }



.btn_box{
margin:10px 0px 10px 0px ;
background: #fff;
padding-bottom: 20px;
}

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

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

.btn_box dt{
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_tt {
    padding: 0px 0px 0px 0px;
    font-size: 140%;
    line-height: 60px;
    text-align: center;
    background: #D80C18;
    color: #fff;
}

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

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

#btn_area_koj_hoj{
background-color:#fff;
padding:50px 0 30px;
/* margin-bottom:160px; */
}

#btn_area_koj_hoj p {
	font-size:120%;
}


.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 25px 0px ;
padding:5px 0px 5px 0px;
font-size:200%;
border-bottom: 5px solid #D80C18;

}

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

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

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

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

#btn_area_koj_hoj{
background-image:none;
}

#top_about figure {
    float: none;
    width: 222px;
    margin: 0 auto 20px;
}

#top_about .ab_box {
    width: 90%;
    margin: 0 auto;
}

.points figure {
    float: none;
    width: 222px;
    margin: 0 auto 20px;
}

.points .ab_box {
    width: 90%;
    margin: 0 auto;
}


}


.btn_kh {margin:30px auto;}


.btn_kh a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	font-size:120%;
	display:block;
	padding:25px 0px;
	text-align:center;
}


.btn_kh a.pri{background:#D80C18 url(../common_img/ic_01.png) no-repeat 30px center;}
.btn_kh a.fq{background:#D80C18 url(../common_img/ic_02.png) no-repeat 30px center;}

.btn_kh a:hover.pri{background:rgba(#D70C18,.7) url(../common_img/ic_01.png) no-repeat 30px center;}
.btn_kh a:hover.fq{background:rgba(#D70C18,.7) url(../common_img/ic_02.png) no-repeat 30px center;}

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

.btn_box02 .f_l{
width:90%;
}

.btn_box02 .f_r{
width:90%;
}

.btn_box02 p{
padding:10px;
}

.btn_kh {margin:10px 15px;}

.btn_kh a.pri{background-size:30px;background-position:10px center;}
.btn_kh a.fq{background-size:30px;background-position:10px center;}

.btn_kh a:hover.pri{background-size:30px;background-position:10px center;}
.btn_kh a:hover.fq{background-size:30px;background-position:10px center;}

}


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

#news{
background:#fff;
padding:45px 0 20px;
}

.tt{
	font-size:350%;
	/* color:#333; */
	color: #fff;
	text-align:center;
	padding:0px 0px 0px 0px ;
	font-weight:bold;
	margin:0px auto 25px;
	/* border-bottom: 5px solid #D80C18;
	width: 28%; */
}

.tt span {
    padding: 0 10px 0;
    margin: 0 5px;
    background: #D80C18;
}

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

.f_contact dt {
	font-size:420%;
	/* color:#333; */
	color: #D80C18;
	text-align:center;
	padding:45px 0px 0px 0px ;
	font-weight:bold;
	margin:0px auto 40px;
	border-bottom: 5px solid #D80C18;
	width: 28%;
}

.f_contact dd {
	    text-align: center;
	    font-weight: bold;
	    padding: 45px 10px 10px 10px;
	    font-size: 140%;
}


.news_info{
margin:0px 0px 30px;
padding-top: 40px;
}


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

.date {
color:#f37800;
margin:0px 20px 5px 0px ;}


/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#newsList li{
	color:#666;
	font-size:12px;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
}
a{color:#36F;text-decoration:underline;}
a:hover{color:#039;text-decoration:none;}

.catName{
	display:inline-block;
	padding:6px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:2px 0px!important;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}



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

.tt{
font-size:300%;
margin:0px auto 10px;


}

#top_about h3.ab {
  font-size: 180%;
}

.points h3.ab {
  font-size: 180%;
}

.points .ab_box dt {
  font-size: 110%;
}


}