@charset "utf-8";
/* CSS Document */
/*html*/
html {
	font-size:62.5%;
}

/*body*/
body {
	color:#333;
	font-size:1.7rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*, *::before, *::after {
	box-sizing: border-box;
}
a,a:link,a:visited,a:active,a:hover {
	color:blue;
	text-decoration:none;
	cursor:pointer;
}

/*header*/
.header-backgrund{
	height:600px;
	padding-top:70px;
	background-image: url(../images/Older_woman_and_support.jpg);
	background-position: center;
	background-size: cover;
}
.navbar-color {
	background-color: rgba(255,255,255,0.45);
	color:black;
	border: none;
}
.showy {
	font-weight:bold;
}
.headeing{
	margin-top:70px;
	text-align: center;
	letter-spacing: 2px;
}
.page-title-h1{
	width:100%;
	max-width: 991px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	text-align: center;
	text-shadow: 2px 2px 3px black;
	color:ghostwhite;
	border-bottom: 2px solid gray;
}
.page-title-h2{
	width:100%;
	max-width: 991px;
	margin-top:70px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	text-align: center;
	color:black;
	border-bottom: 2px solid gray;
}
/*－--------------------------------*/
.wrapper {
	width:100%;
	max-width: 770px;
	margin:0 auto;
}
section {
	margin-bottom: 50px;
}
section a,section a:link,section a:active,section a:hover{
	color:blue;
}
section a:hover{
	font-weight: bold;
}
.detail-link{
	text-align: right;
}
section h2 {
	margin-top: 40px;
	padding-left: .2em;
	border-bottom: 4px solid goldenrod;
	border-bottom-right-radius: 20px;
}
article{
	width:94%;
	margin:20px 0 0 auto;
}
article h3{
	margin-top: 35px;
	padding-left: .2em;
	border-bottom: 2px solid rgba(0,81,156,1.00);
}
article ol{
	margin-top:20px;
}
article ol li{
	margin:6px 0;
}
section p {
	text-indent: 1em;
}
.page-back{
	text-align: right;
	font-size: 1.8rem;
}
.page-back a{
	line-height: 1.0em;
	background-color:cornsilk;
	border-radius: 50%;
}
/*---------------------------------*/
/*------------footer---------------*/
/*---------------------------------*/
footer{
	margin-top:40px;
	padding-top:15px;
	padding-bottom: 15px;
	font-size: 1.5rem;
	text-align: center;
	background-color:rgba(247,247,247,1.00);
	border-top:2px solid gray;
}
.footer-title{
	font-size: 1.5rem;
	letter-spacing: 1px;
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
.advice-sign-parent{
	display: table;
	position: fixed;
	bottom: 0;
	width:100%;

	font-size: 1.8rem;
	text-align: center;
	background-color: rgba(255,255,255,0.80);
	border-top:2px solid rgba(214,214,214,1.00);
}
.advice-sign-child{
	display:table-cell;
	width:50%;
	height:2.0em;
	padding-top:.3em;
	text-align: center;
}
.advice-sign-child.left{
	font-weight: bold;
}
.advice-sign-child.right{
	background-color:rgba(163,126,44,0.90);
	transition: .5s;
}
.advice-sign-child.right a {
	text-decoration: none;
	color:ghostwhite;
}
.advice-sign-child.right:hover {
	background-color: goldenrod;
}
/*---------------------------------*/
/*---------------------------------*/
@media(max-width:767px){
	.navbar-back{
		background-color:white;
		color:black;
	}
	.page-title-h1{
		font-size: 3.0rem;
	}
}
@media(max-width:614px){
		body{
		font-size: 1.5rem;
	}
	.page-title-h1{
		margin-top: 0;
		margin-bottom: 0;
		font-size: 2.5rem;
	}
	.page-title-h2{
		margin-bottom: 0;
		font-size: 2.5rem;
	}
}
@media(max-width:414px){

	article{
		width:98%;
	}
	.heading-01{
		font-size: 2.5rem;
	}
	.heading-02{
		font-size: 2.0rem;
	}
}