@charset "utf-8";


/*=======================================================
	style
=======================================================*/
.index_header{
	padding: 30px 10px 40px;
	text-align: center;
}
.index_lead_cont{
	padding: 40px 43px 15px;
	box-sizing: border-box;
	height: 500px;
	background: url(../img/lead_bg.jpg) no-repeat center top;
}
.index_lead_cont h2{
	margin: 0 0 30px;
}
.index_lead_cont p{
	margin: 0 0 10px 46px;
	font-size: 1.7rem;
	line-height: 1.7;
}
.activities_cont{
	padding: 30px;
}
.activities_ttl{
	margin: 0 0 25px;
	padding: 0 0 10px;
	text-align: center;
}
.activities_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.activities_list li{
	margin: 0 15px;
	width: 236px;
	font-size: 1.5rem;
}
.activities_list li h4{
	margin: 0 0 15px;
}
.activities_list li a{
	color: #333;
}
.activities_list li a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.content_main{
	margin: 8px;
	padding: 35px 35px 0;
	overflow: hidden;
	background: url(../img/bg.png) repeat center 8px;
}
.localsymbiosis_basic_cont{
	padding: 40px 65px 55px;
	background-color: #fff;
}
.symbiotic_society_ttl{
	margin: -25px -50px 40px;
	padding: 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 282px;
	background: url(../img/symbiotic_society_ttl_bg.jpg) no-repeat left top;
}
.content_main .cont_ttl_lv2{
	margin: 60px 0 20px;
	padding: 15px;
	border-radius: 5px;
	background-color: #e67c6a;
	color: #fff;
	font-size: 1.9rem;
	text-align: center;
	letter-spacing: 0.02em;
}
.content_main section + .cont_ttl_lv2{
	margin-top: 20px;
}
.cont_ttl_lv1 + .cont_ttl_lv2{
	margin-top: 0;
}
.content_main .cont_ttl_lv3{
	margin: 30px 0 10px;
	padding-bottom: 5px;
	padding-left: 1em;
	position: relative;
	border-bottom: 1px dotted #a5a5a5;
	color: #454545;
	font-size: 1.7rem;
	text-indent: -1em;
}
.content_main .cont_ttl_lv3:before{
	content: '●';
	color: #ea5b43;
}
.localsymbiosis_basic_cont p{
	font-size: 1.5rem;
	line-height: 1.6;
}
.localsymbiosis_basic_cont p + p{
	margin-top: 25px;
}
.content_main .text_l{
	font-size: 1.65rem;
	line-height: 1.8;
	letter-spacing: 0.02em;
}
.content_main p.text_l + p{
	margin-top: 20px;
}
.content_main p.text_l + p.care_system_img{
	margin-top: 30px;
}
.localsymbiosis_lead p{
	line-height: 1.8;
}
.symbiotic_society_img{
	margin: 15px 0 35px;
}
.localsymbiosis_cont{
	margin: 35px 0 15px;
	padding: 20px;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: transparent;
}
.localsymbiosis_cont:before{
	content: ' ';
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	border: 4px solid #fff;
	border-radius: 10px;
	background: url(../img/note_bg.png) repeat center top;
}
blockquote{
	margin: 0 0 15px;
	padding: 14px 75px 25px;
	display: block;
	position: relative;
}
blockquote:before{
	content: ' ';
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 37px;
	height: 29px;
	background: url(../img/quotation1.png) no-repeat left top;
}
blockquote:after{
	content: ' ';
	display: block;
	position: absolute;
	right: 10px;
	bottom: 15px;
	width: 37px;
	height: 36px;
	background: url(../img/quotation2.png) no-repeat left 5px;
}
.blockquote_ttl{
	margin: -35px 0 15px;
	position: relative;
	z-index: 15;
	color: #404040;
	font-size: 1.8rem;
	text-align: center;
}
cite{
	margin: 10px 15px 5px;
	display: block;
	color: #333;
	font-size: 1.2rem;
	text-align: right;
}
.care_system_img{
	margin: 25px 0 15px;
	text-align: center;
}
.attent_idea{
	padding: 30px;
	text-align: center;
}
.content_footer_nav{
	padding: 35px 35px 45px;
	display: flex;
	flex-wrap: wrap;
}
.content_footer_nav .footer_nav_ttl{
	margin: 0 20px 0 0;
	width: 16em;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}
.content_footer_nav .footer_nav_ttl a{
	color: #333;
}
.content_footer_nav ul{
	padding: 0 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	border-left: 1px solid #ccc;
}
.content_footer_nav ul li{
	margin: 0 20px 10px 0;
	line-height: 1.0;
}
.content_footer_nav ul li a{
	color: #333;
}
.content_footer_nav ul li.orenge{
	margin: 0;
	width: 70%;
}
.content_footer_nav ul li.current a{
	border-bottom: 1px dotted #55aea9;
	color: #333;
	text-decoration: none;
}
.content_footer_nav ul li.current a:hover{
	text-decoration: none;
	cursor: default;
}
.arrow_link_list a::before,
.back_arrow_link::before{
	content: ' ';
	margin-right: 2px;
	display: inline-block;
	width: 18px;
	height: 17px;
	background: url(../img/nav_link_arrow.svg) no-repeat left top;
	text-align: center;
	vertical-align: middle;
}
.content_footer_nav ul li.current a:before{
	background: url(../img/nav_link_arrow_current.svg) no-repeat left top;
}

/* ボトム */
.btm_header{
	padding: 20px 10px 20px;
	text-align: center;
}
.btm_ttl{
	margin: 0;
}
.btm_header p:first-child{
	padding: 0 0 2px 27px;
}
.btm_lead_ttl{
	margin: 0;
	padding: 0 0 35px;
	text-align: center;
}

/* MCS */
.mcs_lead{
	margin: -25px -50px 40px;
	padding: 0 30px;
	display: flex;
	align-items: center;
	height: 212px;
	background: url(../img/mcs_bg.jpg) no-repeat left top;
}
.content_main .localsymbiosis_basic_cont p.mcs_img{
	margin: 40px 0 0;
}
.point_list{
	margin: 40px 0 15px;
}
.point_list li{
	margin: 0 0 20px;
	padding: 15px 20px;
	display: flex;
	overflow: hidden;
	align-items: center;
	box-sizing: border-box;
	height: 309px;
}
.point_list li.reverse{
	margin: 0 0 0;
	flex-direction: row-reverse;
}
.point_list li div{
	padding-bottom: 20px;
	width: 285px;
	text-align: center;
}
.point_ttl{
	margin: 0 0 10px;
	font-size: 1.6rem;
	letter-spacing: 0.02em;
}
.point1{
	background: url(../img/point1_img.jpg) no-repeat left top;
}
.point2{
	background: url(../img/point2_img.jpg) no-repeat left top;
}
.arrow{
	text-align: center;
}
.localsymbiosis_basic_cont p.more_mcs{
	margin: 20px 0 10px;
	clear: both;
	color: #ef5d45;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.info_manga{
	text-align: left;
}
.mcs_info{
	margin: 45px 0 30px;
}
.info_manga p.arrow{
	margin-top: 10px;
}
.mcs_info p{
	margin: 0 0 10px;
}
.info_manga p.manga_btn{
	margin: 10px 0 0;
}
.manga_btn a:hover{
	opacity: 0.8;
}

/* がんばらない */
.ganbaranai_lead{
	margin: -25px -50px 40px;
	padding: 0 35px;
	display: flex;
	align-items: center;
	height: 212px;
	background: url(../img/ganbaranai_bg.jpg) no-repeat left top;
}
.ganbaranai_info{
	padding: 0 0 20px;
	overflow: hidden;
}
.ganbaranai_info .text_l{
	padding-right: 130px;
	position: relative;
}
.content_main .ganbaranai_info .mark{
	margin-top: 0;
	margin-left: 20px;
	position: absolute;
	top: 0;
	right: 0;
}
.content_main .ganbaranai_info p.site_info{
	margin-top: 10px;
	float: left;
	width: 83%;
}
.dr_kamata_cont{
	margin: 25px 0 35px;
	padding: 20px 20px;
	position: relative;
	border: 2px solid #f4bcb3;
	border-radius: 10px;
	background: url(../img/note_bg.png) repeat left top;
	box-shadow: 0 0 0 2px #fff inset;
}
.note_cont + p{
	margin-top: -15px;
}
.dr_kamata_cont > p{
	margin-right: 15px;
}
.dr_kamata_cont > div{
	text-align: center;
}
.kamata_ttl{
	margin: -35px 0 15px;
	text-align: center;
}
.dr_kamata_cont .dr_kamata_name{
	margin: 5px 0 10px;
	text-align: center;
}
.dr_kamata_cont .position{
	margin: 0 0 5px;
	color: #e67c6a;
	font-size: 1.5rem;
	font-weight: bold;
}
.dr_kamata_cont .profile{
	margin: 0 0 10px;
}
.dr_kamata_cont p.officialsite{
	margin-top: 15px;
}
p span.note{
	font-size: 0.8em;
}
.site_info{
	margin: 10px 0 0;
}
.event_ttl{
	margin: 50px 0 15px;
	position: relative;
	color: #e67c6a;
	font-size: 1.8rem;
	text-align: center;
}
.event_ttl span{
	padding: 0 15px 0;
	display: inline-block;
	position: relative;
	z-index: 10;
	background-color: #fff;
}
.event_ttl:before{
	content: ' ';
	margin: auto;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #e67c6a;
}
.photo_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.photo_list li{
	margin: 0 20px 20px 0;
	width: 48%;
}
.photo_list li:nth-child(2n){
	margin-right: 0;
}


/* ===========================================
	MediaQueries
=========================================== */
/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	#brand_wrap.brand_wrap_btm{
		padding-bottom: 40px;
	}
	.index_ttl{
		padding: 0 20% 2%;
		text-align: center;
	}
	.index_header{
		padding: 10px 10px 20px;
		text-align: center;
	}
	.index_lead_cont{
		padding: 70% 0 0;
		height: auto;
		background: #dcf1d6 url(../img/s/lead_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.index_lead_cont div{
		padding: 3% 5% 5%;
		background: url(../img/s/lead_bg2.png) no-repeat center top;
		background-size: 100% 100%;
	}
	.index_lead_cont h2{
		margin: 0 auto 3%;
		width: 85%;
		text-align: center;
	}
	.index_lead_cont p{
		margin: 0 3% 3% 5%;
		font-size: 1.4rem;
		text-align: center;
		line-height: 1.6;
	}
	.activities_cont{
		padding: 30px 15px 0;
	}
	.activities_ttl{
		margin: 0 0 20px;
	}
	.activities_ttl img{
		width: 75%;
	}
	.activities_list{
		display: block;
	}
	.activities_list li{
		margin: 0 0 25px;
		width: 100%;
	}
	.activities_list li a{
		display: flex;
		flex-wrap: wrap;
	}
	.activities_list li h4{
		margin: 0 3% 0 0;
		max-width: 236px;
		width: 55%;
		text-align: center;
	}
	.activities_list li p{
		flex: 1;
		font-size: 1.4rem;
	}
	.content_main{
		margin: 0;
		padding: 15px 10px 0;
	}
	.localsymbiosis_basic_cont{
		padding: 15px;
	}
	.content_main .text_l{
		font-size: 1.45rem;
		line-height: 1.7;
		letter-spacing: 0.02em;
	}
	.symbiotic_society_ttl{
		margin: 0;
		padding: 5%;
		height: auto;
		background: url(../img/symbiotic_society_ttl_bg.jpg) no-repeat center top;
		background-size: 100% auto;
		text-align: center;
	}
	#brand .symbiotic_society_ttl img{
		width: 70%;
	}
	.content_main .cont_ttl_lv2{
		margin: 40px 0 20px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.content_main .symbiotic_society_ttl + .cont_ttl_lv2{
		margin-top: 20px;
	}
	.content_footer_nav{
		padding: 25px 20px 25px;
		display: block;
	}
	.content_footer_nav .footer_nav_ttl{
		margin: 0 0 10px;
		width: 100%;
	}
	.content_footer_nav ul{
		padding: 5px 0 0;
		border-top: 1px dotted #ccc;
		border-left: none;
	}
	.content_footer_nav ul li{
		margin: 0 0 5px 0;
		padding-bottom: 5px;
		display: block;
		width: 100%;
		border-bottom: 1px dotted #ccc;
	}
	.content_footer_nav ul li.orenge{
		width: 100%;
	}
	.content_footer_nav ul li a{
		padding-left: 22px;
		display: block;
		position: relative;
		text-indent: inherit;
		line-height: 1.4;
	}
	.content_footer_nav ul li.current a{
		border-bottom: 1px solid #55aea9;
	}
	.arrow_link_list a::before,
	.back_arrow_link::before{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.localsymbiosis_lead{
		margin: 0;
		padding: 0;
		display: block;
	}
	blockquote{
		margin: 0 0 5px;
		padding: 14px 15px 25px;
	}
	blockquote:before{
		top: 0;
		left: 0;
		width: 15px;
		background-size: 100% auto;
	}
	blockquote:after{
		right: 0;
		bottom: 7px;
		width: 15px;
		background-size: 100% auto;
	}
	.blockquote_ttl img{
		min-width: 240px;
		width: 66%;
	}
	cite{
		margin: 5px 0 5px;
		text-align: left;
	}
	.content_footer_nav h5{
		width: auto;
	}
	.attent_idea{
		padding: 30px 0;
	}
	.localsymbiosis_basic_cont p.related_site_link{
		padding-left: 1em;
		font-size: 1.3rem;
		text-indent: -1em;
		line-height: 1.4;
	}

	/* ボトム */
	.btm_header{
		padding: 15px 0 25px;
	}
	.btm_lead_ttl{
		margin: 10px 0 25px;
		padding: 0 0 20px;
	}
	.btm_header p:first-child{
		padding: 0 0 2px 0;
	}
	.btm_header p:first-child img{
		width: 80%;
	}

	/* MCS */
	.mcs_lead{
		margin: -5px -5px 20px;
		padding: 40px 5px;
		height: auto;
		background: url(../img/s/mcs_bg.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	.mcs_img{
		padding: 30px 15px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	.point_list li{
		padding: 2% 0 40%;
		display: block;
		height: auto;
	}
	.point_list li div{
		width: 100%;
	}
	.point1{
		background: url(../img/s/point1_img.jpg) no-repeat left bottom;
		background-size: 100% auto;
	}
	.point2{
		background: url(../img/s/point2_img.jpg) no-repeat left bottom;
		background-size: 100% auto;
	}
	.scene1_img{
		width: 155px;
	}
	.localsymbiosis_basic_cont p.note{
		font-size: 1.3rem;
	}
	/* がんばらない */
	.ganbaranai_lead{
		margin: -5px -5px 20px;
		padding: 40px 5px;
		height: auto;
		background: url(../img/s/ganbaranai_bg.jpg) no-repeat right top;
		background-size: cover;
	}
	.ganbaranai_info .text_l{
		padding-right: 0;
	}
	.content_main .ganbaranai_info .mark{
		margin: 0 0 10px 10px;
		position: static;
		float: right;
		width: 23%;
	}
	.ganbaranai_info .site_info{
		float: none;
		clear: both;
		width: 100%;
	}
	.dr_kamata_cont{
		display: block;
	}
	.kamata_ttl img{
		min-width: 240px;
		width: 66%;
	}
	.photo_list{
		display: block;
	}
	.photo_list li{
		margin: 0 0 10px 0;
		width: 100%;
	}
	.photo_list li img{
		width: 100%;
		height: auto;
	}
	.dr_kamata_cont .position{
		margin: 0 0 5px;
		font-size: 1.3rem;
	}
	.dr_kamata_cont .profile{
		font-size: 1.4rem;
	}
	.content_main .ganbaranai_info p.site_info{
		margin-top: 10px;
		width: 100%;
	}
	.dr_kamata_cont p.officialsite{
		margin-top: 5px;
		font-size: 1.3rem;
	}
}