@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.check {}
ul.check li {position:relative; padding:0 0 0 1.6em;}
ul.check li::before {position:absolute; display:block; content:""; width:1.2em; height:1.2em; top:0.5em; left:0; background:url("../../common/images/icon_check.png") center center no-repeat; background-size:contain;}


/*********************************
 * ～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;}

}