@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

.contents .mainvisual{
	
}

.contents .mainvisual img{
	width:100%;
}

#slider{
	overflow:hidden;
	height:505px;
}

.contents section{
    padding:50px 0 0;
    font-size:108%;
}

.contents .main section h3{
    background:none;
    font-size: 100%;
    padding-left: 0;
    letter-spacing: 0;
    margin: 0 0 30px;
}


/* --------------------------------
   □ accentbnr
-------------------------------- */

.contents .accentbnr {
    margin-top: 30px;
}

/* --------------------------------
   □ point
-------------------------------- */

.contents section#point{
	background: url(../../images/index/point_after2.png) no-repeat 0 100% #f2f2f2;
	min-height: 470px;
	padding: 30px 0 40px 0;
	position: relative;
}

.contents section#point h2{
	text-align:center;
	margin-bottom:30px;
	padding-top: 25px;
}

.contents section#point p.description{
	text-align:center;
	margin-bottom: 38px;
	font-size:116%;
}

.contents section#point dl{
	float:left;
	width:306px;
	margin-right:40px;
}

.contents section#point dl:last-child{
	margin-right:0;
}

.contents section#point dl dt{
	margin-bottom:20px;
}

.contents section#point dl dd{
	text-align:center;
	color:#c09135;
	font-size: 135%;
    text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
}

/* --------------------------------
   □ searchGrave
-------------------------------- */
.contents section#searchGrave{
	background: url(../../images/index/bg_searchgrave.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 55px 0;
    position: relative;
}
.contents section#searchGrave h2 {
    text-align: center;
    margin-bottom: 25px;
}
.contents section#searchGrave ul {
    overflow: hidden;
}
.contents section#searchGrave ul li {
    width: 320px;
    float: left;
    margin-right: 20px;
}
.contents section#searchGrave ul li:last-child {
    margin-right: 0;
}
.contents section#searchGrave ul li dt {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
	line-height: 1.2;
}

.contents section#searchGrave ul li dt span{
    font-size: 24px;
	display:block;
}

.contents section#searchGrave ul li.design dd {
    float: left;
}

/* --------------------------------
   □ service
-------------------------------- */

.contents section.service ul.list{
}

	.contents section.service ul.list li{
		width:357px;
		float:left;
		margin-right:16px;
		margin-bottom:15px;
		
	}
	
	.contents section.service ul.list li:nth-child(2n){
		margin-right:0;
	}
	
	.contents section.service ul.list li:nth-last-child(2),
	.contents section.service ul.list li:last-child{
		margin-bottom:0;
	}
/* --------------------------------
   □ item
-------------------------------- */

.contents section#item ul li{
	width:32%;
	float:left;
	margin-right:2%;
}
	.contents section#item ul li:nth-child(3n){
		margin-right:0;
	}
    .contents section#item ul li > a > img{
        width:100%;
    }
	.contents section#item ul li span{
		display: block;
		text-align: center;
		margin: 5px 0 20px;
	}
	
/* --------------------------------
   □ info
-------------------------------- */

.contents section#info h3{
	background:url(../../images/index/infotitle_bg.png) no-repeat;
	padding: 24px 25px 24px 30px;
    margin-bottom: 0;
}

.contents section#info h3 span{
	display:inline-block;
	float:right;
	margin-top: 10px;
}

.contents section#info.spOnly{
	display: none;
}
	/* ◆ tab
	-------------------------------- */
.contents .main ul.tab{
    margin: 20px 0;
    font-size: 0;
}
.contents .main ul.tab li{
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    border-right: 2px solid #fff;
    font-size: 15px;
    text-align: center;
    background: #f1f1f1;
    position: relative;
}
.contents .main ul.tab li:last-child{
    border-right: none;
}
.contents .main ul.tab li a{
    display: block;
    padding: 15px 0;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
}
.contents .main ul.tab li.tab1 a{
    color: #cb2929;
}
.contents .main ul.tab li.tab2 a{
    color: #5d8dc3;
}
.contents .main ul.tab li.tab3 a{
    color: #84ac4e;
}
.contents .main ul.tab li.tab4 a{
    color: #d8ae5b;
}
.contents .main ul.tab li.tab5 a{
    color: #5bd8d2;
}
.contents .main ul.tab li.tab6 a{
    color: #a25bd8;
}
.contents .main ul.tab li.tab7 a{
    color: #d8835b;
}

.contents .main ul.tab li.active a{
    color: #fff;
}
/*
.contents .main ul.tab li.active:after{
    border-style: solid;
    border-width: 10px 10px 0;
    content: " ";
    left: 53%;
    bottom: -8px;
    position: absolute;
    background-color: transparent;
    margin-left: -18px;
}
*/
.contents .main ul.tab li.active.tab1{
    background: #cb2929;
}
.contents .main ul.tab li.active.tab2{
    background: #5d8dc3;
}
.contents .main ul.tab li.active.tab3{
    background: #84ac4e;
}
.contents .main ul.tab li.active.tab4{
    background: #d8ae5b;
}

.contents .main ul.tab li.active.tab5{
    background: #5bd8d2;
}

.contents .main ul.tab li.active.tab6{
    background: #a25bd8;
}

.contents .main ul.tab li.active.tab7{
    background: #d8835b;
}

	.contents .main div.pdf {
		background:#f1f1f1;
		padding:25px;
		position:relative;
		text-align:center;
	}
	
	.contents .main div.pdf p.img{
		text-align:center;
	}

	.contents .main div.pdf img{
		/* width:100%; */
		height:auto;
		margin:0 auto;
	}
	
	.contents .main div.pdf span{
		position:absolute;
		right:25px;
		top:25px;
		background:#900;
		color:#fff;
		padding:2px 10px;
		line-height:1;
		font-size:84%;
	}
	
	
/* --------------------------------
   □ news
-------------------------------- */

.contents section#news h3{
	background: url(../../images/index/balloon.gif) right no-repeat;
    padding: 34px 0;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom:0;
}

.contents section#news ul{
	margin-bottom:42px;
}

.contents section#news ul li{
	border-bottom: 1px solid #e2e2e2;
	margin-top: 20px;
}

.contents section#news ul li dl dt{
	margin-bottom:15px;
}

.contents section#news ul li dl dd{
	display:list-item;
	list-style-image:url(../../images/common/arow/arow02.png);
	margin:0 0 20px 20px;
	font-size:107%;
}

.contents section#news .about{
	background:#f4f4f4;
	padding:23px 20px;
	border-radius: 8px;
}

.contents section#news .about h4{
	font-size:153%;
	font-weight:bold;
	margin-bottom:20px;
	
}

.contents section#news .about p{
	font-size:108%;
}

    /* --------------------------------
       □ folloting
    -------------------------------- */
	#folloting{
		clear: both;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #fff;
		z-index: 99;
	}
	
		#folloting .inner {
			max-width: 1200px;
			width: 96%;
			position: relative;
			overflow: hidden;
			margin: auto;
		}
		
		#folloting .inner .logo {
			float: left;
			width: 20%;
		}
		
		#folloting .inner .logo img{
			width:100%;
		}
		
		#folloting .inner .tel_area {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%) translateX(0);
			-ms-transform: translateY(-50%) translateX(0);
			-moz-transform: translateY(-50%) translateX(0);
			-o-transform: translateY(-50%) translateX(0);
			transform: translateY(-50%) translateX(0);
			right: 22%;
			width: 44%;
		}
		
		#folloting .inner .tel_area .img1 {
			float: left;
			width: 32%;
		}
		
		#folloting .inner .tel_area .img2 {
			float: right;
			width: 64%;
		}
		
		#folloting .inner .contact_area {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%) translateX(0);
			-ms-transform: translateY(-50%) translateX(0);
			-moz-transform: translateY(-50%) translateX(0);
			-o-transform: translateY(-50%) translateX(0);
			transform: translateY(-50%) translateX(0);
			right: 0;
			width: 20%;
		}
		
		#folloting .inner .contact_area img{
			width:100%;
		}
		
	


@media only screen and
(max-width : 640px) {
 
    .contents .mainvisual img{
        width:100%;
    }

    #slider{
        overflow:hidden;
        height:auto;
        bacgkround:
    }

    #slider img{
        display:none;
    }

    
    .contents section,
	.contents section#searchGrave{
        padding:10% 3%;
    }

    .contents section h3{
        margin-bottom:30px;
    }
    .contents section h3 img{
        height: 2.6em;
    }


    /* --------------------------------
       □ accentbnr
    -------------------------------- */

    .contents .accentbnr {
        margin: 30px 3% 0;
    }
    .contents .accentbnr img {
        width: 100%;
    }

    /* --------------------------------
       □ point
    -------------------------------- */

    .contents section#point{
        background: url(../../images/index/point_after.png) no-repeat 50% 0;
        background-size: cover;
        height: auto;
        padding:10% 3%;
    }

    .contents section#point h2{
        width: 80%;
        margin: 0 auto 5%;
        padding-top: 0;
    }
        .contents section#point h2 img{
            width: 100%;
        }

    .contents section#point p.description{
        text-align:center;
        margin-bottom: 5%;
    }

    .contents section#point dl{
        float:none;
        width:80%;
        margin: 0 auto 5%;
    }
        .contents section#point dl:last-child{
            margin-right: auto;
            margin-bottom: 0;
        }

    .contents section#point dl dt{
        margin-bottom:3%;
    }
        .contents section#point dl dt img{
            width: 100%;
        }

    /* --------------------------------
       □ searchGrave
    -------------------------------- */

.contents section#searchGrave ul{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.contents section#searchGrave ul li {
	overflow:hidden;
    width: auto;
    float: none;
    margin-right: 0;
	margin-bottom: 10%;
	clear: both;
}
.contents section#searchGrave ul li img{
	width:100%;
}

.contents section#searchGrave ul li dl dd{
	text-align:center;
}

.contents section#searchGrave ul li.design dd {
    float: left;
	width:50.3%;
}
.contents section#searchGrave ul li.design dd:nth-child(odd){
	width:49.7%;
}







/* --------------------------------
       □ service
    -------------------------------- */
    .contents section.service ul.list li{
        width:auto;
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }
        .contents section.service ul.list li img{
            width:100%;
        }

    .contents section.service ul.list li:nth-child(2n){
        margin-right:0;
    }

    .contents section.service ul.list li:nth-last-child(2),
    .contents section.service ul.list li:last-child{
        margin-bottom:15px;
    }

    .contents section.service ul.list li:last-child{
        margin-bottom:0;
    }
    
    /* --------------------------------
       □ item
    -------------------------------- */
    .contents section#item ul li{
        width:48%;
        float:left;
        margin-right:4%;
    }
        .contents section#item ul li > a > img {
            width:100%;
        }
        .contents section#item ul li > img {
            width:100%;
        }
        .contents section#item ul li:nth-child(3n){
            margin-right:4%;
        }

        .contents section#item ul li span{
            display: block;
            text-align: center;
            margin: 11px 0 20px;
        }
        .contents section#item ul li:nth-child(2n){
            margin-right:0;
        }

    /* --------------------------------
       □ info
    -------------------------------- */

	.contents section#info.spOnly{
        display: block;
    }
	.contents section#info.spOnly h3 {
		padding: 10px;
		margin-bottom: 40px;
	}
	
	.contents section#info.spOnly h3 img {
		height: auto;
	}
	
	.contents section#info.spOnly h3 span {
		margin-top: 20px;
	}	
	.contents section#info.spOnly ul.tab {
		font-size: 100%;
		overflow: hidden;
	}
	
	.contents section#info.spOnly ul.tab li {
		float: left;
		border-bottom: 2px solid #fff;
		width: 50%;
	}
	
	.contents section#info.pcOnly{
		display: none;
	}
	


    /* --------------------------------
       □ news
    -------------------------------- */

    .contents section#news{
        padding-top: 0;
    }

    .contents section#news h3{
        background: url(../../images/index/balloon.gif) right bottom no-repeat;
        background-size: contain;
        height: 92px;
        padding: 0;
    }

    .contents section#news ul{
        margin-bottom:42px;
    }

    .contents section#news ul li{
        border-bottom: 1px solid #e2e2e2;
        margin-top: 20px;
    }

    .contents section#news ul li dl dt{
        margin-bottom:10px;
    }

    .contents section#news ul li dl dd{
        display:list-item;
        list-style-image:url(../../images/common/arow/arow02.png);
        margin:0 0 20px 20px;
        font-size:110%;
    }

    .contents section#news .about h4{
        font-size:130%;
        font-weight:bold;
        margin-bottom:20px;

    }

    .contents section#news .about p{
        font-size:100%;
    }


    /* --------------------------------
       □ folloting
    -------------------------------- */
	#folloting{
		padding-bottom: 0;
	}
	
		#folloting .inner {
		}
		
		#folloting .inner .logo {
			width: 35%;
		}
		
		#folloting .inner .logo img{
		}
		
		#folloting .inner .tel_area {
			width: 35%;
		}
		
		#folloting .inner .tel_area .img1 {
			display: block;
			width: 100%;
		}
		
		#folloting .inner .tel_area .img2 {
			display: block;
			width: 100%;
		}
		
		#folloting .inner .contact_area {
		}
		
		#folloting .inner .contact_area img{
		}
		
	


@media screen and (min-width: 769px){

a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

#index .nxGroupCommonFt {
	padding-bottom:95px;
}


  
}