@charset "utf-8";

h1,h2,h3,h4,div,dl,dt,dd,ul,li,span,nav,p{box-sizing: border-box;}

.br-pc { display:block; }
.br-sp { display:none; }

.hiddenPc{
visibility: hidden;
display: none;
width: 0px;
height: 0px;
}

/*アコーディオン*/
.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
display: block;
position: relative;
margin: 0;
padding: 4%;
font-size: 1.25em;
font-weight: normal;
color: #fff;
background: #a1a1a1;
border-radius: 10px;
cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  background-color: #322c0c;
  color: white;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title{
position: relative;
text-align: center;
padding: 4% 0%;
}

.accordion-content {
display: none;
padding: 2% 4%;
border-radius: 10px;
}

/* CSS for CodePen */
.accordion-container {
width: 100%;
margin: 2% auto;
}

.accordion-container .accordion-title {
  position: relative;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50px;
  right: 25px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #fff;
}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 35px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}



/* スライダー */
.swiperbox {
position: relative;
width: 100%;
height: 400px;
}

.swiper {
width: 100%;
height: 300px;
}


.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
  text-align: center;
}

.swiper-slide:nth-child(3n + 1) {
  background-color: #de4439;
}

.swiper-slide:nth-child(3n + 2) {
  background-color: #fcd500;
}

.swiper-slide:nth-child(3n + 3) {
  background-color: #53c638;
}

.swiper-pagination{
position: absolute;
top: 340px;}

.swiper-pagination-bullets {
  position: static;
  margin-top: 16px;
} 

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #333 !important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

.CatYeh2,.CatOrh2{
width: 100%;
padding: 2% 0%;
text-align: center;
}

.CatYeh2{background: #f8d749;margin: 0px auto 30px auto;}
.CatOrh2{background: #ff4c00;margin: 0px auto;}

.CatTitle{
width: 100%;
height: 100%;
max-height: 250px;
margin: 0px auto 30px auto;
padding: 0%;
text-align: center;
background: url(../img/bg_title.png) repeat-x;
}



/*ヘッダー*/
header{
position: fixed;
top: 0px;
width: 100%;
margin: 0px auto;
padding: 0%;
background: #fff;
z-index: 10000;
}
#headOuter{

	width: 100%;
max-width: 1080px;
margin: 0px auto;
padding: 1% 0%;
background: #fff;
}

#headOuter h1{float: left;}
#headOuter h1 img{
width: 100%;
max-width: 322px;
}

#NaviWrap{float: right;}
#NaviBtnBox {}
#NaviBtnBox li{
float: left;
margin: 0px;
padding: 0%;
text-align: center;
}
#NaviBtnBox li img{
width: 95%;
margin: 0px;
padding: 0%;
}

#NaviSubBox {
padding: 2%;
text-align: right;
}
#NaviSubBox li{
display: inline-table;
padding: 0% 0% 0% 2%;
font-size: 1.1em;
}

/*下部固定追従*/
#FixEntryPcWrap{
position: fixed;
width: 65px;
top:20%;
right: 0px;
margin: 0px;
padding: 0px;
}

#FixEntryPcWrap ul{
list-style: none;
}

#FixEntryPcWrap ul li{width: 100%;margin: 0px 0px 30px 0px;}
#FixEntryPcWrap ul li img{width: 100%;}
#FixEntryPcWrap ul li img:hover{opacity: 0.7;}

/*他の携帯会社で契約できないワケありの方でも大丈夫！*/
#FvImgWrap{
width: 100%;
margin: 100px auto 0px auto;
padding: 50px 0px 0px 0px;
background: url(../img/bg_fv.webp?=01);
}

#FvImgBox{
width: 100%;
max-width: 1080px;
margin: 0px auto;
padding: 0%;
}

#FvMainUl {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
text-align: center;
}

#FvMainUl::after{
content: "";
display: block;
width: 50%;
}

#FvMainUl li{width: 50%;}

#FvTxtLi {
width: 100%;
padding: 30px 0px 0px 0px;
list-style: none;
}

#FvTxtLi li img{
width: 200%;
margin: 0px 0px 30px 0px;

}

#FvMainUl li h2 img {width: 130%;}
#FvImgBoxR img{width: 70%;}

/*3分でカンタン！ ネット申し込み*/
#FvEntryWrap{
width: 100%;
margin: 0px auto;
padding: 0px;
background: #f8d749;
}

#FvEntryBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 30px 0px 80px 0px;
text-align: center;
}

#FvEntryBox p{
margin: 0px auto 30px auto;
font-size: 1.8em;
font-weight: bold;
}

#FvEntryBox p img{
width: 90%;
margin: 0px auto 30px auto;
}

#FvButton{
margin: 0px auto;
}

#FvEntryWrap #FvEntryBox .EntryABox p{
font-size: 1.4em !important;
font-weight: normal !important;
margin: -10px auto 0px auto  !important;
}



/*携帯電話契約でお悩みの方は是非ご相談ください！*/
.EntryAWrap{
width: 100%;
margin: 0px auto;
padding: 80px 0px;
background: #fdf5d1;
}

.EntryABox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 0%;
}

.EntryABox ul {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

.EntryABox ul::after{
content: "";
display: block;
width: 49%;
}

.EntryABox ul li{
width: 49%;
}

.EntryABox ul li img{
width: 95%;
margin:0px 0px 20px 0px; 
}

.EntryABox ul li dl{
width: 100%;
margin: 0px auto;
padding: 0% 5% 5% 5%;
font-size: 1.3em;
}

.EntryABox ul li dl dt{
display: inline-table;
width: 25%;
margin: 0px ;
padding: 1%;
color: #ff4c00;
text-align: center;
}
.EntryABox ul li dl dd{
display: inline-table;
width: 75%;
margin: 0px ;
padding: 0%;
}

.EntryABox ul li p{
padding: 0% 6%;
font-size: 1.3em;
}

.EntryTitle{
width: 100%;
background: #f8d749;
text-align: center;
}

.EntryTitle span{
display: block;
width: 360px;
padding: 1%;
margin: 0px auto 20px auto;
background: #251714;
text-align: center;
border-radius: 0px 0px 10px 10px;
}



/*ご安心ください！！スカイセブンモバイル 大阪十三店はそのようなお悩みを全て解決できます！*/
#SolutionWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

#WorriesBox{
position: relative;
width: 100%;
max-width: 1000px;
height: 370px;
margin: 80px auto 0px auto;
padding: 0%;
background: url(../img/bg_worries_pc.png?=v1) no-repeat;
background-size: cover;
}

#WorriesBox ul{
position: absolute;
top: 60px;
left: 50px;
font-size: 30px;
line-height: 1.8em;
font-weight: bold;
list-style: none;
}

#WorriesBox ul li { list-style:none; }
#WorriesBox ul li:before { content:"●"; color: #ff4c00;margin:0px 10px 0px 0px;}



/*スカイセブンモバイル 大阪十三店が選ばれる3つの理由*/
#ThreeWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

#ThreeWrap ul {
width: 100%;
margin: 0px auto 60px auto; 
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#ThreeWrap ul::after{
content: "";
display: block;
width: 49%;
}

#ThreeWrap ul li{
width: 49%;
text-align: center;
}

#ThreeWrap ul li dl dt{
padding: 3%;
font-size: 2.1em;
font-weight: bold;
}

#ThreeWrap ul li dl dt span img{
width:20%;
margin: 0px auto 20px auto;
}

#ThreeWrap ul li dl dd{
padding: 0% 7%;
font-size: 1.2em;
line-height: 1.5em;
text-align: left;
}

#ThreeWrap ul li dl dd a{
display: block;
width: 60%;
margin: 20px auto;
padding: 2%;
color: #fff;
text-align: center;
background: #ff4c00;
border-radius: 30px;
}

#ThreeWrap ul li div img{
width: 90%;
text-align: center;
}



/*かけ放題&豊富なパケットプランをご用意！*/
#PlanWrap{
width: 100%;
margin: 80px auto;
padding: 0%;
}

#PlanBox{
width: 100%;
max-width: 1080px;
margin: 0px auto;
padding: 0%;
}

#PlanBox ul {
width: 100%;
margin: 0px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#PlanBox ul::after{
content: "";
display: block;
width: 49%;
}

#PlanBox li{
width: 49%;
padding: 0%;
background: #fff;

}

#PlanBox li img{width: 100%;}

.PlanText{
width: 100%;
height: 100%;
max-height: 140px;
background: #fdf5d1;
margin: 0px auto 30px auto;
padding: 3%;
font-size: 1.2em;
line-height: 1.6em;
border-radius: 0px 0px 10px 10px;
}



/*料金プラン*/
#RateWrap{
width: 100%;
max-width: 1280px;
margin: 80px auto;
padding: 0%;
}

#RateWrap h3{
width: 100%;
margin: 0px auto 80px auto;
text-align: center;
}

#RateWrap p {
font-size: 1em;
line-height: 1.7em;
}

#RateWrap p img{
width: 100%;
margin: 0px auto 40px auto;
}



/*初期費用*/
#CostWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

#CostBox{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
background: #fdf5d1;
border-radius: 10px;
}

#CostBox h3{
width: 100%;
margin: 0px auto 30px auto;
padding: 2%;
background: #f8d749;
font-size: 1.5em;
text-align: center;
border-radius: 10px 10px 0px 0px;
}

#CostBox ul {
width: 95%;
margin: 0px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#CostBox ul::after{
content: "";
display: block;
width: 49%;
}

#CostBox li{
width: 49%;
padding: 0%;
background: #fff;
font-size: 1.5em;
border-radius: 10px 10px 0px 0px;
}

#CostBox li dl dt{
width: 100%;
padding: 4%;
background: #fff;
font-size: 1em;
color: #ff4c00;
text-align: center;
border-bottom: solid 2px #ff4c00;
}

#CostBox li dl dd{
width: 100%;
padding: 4%;
}

#CostL{
text-align: center;
font-size: 1.4em;
margin: 2.5% auto 0% auto;
padding: 0%;
}

#CostR{
font-size: 0.7em;
line-height: 1.5em;
margin: 0px auto;
padding: 0%;
}

#CostBox p {
width: 95%;
margin: 0px auto;
padding: 2% 0%;
font-size: 1em;
line-height: 1.5em;
}



/*特別特典実施中*/
#SpecialWrap{
width: 100%;
margin: 0px auto;
padding: 0%;
background: #ffede5;
}

#SpecialBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 60px 0px;
}

#SpecialBox h3{
margin: 0px auto 20px auto;
font-size: 1.7em;
line-height: 1.8em;
}

#SpecialBox p {
font-size: 1.3em;
}

#SpecialBox p img{
width: 100%;
margin: 0px auto 30px auto;
}



/*お支払いについての注意事項*/
#PaymentWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}



/*ご契約前に必ずお読みください！*/
.Bgg1{background: #ececec;}
.BcontractC{
padding: 3%;}
.BcontractC li{font-size: 1.2em;line-height: 1.5em;padding: 0% 0% 2% 0%;}
.BcontractC li:last-child{padding: 0%;}



/*お申し込み方法*/
#ApplyWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

.ApplyBox{
width: 100%;
margin: 0px auto 50px auto;
padding: 0%;
background: #fdf5d1;
border-radius: 10px;
}

.ApplyBox h3{
width: 100%;
margin: 0px auto 30px auto;
padding: 2%;
background: #f8d749;
font-size: 1.5em;
text-align: center;
border-radius: 10px 10px 0px 0px;
}

.ApplyStepWrap{
width: 90%;
margin: 3% auto;
padding: 0% 0% 2% 0%;
}

.ApplyStepBox{
width: 100%;
margin: 0px auto 20px auto;
padding: 0%;
}

.ApplyStepBox span{
display: block;
width: 15%;
margin: 0px auto;
padding: 1% 2%;
background: #ff4c00;
font-size: 1.5em;
color: #fff;
text-align: center;
border-radius: 10px 10px 0px 0px;
}

.ApplyStepBox dl{
width: 100%;
margin: 0px auto 10px auto;
padding: 2% 3%;
background: #fff;
font-size: 1.3em;
border-radius: 10px;
}

.ApplyStepBox dl dt{
width: 25%;
display: inline-table;
margin: 0px auto;
padding: 0%;
vertical-align: middle;
text-align: center;
color: #ff4c00;
font-weight: bold;
}

.ApplyStepBox dl dd{
display: inline-table;
margin: 0px auto;
padding: 0%;
line-height: 1.5em;
vertical-align: middle;
}



/*必要書類*/
#RequiredWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

#RequiredUl {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#RequiredUl::after{
content: "";
display: block;
width: 49%;
}

#RequiredUl li{
width: 49%;
}

.RequiredBox{
width: 100%;
height: 100%;
max-height: 440px;
background: #fdf5d1;
border-radius: 10px;
}

.RequiredBox h4{
width: 100%;
margin: 0px auto;
padding: 2%;
background: #f8d749;
font-size: 1.5em;
text-align: center;
border-radius: 10px 10px 0px 0px;
}

.RequiredList{
width: 100%;
margin: 0px;
padding: 5%;
}

.RequiredList ul {
margin: 0px 0px 10px 0px;
list-style: disc;
list-style-position: inside;
}

.RequiredList ul li{
width: 100% !important;
margin: 0px;
padding: 0%;
font-size: 1.2em;
line-height: 1.7em;
}

.RequiredList p {
width: 100%;
margin: 0px;
padding: 1% 0% 0% 0%;
font-size: 1.2em;
line-height: 1.7em;
}



/*端末（スマートフォンについて）*/
#SmartPWrap{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

#SmartPWrap p{
font-size: 1.1em;
line-height: 1.6em;
}

#SmartPBox{
width: 100%;
margin: 0px auto;
padding: 0%;
}

#SmartPUlA {
width: 100%;
margin: 0px auto;
padding: 0%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
text-align: center;
}

#SmartPUlA::after{
content: "";
display: block;
width: 49%;
}

#SmartPUlA li{width: 49%;margin: 30px 0px;}
#SmartPUlA li img{width: 100%;}
#SmartPUlB {
width: 100%;
margin: 0px auto 30px auto;
list-style-position: inside;
list-style-type:disc;
}
#SmartPUlB li{font-size: 1.2em;line-height: 1.6em;}

#SmartPBox h3{
width: 35%;
margin: 0px auto 30px auto;
padding: 2% 0%;
font-size: 1.5em;
text-align: center;
border-bottom: solid 10px #f8d749;
}

#SmartPUlC {
width: 100%;
margin: 0px auto;
padding: 0%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
text-align: center;
}

#SmartPUlC::after{
content: "";
display: block;
width: 32%;
}

#SmartPUlC li{width: 32%;margin: 30px 0px;}
#SmartPUlC li {
padding: 2% 1%;
background: #f8d749;
border-radius: 10px;
}
#SmartPUlC li h4{
margin: 0px 0px 10px 0px;
padding: 0%;
}

#SmartPUlC li p{
margin: 10px 0px 0px 0px;
font-size: 1.2em;
line-height: 1.4em;
text-align: left;
}

#SmartPUlC li img{width: 100%;}



/*ご利用いただいたお客様の声*/
#VoiceWrap{
width: 100%;
margin: 80px auto;
padding: 0%;
}

#VoiceBox{
width: 100%;
max-width: 1080px;
margin: 0px auto;
padding: 0%;
}

.VoiceMens,.VoiceWomens{
width: 100%;
max-width: 1000px;
margin: 0px auto 40px auto;
padding: 1.5%;

border: solid 2px #f8d749;
border-radius: 10px;
}

.VoiceMens{background: #c8ebfd;}
.VoiceWomens{background: #fedbf9;}

.VoiceIcon{float: left;width: 15%;}
.VoiceIcon img{width: 100%;}

.VoiceTxt{float: left;width: 85%;}
.VoiceMens .VoiceTxt dl dt,.VoiceWomens .VoiceTxt dl dt{
float: left;
width: 10%;
margin: 0px;
padding: 5% 0% 0% 0%;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}

.VoiceMens .VoiceTxt dl dd,.VoiceWomens .VoiceTxt dl dd{
float: left;
width: 90%;
margin: 0px auto;
padding: 0% 2%;
font-size: 1.3em;
line-height: 1.7em;
}



/*アクセス*/
#AccessWrap{
width: 100%;
margin: 80px auto;
padding: 0%;
}

#AccessBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 0%;
}

#AccessBox h3{
width: 18%;
margin: 0px auto 30px auto;
padding: 0% 0% 1% 0%;
font-size: 1.5em;
text-align: center;
border-bottom: solid 10px #f8d749;
}

#AccessUl1 {
width: 100%;
margin: 0px auto 30px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#AccessUl1::after{
content: "";
display: block;
width: 33%;
}

#AccessUl1 li{
width: 33%;
margin: 0px 0px 20px 0px;
text-align: center;
line-height: 1.3em;
}

#AccessUl1 li div {
width: 100%;
border-radius: 10px;
margin: 20px 0px 10px 0px;
}

#AccessUl1 li div img{
width: 90%;
}

#AccessUl2 {
width: 100%;
margin: 0px auto 30px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#AccessUl2::after{
content: "";
display: block;
width: 49%;
}

#AccessUl2 li{
width: 49%;
margin: 0px;
padding: 0%;
background: #fdf5d1;
border-radius: 10px;
line-height: 1.3em;
}

#AccessUl2 li dl dt{
width: 100%;
margin: 0px auto;
padding: 3%;
background: #f8d749;
font-size: 1.3em;
line-height: 1.3em;
text-align: center;
border-radius: 10px 10px 0px 0px;
}

#AccessUl2 li dl dd{
width: 100%;
margin: 0px auto;
padding: 3%;
font-size: 1.1em;
line-height: 1.6em;
}

#AccessUl2 li dl dt #IcoTrain,#AccessUl2 li dl dt #IcoCar{
display: inline-table;
height: 36px;
vertical-align: middle;
}

#AccessUl2 li dl dt #IcoTrain{
width: 27px;
margin: 0px 8px 0px 0px;
background: url(../img/ico_train.png) no-repeat;
background-size: cover;
}

#AccessUl2 li dl dt #IcoCar{
width: 47px;

margin: 3px 0px -3px 0px;
background: url(../img/ico_car.png) no-repeat;}
background-size: cover;
}


/*会社概要*/
#CompanyWrap{
width: 100%;
margin: 0px auto;
padding: 0%;
}

#CompanyBox{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 0%;
}

#CompanyBox ul {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

#CompanyBox ul::after{
content: "";
display: block;
width: 49%;
}

#CompanyBox ul li{
width: 49%;
}

#CompanyBox ul li table{
width: 100%;
height: 100%;
max-height: 280px;
margin: 0px auto;
padding: 0%;
background: #fdf5d1;
border-radius: 10px;
}

#CompanyBox ul li table tr th,#CompanyBox ul li table tr td{
margin: 0px auto;
padding: 3%;
line-height: 1.3em;
border-bottom: solid 1px #fff;
}

#CompanyBox ul li table tr th{
width: 30%;
background: #f8d749;
}

#ComTL{border-radius: 10px 0px 0px 0px;}
#ComBL{border-radius: 0px 0px 0px 10px;}

#CompanyMap iframe{
border-radius: 10px;
height: 280px;
}



/*よくあるご質問*/
#FaqWrap{
width: 100%;
margin: 80px auto;
padding: 0%;
}

#FaqBox{
width: 100%;
max-width: 1000px;
margin: 80px auto;
padding: 2%;
background: #fdf5d1;
border-radius: 10px;
}

#FaqBox dl {
width: 100%;
margin: 0px;
padding: 2% 0%;
font-size: 1.2em;
line-height: 1.7em;
border-bottom: solid 2px #f8d749;
}

#FaqBox dl:last-child {
border-bottom: none;
}

#FaqBox dl dt{
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0%;
}



/*サブページ*/
#SubFvWrap{
width: 100%;
height: 285px;
margin: 120px auto 0px auto;
background-size:cover;
}

#BreadListWrap{
width: 100%;
max-width: 1000px;
margin: 0px auto;
}

#BreadListWrap ul{
margin: 20px 0px 30px 0px;
list-style: none;
}

#BreadListWrap ul li{
display: inline-table;
margin: 0px;
font-size: 1.2em;
}

#BreadListWrap ul li:after { content:"＞"; }
#BreadListWrap ul li:last-child:after { content:" "; }

#SubContWrap{
width: 100%;
max-width: 1000px;
margin: 0px auto 60px auto;
padding: 0%;
}

.SubText{
margin: 40px 0px;
font-size: 1.3em;
line-height: 1.8em;
}

.SubContBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 5%;
border: solid 4px #f8d749;
border-radius: 10px;
}



/*個人情報保護方針*/
.BgPrivacy{background: url(../img/bg_privacy.png)}

#PrivacyFvBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
}

#PrivacyFvBox h2{
padding: 80px 0px 0px 0px;
}

#PrivacyFvBox h2 img{
width: 50%
}

.PrivacyBox h2{
width: 40%;
margin: 0px auto 40px auto;
padding: 0% 0% 1% 0%;
font-size: 1.5em;
text-align: center;
border-bottom: solid 5px #f8d749;
}

.PrivacyBox h3{
margin: 10px 0px 20px 0px;
padding: 1% 0%;
font-size: 1.3em;
line-height: 1.5em;
font-weight: bold;
border-bottom: solid 2px #ccc;
}

.PrivacyBox h4{
margin: 10px auto;
padding: 0%;
font-size: 1.2em;
color: #ff4c00;
line-height: 1.4em;
}

.PrivacyBox p{
font-size:1.2em;
line-height: 1.8em;
}

.PrivacyBox ul {
margin: 10px 0px;
list-style: none;
}

.PrivacyBox ul li{
font-size: 1.2em;
line-height: 1.8em;
}

.PrivacyBox dl {
font-size: 1.2em;
line-height: 1.8em;
}

.PrivacyBox dl dt {
margin: 0px 0px 10px 0px;
}

.PrivacyBox dl dd ul li {
font-size: 1em;
line-height: 1.8em;
}


/*NOT FOUND*/
.BgNotfound{background:#322c0c;}

#NotfoundFvBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
}

#NotfoundFvBox h2{
padding: 20px 0px 0px 0px;
}

#NotfoundFvBox h2 img{
width: 100%;
}

.NotfoundBox h2{
width: 65%;
margin: 0px auto 40px auto;
padding: 0px 0px 5px 0px;
font-size: 1.5em;
text-align: center;
border-bottom: solid 5px #f8d749;
}

.NotfoundBox p{
margin: 0px auto 30px auto;
padding: 0% 0% 1% 0%;
font-size: 1.3em;
text-align: center;
}

.NotfoundBox div a{
display: block;
width: 30%;
margin: 30px auto;
padding: 1% 0%;
background: #ff7041;
color: #fff;
font-size: 1.5em;
text-align: center;
border-radius: 10px;
}

.NotfoundBox div a:hover{
text-decoration: none;
background: #f8d749;
color: #322c0c;
font-size: 1.5em;
text-align: center;
border-radius: 10px;
}


/*サポート*/
.BgSupport{background: url(../img/bg_support.png)}

#SupportFvBox{
width: 100%;
max-width: 1000px;
margin: 0px auto;
}

#SupportFvBox h2{
padding: 70px 0px 0px 0px;
}

#SupportFvBox h2 img{
width: 35%;
}

.Wid img{width: 30%;}

/*タブ実装*/
.tab_box .btn_area {
margin:30px auto 0px auto;
display: -webkit-box;
display: flex;
}

.btn_area ul {
width: 75%;
margin: 0px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

.btn_area ul::after{
content: "";
display: block;
width: 49%;
}

.btn_area ul li{
width: 49%;
margin: 0px;
padding: 0%;
line-height: 1.3em;
}

.tab_box .tab_btn {
width: 350px;
padding: 20px 0px 10px 0px;
color: #322c0c;
background: #eadbe0;
text-align: center;
cursor: pointer;
transition: all 0.2s ease 0s;
border-radius: 10px 10px 0px 0px;
}

.tab_btn strong{font-size: 1.4em;}

.tab_box .tab_btn + .tab_btn {
margin-left: 8px;
}

.tab_box .tab_btn:hover {
	background-color: #f8d749;
}

.tab_box .tab_btn.active {
background:#ff4c00;
color:#fff;
}

.tab_box .panel_area {
border: solid 4px #f8d749;
padding: 20px;
border-radius: 10px;
}

.tab_box .tab_panel {
display:none;
}

.tab_box .tab_panel.active {
display:block;
}

#SpIpBox,#SpAdBox{
width: 100%;
padding: 3%;
}

#SpIpBox p,#SpAdBox p{
font-size: 1.3em;
line-height: 1.9em;
}

#SpIpBox h3{
width: 30%;
margin: 0px auto 40px auto;
padding: 0px 0px 5px 0px;
font-size: 1.5em;
text-align: center;
border-bottom: solid 5px #f8d749;
}

.IconArrowSp{
display: block;
width: 36px;
height: 36px;
background: url(../img/icon_arrow_spr.png) no-repeat;
background-size: cover;
}

.imgSR{
float: right;
margin: 0px 0px 0px 40px;
}

.SpStepBox{
width: 100%;
margin: 50px auto 20px auto;
padding: 1.5% 2%;
background: #f2d763;
}

.SpStepBox span{
float: left;
display: inline-table;
width: 120px;
height: 45px;
margin: 0px 10px 0px 0px;
padding: 10px 0px 0px 0px;
background: #ea5929;
text-align: center;
font-size: 1.6em;
color: #fff;
vertical-align: middle;
border-radius: 30px; 
}

.SpStepBox h4{
float: left;
padding: 10px 0px 0px 0px;
font-size: 1.8em;
color: #e95a29;
font-weight: bold;
vertical-align:middle;
}

#SpAdBox h3{
width: 30%;
margin: 0px auto 40px auto;
padding: 0px 0px 5px 0px;
font-size: 1.5em;
text-align: center;
border-bottom: solid 5px #f8d749;
}

#ProfileBtn a{
display: block;
width: 30%;
margin: 40px auto;
padding: 3%;
background: #333;
font-size: 1.3em;
color: #fff;
text-align: center;
border-radius: 10px;
}

#ProfileBtn a:hover{
text-decoration: none;
background: #ccc;
color: #333;
}

.IphoneUl{
width: 100%;
margin: 40px auto 20px auto;
list-style: none;
}

.IphoneUl li{
margin: 0px 5px 20px 5px;
float: left;
text-align: center;
}

.IphoneUl li:nth-child(odd){width: 25%;}
.IphoneUl li:nth-child(even){
width: 5%;
padding: 60px 0px 0px 0px;
}

.IphoneUl li img{
width: 90%;
}

.AndroidUl{
width: 100%;
margin: 40px auto 20px auto;
list-style: none;
}

.AndroidUl li{
margin: 0px 5px 20px 5px;
float: left;
text-align: center;
}

.AndroidUl li:nth-child(odd){width: 26%;}
.AndroidUl li:nth-child(even){
width: 5%;
padding: 60px 0px 0px 0px;
}

.AndroidUl li img{
width: 90%;
}

#AndroidImg{
width: 50%;
}


/*フッター*/
#FooterWrap{
width: 100%;
margin: 0px auto;
padding: 0%;
border-top: solid 3px #ccc;
}

#FooterBox{
width: 100%;
max-width: 1280px;
margin: 0px auto;
padding: 2% 0% 7% 0%;
font-size: 1.2em;
line-height: 1.7em;
}

#FooterInfo{
width: 100%;
max-width: 1020px;
margin: 0px auto;
}

#FooterInfo h2{
float: left;
width: 20%;
margin: 14px 0px 0px 0px;
vertical-align: middle;
}

#FooterInfo h2 img{
width: 90%;
}

#FooterListA {
float: right;
width: 80%;
margin: 0px;
padding: 0%;
font-size: 1em;
list-style: none;
}

#FooterListA li {
float: left;
margin: 0px;
padding: 2.7% 1% 1% 1%;
}

#FooterListB {
width: 100%;
margin: 0px;
padding: 2% 0%;
font-size: 0.8em;
text-align: center;
}

#FooterListB li{
display: inline-table;
margin-left: 5px;
}

#FooterBox p{
text-align: center;
}

/* page-top */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 100;
}
#pageTop a {
	display: block;
	background: url(../img/gotop.png);
	background-size: 68px 68px;
	width: 68px;
	height: 68px;
	text-indent: -9999px;
}
#pageTop a:hover {
	background: url(../img/gotop.png);
	background-size: 68px 68px;
}

.campaign-txt {
  display: block;
  text-align: center;
  margin: 2.5% auto -2.5%;
  font-weight: bold;
  color: #F84B00;
}