@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');
#container div, #container span, #container h1, #container h2, #container h3, #container p {
    font-family: 'Noto Sans','游ゴシック体','YuGothic','Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

#container ul,
#container ol{
    list-style: none;
}

#container {
    min-width: 1080px;
    max-width: 1400px;
}

#pagetopBtn {
    z-index: 100;
}

img {
    width: 100%;
}

/* アコーディオン */
/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    /* width: 96%;
    max-width: 900px; */
    margin:0 auto;
}

.accordion-area li{
    /* margin: 10px 0; */
}

.accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:25px;
    font-weight: bold;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.title::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0.7em;
    margin-left: 3.5em;
    display: inline-block;
    width: 72px;
    height: 72px;
    background: url(/pc/img/feature/reusesmartphone-hajimeteguide/accordion_open.png);
}
.title.close::after{
    background: url(/pc/img/feature/reusesmartphone-hajimeteguide/accordion_close.png);
}

/*アイコンの矢印*/
.title_transfer {
    position: relative;
}
.title_transfer::after{
    position: absolute;
    top: 50%;
    right: 84px;
    content: '';
    width: 25px;
    height: 25px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(0, -25%) rotate(45deg);
    
}
.title_transfer.close::after{    
    transform: translate(0, 25%) rotate(-135deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
}

#container section#support,
#container section#storeSearch {
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

#support {
    background: url('/pc/img/feature/reusesmartphone-hajimeteguide/img01.png') top center/1400px auto no-repeat;
    height: 1310px;
    padding-top: 1310px;
    z-index: 99;
}

#storeSearch {
    background: url('/pc/img/feature/reusesmartphone-hajimeteguide/img02.png') top center/1400px auto no-repeat;
    height: 686px;
    padding-top: 686px;
    z-index: 100;
}

/* ranking */

#container p.but_bg1 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/cont_bg01.png);
    background-position: bottom;
    text-align: center;
    height: 638px;
    padding-top: 570px;
    background-repeat: no-repeat;

}

#container p.but_bg2 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/cont_bg02.png);
    background-position: bottom;
    text-align: center;
    height: 638px;
    padding-top: 570px;
    background-repeat: no-repeat;
    margin-top: 40px;

}

#container p.but_bg3 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/cont_bg03.png);
    background-position: bottom;
    text-align: center;
    height: 638px;
    padding-top: 570px;
    background-repeat: no-repeat;
    margin-top: 40px;
}

#container p.but_bg4 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/cont_bg04.png);
    background-position: bottom;
    text-align: center;
    height: 666px;
    padding-top: 590px;
    background-repeat: no-repeat;
    margin-top: 40px;
}

#container p.but_bg5 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: bold;
    background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/cont_bg05.png);
    background-position: bottom;
    text-align: center;
    height: 666px;
    padding-top: 590px;
    background-repeat: no-repeat;
    margin-top: 40px;
}

.ranking_content {
    position: relative;
}

.ranking_img {

}

.ranking_link {
    position: absolute;
    width: 35.6%;
    top: 72%;
    right: 15.4%;
}

.ranking_link2 {
    position: absolute;
    width: 5.5%;
    top: 79.9%;
    right: 53.5%;
}

.ranking_link3 {
    position: absolute;
    width: 35.2%;
    top: 43.8%;
    right: 47.4%;
}

.ranking_link4 {
    position: absolute;
    width: 35%;
    top: 73.9%;
    right: 47.6%;
}

.ranking_link5 {
    position: absolute;
    width: 35.2%;
    top: 89.4%;
    right: 47.2%;
}

.ranking_transfer {
background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/20231002/img00_01_05.png);
background-position: top;
padding-top: 1143px;
text-align: center;
    background-repeat: no-repeat;
}

.ranking_transfer.update20240913 {
background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/20240913/img00_01_05.png);
}

.ranking_transfer.update20241003 {
background-image: url(/pc/img/feature/reusesmartphone-hajimeteguide/20241003/img00_01_05.png);
}

.transfer_content {
    width: 1080px;
    text-align: center;
    margin: 0 auto;
}

#container p.transfer_bg1 {
    padding: 30px 0px 0px;
    width: 1080px;
    height: 140px;
    text-align: center;
    margin: 0 auto;
}

#container p.transfer_bg2 {
    padding: 30px 0px 0px;
    width: 1080px;
    height: 140px;
    text-align: center;
    margin: 0 auto;
}

#container p.transfer_bg3 {
    padding: 30px 0px 0px;
    width: 1080px;
    height: 140px;
    text-align: center;
    margin: 0 auto;
}

#container p.transfer_bg4 {
    padding: 30px 0px 0px;
    width: 1080px;
    height: 140px;
    text-align: center;
    margin: 0 auto;
}

.transfer_link {
    display: inline-block;
    text-align: center;
    margin: 44px auto 57px;
}

/* support */
#support {
    background: url(/pc/img/feature/reusesmartphone-hajimeteguide/img01.png) top center/1400px auto no-repeat;
    height: 1530px;
    padding-top: 1530px;
    z-index: 99;
}

.support_link {
    position: absolute;
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/* storeSearch */

.storeSearch_link {
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#storeSearch {
    background: url(/pc/img/feature/reusesmartphone-hajimeteguide/20240216/img02.png) top center/1400px auto no-repeat;
    height: 686px;
    padding-top: 686px;
    z-index: 100;
}

#storeSearch.update20240913{ 
    background: url(/pc/img/feature/reusesmartphone-hajimeteguide/20240913/img02.png) top center/1400px auto no-repeat;
}

#storeSearch.update20241003{ 
    background: url(/pc/img/feature/reusesmartphone-hajimeteguide/20241003/img02.png) top center/1400px auto no-repeat;
}

.bnr_wrapper {
    width: 701px;
    text-align: center;
    margin: 30px auto;
}

.bnr_wrapper a img {
    margin: 15px auto;
}

/* CP area
-----------------------------------------------------------*/








/* btn
-----------------------------------------------------------*/


/* reuse0_2
-----------------------------------------------------------*/


/* reuse3
-----------------------------------------------------------*/


/* mobile items
-----------------------------------------------------------*/


/* reusesp9 movie
-----------------------------------------------------------*/


/* reusesp10
-----------------------------------------------------------*/


/* banner
-----------------------------------------------------------*/


/* sticky
-----------------------------------------------------------*/


/* modal
-----------------------------------------------------------*/
.modal_wall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1002;
}

.modal_wall.hideItem {
    display: none;
}

.modal {
    position: absolute;
    z-index: 1003;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 980px;
    padding-top: 50px;
}

.modal_close {
    display: block;
    position: absolute;
    z-index: 1003;
    width: calc(50*0.7px);
    height: calc(50*0.7px);
    top: 50px;
    right: calc(160*0.7px);
    text-decoration: none;
}