@charset "UTF-8";

.tittle_img img{
width:100%;
}
.text2{
margin-left:auto;
margin-right: auto;
width:90%;
}
.rower-nav ul li{
vertical-align:middle;
}
.setup .tab-nav ul{
    border-left: none;
}
.type3{
height:64px;
line-height:28px !important;
}
.tab-nav ul li:first-child {
    border-left:solid 2px #2a64aa;
}

.rower-nav ul li.for-pc3a a{
padding: 41px 0;
}
.rower-nav ul li.for-pc4a a{
line-height:1.3rem;
}
.setup .section-setup .download-content .name .ico, .setup .section-format .download-content .name .ico{
width:100px;
}
.ico img{
max-width:70%;
}
.lih37_2 a{
line-height:39px;
}
/*.section-service ここから*/

.service-list .list-item img{
  width:90%;
  display:inline-block;
  margin:auto;
}

.service-list .list-item p{
  text-align: center;
}


/*.section-app ここから*/

.top .section-app .app-container .column{
  width:90%;
  margin: auto;
}

.top .section-app .app-container .download .group{
  width:90%;
}

.top .section-app .app-container .download .text{
  /*padding-left:50px;*/
  letter-spacing:0.1em;
}

.top .section-app .app-container .download .button-group .clear{
  width:95%;
  margin:auto;
  overflow: hidden;
}

.remodal .qr-container .os .notes{
 font-size:10px;
}
.accordion-content{
margin-top:20px;
}

.setup .section-format .step-container .section-step-1 .content-block .img{
margin-top:70px;
}
.setup .tab-nav ul li{
display:flex;
}
.setup .tab-nav ul li a{
display: inline-block;
width:100%;
}
.lih79{
line-height:79px;
}
.lih37{
line-height:37px;
}
.top .section-app .app-container .download .button-group .clear .left .type1,
.top .section-app .app-container .download .button-group .clear .right .type1{
width:82%;
font-size:75%;
}
.top .section-app .app-container .download .ico{
width:auto;
}

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

.service-list .list-item p.text{
height:50px;
}
.main .rower-nav ul li a{
word-break: break-all;
}
.type3{
height:48px;
line-height:24px !important;
}
.lih79 a{
height:23px;
margin-top:-8px;
padding-top:14px !important;
}
.lih37 a{
height:27px;
margin-top:-9px;
}
.lih37_2 a{
line-height:11px;
height:27px;
margin-top:-12px;
}
.top .section-app .app-container .download .button-group .button-app-store,
.top .section-app .app-container .download .button-group .button-google-play {
  display: block;
  font-size: 12px;
  line-height: 1.8;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.top .section-app .app-container .column .download .group .text{
padding-left:15px;
}
.ico img{
max-width:110%;
}
.top .section-app .app-container .download .group{
  width:100%;
}
.top .section-app .app-container .column{
 min-height: 200px;
}
.top .section-app .app-container :first-child.column{
padding-bottom:5px;
}
.setup .section-setup .download-content .name .ico, .setup .section-format .download-content .name .ico{
width:65px;
}
.top .section-app .inner{
padding-bottom:0px;
}
.button-group p{
font-size:12px;
}
.button-download{
position: static;
}
.footer .foot-nav ul li:nth-child(2), .footer .foot-nav ul li:nth-child(4){
width:auto;
}
.footer .foot-nav ul{
width:240px;
}
.setup .section-setup .boxed-complete dl dt, .setup .section-format .boxed-complete dl dt{
font-size:14px;
}
}

/*.boxed-caution ここから*/

.boxed-caution{
  width: 70%;
  margin:50px auto;
  padding: 19px 40px;
  border: 1px solid #fcc;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
}
.boxed-caution2{
  border: none;
  text-align: left;
  margin:0px auto;

}

.dot-text::before{
 content: '・';
  position: absolute;
  top: 0;
  left: 0;
}
.dot-text {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  text-align: left;
  line-height: 1.65;
}
.boxed-caution .attention{
  text-align:left;
  padding: 19px 40px;
  border: 1px solid #fcc;
  font-size: 14px;
  letter-spacing: 0.05em;
}


.boxed-caution .heading
{
  margin-top: 28px;
  margin-bottom: 44px;
  font-size: 22px;
  font-weight: 500;
  color: #f00;
}
.boxed-caution ul li{
  padding-left:8px;
  text-indent:-8px;
}
@media only screen and (max-width: 768px) {
.boxed-caution .attention{
  padding: 19px 20px;
}
.boxed-caution .attention, .boxed-caution .attention2{
font-size:12px;
}
.rower-nav ul li.for-pc3a a{
padding:20px 0;
}
.rower-nav ul li.for-pc3a a.faq{
padding:20px 0;
height:71px;
line-height:34px;
}
.rower-nav ul li.for-pc4a a{
line-height:1rem;
}

.rower-nav ul li.for-pc3a a.is-selected{
line-height:2rem;
}
.rower-nav ul li.for-pc3a a.is-selected2{
line-height:1rem;
}
.setup .section-format .boxed-caution .dot-text{
font-size:12px !important;
}
.setup .section-setup .boxed-caution .heading, .setup .section-format .boxed-caution .heading{
font-size:13px;
margin-top:19px;
margin-bottom:20px;
}
.setup .section-setup .boxed-caution, .setup .section-format .boxed-caution{
padding: 5px 10px 20px;
}
.setup .section-setup .boxed-caution .dot-text-2, .setup .section-format .boxed-caution .dot-text-2{
margin-top:21px;
}

}





.setup .tab-nav{
  width:70%;
}

.setup .tab-nav ul{
  display: flex;
}
.setup .tab-nav ul li{
  width:20%;
}
.setup .section-setup .download-content, .setup .section-format .download-content{
padding:42px 0px 60px 30px;
margin-top:10px;
}
.setup .section-setup .download-content .links, .setup .section-format .download-content .links{
margin-bottom:30px;
}
.setup .section-setup .download-content .button-qr, .setup .section-format .download-content .button-qr{
top:180px;
}
.setup .section-setup .section-step-3 :nth-of-type(3).content-block {
margin-top:0px;
}

@media only screen and (max-width: 768px) {
.setup .tab-nav ul li{
  width:20%;
  display: flex;
}
.setup .tab-nav ul li.is-selected::before{

}
.setup .tab-nav ul li a{
font-size:10px;
word-break:break-all;
}
.setup .step-container .section-step-4 :nth-of-type(1).content-block .boxed-caution .heading{
margin-top:19px;
margin-bottom:20px;
}
.setup .step-container .section-step-5 :nth-of-type(1).content-block .boxed-caution{
padding: 5px 10px 20px;
}



}






.section-step-1 .for-pc .arrow{
height:300px;
line-height:300px;
}


.section-step-2 .for-pc2 .arrow,
.section-step-3 .for-pc2 .arrow{
height:390px;
line-height:390px;
vertical-align:top;
display: inline-block;
}
.section-step-2 .for-pc3 .arrow{
height:354px;
line-height:354px;
vertical-align:top;
}
.section-step-1 .for-pc div{
display: inline-block;
}
.section-step-1 .for-pc div.large-arrow, .section-step-2 .for-pc div.large-arrow{
display: block;
}
.section-step-2 .for-pc div{
display: inline-block;
}
.section-step-3 .for-pc .arrow,
#dev-step-2 .for-pc .arrow,
.section-step-4 .for-pc .arrow,
#init .for-pc .arrow,
#switch .for-pc .arrow,
#help .section-step-4 .for-pc .arrow
{
height:253px;
line-height:253px;
vertical-align:top;
}
#help .for-pc .arrow{
height:354px;
line-height:354px;
}
.section-step-3 .for-pc .type1,
#dev-step-2 .for-pc .type1{
height:253px;
line-height:253px;
vertical-align:text-bottom;
}
.section-step-3 .for-pc .type2{
height:388px;
line-height:388px;
vertical-align:top;
}
.section-step-3 .for-pc div,
.section-step-4 .for-pc div{
display: inline-block;
}
.setup .section-setup .section-step-4{
margin-top:0px;
}

.setup .section-setup .section-step-1 :nth-of-type(2).content-block,
.setup .section-setup .section-step-2 :nth-of-type(2).content-block,
.setup .section-format .section-step-2 :nth-of-type(2).content-block,
.setup .section-setup .section-step-3 :nth-of-type(2).content-block{
margin-top:28px;
}
.table1{
font-size:18px;
color:black;
}
@media only screen and (max-width: 768px) {

/*.setup .section-setup .step-container .section-step-2 :nth-of-type(1).content-block{
padding-top: 29px;
padding-bottom: 15px;
}*/

.setup .section-setup .step-container .section-step-2 :nth-of-type(1).content-block .img{
width:180px;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}
.table1{
font-size:14px;
}
.setup .section-setup .step-container .section-step-1 :nth-of-type(3).content-block .img,
.setup .section-setup .step-container .section-step-2 :nth-of-type(2).content-block .img,
.setup .section-setup .step-container .section-step-3 :nth-of-type(3).content-block .img,
.setup .section-setup .step-container .section-step-3 :nth-of-type(4).content-block .img,
.setup .section-setup .step-container .section-step-3 :nth-of-type(5).content-block .img,
.setup .section-setup .step-container .section-step-3 :nth-of-type(6).content-block .img,
.setup .section-setup .step-container .section-step-3 :nth-of-type(7).content-block .img,
.setup .section-setup .step-container .section-step-3 :nth-of-type(8).content-block .img,
#unreg .step-container .section-step-1 :nth-of-type(1).content-block .img,
#unreg .step-container .section-step-1 :nth-of-type(3).content-block .img,
#unreg .step-container .section-step-2 :nth-of-type(1).content-block .img,
#unreg .step-container .section-step-2 :nth-of-type(2).content-block .img,
#init .step-container .section-step-1 :nth-of-type(1).content-block .img,
#init .step-container .section-step-1 :nth-of-type(2).content-block .img,
#init .step-container .section-step-1 :nth-of-type(3).content-block .img,
#init .step-container .section-step-1 :nth-of-type(4).content-block .img,
#init .step-container .section-step-1 :nth-of-type(5).content-block .img,
#switch .step-container .section-step-1 :nth-of-type(1).content-block .img,
#switch .step-container .section-step-1 :nth-of-type(2).content-block .img,
#switch .step-container .section-step-1 :nth-of-type(3).content-block .img,
#switch .step-container .section-step-2 :nth-of-type(1).content-block .img,
#switch .step-container .section-step-2 :nth-of-type(2).content-block .img,
#switch .step-container .section-step-2 :nth-of-type(3).content-block .img,
#switch .step-container .section-step-2 :nth-of-type(4).content-block .img,
#switch .step-container .section-step-2 :nth-of-type(5).content-block .img,
#help .step-container .section-step-1 :nth-of-type(1).content-block .img,
#help .step-container .section-step-1 :nth-of-type(2).content-block .img,
#help .step-container .section-step-1 :nth-of-type(3).content-block .img,
#help .step-container .section-step-2 :nth-of-type(1).content-block .img,
#help .step-container .section-step-2 :nth-of-type(2).content-block .img,
#help .step-container .section-step-2 :nth-of-type(3).content-block .img,
#help .step-container .section-step-2 :nth-of-type(4).content-block .img,
#help .step-container .section-step-2 :nth-of-type(5).content-block .img,
#help .step-container .section-step-3 :nth-of-type(1).content-block .img,
#help .step-container .section-step-3 :nth-of-type(2).content-block .img,
#help .step-container .section-step-3 :nth-of-type(3).content-block .img,
#help .step-container .section-step-3 :nth-of-type(4).content-block .img,
#help .step-container .section-step-4 :nth-of-type(1).content-block .img,
#help .step-container .section-step-4 :nth-of-type(2).content-block .img,
#help .step-container .section-step-4 :nth-of-type(3).content-block .img,
#help .step-container .section-step-4 :nth-of-type(4).content-block .img,
#help .step-container .section-step-4 :nth-of-type(5).content-block .img,
#help .step-container .section-step-4 :nth-of-type(6).content-block .img
{
width:178px;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}
.mt0{
margin-top:0px !important;
}

.setup .section-setup .step-container .section-step-2 :nth-of-type(2).content-block,
.setup .section-format .step-container .section-step-1 :nth-of-type(2).content-block,
.setup .section-format .step-container .section-step-2 :nth-of-type(2).content-block{
margin-top: 0;
padding-top: 0;
padding-bottom: 24px;
}
.setup .section-setup .download-content .links, .setup .section-format .download-content .links{
display:block;
position: static;
text-align:center;
}
.setup .section-setup .download-content .links, .setup .section-format .download-content .links img{
width:35%;
margin: auto;
}
.setup .section-setup .step-container .download-content .ico, .setup .section-format .step-container .download-content .ico{
float:none;
}
.setup .section-setup .boxed-complete dl,
.setup .section-format .boxed-complete dl{
width:90%;
margin: auto;
}
/*.setup .section-format .step-container .section-step-1 .content-block .title::before{
top:0px !important;
}*/


.top .section-app .app-container .download .button-group{
display:block;
}

.top .section-app .app-container .download .button-group .for-pc{
display:none;
}
.top .section-app .app-container .column .download button.for-sp{
display:block !important;
}
.button-download{
background-color:#eff4f7;
border-bottom: none;
padding:0;
}
}



#release-step-1 .for-pc .arrow,
#switch-step-1 .for-pc .arrow{
height:300px;
line-height:300px;
vertical-align:top;
}

#release-step-1 .for-pc2,
#release-step-2 .for-pc2, 
#switch-step-1 .for-pc2,
#help-step-1 .for-pc2,
#help-step-2 .for-pc2{
width: auto;
}

#switch-step-1 .for-pc .arrow{
height:253px;
line-height:253px;
vertical-align:top;
}


.f_left{
float:left;
}
.f_right{
float:right;
}
.w_70{
width:70% !important;
}
.w_40{
width:40%;
}
.w_39{
width:39%;
}
.w_26{
width:26%;
}
.w_23{
width:23%;
}
.w_20{
width:20%;
}
.w_10{
width:10%;
}
.w_9{
width:9%;
}
.mt20{
margin-top:20px;
}
.mt70{
margin-top:70px;
}
.center{
text-align:center;
}
  
.clear:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  




.operation .slider-container .slider-paginate ul li.is-selected{
margin-right:-1px;
}


/*appページ*/

.operation .slider-container .slider-paginate ul li{
width:120px;
text-indent:0px;
margin-right:-1px;
}




**************************************************



.setup .section-setup .section-step-2 .content-block:nth-of-type(1) .img-2 {
  position: static;
  top: 31px;
  right: 33px;
  width: 186px;
}


.for-pc2{
margin: auto; 
width: 70%; 
}

.for-pc3{
margin: auto; 
width: 95%; 
}

.for-pc2 .img-3{
width: 50% !important;
line-height: 20px !important;
font-size: 80%;
/*margin-top: 50px;*/
}
.for-pc2 .img-2{
width: 30% !important;
text-align: center; 
line-height: 300px !important;
}
.for-pc2 .img-1{
width: 50% !important;
}
.setup .section-setup .boxed-complete .complete-text,
.setup .section-format .boxed-complete .complete-text{
width:70%;
margin:auto;
}
/*.setup .section-setup .section-step, 
.setup .section-format .section-step{
margin-top:0px;
}*/


.setup .section-format .boxed-complete2 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  background-color: #eff4f7;
}
.help{
background: #C6E2F6; 
margin: 100px 0px 0px; 
padding: 20px 20px 20px 30px;
text-indent:-10px; 
/*height: 30px;*/ 
line-height: 30px;
font-size:14px;
}


@media only screen and (max-width: 768px) {
  .for-pc2 {
    display: none;
  }
  .list-item{
  width:15%;
  font-size:10px;
  word-break:break-all;
  margin:auto;
  }
.nav_small .tab-nav{
width:600px;
}
 .tab-nav{
 width:100% !important; 
 overflow-x: auto;
 overflow-y:hidden;
 margin:auto;
 padding-bottom:7px;
 }
 .tab-nav ul{
 width:600px !important;
 margin: auto;
 }
 .tab-nav ul li a{
 position: relative;
 top:13%;
 } 
}