@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
		background-color: #f3f3f3;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
		background-color: #efefef;
		padding-bottom: 10vw;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.news_base{
		width: 100%;
		background: #FFF;
		padding: 18px;
		margin-top: -43px;
		margin-bottom: 18px;
	}
	.news_li{
		width: 680px;
		margin: 0 auto;
		font-size: 13px;
	}
	.news_name{
		font-size: 24px;
		font-weight: 600;
		color: #0A925F;
	}
	.news_li > ul > li{
		display:inline-block;
	}
	.news_li dt{
		padding-top: 7px;
		color: #8A8A8A;
		font-size: 10px;
	}
	.news_li dd{
		border-bottom:1px dashed #9E9E9E;
		padding-bottom: 3px;
	}
	li.news_title{
		letter-spacing: 2px;
	}
	.news_li a{
		color:#222;
		font-size: 16px;
	}
	li.news_toko{
		padding: 0 0 0 38px;
		width: 77%;
	}
	.top_icon{
		width: 75px;
		margin: 0 auto;
		padding: 10px;
	}
	.top_icon img{
		width:100%;
	}
	.news_li article{
		border-bottom: 1px dashed #999;
		padding: 6px 0;
	}
	.newstitle{
		position: absolute;
		font-size: 28px;
		font-weight: 600;
	}
	.cat-post{
		width: 600px;
		margin-left: 100px;
	}
	.cat-post h2{
		font-weight:400;
	}
	.news-title a{
		color:#1cb15f;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.news_base{
		width: 100%;
		background: #FFF;
		padding: 18px;
		margin-top: -43px;
		margin-bottom: 18px;
	}
	.news_li{
		width: 680px;
		margin: 0 auto;
		font-size: 13px;
	}
	.news_name{
		font-size: 24px;
		font-weight: 600;
		color: #0A925F;
	}
	.news_li > ul > li{
		display:inline-block;
	}
	.news_li dt{
		padding-top: 7px;
		color: #8A8A8A;
		font-size: 10px;
	}
	.news_li dd{
		border-bottom:1px dashed #9E9E9E;
		padding-bottom: 3px;
	}
	li.news_title{
		letter-spacing: 2px;
	}
	.news_li a{
		color:#222;
		font-size: 16px;
	}
	li.news_toko{
		padding: 0 0 0 38px;
		width: 77%;
	}
	.top_icon{
		width: 12vw;
		margin: 0 auto;
		padding: 2vw;
	}
	.top_icon img{
		width:100%;
	}
	.news_li article{
		border-bottom: 1px dashed #999;
		padding: 6px 0;
	}
	.newstitle{
		position: relative;
		font-size: 8vw;
		font-weight: 600;
	}
	.cat-post{
		width: 77vw;
		margin-left: 0;
	}
	.news-title a{
		color: #1cb15f;
		font-size: 4vw;
		font-weight: 600;
	}	
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.midashi_h2{
		font-size: 20px;
		font-weight: 600;
		width: 900px;
		padding: 40px 0 0;
		margin: 0 auto;
	}
	.taku_links{
		width:900px;
		margin:0 auto;
	}
	.taku_links > ul > li{
		width: calc(100% / 3.2);
		display: inline-block;
		margin: 4px;
	}
	.taku_links li a{
		display: block;
		width: 100%;
		background: #FFF;
		border-radius: 5px;
		padding: 10px;
		text-align: center;
		color: #000;
		font-weight: 500;
		font-size: 20px;
	}

	.katsu_links{
	width: 900px;
    margin: 0 auto;
    padding-bottom: 57px;

	}
	.katsu_links > ul > li{
		width: calc(100% / 3.2);
		display: inline-block;
		margin: 4px;
	}
	.katsu_links li a{
		display: block;
		width: 100%;
		background: #FFF;
		border-radius: 5px;
		padding: 10px;
		text-align: center;
		color: #000;
		font-weight: 500;
		font-size: 20px;
	}
	.main_top_in{
		text-align: center;
		background-color: #8addb1;
		padding: 25px 0 70px;
	}
	.metaslider {
		position: relative;
		z-index: 0;
		margin: 0 auto;
		padding: 38px;
	  }
	  .news{
width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 3px;
    padding: 7px;
    display: flex;
	}
	.news > li{
		padding: 6px;
	}
	.top_main_thu{
		display:block;
	}
	.top_main_thu img{
		width:100%;
		height:auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.midashi_h2{
		font-size: 7vw;
		font-weight: 600;
		width: 80vw;
		padding: 15vw 0 5vw;
		margin: 0 auto;
		text-align: center;
	}
	.taku_links{
		width: 97vw;
		margin:0 auto;
	}
	.taku_links > ul > li{
		width: calc(100% / 2.12);
		display: inline-block;
		margin: 4px;
	}
	.taku_links li a{
		display: block;
		width: 100%;
		background: #FFF;
		border-radius: 5px;
		padding: 5vw;
		text-align: center;
		color: #000;
		font-weight: 500;
		font-size: 5vw;
	}
	.katsu_links{
		width: 97vw;
		margin:0 auto;
	}
	.katsu_links > ul > li{
		width: calc(100% / 2.12);
		display: inline-block;
		margin: 4px;
	}
	.katsu_links li a{
		display: block;
		width: 100%;
		background: #FFF;
		border-radius: 5px;
		padding: 5vw;
		text-align: center;
		color: #000;
		font-weight: 500;
		font-size: 5vw;
	}
	.main_top_in{
		text-align: center;
		background-color: #8addb1;
		padding: 25px 0 70px;
	}
	.metaslider {
		position: relative;
		z-index: 0;
		margin: 0 auto;
		padding: 38px;
	  }


	.news > li{
		padding: 6px;
	}
	.top_main_thu{
		display:block;
	}
	.top_main_thu img{
		width:100%;
		height:auto;
	}
	  .news{
		width: 90vw!important;
		margin: 0 auto!important;
		background-color: #FFF!important;
		border-radius: 2px!important;
		padding: 7px!important;
	  }
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.cat-post li{
		border-bottom:1px solid #DCDCDC;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.cat-post li{
		border-bottom: 1px solid #DCDCDC;
		padding-bottom: 3vw;
	}
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}