@charset "UTF-8";


/* -----------------------------------------------------------
	table_inner
----------------------------------------------------------- */
.table-body{
    margin:100px;
}

table{
    font-family: 'Noto sans JP';
    table-layout: fixed;
    box-sizing: border-box;
    border: 1px solid #c8cfe4;
    border-top:1px solid #fff ;
}

th{
    text-align: center;
    font-weight: 500;
}

td{
    border-bottom: 1px solid #c8cfe4;
    position: relative;
    padding: 22px;
}

td a{
    color: #333;
    position: relative;
    font-size: 16px;
    font-weight: 500;
}

td a img{
    position: absolute;
    bottom: 0;
    right: -16px;
    transform: translateY(-50%);
}

td a span{
    border-bottom: 1px solid #333;
    margin-right: 8px;
}

td a:hover span {
    border-bottom: none;
}

td p{
    text-align: left;
    font-size: 15px;
}

.h1{
    background-color: #119bf7;
    color: #fff;
    font-size: 17px;
    line-height: calc(22 / 17);
    text-align: center;
}

.h2{
    background-color: #b8e1fd;
    border-left: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
}

.h3{
    background-color: #c8cfe4;
    border-left: 1px solid #c8cfe4;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
}

.h4{
    background-color: #e9ecf4;
    border-left: 1px solid #c8cfe4;
    font-size: 11px;
    font-weight: 400;
    height: 45px;
    width: calc(350px / 6);
}

.r1{
    height: 60px;
}

.r2c3{
    width: 160px;
    border-left: 1px solid #fff;
}

.r2c4{
    width: 140px;
}

.r3{
    height: 168px;
    padding: 0 8px;
    border-left: 1px solid #c8cfe4;
    position: relative;
}

.r3 p{
    text-align: center;
}

.r3 p:nth-child(2){
    line-height: calc(20 / 16);
    letter-spacing: 0.03em;
	font-size: 14px;
}

.r3-textarea{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(50% - 14.4px);
}

.r3-4c4{
    padding: 0 8px;
    border-left: 1px solid #c8cfe4;
}

.r3c5{
    border-left: 1px solid #c8cfe4;
    padding: 0 8px;
}

.r3c5 p{
    font-size: 11px;
    display: flex;
}

.r3c4 p{
    line-height: calc(24 / 16);
}

.r3c4 p:nth-child(2){
    margin-top: 16px;
}

.r4-1{
    width: calc(350px / 3);
}

.r4-2{
    width: calc(350px / 3);
}

.r4-3{
    width: calc(350px / 3);
    border-right: 1px solid #fff;
}

.r2c5{
    border-left: 1px solid #c8cfe4;
    padding: 8px;
}

.r2c5 p:first-child{
    font-size: 11px;
	display: flex;
}

.r2c5 p:nth-child(2){
    font-size: 11px;
    display: flex;
}

.r2c5 p:last-child{
    font-size: 11px;
    display: flex;
}

.r6{
    padding: 0;
    border-left: 1px solid #c8cfe4;
    position: relative;
	height: 70px;
}

.r6 p{
    text-align: center;
}

.r6 p:nth-child(2){
    font-size: 10px;
    line-height: calc(14 /11);
    letter-spacing: 0;
}
.r6 span{
	font-size: 11px;
}
.r6-textarea{
    position: absolute;
    top: calc(50% - 14.4px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.r7{
    height: 83px;
    border-left: 1px solid #c8cfe4;
}

.r7 p{
    text-align: center;
}
.r8{
    height: 144px;
    border-left: 1px solid #c8cfe4;
}

.r8 p{
    text-align: center;
}

.r9{
    height: 30px;
}

.r10{
    height: 64px;
    border-left: 1px solid #c8cfe4;
}

.r10 p{
    text-align: center;
    font-size: 15px;
}
.r10 span{
    font-size: 11px;
}

.c1{
    width: 200px;
}

.c3{
    width: 300px;
    border-left: 1px solid #fff;
}

.c4{
    width: 350px;
    border-left: 1px solid #fff;
}

.c5{
    width: 250px;
    border-left: 1px solid #fff;
}

.r2-3c1 p{
    display: inline-block;
    margin: 0 auto;
    font-weight: 700;
    font-size: 19px;
    line-height: calc(28 / 19);
}

.r2-3c3{
    border-left: 1px solid #c8cfe4;
    position: relative;
    padding: 8px;
}

.r2-3c3 p{
    font-size: 15px;
    line-height: calc(26 / 18);
}

.r2-3c3 p:nth-child(2){
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.main_content {
	padding-top: 40px;
}
table {
	width: 1150px;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
#back-top {
	display: none!important;
}
}
@media screen and (max-width: 767px) {
table {
	width: 1150px;
	height: 420px;
    margin-bottom: 20px;
}
td a:hover span {
    border-bottom: 1px solid #333;
}
.r3 {
	height: 158px;
}
.r8 {
	height: 135px;
}
}