@charset "UTF-8";

.contents {padding-top:2em;}
.contents > .ptxt:nth-child(1) {padding:1em 1.5em 1.5em 1.5em; background:#fff; border:2px solid #3baaff; border-radius:0.6em; line-height:1.8;}
.contents > .ptxt:nth-child(1) span {display:inline-block; margin-bottom: 0.3em; color:#3baaff; font-family:'Noto Serif JP', serif; font-size:115%; font-weight:700;}
.contents > .ptxt:nth-child(1) p {margin-top:0.5em; font-size:90%; line-height:1.8;}

main h2 {line-height:1.6;}
main h3 {margin:1.5em 0 0 0; color:#444;}
main .ptxt > h3:nth-child(1) {margin-top:0;}
main h3 + p {margin-top:0.5em;}

main .ti12em {padding-left:1.25em; text-indent:-1.25em;}
main .pL_srv1 {padding-left:1.45em;}

dl.flow.arw {position:relative; margin-bottom:3em;}
dl.flow.arw::after {display:block; content:"▼"; position:absolute; width:1em; height:1em; bottom:-1.6em; left:calc(50% - 0.5em); transform:scale(1.5,1); color:#3baaff;}

ul.dot {}
ul.dot li {position:relative; padding:0 0 0 1.2em;}
ul.dot li::before {position:absolute; display:block; content:"●"; top:0; left:1.15em; color:#1d557f; text-indent:-1.2em;}


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

@media screen and (max-width:900px){  
  main .ptxt .btn {margin:1em 0 0 0; text-align:right;}
	main .ptxt .btn a {position:relative; display:inline-block; width:60%; padding:0.7em 0; background:#3baaff; border-radius:2em; color:#fff; line-height:1; text-align:center; text-decoration:none;}
	main .ptxt .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:39%; transform:rotate(45deg);}
  
  .contents > .ptxt:nth-child(1) span {font-size:110%;}
  
  dl.flow {width:100%; margin:0 auto 1.5em auto; padding:0 2em; background:#fff; border:2px solid #3baaff; border-radius:4px;}
	dl.flow dt {position:relative; padding:2em 0 1.5em 0; border-bottom:1px solid #ccc; color:#3baaff; font-size:110%; font-weight:600; line-height:1.3;}
	dl.flow dt span {display:block; padding:0.3em 0.5em; background:#e1f1e3;}
	dl.flow dd {padding:1.5em 0 2em 0; line-height:1.8;}

}



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

@media screen and (min-width:901px) {  
	main .ptxt .btn {margin:1.5em 0 0 0; text-align:right;}
	main .ptxt .btn a {position:relative; width:14em; padding:0.7em 0; display:inline-block; background:#3baaff; border-radius:2em; color:#fff; line-height:1; text-align:center; transition:0.3s;}
	main .ptxt .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:39%; transform:rotate(45deg);}
	main .ptxt .btn a:hover {opacity:0.8;}
  
  .contents > .ptxt:nth-child(1) {text-align:center;}
  .contents > .ptxt:nth-child(1) p {text-align:center;}
  
  .area2 .ptxt .fleft {width:35%;}
  .area2 .ptxt .fright {width:60%;}

  .area3 .ptxt .fleft {width:60%;}
  .area3 .ptxt .fright {width:35%;}

  dl.flow {width:100%; max-width:980px; margin:0 auto 1.5em auto; padding:0 3em; background:#fff; border:2px solid #3baaff; border-radius:4px;}
	dl.flow dt {position:relative; padding:2em 0 1.5em 0; border-bottom:1px solid #ccc; color:#3baaff; font-size:120%; font-weight:600; line-height:1.3;}
	dl.flow dt span {display:inline-block; margin-right:1em; padding:0.3em 0.5em; background:#e1f1e3;}
	dl.flow dd {padding:1.5em 0 2em 0; line-height:1.8;}

}


