@charset "utf-8";
/* CSS Document */

#app_portal_method-body { background: #ffffff; background-image: url(/pages/app-portal/method/assets/image/t01-bg.png); background-repeat: repeat-x; background-position: center top; }
#app_portal_method-body .content { width: 1000px; padding: 0 0; margin: 0 auto; }
#app_portal_method-body .content .ttl { width: 100%; padding: 45px 0 20px; border-bottom: #CCCCCC 1px solid; position: relative; }
#app_portal_method-body .content .ttl .btn1 { position: absolute; bottom: 60px; left: 250px; }
#app_portal_method-body .content .ttl .btn2 { position: absolute; bottom: 60px; left: 520px; }
#app_portal_method-body .content .section1 { width: 100%; padding: 40px 0 20px; position: relative; }
#app_portal_method-body .content .section1 .btn1 { position: absolute; bottom: 10px; right: 20px; }
#app_portal_method-body .content .section2 { width: 100%; padding: 20px 0 35px; border-bottom: #CCCCCC 1px solid; }
#app_portal_method-body .content .section3 { width: 100%; padding: 15px 0 30px; }
#app_portal_method-body .content .section3 .method { width: 100%; padding: 0 0 25px; }
#app_portal_method-body .content .section3 .method01 { position: relative; }
#app_portal_method-body .content .section3 .method01 .btn1{ position: absolute; top: 58px; right: 260px; }
#app_portal_method-body .content .section3 .method01 .btn2{ position: absolute; top: 58px; right: 20px; }
#app_portal_method-body .content .section3 .method01 .btn3{ position: absolute; top: 74px; right: 20px; }
#app_portal_method-body .content .section3 .method + .method { width: 100%; padding: 0 0 40px; background-image: url(/pages/app-portal/method/assets/image/yajirush1.png); background-repeat: no-repeat; background-position: center 97%; }
#app_portal_method-body .content .section4 { width: 100%; padding-bottom: 40px; }
#app_portal_method-body .content .section4 div{ width: 100%; }
.sw-elm .pc,.sw-elm .sp{ display: none; }
.sw-elm .pc{ display: block; }
.sw-elm img.pc{ display: inline; }


@media screen and (max-width: 480px){ /*1112px以下のcss*/
	.sp-none{ display: none; }
	.sw-elm .pc,.sw-elm img.pc{ display: none; }
	.sw-elm .sp{ display: block; }
	.sw-elm img.sp{ display: inline; }
  #app_portal_method-body { background: #ffffff; background-image: none; }
  #app_portal_method-body .content{ margin: 0; padding: 0; width: 100%; text-align: center; }
  #app_portal_method-body .content .ttl { width: 100%; padding: 0 0 90px; border-bottom: #CCCCCC 1px solid; position: relative; }
  #app_portal_method-body .content .ttl .btn1 { width: 45%; position: absolute; bottom: 25px; left: 2.5%; }
  #app_portal_method-body .content .ttl .btn2 { width: 45%; position: absolute; bottom: 25px; left: 52.5%; }
  #app_portal_method-body .content .section1 { width: 95%; padding: 22px 0 90px; position: relative; left:0; right:0; margin:0 auto; text-align: center; }
  #app_portal_method-body .content .section1 .btn1 { position: absolute; bottom: 8px; left:0; right:0; margin:0 auto; }
  #app_portal_method-body .content .section2 { width: 100%; padding: 20px 0 20px; border-bottom: #CCCCCC 1px solid; }
  #app_portal_method-body .content .section3 { width: 95%; padding: 20px 0 10px; margin:0 auto; }
  #app_portal_method-body .content .section3 .method01 .btn1{ width: 45%;  position: absolute; top: 100px; left: 2.5%; }
  #app_portal_method-body .content .section3 .method01 .btn2{ width: 45%;  position: absolute; top: 100px; left: 52.5%; }
  #app_portal_method-body .content .section3 .method01 .btn3{ width: 90%; position: absolute; top: 100px; left:0; right:0; margin:0 auto; }
  #app_portal_method-body .content .section4 { width: 95%; padding-bottom: 40px; margin:0 auto; }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
}