@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;}
p 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;}
}

.standard_plan{ margin-top: 10px;}
.standard_plan dl dt{ display: inline-block; background-color: #46cccc; color: #fff; font-size: 14px; font-weight: bold; padding: 0 10px; box-sizing: border-box; border-radius: 5px 5px 0 0;}
.standard_plan dl dd{ margin-top: -2px; border: 2px solid #46cccc; box-sizing: border-box; padding: 15px; box-sizing: border-box; font-size: 14px; line-height: 1.4em; background-color: #fff;}
.standard_plan dl dd table{ width: 100%; border-collapse: collapse; background-color: #fff; margin: 5px 0;}
.standard_plan dl dd table tr th{ background-color: #eee;}
.standard_plan dl dd table tr th,
.standard_plan dl dd table tr td{ width: 50%; padding: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.standard_plan dl dd a{ color: #46cccc;}

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

.standard_plan{ margin: 10px 10px 0;}
.standard_plan dl dt{ font-size: 12px;}
.standard_plan dl dd{ font-size: 12px; padding: 10px;}
}
#column .abs{ width: 33.3333%; margin: 10px 0 0 auto; font-size: 13px; padding: 10px; box-sizing: border-box; text-align: center; background: #edab35; right: 0; line-height: 1.4; color: #fff; position: relative;}
#column .abs::before{ position: absolute; content: ""; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 10px solid #edab35; top: -10px; left: 50%; transform: translateX(-50%);}
#column .table_box table{border-collapse:collapse; width:100%; box-sizing:border-box;}
#column .table_box table th,
#column .table_box table td{padding:6px;font-size:13px;line-height:1.4;text-align:center;vertical-align:middle;border:1px solid #ccc;}
#column .table_box.pink table th{background:#ffdde3;}
#column .table_box.green table th{background:#ddfffa;}
#column .table_box.yellow table th{background:#fff6dd;}
#column .table_box table td{background:#fff;}
#column .table_box table th em{font-size: 0.8em;}
#column .table_box table td em{ font-weight: 700;}

/* th・tdを縦表示したい時用 */
@media screen and (max-width:767px){
#column .table_block{}
#column .table_block th,
#column .table_block td{display:block;margin:-1px 0 0;}
#column .table_block tr:first-child th{margin:0;}
}