@charset "utf-8";


section h2{
	font-size:150%;
	line-height:140%;
	text-align:center;
	margin-bottom:1em;
	position:relative;
	z-index:1;
}

section h2 span{
	display:block;
	font-size:140%;
	color:#95CEDB;
	color:#ADDEF8;
	color:#7DCEF4;

font-family: 'Noto Serif JP', serif;
font-weight:500;
}


@media only screen and (min-width: 769px) { /*pc*/
section h2{
	font-size:220%;
	line-height:190%;
	text-align:center;
	margin-bottom:2em;
	position:relative;
	z-index:1;
}


section h2 span{
	display:block;
	font-size:130%;
	color:#7DCEF4;

font-family: 'Noto Serif JP', serif;
font-weight:500;
}

}


#access{
	padding:2em 0 1em;
}

section#access h2{
	letter-spacing:0.07em;
}
section#access h2 span{
 color:#7DCEF4;
 font-size:110%;
}

@media only screen and (max-width: 768px) { /*sp*/
section#access h2 span{
	font-size:60%;
}

}

#access dl{
	width:100%;
	background:rgba(255,255,255,0.6);
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2em;
	border-bottom:1px solid #7DCEF4;
}

#access dt{
	flex:1 0 8em;
	padding:1em 0.5em;
	text-align:center;
	border-top:1px solid #7DCEF4;
	color:#0C7396;
	}

#access dd{
	flex:1 1 calc(100% - 8em);
	padding:1em 0.5em;
	border-top:1px solid #7DCEF4;
	margin-left:0;
	line-height:140%;
	word-break: break-all;
}





#access .gmap iframe{
	width:100%;
}




@media only screen and (max-width: 768px) { /*sp*/


}

@media only screen and (min-width: 769px) { /*pc*/

#access dt{
	flex:0 0 30%;
	padding:1em;
	}

#access dd{
	flex:0 0 70%;
	padding:1em;
}

}



/**/

#profile .fbox{
	border:3px solid #7DCEF4;
	padding:2em 1em;
	
}

#profile figure{
	max-width:300px;
	margin:0 auto;
}



#profile dt{
	font-size:140%;
	line-height:140%;
	padding:0 0.5em 0.5em;
	margin-bottom:0.5em;
	color:#0C7396;
	border-bottom:2px solid #7DCEF4;
}

#profile dd{
	margin-left:1.5em;
}

#profile dd li{
	padding:0.5em 0.5em;
	text-indent:-1.5em;
}

#profile dd li::before{
	content:"●　";
	font-size:0.3em;
	color:#ccc;
	text-align:center;
}





@media only screen and (min-width: 769px) { /*pc*/


#profile .fbox{
	display:flex;
}


#profile figure{
	flex:0 0 auto;
	margin-right:20px;
}



#profile dl{
	flex:1 1 auto;

}


#profile dt{
	font-size:180%;
	line-height:190%;
	padding:0 0.5em;
	margin-bottom:1em;
}


}


/**/


#keireki{
	padding:2em 0em;
	background: url(/img/bg_sakura_w.png), url(/img/bg_sakura_w.png) rgba(244,179,200,0.2);
	background-position: left 10px , right bottom;
	background-repeat:no-repeat;
}



#keireki dl{
	display:flex;
	flex-wrap:wrap;
justify-content:space-between;
}

#keireki dt{
	flex: 0 0 90px;
	text-align:center;
	background:url(../img/line.png) 32px 0 repeat-y;
	line-height:200%;
}

#keireki dt.last{
	background:none;
}


#keireki dt span{
	display:block;
	width:70px;
	height:70px;
		padding:1.3em 0 0;
		background:#F3B3C9;
		border-radius:100%;
		color:#fff;

}


#keireki dd{
	flex:0 0 calc(100% - 90px);
	background:#fff;
	border-radius:15px;
	padding:1em 0.5em 1em 1em;
	margin:0 0 1em;
	position:relative;
	line-height:200%;
}

#keireki dd::before{
	content:"";
	display:block;
	width:0;
	height:0;
	border:10px solid #fff;
	border-color:transparent #fff transparent transparent;
	position:absolute;
	top:25px;
	left:-20px;
}

@media only screen and (min-width: 769px) { /*pc*/
#keireki{
	padding:2em 1em;
}

#keireki dd{
	flex:0 0 calc(100% - 95px);
	padding:1.5em;
}

}

/**/

#women{
	background:url(../img/bg_sakura2-2.png) no-repeat;
padding:2em 1em 30px;
	background-size:contain;
}


@media only screen and (max-width: 768px) { /*sp*/

#women .fbox figure{
 width:100%;
	height:300px;
	background:url(../img/kanaya1.png)  top center no-repeat;
	background-size:contain;
}
}


@media only screen and (min-width: 769px) { /*pc*/

#women .fbox{
	display:flex;
	margin-left:calc((100% - 1100px) / 2 );
}

#women .fbox figure{
	flex:1 0 calc((100% - 500px) / 2 );
	background:url(../img/kanaya1.png) no-repeat;
	background-size:contain;
}
}

/**/

#pet{
	background: rgba(173,222,248,0.4);
	padding: 4em 1em;
}

#pet h2{
	line-height:150%;
	margin-bottom:1em;
}



#pet .fbox{
	max-width:2000px;
	margin:0 auto;
}

#pet .fbox .photo{
	margin:10px;
	text-align:center;
	background:#fff;
	padding-bottom:1em;
}
#pet .fbox img{
	width:100%;
	height:auto;
}


#pet .fbox video{
	width:100%;
	height:auto;
	margin:0 auto;
}

#pet .fbox figcaption{
}

#pet .fbox figcaption,
#pet .fbox p{
line-height:120%;
font-size:90%;
	margin:1em 5px 0;
}
	
#pet figure.momonga{
width:200px;
margin:0 auto;
}

@media only screen and (min-width: 769px) { /*pc*/

#pet .fbox{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	margin-top:2em;
}


#pet .fbox figure img{
	width:auto;
	height:200px;
}

#pet .fbox video{
	width:auto;
	height:200px;
}


}