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


#box_name h2 img{
	width:130px;
}


#title_img #instagram{
	position:absolute;
	right:0;
	bottom:50px;
	font-size:0.6rem;
	background:#FFF100;
	width:43%;
	border-radius:5px 0  0 5px;
}
#title_img #instagram a{
	display:inline-block;
	padding:5%;
	color:#000;
	
}
#title_img #instagram a.icon{
	display:none;
}
#title_img #link a.icon{
	display:none;
}


#p_style{
	text-align:center;
	margin:40px 0;
}
#box01_ha img{
	width:100%;
}
#box01_ha div{
	width:100%;
}

#box01_ha .left{
	margin-bottom:10px;
}

#sb-site h3#chapter01 img{
	width:157px;
}


/* chapter02*/

#box02_ha{
	width:100%;
}
#box02_ha li{
	margin-bottom:10px;
}
	
#sb-site h3#chapter02 img{
	width:167px;
}

/* chapter03*/

#box03_ha img{
	width:100%;
}
#box03_ha div{
	width:100%;
}

#box03_ha .right,
#box03_ha .left
{
	margin-bottom:10px;
}


#sb-site h3#chapter03 img{
	width:262px;
}


@media screen and (min-width: 569px){
p{
	line-height:2;
}
#sb-site h3#chapter01 img{
	width:auto;
}
#title_img #pc_private{
	position:absolute;
	left:50px;
	bottom:130px;
	
}
#title_img #instagram{
	bottom:90px;
	font-size:1rem;
	background:#FFF100;
	width:280px;
	border-radius:10px 0  0 10px;
}
#title_img #instagram a{
	padding:10px 10px 10px 20px;
}
#title_img #instagram a.icon{
	padding:5px;
	display:inline-block;
}
#title_img #instagram a img{
	vertical-align:middle;
}
#title_img #link{
	bottom:30px;
	font-size:1rem;
	background:#FFF100;
	width:280px;
	border-radius:10px 0  0 10px;
}

#title_img #link a{
	padding:10px 10px 10px 20px;
	display:inline-block;
}
#title_img #link a.icon{
	padding:5px;
	display:inline-block;
}
#title_img #link a img{
	vertical-align:middle;
}


#box01_ha .left{
	width:365px;
	float:left;
}
#box01_ha .right{
	width:405px;
	float:right;
}

#sb-site section {
    margin-bottom: 90px;
}


/* chapter02*/

#sb-site h3#chapter02 img{
	width:auto;
}
#box02_ha{
	width:100%;
}
#box02_ha li{
	margin-bottom:10px;
	width:49%;
	float:left;
	margin-right:2%;
}
#box02_ha li:nth-child(even){
	margin-right:0;
}

/* chapter03*/

#sb-site h3#chapter03 img{
	width:auto;
}
#box03_ha{
	margin-bottom:10px;
}
#box03_ha .left{
	width:365px;
	float:left;
}
#box03_ha .right{
	width:405px;
	float:right;
}

}