@charset "utf-8";
/* CSS Document */
a {
    text-decoration: none;
}
.subcommittee_title {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    height: 35px;
    background-image: url(../img/subcommittee/title_pc.jpg);
    background-size: contain;
    text-indent: -9999px;
    margin-top: 20px;
}
@media screen and (min-width: 768px) { 
.subcommittee_title {
    width: 584px;
    margin-right: auto;
    margin-left: auto;
    height: 35px;
    background-image: url(../img/subcommittee/title_pc.jpg);
    margin-bottom: 30px;
    margin-top: 50px;
    text-indent: -9999px;
    }}
.subcommittee_text {
    width: 100%;
    text-align: left;
    line-height: 200%;
    margin-bottom: 15px;
    }
@media screen and (min-width: 768px) { 
.subcommittee_text {
    width: 100%;
    text-align: center;
    line-height: 200%;
    margin-bottom: 50px;
    }}
/*分科会詳細*/
.bottan_off {
	background-color: #F2F4F7;
	width: 49%;
    color: #000;
    text-align: center;
    padding-top: 8px;
    float: left;
    border: #E0E0E6 solid 2px;
}
@media screen and (min-width: 768px) { 
.bottan_off {
	background-color: #F2F4F7;
	position: relative;
	width: 276px;
    color: #000;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    border: #E0E0E6 solid 4px;
    margin-right: 5px;
    z-index: 12;
}
a .bottan_off {
	-webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
}
a:hover .bottan_off {
	background-color: #F5F6FA;
    border: #E9E9E9 solid 4px;
    }}
.bottan_end {
	margin-right: 0px;
}
.bottan_off1 {
	background-color: #F2F4F7;
	width: 49%;
    color: #000;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    border: #E0E0E6 solid 2px;
    margin-bottom: 8px;
}
@media screen and (min-width: 768px) { 
.bottan_off1 {
    background-color: #F2F4F7;
	position: relative;
	width: 276px;
    color: #000;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    border: #E0E0E6 solid 4px;
    margin-right: 5px;
    z-index: 12;
}
a .bottan_off1 {
	-webkit-transition: border 0.6s;
    transition: border 0.6s;
}
a:hover .bottan_off1 {
    border: #B94D8E solid 4px;
    }}
.bottan_on1 {
	background-color: #B94D8E;
	width: 49%;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-right: 5px;
    margin-bottom: 8px;
}
@media screen and (min-width: 768px) { 
.bottan_on1 {
	background-color: #B94D8E;
	position: relative;
	width: 276px;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    margin-right: 5px;
    z-index: 12;
    margin-bottom: 0;
}
.bottan_on1:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-top-color: #B94D8E;
	top: 100%;
	left: 50%;
	margin-left: -10px;
    z-index: 12;
    }}
.bottan_off2 {
	background-color: #F2F4F7;
	width: 49%;
    color: #000;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    float: right;
    border: #E0E0E6 solid 2px;
    margin-bottom: 8px;
}
@media screen and (min-width: 768px) { 
.bottan_off2 {
    background-color: #F2F4F7;
	position: relative;
	width: 276px;
    color: #000;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    border: #E0E0E6 solid 4px;
    margin-right: 5px;
    z-index: 12;
}
a .bottan_off2 {
	-webkit-transition: border 0.6s;
    transition: border 0.6s;
}
a:hover .bottan_off2 {
    border: #EBA023 solid 4px;
    }}
.bottan_on2 {
	background-color: #EBA023;
	width: 49%;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    margin-bottom: 8px;
}
@media screen and (min-width: 768px) { 
.bottan_on2 {
	background-color: #EBA023;
	position: relative;
	width: 276px;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    margin-right: 5px;
    z-index: 12;
    margin-bottom: 0;
}
.bottan_on2:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-top-color: #EBA023;
	top: 100%;
	left: 50%;
	margin-left: -10px;
    z-index: 12;
    }}

.bottan_off3 {
	background-color: #F2F4F7;
	width: 49%;
    color: #000;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    border: #E0E0E6 solid 2px;
}
@media screen and (min-width: 768px) { 
.bottan_off3 {
    background-color: #F2F4F7;
	position: relative;
	width: 276px;
    color: #000;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    border: #E0E0E6 solid 4px;
    margin-right: 5px;
    z-index: 12;
}
a .bottan_off3 {
	-webkit-transition: border 0.6s;
    transition: border 0.6s;
}
a:hover .bottan_off3 {
    border: #09715A solid 4px;
    }}
.bottan_on3 {
	background-color: #09715A;
	width: 49%;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-right: 5px;
}
@media screen and (min-width: 768px) { 
.bottan_on3 {
	background-color: #09715A;
	position: relative;
	width: 276px;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    margin-right: 5px;
    z-index: 12;
}
.bottan_on3:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-top-color: #09715A;
	top: 100%;
	left: 50%;
	margin-left: -10px;
    z-index: 12;
    }}
.bottan_off4 {
	background-color: #F2F4F7;
	width: 49%;
    color: #000;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    float: right;
    border: #E0E0E6 solid 2px;
}
@media screen and (min-width: 768px) { 
.bottan_off4 {
    background-color: #F2F4F7;
    position: relative;
    width: 276px;
    color: #000;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    float: left;
    border: #E0E0E6 solid 4px;
    z-index: 12;
}
a .bottan_off4 {
	-webkit-transition: border 0.6s;
    transition: border 0.6s;
}
a:hover .bottan_off4 {
    border: #DC574E solid 4px;
    }}
.bottan_on4 {
	background-color: #DC574E;
	width: 49%;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
}
@media screen and (min-width: 768px) { 
.bottan_on4 {
	background-color: #DC574E;
	position: relative;
	width: 276px;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    z-index: 12;
}
.bottan_on4:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-top-color: #DC574E;
	top: 100%;
	left: 50%;
	margin-left: -10px;
    z-index: 12;
    }}
.name{
    font-weight: 200;
    font-size: 24px;
}
@media screen and (min-width: 768px) { 
.name{
    font-weight: 200;
    font-size: 36px;
    }}

.title1{
    background-color: #B94D8E;
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
}
@media screen and (min-width: 768px) { 
.title1{
    background-color: #B94D8E;
    width: 100%;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    }}

.title2{
    background-color: #EBA023;
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
}
@media screen and (min-width: 768px) { 
.title2{
    background-color: #EBA023;
    width: 100%;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    }}

.title3{
    background-color: #09715A;
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
}
@media screen and (min-width: 768px) { 
.title3{
    background-color: #09715A;
    width: 100%;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    }}

.title4{
    background-color: #DC574E;
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
}
@media screen and (min-width: 768px) { 
.title4{
    background-color: #DC574E;
    width: 100%;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    }}

.title15{
    background-color: #B94D8E;
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
}
@media screen and (min-width: 768px) { 
.title15{
    background-color: #B94D8E;
    width: 100%;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    }}

.sub_text{
    width: 100%;
    padding-top: 16px;
    padding-left: 1em;
    line-height: 200%;
}
.sub_text_l{
    width: 100%;
    padding-top: 8px;
    float: left;
    line-height: 200%;
    margin-bottom: 25px;
}
@media screen and (min-width: 768px) { 
.sub_text_l{
    width: 736px;
    padding-top: 16px;
    padding-left: 1em;
    float: left;
    line-height: 200%;
    margin-bottom: 0;
    }}
.sub_text_r{
    width: 100%;
    padding-top: 8px;
}
@media screen and (min-width: 768px) { 
.sub_text_r{
    width: 352px;
    padding-top: 25px;
    float: right;
    }}
@media screen and (max-width: 768px) { 
.sub_text_r img{
    width: 100%;
    height: auto;
    }}

.table_box {
    width: 100%;
    }
@media screen and (min-width: 768px) { 
.table_box {
    width: 100%;
    display: table;
    }}

.table_box_r {
    width: 100%;
     border-bottom: 1px #E0E0E6 solid;
    }
@media screen and (min-width: 768px) { 
.table_box_r {
    width: 100%;
    display: table;
    }}

.table_th {
    background-color: #F0F2F4;
    width: 100%;
    border-top: 1px #E0E0E6 solid;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1rem;
    font-weight: 700;
    display: block;
    line-height: 200%;
}
@media screen and (min-width: 768px) { 
.table_th {
    background-color: #F0F2F4;
    width: 200px;
    border-top: 1px #E0E0E6 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 1rem;
    font-weight: 700;
    display: table-cell;
    line-height: 200%;
    }}

.table_td {
    width: 100%;
    border-top: 1px #E0E0E6 solid;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1rem;
    display: block;
    line-height: 200%;
    word-break: break-all;
}
@media screen and (min-width: 768px) { 
.table_td {
    width: 920px;
    border-top: 1px #E0E0E6 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2rem;
    display: table-cell;
    line-height: 200%;
    }}

.table_th-end {
    background-color: #F0F2F4;
    width: 100%;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1rem;
    font-weight: 700;
    display: block;
    line-height: 200%;
    word-break: break-all;
}
@media screen and (min-width: 768px) { 
.table_th-end {
    background-color: #F0F2F4;
    width: 200px;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 1rem;
    font-weight: 700;
    display: table-cell;
    line-height: 200%;
    }}

.table_td-end {
    width: 100%;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1rem;
    display: block;
    line-height: 200%;
    word-break: break-all;
    }
@media screen and (min-width: 768px) { 
.table_td-end {
    width: 920px;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2rem;
    display: table-cell;
    line-height: 200%;
    }}

.table_th2 {
    background-color: #F0F2F4;
    width: 100%;
    border-top: 1px #E0E0E6 solid;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 1rem;
    display: block;
    line-height: 200%;
    word-break: break-all;
    }
@media screen and (min-width: 768px) { 
.table_th2 {
    background-color: #F0F2F4;
    width: 222px;
    border-top: 1px #E0E0E6 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1rem;
    display: table-cell;
    line-height: 200%;
    }}

.table_ts2 {
    background-color: #F0F2F4;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 10px;
    display: block;
    padding-left: 1rem;
    line-height: 200%;
    word-break: break-all;
    }
@media screen and (min-width: 768px) { 
.table_ts2 {
    background-color: #F0F2F4;
    width: 898px;
    border-top: 1px #E0E0E6 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    display: table-cell;
    line-height: 200%;
    }}

.table_th2-end {
    background-color: #F0F2F4;
    width: 100%;
    border-top: 1px #E0E0E6 solid;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 1rem;
    display: block;
    line-height: 200%;
    }
@media screen and (min-width: 768px) { 
.table_th2-end {
    background-color: #F0F2F4;
    width: 222px;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1rem;
    display: table-cell;
    line-height: 200%;
    }}

.table_ts2-end {
    background-color: #F0F2F4;
    width: 100%;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-left: 1rem;
    display: block;
    line-height: 200%;
    word-break: break-all;
    }
@media screen and (min-width: 768px) { 
.table_ts2-end {
    background-color: #F0F2F4;
    width: 898px;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    display: table-cell;
    line-height: 200%;
    }}

.table_ts2 a{
    text-decoration: none;
    color: #0A5887;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media screen and (min-width: 768px) { 
.table_ts2 a:hover{
    color: #3B799E;
    text-decoration: underline;
    }}
.table_ts2-end a{
    text-decoration: none;
    color: #0A5887;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media screen and (min-width: 768px) { 
.table_ts2-end a:hover{
    color: #3B799E;
    text-decoration: underline;
    }}

.table_ts3 {
    background-color: #F0F2F4;
    border-top: 1px #E0E0E6 solid;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    padding-left: 1rem;
    line-height: 200%;
    word-break: break-all;
    }
@media screen and (min-width: 768px) { 
.table_ts3 {
    background-color: #F0F2F4;
    border-top: 1px #E0E0E6 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    display: table-cell;
    line-height: 200%;
    }}

.table_ts3-end {
    background-color: #F0F2F4;
    width: 100%;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1rem;
    display: block;
    line-height: 200%;
    word-break: break-all;
    }
@media screen and (min-width: 768px) { 
.table_ts3-end {
    background-color: #F0F2F4;
    border-top: 1px #E0E0E6 solid;
    border-bottom: 1px #E0E0E6 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    display: table-cell;
    line-height: 200%;
    }}

.table_ts3 a{
    text-decoration: none;
    color: #0A5887;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media screen and (min-width: 768px) { 
.table_ts3 a:hover{
    color: #3B799E;
    text-decoration: underline;
    }}
.table_ts3-end a{
    text-decoration: none;
    color: #0A5887;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media screen and (min-width: 768px) { 
.table_ts3-end a:hover{
    color: #3B799E;
    text-decoration: underline;
    }}
td .text_dec{
    padding-bottom: 1rem;
}

.hutoji {
    font-weight: 700;
}

.event_link_sp {
	width: 100%;
	height: 18%;
	margin-bottom: 18px;
}
.event_link_sp img {
	width: 100%;
	height: 20%;
}
@media screen and (min-width: 768px) { 
.event_link_pc {
	width: 1120px;
	height: 220px;
	margin-bottom: 50px;
    }}
@media screen and (min-width: 768px) { 
.event_link_pc a {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    }
.event_link_pc a:hover {
    opacity: 0.7;
    }
}