@charset "UTF-8";

/*-------------------------
__style
-------------------------*/

#contents .basic_sub_title{margin:50px 0 20px;}

#contents .page_title .page_sub_title{font-size:2.6em;line-height:2em;font-weight:700;text-align:center;margin-bottom:5px;color:#00349f;}
#contents .page_title .basic_p{font-size:1.7em;text-align:center;padding:0 0 20px;}

@media screen and (max-width: 767px) {

#contents{padding-bottom:15px;}

#contents .basic_sub_title{margin:25px 0 10px;}

#contents .page_title .page_sub_title{font-size:1.9em;line-height:1.4em;text-align:left;}
#contents .page_title .basic_p{font-size:1.4em;text-align:left;padding:0 0 10px;}

}

#contents p.basic_p{font-size:1.5em;}

#contents .beginner_list{}
#contents .beginner_list ul{letter-spacing:-1em;padding:0;}
#contents .beginner_list ul li{display:inline-block;width:32%;letter-spacing:normal;vertical-align:top;margin:20px 2% 0 0;}
#contents .beginner_list ul li:nth-child(3n){margin:20px 0 0;}
#contents .beginner_list ul li a{display:block;font-size:2em;font-weight:700;text-decoration:none;padding:15px;box-sizing:border-box;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;color:#00349f;background-color:#e0f0fc;}
#contents .beginner_list ul li a span{display:inline-block;width:43px;height:43px;vertical-align:middle;margin:0 10px 0 0;padding:10px;box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;background-color:#FFF;}
#contents .beginner_list ul li a span img{width:100%;height:auto;vertical-align:top;}
#contents .beginner_list ul li a p{display:inline-block;vertical-align:middle;}

@media screen and (min-width:1025px) {

#contents .beginner_list ul li a{transition:all 0.3s;}
#contents .beginner_list ul li a:hover{background-color:#c5dbe8;}

}

@media screen and (max-width: 767px) {

#contents p.basic_p{font-size:1.4em;}

#contents .beginner_list ul li{display:block;width:100%;margin:10px 0 0;}
#contents .beginner_list ul li:nth-child(3n){margin:10px 0 0;}
#contents .beginner_list ul li a{font-size:1.6em;padding:10px;}
#contents .beginner_list ul li a span{width:33px;height:33px;padding:8px;}

}