@charset "utf-8";
/* CSS Document */
#inner {
	margin-left: 15%;
	width: 80%;
	max-width: 1000px;
	margin-bottom: 100px;
}
#block01{
width:100%;
margin: 100px 0;
}

#block01 h2 {
width: 72px;
margin: 0;
float: left;
}

#block01 .centerbox {
width: 100%;
font-size: 108%;
line-height: 200%; 
font-weight:600; 
} 

#block01 .centerbox h3 {
font-size: 170%;
margin: 0 0 40px 0;
line-height: 180%;
position: relative;
}

#block01 .centerbox h3 img {
position: absolute;
left: 12em;
bottom: -40px;
}

#block01 .centerbox img {
width: auto;
max-width: 100%;
height: auto;
margin-top: 40px;
}

#block01 .centerbox p {
	margin: 6px 0 40px;
	text-align: left;
	font-size: 76%;
}

#block02{
width: 100%;
margin-bottom: 30px;
}

#block02 .leftbox{
width:40%;
float: left;
} 

#block02 .leftbox img {
width: auto;
max-width: 100%;
height: auto;
}

#block02 .leftbox p {
	font-size: 80%;
}

#block02 .rightbox{
width:53%;  
float:right;
font-size: 108%;
line-height: 200%; 
font-weight:600; 
} 

#block02 .rightbox h3{
font-size: 170%;
margin: 0 0 40px 0;
line-height: 180%;
}

#block03 ul {
display: flex;
justify-content: space-between;
}

#block03 li {
width: 30%;
}

#block03 dt {
margin-bottom: 20px;
text-align: center;
}

#block03 dt img {
width: 100%;
height: auto;
max-width: 80%;
}

#block03 dd {
margin: 0;
line-height: 180%;
}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
#inner {
	margin-left: 10%;
	max-width: 80%;
}

#block01 .centerbox h3 {
margin-bottom: 25px;
}

#block02 .rightbox h3{
margin: 0 0 25px 0;
}

#block02 .leftbox{
width:100%;
float: none;
margin-bottom: 40px;
text-align: center;
} 

#block02 .leftbox img {
width: auto;
max-width: 80%;
height: auto;
}

#block02 .rightbox{
width:100%;
float: none;
} 
	


}



/* スマホ設定  768 以下*/
@media screen and (max-width:767px){
 #inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
}

#block01{
margin: 60px 0;
}	


#block01 .centerbox {
font-size: 100%;
line-height: 180%; 
} 

#block01 .centerbox h3 {
font-size: 150%;
}

#block01 .centerbox h3 img {
left: 0.5em;
top: 4.3em;
}

#block02 .rightbox{
font-size: 100%;
line-height: 180%; 
font-weight:600;
}

#block02 .rightbox h3{
font-size: 150%;
}

#block03 ul {
display: block;
}

#block03 li {
width: 100%;
}
  
}