@charset "UTF-8";

/*.contents > h2:first-child {margin-top:0;}*/

.arw {position:relative; display:block; width:3em; height:5em; margin:0 auto; padding:0; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgoJIHk9IjBweCIgd2lkdGg9IjMwMHB4IiBoZWlnaHQ9IjMwMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAwIDMwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM0ZDk3NDU7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMjMxLjUsMTEyLjI1IDE1MCwxODcuNzUgNjguNSwxMTIuMjUgIi8+Cjwvc3ZnPg==') center center no-repeat; background-size:contain; vertical-align:middle; text-decoration:none; font-size:1em;}
/*.arw::before,
.arw::after {position:absolute; top:0; bottom:1em; left:0; margin:auto; content:""; vertical-align:middle;}
.arw::before {width:2em; height:1em; top:0; left:1.4em; border:2em solid transparent; border-left:2em solid #4d9745; box-sizing: border-box;}
.arw::after {width:3.8em; height:1.8em; left:0.2em; border-left:1.6em solid #4d9745;}*/

ul.dot {}
ul.dot li {position:relative; padding:0 0 0 1em;}
ul.dot li::before {position:absolute; display:block; content:"●"; top:0; left:0; color:#4d9745;}



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

@media screen and (max-width:900px){
  
  .area3 .ptxt .fright {width:60%; padding:0 0 0.5em 0;}

  dl.flow {width:100%; margin:0 auto; padding:0 2em; background:#fff; border:2px solid #4d9745; border-radius:4px;}
  dl.flow dt {position:relative; padding:2em 0 1.5em 0; border-bottom:1px solid #4d9745; color:#4d9745; font-size:110%; font-weight:600; line-height:1.3;}
	dl.flow dd {padding:1.5em 0 2em 0; line-height:1.8;}
  
  .arw {height:3em;}

}



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

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

  dl.flow {width:100%; margin:0 auto; padding:0 3em; background:#fff; border:3px solid #4d9745; border-radius:5px;}
	dl.flow dt {position:relative; padding:2em 0 1.5em 0; border-bottom:2px solid #4d9745; color:#4d9745; font-size:120%; font-weight:600; line-height:1.3; text-align:center;}
	dl.flow dd {padding:1.5em 0 2em 0; line-height:1.8;}

}