@charset "utf-8";
/* ページ見出し */
.body-guide .head2 .inner {
    background: url( ../img/guide/img_tit.png) no-repeat center right/ contain;
}
.section_guide_ex {
    margin-top: -3em!important;
}
#content ul.flow li {
    padding-left: 0;
    margin-bottom: 0.6em;
    background: #e0eef5;
    padding: 1em 2em;
    color: #333;
    border-radius: 0.7em;
    margin: 1em;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
#content ul.flow li {
    position: relative;
    padding: 0.8em 0.8em;
    margin-bottom: 2em;
}
#content ul.flow li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #e0eef5 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}
#content ul.flow li figure {
    padding: 1em 3em;
    margin-right: 2em;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5em;
    width: 280px!important;
}
#content ul.flow li .txt {
    width : calc(100% - 280px)!important;
}
#content ul.flow li.no-figure .txt {
    width : 100%!important;
}
@media screen and (max-width: 781px) {
#content ul.flow li {
    margin: 0;
    flex-direction: column-reverse;
    margin-bottom: 2em;
}
#content ul.flow li h5 {
    margin-bottom: 0.5em;
}
#content ul.flow li figure {
    padding: 1em 3em;
    margin-right: 2em;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5em;
    width: 100%!important;
}
#content ul.flow li .txt {
    width: 100%!important;
}
}

/***** FAQ *****/
#content ul.flow.faq li:after {
    content: none;
}
#content ul.flow.faq li {
	text-align: left!important;
	padding: 0;
	background: none;
	border-bottom: #7C7C7C dotted 1px;
	border-radius: 0;
}
#content ul.flow.faq li h5 {
	text-align: left!important;
	background: none;
	border-bottom: none;
	color: #333333;
	padding: 0;
	font-size: 0.20rem;
	text-indent: -2.3em;
	margin-left: 2.3em;
}
#content ul.flow.faq li p {
	padding: 0 2em 1em 3em;
	text-indent: -2.3em;
}
#content ul.flow.faq li h5.head5::before {
    content: "Q. ";
	font-size: 180%;
	color: #BE0F0F;
	font-weight: bold;
}
#content ul.flow.faq li p::before {
    content: "A. ";
	font-size: 200%;
	color: #3283df;
	font-weight: bold;
}