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

/*--------------------★★★PC、SP両方に共有★★★---------------------*/

.cp {
    border: 4px solid #ff0078;
    background: #f8e1ec;
    border-radius: 10px;
    font-size: 1.6rem;
    margin: 20px 0;
    padding: 2%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

.cp > div.cp01{
    font-weight: bold;
	width: 30%;
    text-align: center;
	padding: 2.5% 1% 1% 1%;
}

.cp > div.cp02{
    font-weight: bold;
	width: 64%;
	padding: 1%;
}
.cp > div span{
    font-size: 1.6em;
}

.triangle{
   color: #ff0078;
   font-size: 1.8em!important;
   margin-right: 15px;
  }
  

ul.cate_menu02 {
    width:100%;
    list-style:none;
    margin: 20px 0 0 0;
}
    
ul.cate_menu02 li {
    width:32%;
    float:left;
    height:34px;
    line-height:20px;
    margin:0;
    padding:0;
}
ul.cate_menu02 li a{
    text-decoration: none;
    color: #333;
}
ul.cate_menu02 li a:hover{
    color: #3c6ef0;
}

.triangle_right{
    display: inline-block;
    border-style: solid;
    border-width: 5px 0 5px 12px;
    border-color: transparent transparent transparent #3c6ef0;
    margin: 0 3px 0 0;
  }

h3{ margin-top:40px!important;}
h4{ margin-top:40px!important;}
h5{ margin-top: 0!important;}
.colorBox{margin-bottom: 50px!important;}


table.tbl_normal td {
    padding: 5px 5px 5px 5px;
    border: 0px;
    line-height: 1.5;
}

label h3 {
        margin-top: 0!important;
}



/*--------------------★★★PCサイト用（1080px以上）★★★---------------------*/
@media screen and (min-width: 1080px) {



}

/*--------------------★★★タブレット★★★---------------------*/
@media (min-width: 768px) and (max-width: 1079px) {


}


/*--------------------★★★スマホサイト用（767px以下）★★★---------------------*/
@media screen and (max-width:767px) {

.cp > div.cp01,.cp > div.cp02{
    width: 100%;
    text-align: center;
}
.triangle{ display: none;}

ul.cate_menu02 li {
    width:50%;
    font-size: 1.4rem;
}



}