@charset "UTF-8";
.bgimg_education {
    background-image: url(/asset/img/convention/cat_mainimg.jpg);
}
/* 概要部分 ------------------------- */
#educt_ol_con{
display: flex;
justify-content: space-between;
}
#educt_olimg_wrap {
width: 510px;
}
#educt_olimg_wrap ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#educt_olimg_wrap ul li {
width: calc((100% - 18px) / 2);
}
#educt_olimg_wrap ul li:first-child {
width: 100%;
margin-bottom: 18px;
}
#educt_olimg_wrap img {
height: auto;
}
#educt_oltxt_wrap {
width: 620px;
position: relative;
}
#educt_oltxt_ttl {
font-size: 2.2rem;
display: block;
font-weight: bold;
margin-bottom: 24px;
}
#educt_oltxt_wrap p {
font-size: 1.5rem;
}
#educt_olmenu_con {
position: absolute;
bottom: 0;
display: flex;
justify-content: space-between;
width: 620px;
}
.educt_olmenu {
width: calc( (100% - 20px) / 3 );
position: relative;
}
.educt_olmenu a, .open_button {
display: block;
border: solid 1px #d4d4d4;
line-height: 1;
font-size: 1.5rem;
font-weight: bold;
padding: 12px 14px;
background-color: #fff;
}
.educt_olmenu a:hover, 
.open_button:hover,
.open_button.open {
color: #2ea7e0;
border: solid 1px #2ea7e0;
opacity: 1;
}
.open_button {
cursor: pointer;
transition-property: all;
transition-duration: 0.4s;
}
.educt_olmenu a i,
.open_button i {
position: absolute;
right: 10px;
margin-right: 0px
}
.open_button i {
transform: rotate(90deg);
margin-top: 2px;
}
.educt_access_menu {
height: 0;
overflow: hidden;
pointer-events: none;
margin-top: 12px;
opacity: 0;
transition: height 0.3s, opacity 0.3s;
}
.educt_access_menu.open {
pointer-events: auto;
opacity: 1;
}
#educt_acssmenu_con {
background-color: #fff;
padding: 14px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.educt_acssmenu {
width: calc( (100% - 24px) / 3 );
}
.educt_acssmenu a {
display: block;
background-color: rgba(245,241,237,1.00);
font-weight: bold;
height: 36px;
line-height: 36px;
border-radius: 16px;
padding: 0 0 0 16px;
}
.educt_acssmenu:nth-child(-n+3) a {
margin-bottom: 12px;
}
.educt_acssmenu:last-child a {
letter-spacing: 0em;
}
/* 教育旅行プログラム一覧 ------------------------- */
#education_list_con {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
border-top:solid 1px #d4d4d4;
}
.educt_item_wrap{
width: 564px;
padding: 40px 0;
border-bottom:solid 1px #d4d4d4;
position: relative;
}
.educt_item_wrap:nth-child(odd){
margin-right: 52px;
}
.educt_item_wrap a{
display: block;
}
.educt_item_mic {
display: flex;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.educt_item_mic .img_wrap {
width: 228px;
position: relative;
}
.educt_cat {
display: block;
color: #fff;
background-color: #2ea7e0;
font-size: 1.2rem;
letter-spacing: 0em;
position: absolute;
right: 0;
bottom: 0;
line-height: 1.5;
padding: 4px 10px;
}
.educt_item_mic .txt_wrap {
display: block;
width: 310px;
padding-right: 22px;
}
.educt_item_mic .txt_wrap h3 {
font-size: 1.6rem;
margin-bottom: 14px;
}
.educt_item_sucdl {
display: flex;
justify-content: space-between;
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
padding: 10px 12px 8px;
}
.educt_item_sucdl:nth-child(odd) {
background-color: #fff;
}
.educt_item_sucdl:last-child {
border-bottom: 1px solid #d4d4d4;
}
.educt_item_sucdl dt {
width: 16%;
font-weight: bold;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;
}
.educt_item_sucdl dd {
width: 84%;
padding-left: 10px;
letter-spacing: 0em;
}
.educt_item_wrap .more_info_2ea7e0 {
    bottom: 10px;
}
/* お知らせ詳細関連共通 ------------------------- */
#news_detail_con {
position: relative;
}
#news_detail_main {
width: 862px;
background-color: #fff;
padding: 60px 50px 50px;
}
#news_detail_sub {
width: 268px;
}
.news_dttl {
font-size: 2.4rem;
margin: 10px 0 30px;
line-height: 1.6;
}
.news_dttl .mds02 {
margin-top: 20px;
}
#news_dtxt {
font-size: 1.5rem;
line-height: 2;
}
#news_dtxt p, 
#news_dtxt figure {
margin-bottom: 30px;
}
#news_dtxt a {
color: #2ea7e0;
}
#news_dtxt h2 {
font-size: 1.6rem;
display: flex;
align-items: center;
padding: 10px 14px 8px 0px;
color: #fff;
background-color: #3c3c3c;
margin-bottom: 24px;
font-weight: bold;
}
#news_dtxt img {
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
}
#news_ddate_sns {
border-top: 1px solid #d4d4d4;
display: flex;
justify-content: space-between;
padding-top: 20px;
}
#news_ddate {
display: block;
}
#sns_button_con {
display: flex;
justify-content: flex-end;
}
#sns_button_con .twitter {
margin-right: 10px;
}
#side_past_news li {
padding: 16px 0 14px;
border-bottom: solid 1px #d4d4d4;
}
#side_past_news h2 span {
color: #2ea7e0;
display: block;
}
.sdpnews_date {
display: block;
position: relative;
width: 110px;
padding: 6px 0;
line-height: 1;
text-align: center;
background-color: #4db4e5;
color: #f5f1ed;
font-family: "din-2014-narrow",sans-serif;
margin-bottom: 10px;
letter-spacing: 0.12em;
font-size: 1.3rem;
}
.sdpnews_date::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 12px solid #6FC2E9;
border-right: 12px solid transparent;
}
/* 詳細フリー項目用 ------------------------- */
.news_dfree_con {
    margin-top: 30px;
}
.news_dfree {
display: flex;
justify-content: space-between;
border-top: 1px solid#d4d4d4;
padding: 15px 10px;
}
.news_dfree dt {
width: 20%;
font-weight: bold;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;
letter-spacing: 0em;
}
.news_dfree dd {
width: 80%;
padding-left: 20px;
}