@charset "UTF-8";

main h2 {margin-top:0;}

/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){

	main {padding:3.5em 0;}

  dl.faq {width:96%; margin:0 auto 1.5em auto; padding:0 2em; background:#fff; border:2px solid #78c8e6; border-radius:4px;}
	dl.faq dt {position:relative; padding:2em 0 1.5em 2.8em; border-bottom:1px solid #ccc; font-size:110%; font-weight:600; line-height:1.3;}
	dl.faq dt::before {position:absolute; display:block; content:''; width:2em; height:2em; left:0; top:1.7em; background:#F3FBFF; border-radius:50%;}
	dl.faq dt::after {position:absolute; display:block; content:'Q'; left:0.6em; top:2em; color:#78c8e6;}
	dl.faq dd {padding:1.5em 0 2em 0; font-size:90%; line-height:1.8;}
  
  main .area3 {width:96%; margin:1.5em auto 0 auto; padding:2em 2em; background:#fff; border:3px solid #78c8e6;}
	main .area3 .ptxt {width:100%; margin:0;}
  main .area3 .ptxt .fleft {font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  main .area3 .ptxt .fright {padding-top:0.6em;} 
	main .area3 .no {margin:0;}
	main .area3 .no span {padding:0.1em 1em; background:#78c8e6; border-radius:1em; color:#fff;}
	main .area3 .ttl {margin-top:0.5em; color:#78c8e6; font-size:115%; font-weight:700;}
	main .area3 .name {margin-top:2em; line-height:1.6;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

	main {padding:4.5em 0;}

  dl.faq {width:91%; max-width:980px; margin:0 auto 1.5em auto; padding:0 3em; background:#fff; border:2px solid #78c8e6; border-radius:4px;}
	dl.faq dt {position:relative; padding:2em 0 1.5em 2.8em; border-bottom:1px solid #ccc; font-size:120%; font-weight:600; line-height:1.3;}
	dl.faq dt::before {position:absolute; display:block; content:''; width:2em; height:2em; left:0; top:1.7em; background:#F3FBFF; border-radius:50%;}
	dl.faq dt::after {position:absolute; display:block; content:'Q'; left:0.6em; top:2em; color:#78c8e6;}
	dl.faq dd {padding:1.5em 0 2em 0; font-size:90%; line-height:1.8;}

  main .area3 {width:91%; max-width:980px; margin:2em auto 0 auto; padding:2em 3em; background:#fff; border:3px solid #78c8e6;}
	main .area3 .ptxt {display:flex; position:relative; align-items:center; justify-content:space-between; width:100%; margin:0;}
  main .area3 .ptxt .fleft {width:50%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  main .area3 .ptxt .fright {width:45%; padding-top:0.6em;} 
	main .area3 .no {margin:0;}
	main .area3 .no span {padding:0.1em 1em; background:#78c8e6; border-radius:1em; color:#fff;}
	main .area3 .ttl {margin-top:0.5em; color:#78c8e6; font-size:140%; font-weight:700;}
	main .area3 .name {margin-top:2em; line-height:1.6;}

}