@media screen and (max-width: 1280px){
#contaner {width: 100%;}
}
section.pmpr_content{width:100%; display:flex; flex-wrap:wrap;}
div.lp_hero{flex-basis:100%; max-width:100%;display: flex;}
div.lp_hero img{width: 100%;height: auto;}
div.pmpr_title_area{flex-basis:100%; max-width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
h3.pmpr_title{
    flex-basis: 100%; max-width: 100%; margin: 20px auto; padding: 30px 10px; display: flex; justify-content: center;
    color: white; font-size: 2em; font-weight: 700; position: relative;
    }
    @media screen and (max-width:480px){
    h3.pmpr_title{font-size: 1.2em;}
}
 h3.pmpr_title::before{
     content:"";   
    width:100%;
    height:100%;
    background: linear-gradient(90deg,#00c9cc,#00fbff);
    border-radius:10px;
    transform:rotate(1deg);
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    opacity:.7;
    }
h3.pmpr_title::after{
     content:"";   
    width:100%;
    height:100%;
    background:#ccc;
    border-radius:10px;
    transform:rotate(-1deg);
    z-index:-2;
    position:absolute;
    top:0;
    left:0;
    }

div.lp_box{flex-basis:100%; max-width:100%; display:flex; flex-wrap:wrap;padding: 50px 0;}
div.lp_box:nth-child(odd){background-color: #e6f0f5;}
h3.lp_box_ttl{
    flex-basis:100%;
    max-width:100%;
    display: flex;
    justify-content: center;
    margin: auto;
}
span.ttl-text{padding-bottom: 10px;font-size: 25px;font-weight: bold;border-bottom: 5px solid #00a29a;}
@media screen and (max-width:480px) {
    span.ttl-text{font-size: 14px;}
}

div.which_box{flex-basis:1000px; max-width:1000px;display:flex; flex-wrap:wrap;justify-content: center;margin: 50px auto;}
h4.which_box_ttl{
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    height: auto;
    padding: 20px;
    font-size: 40px;
    letter-spacing: 30px;
    font-weight: 600;
    color: white;
    text-shadow: 1px 1px 1px black;
    background: linear-gradient(90deg,#0ebee5 50%,#00c5c2 50%);
    }
    @media screen and (max-width:480px) {
        h4.which_box_ttl{font-size: 18px;letter-spacing: 18px; background: #0ebee5;padding-bottom: 0;}
    }
div.which_box_item-l,
div.which_box_item-r{flex-basis:50%; max-width:50%;display:flex; flex-wrap:wrap;padding: 20px;}
div.which_box_item-l{background: linear-gradient(0deg,#2ea7e0,#0ebee5);}
div.which_box_item-r{background: linear-gradient(0deg,#00a29a,#00c5c2);}
@media screen and (max-width:480px) {
    div.which_box_item-l,div.which_box_item-r{flex-basis:100%; max-width:100%;}
}
div.which_box_item-inner{flex-basis:100%; max-width:100%;display:flex;flex-wrap:wrap;padding: 10px;background-color: white;border-radius: 5px;}
h5.which_box_item_ttl-l,
h5.which_box_item_ttl-r {
    flex-basis:100%; max-width:100%;display: flex;flex-wrap: wrap;justify-content: center;
    margin:0 auto 10px;padding-bottom: 10px;font-size: 25px;font-weight: 600;height: fit-content;
}
@media screen and (max-width:480px) {
h5.which_box_item_ttl-l,
h5.which_box_item_ttl-r {
    font-size: 20px;
}
}
h5.which_box_item_ttl-l {border-bottom: 3px solid #0ebee5;}
h5.which_box_item_ttl-r {border-bottom: 3px solid #00a29a;}
.sub_ttl-l,.sub_ttl-r{font-size: .875rem;font-weight: normal;flex-basis: 100%;text-align: center;}
.sub_ttl-l {color:  #0ebee5;}
.sub_ttl-r {color:  #00a29a;}
@media screen and (max-width:480px) {
    .sub_ttl-l,.sub_ttl-r{letter-spacing: 0;}
}
ul.whitch_box_list{padding-left: 10px;}
ul.whitch_box_list2{padding-left: 0px;display: flex;flex-direction: column;}
ul.whitch_box_list li.check{position: relative;padding-left: 20px;}
ul.whitch_box_list li.check::before{content:"☑";position: absolute;top:0;left: 0;}
@media screen and (max-width:480px) {
    ul.whitch_box_list li.check{
        font-size: .8275rem;
        font-weight: normal;
        line-height: 1rem;
        padding-bottom: 10px;
    }
}
ul.whitch_box_list2 li.square{position: relative;padding-left: 20px;font-size:.875rem;line-height: 1.5;padding-bottom: 10px;clear: both;}
ul.whitch_box_list2 li.square::before{content:"■";position: absolute;top:0;left: 0;line-height: 1;font-size: 20px;color: #b0c4de;}
ul.whitch_box_list2 li.asterisk{position: relative;padding-left: 15px;font-size: 11px;line-height: 17px;padding-bottom: 5px;color: #555;}
ul.whitch_box_list2 li.asterisk::before{content:"※";position: absolute;top:0;left: 0;}
.dot{position: relative;width:100%;display: block;padding-left: 10px;}
.dot::before{content:"●";/*position: absolute;top:0;left: 0;*/padding-right: 5px;}
@media screen and (max-width:480px) {
    .dot{font-size: .875rem;}
}
dl.whitch_box_dl{
    flex-basis:100%; max-width:100%;margin: 10px;padding: 10px;
    font-size:.8275rem;background: #dce6eb;border-radius: 2.5px;display: flex;flex-wrap: wrap;
}
dl.whitch_box_dl dt{
    flex-basis:100%; max-width:100%;color: red;background: none;font-weight: 600;font-size: 1rem;text-align: center;
}
@media screen and (max-width:480px) {
    dl.whitch_box_dl dt{font-size: .875rem;}
}
dl.whitch_box_dl dd{padding: 5px 0;line-height: 1.5;letter-spacing:0;flex-basis: 100%;}
dl.whitch_box_dl dd ul{display: flex;justify-content: space-evenly;}
dl.whitch_box_dl dd ul li{text-align: center;}

p.whitch_box_sp{
    flex-basis:100%; max-width:100%;margin: 10px;padding: 10px;color:white;font-size: 1.5rem;font-weight: 600;
    background: #e83828;border-radius: 2.5px;display: flex;justify-content: center;align-items: center;
}
@media screen and (max-width:480px) {
    p.whitch_box_sp{font-size: 1rem;}
}
.ad_box{
    flex-basis:1000px; max-width:1000px;display:flex; flex-wrap:wrap;justify-content: center;margin: 0px auto;padding: 10px;
    background:white;border: 5px solid #0ebee5;border-image:  linear-gradient(90deg,#0ebee5 0%,#00c5c2 100%);border-image-slice: 1;
}
.ad_txt {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #0ebee5;
    padding-bottom: 10px;
}
.ad_box p {
    font-size: 1rem;
}
@media screen and (max-width:480px) {
    .ad_box p{font-size: .875rem;}
}

p.text-box,p.text-box2{
    flex-basis: 1000px;
    max-width: 1000px;
    margin: 50px auto;
    display: flex;
    padding: 20px;
    color: #444;
    font-size: 1rem;
    background: white;
    border: #0000cc 5px solid;
    border-image: linear-gradient(0deg, #00a29a 0%, #172a88 100%); 
    border-image-slice: 1;
    border-radius: 5px;
    justify-content: center;
    letter-spacing: 0em;
}
p.text-box2{
    border-image: linear-gradient(90deg, #00a0e9 0%,#172a88 50%, #e61673 100%); 
    border-image-slice: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
}
dl.lastbox-dl{
    flex-basis: 1000px;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

dl.lastbox-dl dt{
    flex-basis: 100%;
    padding: 20px;
    text-align: center;
    margin: auto;
    color: white;
    font-size: 1.125rem;
    font-weight: 600;
    background: linear-gradient(90deg, #00a0e9 0%,#172a88 50%, #e61673 100%);
    border-radius: 5px; 
}
dl.lastbox-dl dd{padding: 10px;}
dl.lastbox-dl dd:first-of-type{padding-top: 20px;}
dl.lastbox-dl dd a{color: blue!important;text-decoration: underline!important;padding-bottom: 10px;}
.txt_block{display: block;background: lightyellow;padding: 10px;width: 100%;}
.fs30{display: block;font-size: 30px;font-weight: 600;padding:10px 0;}
@media screen and (max-width:480px) {
    .fs30{font-size: 20px;padding: 0;}
}
.red-bold{color: red; font-weight: bold;}
.red{color: red;}
.pd_adjst{padding: 20px 0 20px 70px;}
@media screen and (max-width:480px) {
    .pd_adjst{padding: 20px 0 20px 20px;}
}
div.arrow-btn_wrap{
    flex-basis: 1000px;
    max-width: 1000px;
    margin: 50px auto;
    display: flex;
    justify-content: flex-end;
}
a.arrow-btn{
    padding-right: 10px;
    font-size: 20px;
    color: #172a88!important;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}
a.arrow-btn::before{
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    bottom: -25px;
    border-bottom: 1px #172a88 solid;
    border-image: linear-gradient(90deg, #00a29a 0%, #172a88 100%);
    border-image-slice: 1;
    border-width: 20px;
}
a.arrow-btn::after{
    content: "";
    position: absolute;
    right: -50px;
    bottom: -25px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-top: 50px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 50px solid #172a88;
    border-right: 0;
}
@media screen and (max-width:768px) {
    a.arrow-btn{margin-right: 50px;}
}

.table_txt{width: 1000px;margin: auto;font-size: 1.25rem;font-weight: 600;padding-bottom: 20px;}
@media screen and (max-width:480px) {
    .table_txt{font-size: .875rem}
}
.table_txt2{width: 1000px;margin: auto;font-size: 1rem;font-weight: 600;color: red;}
@media screen and (max-width:480px) {
    .table_txt2{font-size: .75rem;line-height: 1rem;}
}
.fs18{font-size: 18px!important;}
.link-btn{
float: right;
padding: 5px 0 10px;
color: blue!important;
text-decoration: underline!important;
font-size: .75rem;
}
.link-box {flex-basis:100%;display: flex;justify-content: flex-end;}
.link-box-btn {
    margin-top: 20px;
    padding: 5px 10px;
    color: white!important;
    font-size: 1rem;
    background-color: dodgerblue;
    border-radius: 5px;
    position: relative;
    }
.link-box-btn::before {
    content:"\f3ff";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}   
table.outline_table{width: 1000px;display: table;margin: auto;}
@media screen and (max-width:480px) {
    table.outline_table{width: auto;}
}
table.outline_table thead,
table.outline_table tr:nth-child(even){background: #f9f7f1;}
table.outline_table td{
    padding:10px;font-size: 13px;letter-spacing: 0;text-align:center;vertical-align: middle; box-sizing:border-box;border: 2px solid #dcdddd;
}
    @media screen and (max-width:480px) {
        table.outline_table td{height: auto;}
    }
.td_item1{width: 14%;}
.td_item2,.td_item3,.td_item4,.td_item5{width: 18%;}
.td_item6{width: 14%;}
.td_status1{width: 50%;}
.td_status2{width: 50%;}
@media screen and (max-width:480px) {
    table.outline_table th,table.outline_table tr.mobile_hidden{display: none;}
    table.outline_table tr{display: flex;flex-wrap: wrap;}
    .td_status1{width: 50%;}
    .td_status2{width: 50%;}
    .td_status_btn{width: 100%;cursor: pointer;}
    .td_item1,.td_item6{width: 100%;flex-basis: 100%;}
    .td_item2,.td_item3,.td_item4,.td_item5{width: 25%;flex-basis: 25%;}
    .td_item2::before{content:"ホビマ会員";display: block;width: 100%;font-size: 10px;background:#cfefef;border-radius: 3px;}
    .td_item3::before{content:"プレミアム会員";display: block;width: 100%;font-size: 10px;color:#fff;background:#708090;border-radius: 3px;}
    .td_item4::before{content:"Sプレミアム会員(月額)";display: block;width: 100%;font-size: 10px;color:#fff;background:#b8860b;border-radius: 3px;}
    .td_item5::before{content:"Sプレミアム会員(年額)";display: block;width: 100%;font-size: 10px;color:#fff;background:#b8860b;border-radius: 3px;}
    .td_item6::before{content:"備考";display: block;width: 100%;font-size: 10px;color:#333;background:#ccc;border-radius: 3px;}
    .td_item4::before,.td_item5::before{line-height: 1rem;padding: 2px 0;}
}
dl.td_list{width:100%;display: flex;justify-content: flex-start;text-align: left;}
dl.td_list dd{position: relative;padding-left: 18px;}
dl.td_list dd::before{content:"・";display:inline-block;top: 0;left: 0; position: absolute;}


dl.pmpr_list_area{
    flex-basis:100%; max-width:100%; display:flex; flex-wrap:wrap; justify-content:space-evenly; margin-top:20px; padding:10px;
    border:2px solid #00c9cc; border-radius:10px; background: #f7ffff;
    }
dt.pmpr_list_title{
    flex-basis:100%; max-width:100%; margin:auto; padding:10px 10px 20px;text-align:center; 
    font-size:1.5em; font-weight:700; color:#00c9cc; background-image:none;
    }
    @media screen and (max-width:480px){
    dt.pmpr_list_title{font-size: 1em;}
    }
dd.pmpr_list_text{
    width:300px;height:300px; margin: auto; display:flex; flex-wrap:wrap; 
    justify-content: center; align-items: center; position:relative;
    border:2px solid #00c9cc; border-radius:50%; background:white;
    }
p.pmpr_list_text_h{
    font-size:1.5em; font-weight:700; color:#00c9cc; text-align:center; z-index:1;
}
i.pmpr_list_text_sub{
    font-size:0.6em; font-weight:normal; padding:10px; color:#666;display:block;
}
.-is-benefit::before{
    content:"プレミアム会員特典";
    display:inline-block;
    position:absolute;
    top: 7px;
    width: 100px;
    text-align:center;
    color:#000;
    font-size: 16px;
    line-height: 18px;
    padding: 3px;
    color: #0000cc;
    font-weight:700;
    z-index: 1;
    background: gold;
    border-radius: 5px;
    }
.-is-benefit::after{
    content:"\f521";
    display:inline-block;
    position:absolute;
    top:-28px;
    left: 0;
    right: 0;
    text-align:center;
    color:gold;
    font-size:50px;
    font-weight:900;
    font-family:"Font Awesome 5 Free";
    z-index: 0;
    }
.-is-benefit2::before{
    content:"プレミアム会員限定";
    display:inline-block;
    position:absolute;
    top: 7px;
    width: 100px;
    text-align:center;
    color:#000;
    font-size: 16px;
    line-height: 18px;
    padding: 3px;
    color: #0000cc;
    font-weight:700;
    z-index: 1;
    background: gold;
    border-radius: 5px;
    }
.-is-benefit2::after{
    content:"\f521";
    display:inline-block;
    position:absolute;
    top:-28px;
    left: 0;
    right: 0;
    text-align:center;
    color:gold;
    font-size:50px;
    font-weight:900;
    font-family:"Font Awesome 5 Free";
    z-index: 0;
    }
dd.pmpr_method{
    margin: auto; padding:20px; display:flex; flex-wrap:wrap; 
    border:2px solid #00c9cc; border-radius:10px; background:white;
    }
    @media screen and (max-width:480px){
        dd.pmpr_method{padding:20px 5px;border: 1px dotted #ccc;}
    }
.-is-step1{position:relative;}
.-is-step1::before{
     content:"STEP-1";top:-25px;left:-25px; color:white;font-weight:bold;background:#00c9cc;border-radius:50%;
     width:50px;height:50px; position:absolute;font-size: 13px;letter-spacing: 0em;text-align: center;line-height: 3.5em;
     }
.-is-step2{position:relative;margin-top:30px!important;}
.-is-step2::before{
     content:"STEP-2";top:-25px;left:-25px; color:white;font-weight:bold;background:#00c9cc;border-radius:50%;
     width:50px;height:50px; position:absolute;font-size: 13px;letter-spacing: 0em;text-align: center;line-height: 3.5em;
     }
     @media screen and (max-width:480px){
        .-is-step1::before,.-is-step2::before{top:-30px;left:0;right:0;margin: auto;}
     }
div.pmpr_method_col{flex-basis:100%; max-width:100%;display:flex; flex-wrap:wrap;}
h5.pmpr_method_col-title{flex-basis:100%; max-width:100%;padding-bottom:20px;font-size: 1.5em;font-weight: 700; color: #00c9cc;}
    @media screen and (max-width:480px){
    h5.pmpr_method_col-title{font-size: 1em;}
    }
p.pmpr_method_col-text{flex-basis:100%; max-width:100%;font-size: 1em; color: #666;}
    @media screen and (max-width:480px){
        p.pmpr_method_col-text{font-size: 0.8em;}
    }
dl.pmpr_method_guide{flex-basis:100%; max-width:100%;display:flex; flex-wrap:wrap;justify-content:space-evenly;border:2px solid #00c9cc; border-radius:10px;margin-top:20px;}
    @media screen and (max-width:480px){
        dl.pmpr_method_guide{padding: 5px;border: #dfdfdf 1px solid;}
    }
dt.pmpr_method_guide-title{flex-basis:100%; max-width:100%;margin:0 auto 20px;padding:10px 20px;text-align:center;font-size: 1.2em;font-weight: 700; color:white; background:#00c9cc;border-top-left-radius:5px;border-top-right-radius:5px;}
    @media screen and (max-width:480px){
        dt.pmpr_method_guide-title{font-size: 1em;}
    }
dd.pmpr_method_guide-item{flex-basis:49%; max-width:49%;display:flex; flex-wrap:wrap;padding: 10px;margin-bottom: 20px;border:1px solid #00c9cc; border-radius:10px;}
    @media screen and (max-width:480px){
        dd.pmpr_method_guide-item{flex-basis:100%; max-width:100%;}
    }
figure.pmpr_method_guide-item-img{flex-basis:100%; max-width:100%;align-self: flex-end;}
figure.pmpr_method_guide-item-img img{width:100%;height:auto;border: 1px solid #ccc;border-radius:4px;box-sizing: border-box;}
p.guide-subitem1,p.guide-subitem2,p.guide-subitem3,p.guide-subitem4{position:relative;padding-left:20px;}
    @media screen and (max-width:480px){
        p.guide-subitem1,p.guide-subitem2,p.guide-subitem3,p.guide-subitem4{font-size: 0.8em;line-height: 2em;}
    }
p.guide-subitem1::before{content:"\02460";color:#00c9cc;top:0;left:0;position:absolute;font-size:16px;}
p.guide-subitem2::before{content:"\02461";color:#00c9cc;top:0;left:0;position:absolute;font-size:16px;}
p.guide-subitem3::before{content:"\02462";color:#00c9cc;top:0;left:0;position:absolute;font-size:16px;}
p.guide-subitem4::before{content:"\02463";color:#00c9cc;top:0;left:0;position:absolute;font-size:16px;}
.-is-gray-bg{background: #fcfcfc!important}
.-is-gray-border{border-color:#ccc!important}
.-is-gray-text{color:#666!important}
.-on-margin{margin-top:50px;}
.-on-margin-btm{margin-bottom:20px!important}
ul.pmpr_sublist_area{flex-basis:100%; max-width:100%; display:flex; flex-wrap:wrap; margin-top:20px; padding:10px; background:#fff; border-radius:5px;}
li.pmpr_sublist{flex-basis:100%; max-width:100%;padding-left:20px;font-size:0.8em;color:#333;position:relative;}
li.pmpr_sublist:before{content:"※";left:0;position:absolute;}
dd.pmpr_h4{flex-basis:100%; max-width:100%; margin:20px auto 0; padding:10px; display:block;text-align: center; color: #00c9cc; font-size: 1.5em; font-weight: 700;}
    @media screen and (max-width:480px){
        dd.pmpr_h4{font-size: 1em;}
    }
.pmpr_btn_area{flex-basis:100%; max-width:100%; display:flex; flex-wrap:wrap; justify-content:space-evenly;margin-top:40px;}
.pmpr_btn{
    flex-basis:45%; max-width:45%;height:100px;margin:auto; padding:20px; background:#00c9cc; border-radius:10px;
    font-size:1.5em;font-weight:700;color:white!important;display: flex; align-items: center; flex-wrap: wrap; justify-content: center;order: 2;
}
.pmpr_btn:hover{color:white!important;opacity:.8;}
.pmpr_guide_btn{flex-basis:100%; max-width:100%;height:100px;margin:auto; padding:20px; background:#00c9cc; border-radius:10px; font-size:1.2em;font-weight:700;color:white!important;display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.pmpr_guide_btn:hover{color:white!important;opacity:.8;}
    @media screen and (max-width:768px){
        .pmpr_btn,.pmpr_guide_btn{height:auto;padding:10px;font-size:1em;letter-spacing:0.1em;}
    }
    @media screen and (max-width:480px){
        .pmpr_btn{flex-basis:100%; max-width:100%;order: 1;margin-bottom:20px;}
    }
.-is-back{background:#666;order: 1;}
    @media screen and (max-width:480px){
        .-is-back{order: 2;}
    }
.-is-min-txt{font-size:0.5em;}
.sub_text{font-size:0.8em;display: block;}