@charset "UTF-8";

.arw {position:relative; display:block; width:3em; height:3em; margin:0 auto; padding:0; background:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgoJIHk9IjBweCIgd2lkdGg9IjMwMHB4IiBoZWlnaHQ9IjMwMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAwIDMwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDQwMDA7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMjMxLjUsMTEyLjI1IDE1MCwxODcuNzUgNjguNSwxMTIuMjUgIi8+Cjwvc3ZnPg==') center top no-repeat; background-size:contain; vertical-align:middle; text-decoration:none; font-size:1em;}
dl.step dt span {margin-right:0.5em;}

dl.step dt::before,
dl.step dt::after {display:none !important;}


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

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

  dl.faq {width:90%; margin:0 auto 1.5em auto; padding:0 2em; background:#fff; border:2px solid #004000;}
	dl.faq:last-child {margin-bottom:0;}
	dl.faq dt {position:relative; padding:2em 0 1.5em 2.8em; border-bottom:1px solid #ccc; 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:#f7fdf7;}
	dl.faq dt::after {position:absolute; display:block; content:'Q'; left:0.6em; top:2em; color:#004000; font-family:'Lato', sans-serif;}
	dl.faq dd {padding:1.5em 0 2em 0; font-size:95%; line-height:1.8;}

  dl.step {width:100%; margin:0 auto 1.2em auto; padding:0 2em; background:#fff; border:2px solid #004000; border-radius:4px;}
  dl.step dt {position:relative; padding:2em 0 1.5em 0; border-bottom:1px solid #004000; color:#004000; font-size:110%; font-weight:600; line-height:1.3;}
	dl.step dd {padding:1.5em 0 2em 0; line-height:1.8;}
	dl.step dd .img {width:114px;}
	dl.step dd .txt {margin-top:0.5em;}

}



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

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

  dl.faq {width:100%; margin:0 auto 1.5em auto; padding:0 2em; background:#fff; border:4px solid #004000;}
	dl.faq:last-child {margin-bottom:0;}
	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:#f7fdf7;}
	dl.faq dt::after {position:absolute; display:block; content:'Q'; left:0.6em; top:2em; color:#004000; font-family:'Lato', sans-serif;}
	dl.faq dd {padding:1.5em 0 2em 0; line-height:1.8;}

  dl.step {width:100%; margin:0 auto 0.5em auto; padding:0 3em; background:#fff; border:3px solid #004000; border-radius:5px;}
	dl.step dt {position:relative; padding:2em 0 1.5em 0; border-bottom:2px solid #004000; color:#004000; font-size:120%; font-weight:600; line-height:1.3; text-align:center;}
	dl.step dd {display:flex; justify-content:space-between; padding:1.5em 0 2em 0; line-height:1.8;}
	dl.step dd .img {width:114px;}
	dl.step dd .txt {width:calc(100% - 130px);}

}