@charset "utf-8";
/*全ての画面サイズに適用するスタイル*/
div *{
	box-sizing: padding-box;
	font-family: sans-serif;
        font-size: 16.5px;
        line-height: 29px;
 }       
h3 {
	color: #00005d;
}
ul {
	list-style-type: square;
}
#title {
        padding: 0.02em;
	padding-left: 1em;		
	background-color: #dc8ba7;
	font-size: 2em;
	color: #00005d;
}
#box1 {
	height: 50em;
	padding: 0.1em;
}
#box2 {
	height: 50em;
	padding-top: 0.1em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 2em;
}
#box1 {
	background-color: #ffffff;
}
#box2 {	
	background-color: #fffaf0;
}
#box3 {	      
	height: 1em;
	padding: 0.1em;	
	background-color: #ab0f50;	
	color: #ffffff; 
        
}
#title:after {
	content: "老年生活レポート";
}

/* 画面サイズが５２０px以上に適用するスタイル */
@media screen and (min-width: 520px) {
	#title::after {	
	 content: "老年生活レポート";
	}
	#wrap {
	 display: flex;
	}
	#box1, #box2 {
	 width: 50% ;
	 }
         

        	 
}
/* 画面サイズが１０２４px以上に適用するスタイル */	
@media screen and (min-width: 1024px) {
	#title::after {	
	 content: "老年生活レポート";
	}	
}