@charset "UTF-8";
/* CSS Document */


/* ----------------------------------------------
	TOPICS３共通
------------------------------------------------- */
:root {
	--page-point-color: #56bc28;
	--page-basic-color: #edf7e8;
}

.c_text_base {
	color: var(--page-point-color);
}


/* ----------------------------------------------
	NEXT
------------------------------------------------- */
#next_t3 a {
	border-color: var(--page-point-color);
	background-color: var(--page-point-color);
}
#next_t3 a dl {
	color: var(--page-point-color);
}
#next_t4 a {
	border-color: #f48f19;
	background-color: #f48f19;
}
#next_t4 a dl {
	color: #f48f19;
}


/* ----------------------------------------------
	見出し
------------------------------------------------- */
#index {}
#index h5,
#index h4 {
	color: var(--page-point-color);
}
#index h4,
#index h4::after {
	border-color: var(--page-point-color);
}


/* ----------------------------------------------
	内容　共通
------------------------------------------------- */
#main {
	background-color: var(--page-basic-color);
}
.chapter h3 {
	border-color: var(--page-basic-color);
}
.chapter h3::before {
	background-color: var(--page-point-color);
}
.chapter .paragraph h4 {
	border-color: var(--page-point-color);
	margin-bottom: 20px;
}
.chapter .paragraph h5 {
	color: var(--page-point-color);
	font-size: 18px;
	font-weight: bold;
}


/* ----------------------------------------------
	準備
------------------------------------------------- */
#junbi {}
#junbi .stageWrap {
	width: 100%;
}
#junbi a {
	background-image: url("../images/top_main_logo_matsuyama.png")
					, url("../images/banner310_130.png")
					, url("../images/top_main.jpg");
	background-repeat: no-repeat;
	background-size: 132px 38px
				   , 155px 65px
				   , contain;
	background-position: right 15px top 10px
					   , right 5px bottom 5px
					   , center;
	
	height: 125px;
	width: 330px;
	margin: auto;
	border-radius: 10px;
	
	display: block;
}


/*-
	PC版（821px以上）ここから
------------------------------------------------- */
@media screen and (min-width:768px), print{
	
	
	/* ----------------------------------------------
		TOPICS３共通
	------------------------------------------------- */
	
	/* ----------------------------------------------
		準備
	------------------------------------------------- */
	#junbi a {
		background-size: 265px 76px, 310px 130px, contain;
		background-position: right 30px top 20px, right 10px bottom 10px, center;
		
		height: 250px;
		width: 660px;
		margin: auto;
	}
	
	
	
}


/*-
	SP版（820px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 767px) {
	
	
}