@charset "utf-8";

@import url("pankuzu.css");


@import url("../css/header.css") screen and (min-width:769px);

@import url("../gold/sp/css/header-smp.css") screen and (max-width:768px);
@import url("../gold/sp/css/drawer.css") screen and (max-width:768px);
@import url("../gold/sp/css/footer-smf.css") screen and (max-width:768px);
@import url("../gold/sp/css/sp-identity-style.css") screen and (max-width:768px);



/******   ヘッダー・フッターをスマホとPCで分ける           *******/
@media screen and (min-width:769px){
	.smp{
		visibility: hidden;
		display: none;
	}
	.main-contents{
		width: 1020px;
		margin: auto;
	}
	section{
		width: 960px;
		margin: auto;
	}
	section h2{
		width: 100%
	}
	section h2 img{
		width: 100%;
	}
	.main-contents section.page_title{
		width: 1020px;
	}
	.main-contents section.page_title div.title_img{
		width: 1020px;
	}
	.main-contents section.page_title div.title_img img{
		width: 100%;
	}

	.main-contents section.page_title p.title_text{
		width: 900px;
		margin: 0 auto 2rem;
		font-size: 14px;
		line-height: 1.8em;
	}
	section.feature ul.feature_list{
		width: 940px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content:　;
	}
	section.feature ul.feature_list li{
		width: 24%;	
		margin: 0 0.5%;
	}
	section.feature ul.feature_list li img{
		width: 100%;
	}
	
	section.feature ul.feature_list li a{
		text-decoration: none;
		color: rgba(22,17,17,1.00);
	}
	section.feature ul.feature_list li p{
		font-size: 12px;
		margin: 0;
	}
}

/*****スマホ時のcss***********/
@media screen and (max-width:768px){
	.pc{
		visibility: hidden;
		display: none;
	}
	.main-contents{
		width: 98%;
		margin: auto;
	}
	section{
		width: 100%;
		margin: auto;
	}
	section h2{
		width: 100%
	}
	section h2 img{
		width: 100%;
	}
	.main-contents section.page_title{
		width: 100%;
	}
	.main-contents section.page_title div.title_img{
		width: 100%;
	}
	.main-contents section.page_title div.title_img img{
		width: 100%;
	}
	.main-contents section.page_title p.title_text{
		width: 94%;
		margin: 0 auto 2rem;
		font-size: 14px;
		line-height: 1.8em;
	}
	section.feature{
		margin-bottom: 4rem;
	}

	section.feature ul.feature_list{
		width: 94%;
				margin:0 auto 1.5rem auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section.feature ul.feature_list li{
		width: 48%;		
	}
	section.feature ul.feature_list li img{
		width: 100%;
	}
	
	section.feature ul.feature_list li a{
		text-decoration: none;
		color: rgba(22,17,17,1.00);
	}
	section.feature ul.feature_list li p{
		font-size: 12px;
		margin: 0;
	}
}