@charset "UTF-8";
#path-box {
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
	font-size: .94rem;
}
#path-box a {
	color: #333;
	text-decoration: none;
}
#path-box a:hover {
	text-decoration: underline;
}
#path-box {
	background: #eee;
	font-size: 13px;
	padding: .8em;
}
#path-box ul {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
#path-box ul li:after {
	content: "\f105";
	font-family: yubin;
	margin-left: .8em;
	margin-right: .8em;
}
#path-box ul li:last-child:after {
	content: "";
}

@media screen and (max-width: 750px){
#path-box {
	background: #fff!important;
	order: 3;
	width: 100%;
}
#path-box ul li:last-child:after {
	color: #646464;
	content: "\e90a";
	font-size: 1rem;
	margin-left: .2em;
	margin-right: .5em;
	position: relative;
	top: 1px;
}	
	}
#path-box ul {
	display: inline-block;
}
#path-box ul li {
	display: inline;
}
.balloon-voice {
  position: relative;
  display: inline-block;
  margin: 0 0 1.1em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: white;
  font-size: 16px;
  background: #c00;
border-radius: 5px;	
}

.balloon-voice:before {
  content: "";
	position: absolute;
	top: 100%;
	left: 55%;
	margin-left: -15px;
	border: 8px solid transparent;
	border-top: 15px solid #c00;
}

.balloon-voice p.hukidashi {
  padding: 0 30px;
  margin-bottom: 0em!important;
}

.taiou {
	font-size: 16px;
	padding: 7px 10px;
	background: #3f51b5;
	color: white;
	border-radius: 5px;
	display: inline-block;
}
.taiou p.hukidashi {
  padding: 0 30px;
  margin-bottom: 0em!important;
}

a.btnM.green {
	font-size:1rem;
	padding:1.1em 2em;
	background:#00b050;
	color:#fff!important;
	min-width:30%
}

a.btnM.blue {
	font-size:1rem;
	padding:1.1em 2em;
	background:#0070c0;
	color:#fff!important;
	min-width:30%
}


/*にこめあいこん*/
.left-side,
.right-side {
	display: flex;
}
.icon {
	width: 100px;
	text-align: center;
}
.icon img {
	max-width: 80px;
	max-height: 80px;
	border-radius: 50%;
}
.icon p {
	margin: 0px;
	word-wrap: break-word;
}
.bubble {
	margin-left: 20px;
	width: 90%;
	padding: 20px;
	border-radius: 10px;
	display: inline-block;
	background: #FFECF1;
	position: relative;
}
.bubble::before{
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	position: absolute;
}

.left-side .bubble::before{
	top: 15px;
	left: -20px;
	border-right-color: #FFECF1;
}

.bubble-r {
	margin-right: 20px;
	width: 90%;
	padding: 20px;
	border-radius: 10px;
	display: inline-block;
	background: #FFECF1;
	position: relative;
}
.bubble-r::after {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	position: absolute;
}

.right-side .bubble-r::after {
	top: 15px;
	left: 100%;
	border-left-color: #FFECF1;
}
@media screen and (max-width: 750px){
}