@charset "UTF-8";

#column .table01 th{width:120px;}
#column .table02 th.tate{ min-height:9em; width: 2em; text-align: center;}
#column .table02 th.tate span{-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;}

#column .table_box.green table td.table_g{ background: #ddfffa;}
#column .section_subtitle2{ font-size: 21px; line-height: 1.2; font-weight: 700; color: #46cccc; margin:0 0 10px!important;}
#column .float_box{ margin: 0!important;}

#column .box_photo,
#column .box_text { margin: 15px 0 0;}
#column .bold{font-weight:700;margin-top:20px;}
#column .source_area {border: 1px solid #777;padding: 0 25px 10px;}

.point_advice{ background-color: #ddfffa; padding: 30px; box-sizing: border-box; border-radius: 15px; margin-top: 20px;}

.socket_box{ margin-top: 30px;}
.socket_box .socket_box_title{ font-size: 21px; line-height: 1.2; font-weight: 700; margin-bottom: 10px;}
.socket_box .socket_box_att{ font-size: 13px; line-height: 1.4!important;}
.socket_box .socket_box_inner{ margin-bottom: 10px;}
.socket_box .socket_box_inner table{ font-size: 13px!important; line-height: 1.4!important; width: 100%; border-collapse: collapse; text-align: center;}
.socket_box .socket_box_inner table td,
.socket_box .socket_box_inner table th { border: 1px solid #595959; padding: 5px; width: 30px; box-sizing: border-box;}
.socket_box .socket_box_inner table th { background: #ddfffa;}
.socket_box a{ color: #46cccc;}



.type_link { display: flex; gap: 10px; flex-wrap: wrap;}
.type_link li a {display: inline-block; font-size: 13px; font-weight: 700; text-align: center; line-height: 1.1; color: #333; text-decoration: none; -webkit-transition: .3s; -ms-transition: .3s; transition: .3s; position: relative; vertical-align: bottom; border-radius: 10px; border: 1px solid #CCC; text-decoration: none; padding: 15px 30px 15px 15px;}
.type_link li a::after { display: block; content: ""; position: absolute; top: 0; bottom: 0; right: 16px; width: 0; height: 0; margin: auto; width: 4px; height: 4px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media screen and (min-width:961px){
.type_link li a:hover{ color: #FFF; background: #46cccc;}
.type_link li a:hover:after{ border-top: 2px solid #FFF; border-right: 2px solid #FFF;}
}


@media screen and (max-width:767px){
#column .table01 th{box-sizing: border-box;}	

#column .section_subtitle2{ font-size: 16px; line-height: 1.2; margin: 20px 10px 0;}
#column .bold {margin-top:14px;}
#column .source_area {padding: 0 5px 10px;margin: 0 10px;}

.point_advice{ padding: 15px; border-radius: 10px; margin-top: 10px;}

.socket_box{ margin-top: 30px; margin-bottom: 30px; padding: 0 20px; box-sizing: border-box;}
.socket_box .socket_box_title{ font-size: 18px;}
.socket_box .socket_box_inner{ overflow-x: scroll;}
.socket_box .socket_box_inner table{ width: 500px;}
}