@charset "utf-8";

/*========================

tb_common.css

========================*/
@media (min-width:769px) and (max-width:1080px) {

#header #header_cont #header_left {
 min-width:180px;
 padding: 0 20px 0 0;
}


/*---------------------------------------------
section(2801)
---------------------------------------------*/
.section {
 background-color:var(--white);
 margin:0;

 position:relative;
}


/*---------------------------------------------
link-menu(3193)
---------------------------------------------*/
a.link-menu dl dd span {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
contents_title(4381)
---------------------------------------------*/
.contents_title h2 {
 font-size: calc(2.6rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
charactor_menu(4434)
---------------------------------------------*/
.charactor_menu {
 padding:30px 0 0;
 column-gap:20px;
}

.charactor_menu li {
 padding: 30px 20px 25px 20px;
}

.charactor_menu li .number {
 position:absolute;
 top:15px;
}

/*---------------------------------------------
circle_menu(4624) 
---------------------------------------------*/
.circle_menu {
 justify-content:start;
 row-gap:calc(2vw + 50px);
 padding:70px 20px 20px;
}

.circle_menu li:before {
 max-width: 240px;
 max-height: 240px;
}

.circle_menu li:after {
 height: 80px;
 top: -50px; 
}

.circle_menu li dl {
 justify-content: center;
}

}