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

/* topimg */

.sp {
	display:none;
}

#top_area{
	width:100%;
	background:#E7E7E7;
	padding:10px 0 0 0;
}
#top_area #top_areabg{
	background: url(../image/common/flashbg.gif) repeat left top;
	width:100%;
}


#idx h2{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

#idx h3#point{
	width:700px;
	height:165px;
	background: url(../image/idx/points_title.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
#idx #point_area{
	width:700px;
	height:313px;
	background:url(../image/idx/points_bg.jpg) no-repeat left top;
	position:relative;
	margin-bottom:20px;
}
#idx #point_area a {
	color: #333333;
	outline: none;
	text-decoration: none;
}
#idx #point_area a:hover {
	color: #333333;
}

#idx #point_area p.point01 a{
	width:180px;
	height:178px;
	padding:135px 25px 0 23px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../image/idx/point01.png) no-repeat left top;
}

#idx #point_area p.point02 a{
	width:180px;
	height:178px;
	padding:135px 25px 0 23px;
	position:absolute;
	top:0px;
	left:236px;
	background:url(../image/idx/point02.png) no-repeat left top;
}


#idx #point_area p.point03 a{
	width:180px;
	height:178px;
	padding:135px 25px 0 23px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../image/idx/point03.png) no-repeat left top;
}

#idx #point_area p.point01 a:hover,
#idx #point_area p.point02 a:hover,
#idx #point_area p.point03 a:hover{
	background-position:right bottom;
}

#idx h3#support{
	width:713px;
	height:98px;
	margin:0 0 0 -13px;
	background:url(../image/idx/support_title.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
#idx ul#support_list{
	width:700px;
	margin-bottom:20px;
	padding-bottom:9px;
	background:url(../image/idx/support_foot.jpg) no-repeat right bottom;
}
#idx ul#support_list li{
	width:700px;
	height:54px;
	position:relative;
}
#idx ul#support_list li p.case{
	width:320px;
	height:37px;
	padding:9px 0 8px 28px;
	line-height:37px;
	font-size:15px;
}
#idx ul#support_list li p.sbtn a{
	width:310px;
	height:44px;
	position:absolute;
	left:374px;
	top:5px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}

#idx ul#support_list li#sl01{
	background:url(../image/idx/support_01.jpg) no-repeat left top;
}
#idx ul#support_list li#sl01 p.sbtn a{
	background:url(../image/idx/support_01btn.png) no-repeat left top;
}
#idx ul#support_list li#sl02{
	background:url(../image/idx/support_02.jpg) no-repeat left top;
}
#idx ul#support_list li#sl02 p.sbtn a{
	background:url(../image/idx/support_02btn.png) no-repeat left top;
}
#idx ul#support_list li#sl03{
	background:url(../image/idx/support_03.jpg) no-repeat left top;
}
#idx ul#support_list li#sl03 p.sbtn a{
	background:url(../image/idx/support_03btn.png) no-repeat left top;
}
#idx ul#support_list li#sl04{
	background:url(../image/idx/support_04.jpg) no-repeat left top;
}
#idx ul#support_list li#sl04 p.sbtn a{
	background:url(../image/idx/support_04btn.png) no-repeat left top;
}
#idx ul#support_list li#sl05{
	background:url(../image/idx/support_05.jpg) no-repeat left top;
}
#idx ul#support_list li#sl05 p.sbtn a{
	background:url(../image/idx/support_05btn.png) no-repeat left top;
}
#idx ul#support_list li#sl06{
	background:url(../image/idx/support_06.jpg) no-repeat left top;
}
#idx ul#support_list li#sl06 p.sbtn a{
	background:url(../image/idx/support_06btn.png) no-repeat left top;
}

#idx ul#support_list li#sl01 p.sbtn a:hover,
#idx ul#support_list li#sl02 p.sbtn a:hover,
#idx ul#support_list li#sl03 p.sbtn a:hover,
#idx ul#support_list li#sl04 p.sbtn a:hover,
#idx ul#support_list li#sl05 p.sbtn a:hover,
#idx ul#support_list li#sl06 p.sbtn a:hover{
	background-position:right bottom;
}




/* ------------------------------
 Works
------------------------------ */

#idx h3#bar01{
	width:700px;
	height:33px;
	background: url(../image/idx/bar01_new.gif) no-repeat left top;
	background-size:700px 33px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:15px;
}

#works .workslistimg {
	border:1px solid #ddd;
	margin:5px;
	padding:1px;
	height: 120px;
	overflow: hidden;
	width: 185px;
}
#works .workslistimg img {
	width:100%;
}
#works li .pc {
	background: url("../image/idx/works_pc.gif") no-repeat scroll left center;
	line-height: 22px;
	margin-left: 5px;
	margin-top: 5px;
	padding-left: 35px;
	width: 165px;
}
.slick-dots {
	display:none !important;
}



#idx #workslink{
	width:700px;
	height:30px;
	margin:0 0 30px 0;
}

#idx h3#bar02 a{
	width:700px;
	height:33px;
	background: url(../image/idx/bar02_new.gif) no-repeat left top;
	background-size:700px 33px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline:none;
	margin-bottom:10px;
}
#idx h3#bar02 a:hover{
	background-position:right bottom;
}
#idx ul#topicslist{
	margin-bottom:30px;
}

#idx ul#topicslist li{
	padding:5px 10px;
	line-height:25px;
}

#idx ul#topicslist li .topicsdate{
	width:75px;
	float:left;
}
#idx ul#topicslist li.news .topicstitle {
	width:490px;
	float:right;
	padding-left:105px;
	background:url(../image/idx/newsicon_news.gif) no-repeat left top;
}
#idx ul#topicslist li.seminar .topicstitle{
	width:490px;
	float:right;
	padding-left:105px;
	background:url(../image/idx/newsicon_seminar.gif) no-repeat left top;
}



/* 959px（タブレット縦）以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	
#top_area {
	padding:4px 0 0;
}


	
}




/* 幅699px以下
------------------------------------------------------------*/
@media only screen and (max-width: 699px){

.pc {
	display:none;
}
.sp {
	display:block;
}


#cntarea .banner img{
	width:100%;	
}

/*------*/

#idx h3#point {
	background:none;
	text-indent:-9999px;
}
#idx #point_area-sp div {
	background:url(../image/idx/points_title-sp-bg.jpg) repeat;
	background-size:24px 24px;
	padding:10px;
	margin-bottom:15px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	border:1px solid #ccc;
	position:relative;
	line-height:1.5;
}
#idx #point_area-sp div::after {
	position:absolute;
	bottom:10px;
	right:10px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 12px solid #333;
	border-left: 12px solid transparent;
}
#idx #point_area-sp div p,
#idx #point_area-sp div p span {
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:10px;
	text-align:left;
	font-family: 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}
#idx #point_area-sp div p span {
	color:#FF661A;
}
#idx #point_area-sp div a {
	color:#333;
	display:block;
	text-decoration:none;
}


/*------*/

#idx #support_list-sp {
	background-color:#8AD636;
	border-radius:6px;
	padding:10px;
	margin-bottom:35px;
}
#idx #support_list-sp ul {
}
#idx #support_list-sp ul li {
	margin-bottom: 8px;
}
#idx #support_list-sp ul li:last-child {
	margin-bottom:0;
}
#idx #support_list-sp ul li p.case {
	background-color: #fff;
	border: 1px solid #5d961e;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	padding: 8px;
	text-align: center;
}
#idx #support_list-sp ul li p.case a {
	background-color: #E3E1E2;
	background: -webkit-linear-gradient(#fff, #CAC7C8);
	background: -moz-linear-gradient(#fff, #CAC7C8);
	background: -o-linear-gradient(#fff, #CAC7C8);
	background: -ms-linear-gradient(#fff, #CAC7C8);
	background: linear-gradient(#fff, #CAC7C8);
	border: 1px solid #555;
	border-radius: 5px;
	font-family: 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	margin-top:3px;
	text-decoration: none;
}


/*------*/


#works li .pc {
	display:block;
	text-align:left;
	letter-spacing:0;
}

#works .workslistimg {
	height:0;
	padding-top:60%;
	position:relative;
	width:auto;
}
#works .workslistimg img {
	position:absolute;
	left:0;
	top:0;
}
.slick-dotted.slick-slider {
	margin-bottom:5px;
}
#idx #workslink-sp {
	margin-bottom: 35px;
	border-radius: 6px;
	background: -webkit-linear-gradient(#8AD636, #7AC428);
	background: -moz-linear-gradient(#8AD636, #7AC428);
	background: -o-linear-gradient(#8AD636, #7AC428);
	background: -ms-linear-gradient(#8AD636, #7AC428);
	background: linear-gradient(#8AD636, #7AC428);
}
#idx #workslink-sp a {
	background:rgba(0, 0, 0, 0) url("/image/common/arrow.png") no-repeat scroll right center / auto 12px;
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 7px 10px;
	text-align: center;
	text-decoration:none;
}

/*------*/

#idx ul#topicslist li {
	border-bottom:1px dotted #ccc;
	padding:10px;
}
#idx ul#topicslist li.news .topicstitle,
#idx ul#topicslist li.seminar .topicstitle {
	background:none;
	float:none;
	padding-left:0;
	width:auto;
	line-height:1.5;
}
#idx ul#topicslist li .topicsdate {
	float:none;
	width:auto;
	line-height:1.5;
	margin-bottom:5px;
}
#idx ul#topicslist li.news .topicsdate::after {
	content:"お知らせ";
	background-color: #8CD838;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0 0 0 5px;
    padding: 3px 6px;
	height:13px;
}
#idx ul#topicslist li.seminar .topicsdate::after {
	content:"セミナー情報";
	background-color: #777;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0 0 0 5px;
    padding: 3px 6px;
	height:13px;
}



}