@charset "utf-8";


/* baseSet
-------------------------------------------------------------------------------------------------------- */




/* outline
-------------------------------------------------------------------------------------------------------- */
.outline-list			{ display:flex; flex-wrap:wrap; margin:0 -1rem 5rem; }
.outline-list dl		{ display:inline-flex; align-items:center; margin:0 1rem; width:calc(50% - 2rem); border-bottom:#ccc 1px solid; }
.outline-list dl:nth-child(-n+2)	{ border-top:#ccc 1px solid; }
.outline-list dl dt	{ padding:2rem 0; width:8rem; margin-right:3rem; font-weight:bold; }
.outline-list dl dd	{ padding:2rem 0; }
@media screen and (max-width: 768px) {
.outline-list			{ display:block; margin:0 0 5rem; }
.outline-list dl		{ display:block; margin:0; width:100%; }
.outline-list dl:nth-child(2)	{ border-top:none; }
.outline-list dl dt	{ padding:1.5rem 0 0; width:auto; }
.outline-list dl dd	{ padding:0.5rem 0 1.5rem 1em; }
}




/* flow
-------------------------------------------------------------------------------------------------------- */
.flow-before					{}
.flow-before .lead			{ text-align:center; margin-bottom:6rem; }
.flow-before figure		{ text-align:center; margin-bottom:8rem; }
.flow-before .row			{ display:flex; margin:0 -1.5rem; }
.flow-before .row .inBox			{ flex:1; margin:0 1.5rem; padding:2rem 2rem 1.8rem; text-align:center; border:#3670B9 1px solid; }
.flow-before .row .inBox .title	{ margin:-4rem 0 4rem; padding:1rem; font-size:2.0rem; font-weight:bold; color:#fff; background:#3670B9; }
.flow-before .row .inBox p		{ margin-bottom:4rem; }
.flow-before .row .inBox dl		{}
.flow-before .row .inBox dl dt	{ margin-bottom:1rem; color:#3670B9; font-weight:bold; }
.flow-before .row .inBox dl dd	{}
@media screen and (max-width: 768px) {
.flow-before .lead			{ margin-bottom:3rem; }
.flow-before figure		{ margin-bottom:0; }
.flow-before .row			{ display:block; }
.flow-before .row .inBox			{ margin:6rem 1.5rem 0; padding:1rem 1rem 1.0rem; }
.flow-before .row .inBox .title	{ margin:-3rem 0 2rem; padding:1rem; font-size:1.6rem; font-weight:bold; color:#fff; background:#3670B9; }
.flow-before .row .inBox p		{ margin-bottom:2rem; }
}

.flow-after				{}
.flow-after .lead		{ text-align:center; margin-bottom:6rem; }
.flow-after figure		{ margin-bottom:8rem; text-align:center; }
.flow-after figure img	{ padding:6rem; background:#fff; border-radius:2rem; }
.flow-after .txt			{}
@media screen and (max-width: 768px) {
.flow-after .lead		{ margin-bottom:3rem; }
.flow-after figure		{ margin-bottom:3rem; }
.flow-after figure img	{ padding:1rem; border-radius:0; }
}




/* supoort
-------------------------------------------------------------------------------------------------------- */
.support01			{}
.support01 .lead	{ margin-bottom:6rem; }
.support01 ol		{ display:flex; margin:0 -1.5rem 4rem; }
.support01 ol li	{ margin:0 1.5rem; flex:1; text-align:center; background:#FBFBF3; padding:2rem; border-radius:1rem; }
.support01 ol li .point	{ margin-top:-4rem; font-size:2.8rem; font-family: 'Passion One', cursive; }
.support01 ol li .point span	{ color:#3670B9; }
.support01 ol li p			{ font-weight:bold; line-height:1.6; }
@media screen and (max-width: 768px) {
.support01 .lead	{ margin-bottom:3rem; }
.support01 ol		{ display:block; margin:0 -1.5rem 2rem; }
.support01 ol li	{ margin:3rem 1.5rem 0; padding:2rem; border-radius:1rem; }
.support01 ol li .point	{ margin-top:-4rem; font-size:2.8rem; font-family: 'Passion One', cursive; }
.support01 ol li .point span	{ color:#3670B9; }
.support01 ol li p			{ font-weight:bold; line-height:1.6; }
}


.support02			{}
.support02 ol		{}
.support02 ol li			{ display:flex; margin-bottom:4rem; }
.support02 ol li .box	{ flex:2; }
.support02 ol li .box .point			{ font-size:2.4rem; font-family: 'Passion One', cursive; }
.support02 ol li .box .point span	{ color:#3670B9; }
.support02 ol li .box .title		{ margin-bottom:2rem; font-size:2.4rem; font-weight:bold; }
.support02 ol li .box .txt		{}
.support02 ol li figure		{ flex:1; margin-left:4rem; }


/* faq
-------------------------------------------------------------------------------------------------------- */
.faq-list				{}
.faq-list dl			{ margin-bottom:4rem; }
.faq-list dl dt	{ padding:2rem 0 2rem 6rem; color:#3670B9; font-weight:bold;  font-size:2.0rem; background:url(../images/guide/faq/ico_q.png) no-repeat left 1rem center; background-size:4rem; }
.faq-list dl dd	{ padding:2rem 2rem 2rem 6rem; border-radius:1rem; background:url(../images/guide/faq/ico_a.png) no-repeat left 1rem top 1rem #FBFBF3; background-size:4rem; }
@media screen and (max-width: 768px) {

.faq-list dl dt	{ padding:2rem 0 2rem 6rem; font-size:1.6rem; background:url(../images/guide/faq/ico_q.png) no-repeat left 1rem center; background-size:4rem; }
}