@charset 'UTF-8';



/* cssメモ
----------------------------------------------------------------*/
/* Univa.JP TOPへ埋め込み用のcss
----------------------------------------------------------------*/



/* Preferences
----------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
/* html5 reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del {text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select {vertical-align:middle;} 
/* //html5 reset css */
/*a:hover, #header_logo a, #footer_logo a, #header_user_name .user_name, #comment_headline, .tcd_category_list a:hover, .tcd_category_list .child_menu_button:hover, .register_form_wrap .privacy_policy a, #my_account_edit #delete_account:hover, .widget_tab_post_list a:hover .date, #post_title_area .post_meta a:hover, #news_list a:hover .date, .recipe_list .title_area .title a:hover, .recipe_list .link:hover .title, .recipe_list .link:hover .post_meta, #post_list a:hover .title, #post_list a:hover .post_meta li, #recipe_archive a:hover .desc, .cf_data_list li a:hover, #footer_social_link li a:hover:before, #recipe_title_area .meta li a:hover, #recipe_image_slider .slick-arrow:hover:after, .recipe_slider_widget .slick-arrow:hover:before, #footer a:hover, .cardlink_title a:hover, #related_post .item a:hover, .comment a:hover, .comment_form_wrapper a:hover, #bread_crumb, #bread_crumb .last, #bread_crumb a:hover, #bread_crumb li.home a:hover:after, .author_profile a:hover, .author_profile .author_link li a:hover:before, #post_meta_bottom a:hover, .recipe_list .title_area .post_meta a:hover, #author_page_header .author_link li a:hover:before, #ranking_list_tab li.active a, .ranking_list a:hover .title, #author_list a:hover .title span, #searchform .submit_button:hover:before, .styled_post_list1 a:hover .title_area, .styled_post_list1 a:hover .date, .p-dropdown__title:hover:after, .p-dropdown__list li a:hover, #index_recipe_slider a:hover .title, #index_recipe_slider a:hover .post_meta, #index_recipe_slider .owl-nav button:hover span:after, .recipe_slider_widget .slick-arrow:hover:after, #about_faq_list dt:hover, #about_faq_list dt.active, #about_faq_list dt:hover:after, #menu_button:hover:before, .mobile #header_login:hover, .mobile #header_logout:hover, .mobile #header_search_button:hover:before, .styled_post_list1 .rank, #next_prev_post a:hover:before, #next_prev_post a:hover, .form_wrap .headline, #my_account_header .name, #index_recipe_slider .title a:hover{
  color: #12171F;
}*/
html {

}
main{
    background: #F5F5F5;
}
main {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.8666667;
    font-weight: 500;
    word-break: break-word;
    color: #12171F;
    font-feature-settings: "palt";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
    font-size: 100%;
    font-weight: 500;
}
table{
    border-collapse: collapse;
    width: 100%;
}
ul{
    list-style: none;
}
img{
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
main a{
    color: #1f140f;
    text-decoration: none;
    outline: none;
    display: block;
    transition: all .5s;
}
img{
    transition: all .5s;
}
p{
    /* margin-bottom: 1em; */
}
blockquote{
    margin: 0 0 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.1);
}
blockquote p{margin: 0;}

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



}

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

    main {
    }
    body{
        width: 100%;
        font-size: 13px;
        line-height: 1.75;
    }

}


/* TOPインターンシップ掲載デザイン（2024.04.25）
----------------------------------------------------------------*/

article#main-article section#top-internship{
  padding: 88px 0 0;
}

/*section#top-internship .section-body{
  background: #fff;
  border-radius: 16px;
  padding: 20px 32px;
  box-sizing: border-box;
}*/
section#top-internship .main-btn{
  margin-top: 24px;
}
ul.top-internship-list {
    background: #fff;
    padding: 16px 32px 14px;
    border-radius: 8px;
}
ul.top-internship-list li{

}
ul.top-internship-list li:not(:first-of-type) {
    padding-top: 14px;
    margin-top: 12px;
    border-top: 1px solid #ccc;
}
ul.top-internship-list li a {
    background: #fff;
    border-radius: 4px;
    /*padding: 14px 16px 12px 32px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
ul.top-internship-list li a:hover{
  opacity: 0.6;
}
.top-internship-list-name {
    color: #006FD0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: calc(100% - 90px);
    box-sizing: border-box;
    padding-left: 14px;
}
.top-internship-company-name {
    font-size: 13px;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 3px;
    margin-left: 104px;
}
.top-internship-info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
}
.top-internship-date{
  margin-top: 6px;
}
.top-internship-date p {
    line-height: 1.6;
    /* color: #505050; */
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 500;
}
.top-internship-date p br{
  display: none;
}
.top-internship-tag {
}
.top-internship-tag-item {
    font-size: 13px;
    line-height: 1;
    padding: 0 0 6px;
    border-bottom: 1px solid #707070;
    /* border-radius: 4px; */
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.top-internship-list-left{
  width: 55%;
  box-sizing: border-box;
  padding-right: 32px;
}
.top-internship-list-right {
    width: 45%;
    box-sizing: border-box;
    padding-right: 40px;
}
.top-internship-deadline {
    line-height: 1.6;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 4px;
}
.top-internship-list-target {
    line-height: 1;
    background: #12171F;
    color: #fff;
    width: 90px;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
    font-size: 12px;
}
.top-internship-company-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

ul.top-internship-list li a .material-symbols-outlined{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 20px;
}

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

article#main-article section#top-internship{
  padding: 64px 20px 0;
}
article#main-article section#top-internship .main-btn{
  margin-top: 20px;
}
article#main-article section#top-internship .main-btn a{
  width: 100%;
  height: 48px;
}
.top-internship-list-name {
    font-size: 15px;
    -webkit-line-clamp: 2;
    padding-left: 0;
    width: 100%;
}
.top-internship-company-name{
  margin-top: 2px;
  font-size: 11px;
  margin-left: 0;
}
.top-internship-info p{
  font-size: 11px;
}

ul.top-internship-list{
  padding: 16px 16px 14px;
}
ul.top-internship-list li a{
  display: block;
}
.top-internship-list-left{
  width: 100%;
  padding-right: 0;
}
.top-internship-list-right{
  width: 100%;
  margin-top: 6px;
  padding-right: 24px;
}
.top-internship-date p{
  font-size: 12px;
}
.top-internship-tag-item{
  font-size: 11px;
}
.top-internship-deadline{
  font-size: 12px;
  margin-top: 4px;
}

.top-internship-company-main{
  display: block;
}
.top-internship-list-target{
      font-size: 11px;
    margin-bottom: 8px;
    width: 80px;
}
section#top-internship .section-head-title{
    display: block;
}
section#top-internship .section-head-title-jp{
  margin-left: 0;
}
ul.top-internship-list li a .material-symbols-outlined{
      top: unset;
    bottom: -11px;
}
ul.top-internship-list li:not(:first-of-type) {
    padding-top: 12px;
}

}