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

/*分岐ページ*/
div#container .point_table th,
div#container .point_table td,
div#container .price_table th,
div#container .price_table td{
    padding: 4px 10px;
}


div#primary_appPage {
	display: block;
	margin-bottom: 100px;
	height: auto;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

div#primary_appPage h2{
	font-size: 27px !important;
}
div#primary_appPage h3{
	font-size: 18px;
	letter-spacing: 1px;
	background: #fff;
	border: 3px solid #FD8600;
	padding: 5px;
	margin-top: 20px;
	color: #FD8600;
}

ul.list02 li, ul.list02mb li, 
div.box ul.list02 li, 
ul.list03 li {
    padding: 0 0 0 20px;
    background: url(../images/icon_caution.gif) no-repeat 0 0.1em;
    color: #333;
}
#topicPath{
	padding:60px 10px 18px 10px;!important
}

/*新分岐ページ*/
.plan_wrapper{
    width: 1000px;
    margin:0; 
}
.plan_wrapper p,
.plan_wrapper h1,
.plan_wrapper th,
.plan_wrapper td,
.plan_wrapper tr,
.registor_com,
.registor_ind{
font-family: "NotoSans_Japanese";
}
div#container .planArea{
    width: 1000px;
    margin:3em auto 1em; 
}
div#container .planArea table{
    float:left;
    margin-top:40px;
}

div#container .point_table{
    width:20%;
    margin:0%;
}
div#container .point_table tr:nth-child(odd) td{
    background-color: #F7F7F7;
}
div#container .point_table .bg_none{
    background-color:#ffffff!important;
}
div#container .point_table td{
    border:none;
    text-align: right;
    border-bottom: 1px dotted #ccc;

}
div#container .plan_table1 .point_table{
    margin:0 0.8%;
    border: none;
    margin-top:40px;
}
div#container .plan_table2, div#container .plan_table3,div#container .plan_table4{
    float:left;
    width:26%;
}
@media screen and ( max-width:959px ){
   div#container .plan_table2, div#container .plan_table3,div#container .plan_table4{
    float: none;
    width:80%;
       margin:0 auto;
}
    .plan_wrapper{
        width:100%;
    }
    
}

@media screen and ( min-width:959px ){
div#container .price_table{
    cursor: pointer;
}

}

div#container .price_table{
    width:100%;
    border: none;
}
.planArea .price_table td {  
  background-color: #F7F7F7;  
}

div#container .plan_name{
    font-size:22px;
    text-align: center;
    font-weight:bold;
    background: #c7e1f5;
    height: 122px;

}
div#container .plan_table2 .plan_name{
    position:relative;
}
div#container .plan_table2 p{
    margin:0;
}
#primary .plan_table1 .open-btn,
#primary .plan_table2 .open-btn,
#primary .plan_table3 .open-btn{
    margin:8px auto;
}
div#container .plan_table2 .plan_name span,.planArea_sp .fukidashi{
    position: absolute;
    top:-80px;
    left:0;
    color:#4d4d4d;
    background: #ebc970;
    padding:0.8em 1em;
    width:100%;
    font-size:80%;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    
}
div#container .plan_table2 .plan_name span:before,.planArea_sp .fukidashi:before{
  content: '';
  position: absolute;
  left: 45%;
  top:60px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ebc970;
  border-left: 15px solid transparent;
  transform: rotate(180deg);
}
div#container .plan_table2 .plan_name span:after,.planArea_sp .fukidashi:after {
    position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #e47f1e transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
@media screen and ( max-width:959px ){
.planArea_sp .fukidashi {
    position: relative;
    width:80%;
    text-align: center;
    margin:0 auto;
    font-size:14px;
    padding:0.5em;
}
    
    div#container .plan_table2 .plan_name span:before,.planArea_sp .fukidashi:before{
  left: 45%;
  top:54px;
}
    div#container .plan_table2 .plan_name span,.planArea_sp .fukidashi{
    top:26px;
}

}

div#container .planArea .on_hover{
   outline:3px solid #007CB0;
   outline-offset: -1px; /* 外枠との間の余白 */
    position: relative;

}
div#container .planArea .on_hover .bg_yellow,div#container .planArea_sp .on_hover .bg_yellow{
    background:#FCF8EE!important;
}
.on_hover tr:nth-child(even) td{
    background-color: #ffffff;
}
.on_hover tr:nth-child(odd) td{
    background-color: #F6FAFD;
}
@media screen and ( max-width:959px ){
  .price_table tr:nth-child(even) td{
    background-color: #ffffff;
}
  .price_table tr:nth-child(odd) td{
    background-color: #F6FAFD;
}  
    div#container .planArea_sp .price_table .bg_yellow{
    background:#FCF8EE!important;
}
}
div#container  .plan_wrapper .on_hover th {
    background:#007CB0;
    color: #ffffff;
}
.cell80{
    height:80px;
}
.cell40{
    height:40px;
}
.cell100{
    height:100px;
}
.cell120{
    height:120px;
}
.cell56{
    height:55px;
}
.cell70{
    height:70px;
}
.cell125{
    height:122px;
}
.cell160{
    height:160px;
}
.cell200{
    height:200px;
}
.cell240{
    height:240px;
}
.cell260{
    height:260px;
}
.cell320{
    height:320px;
}
.cell480{
    height:480px;
}
.set_detail span{
    position: relative;
}
.set_detail span:after{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid black;
    position: absolute;
    top:12px;
    left:74px;
}

#overlay1, #overlay2, #overlay3{
    position: fixed;
    top: 0;
    left:0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.4);
}
.flex{
    width: 100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center; 
}
#primary .open-btn{
    font-size:90%;
    padding:2px;
    margin:14px auto 0;
    background:#e47f1e;
    border-radius:20px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
    cursor: pointer;
    width:60%;
   border-bottom:solid 2px #A95D14;
    color:#ffffff;
}
#primary .open-btn:hover{
    background:#E89342;
}

#primary .registorArea{
    background:#ffffff;
    padding:2.5em;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    border-radius: 10px;

}
#primary .registor_title{
    font-size:200%;
    font-weight: bold;
    text-align: center;
    margin-bottom:0.5em;
    line-height:1.72em;
}
.cp_icon{
    color: #007CB0;
    font-size:70%;
    border-top: solid 3px #007CB0;
    border-bottom: solid 3px #007CB0;
    padding:8px;
    display:block;
    margin-bottom:-16px;
    
}
.cancel{
  display: inline-block;
  position: relative;
  margin: 0 20px 8px 7px;
display:block;
  padding: 0;
  width: 4px;
  height: 20px;
  background: #ffffff;
  transform: rotate(45deg);
   cursor:pointer;
}
.cancel:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  width: 20px;
  height: 4px;
  margin-top: -2px;
  background: #ffffff;
}

.registor_com, .registor_ind{
    padding:0.6em 2em;
    background:#005BAC; 
    border-bottom:solid #003D74 3px;
    color:#fff;
    font-weight:bold;    
    text-decoration:none;
    margin:0 1.5em;
    text-align: center;
    font-size:140%;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    box-sizing: border-box;
    display: inline-block
}
.registor_com:hover, .registor_ind:hover{
    opacity:0.9;
}
@media screen and ( max-width:959px ){
    .registor_com, .registor_ind{
        display: block;
            font-size:18px;
    }
    .registor_com{
        margin-bottom: 1em;
    }
    .registor_title{
        font-size:20px;
    }
    .price_table td,.price_table tr,.price_table th,.price_table td{
        font-size:16px;
    }
    .price_table .font_big{
        font-size:18px;
    }
}
.txt_bold{
    font-weight:bold;
}
.cellDetail{
    cursor: pointer;
    font-weight: bold;
}
.cellHide{
    display: none;
}

#container #appBnrArea{
    text-align: center;
}
@media screen and ( min-width:960px ){
    #container .planArea_sp{
        display:none;
    }
    #container .planArea_sp h1{
        font-size:1em;
    }
}
@media screen and ( max-width:959px ){
    .planArea{
        display:none;
        
    }
     #container .planArea_sp{
        margin:0;
    }
    #container .price_table{
        margin:3em 0;
    }
    .plan_wrapper h1{
        font-size:18px;
    }
    #container .planArea_sp .price_table .plan_name {
    background:#007CB0;
    color: #ffffff;
}
}
/*汎用*/
.crimson{
    color:crimson;
    
}
@media screen and ( min-width:959px ){
    .pc{
        display:block;
    }
    .sp{
        display: none;
    }
}
@media screen and ( max-width:959px ){
    .pc{
        display: none;
    }
    .sp{
        display:block;
    }
}
/* IE */
@media all and (-ms-high-contrast:none){
.planArea .price_table{
    table-layout: fixed;
}
 .planArea .on_hover .plan_name{
   border: :none!important;
}
}