@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700;900&display=swap");
* :where(:not(html, iframe, canvas, img, svg, video, audio, p):not(svg *, symbol *)) { all: unset; display: revert; }

* { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html { height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-size: 18px; scroll-behavior: smooth; }

body { height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-size: 18px; line-height: 1.4; letter-spacing: 0.05em; /*font-feature-settings: "palt";*/ color: #333333; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }

.pc_display { display: inherit !important; }

.sp_display { display: none !important; }

a { text-decoration: none !important; }
a:hover { cursor: pointer; }

img { max-width: 100%; height: auto; }

.img-80 { width: 80vw; height: auto; }

.img_overlay { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); color: white; opacity: 0.6; mix-blend-mode: screen; }

.link_btn_wh { display: inline-block; width: auto; padding: 1rem 2.5rem 1rem 2rem; background-color: #fff; color: #0c6fa5; font-weight: 700; border-radius: 3rem; }
.link_btn_wh a { color: #0c6fa5; }
.link_btn_wh a:hover { color: #005366; opacity: 0.8; }
.link_btn_wh a span:after { content: ''; width: 8px; height: 8px; borderleft: 0; border-bottom: 0; border-top: solid 2px #0c6fa5; border-right: solid 2px #0c6fa5; position: absolute; top: 50%; margin-top: -4px; margin-left: 0.5rem; transform: rotate(45deg); }

.link_btn_s { display: inline-block; width: auto; padding: 0.5rem 2.5rem 0.5rem 2rem; background-color: #0c6fa5; color: #fff; font-weight: 400; border-radius: 3rem; }
.link_btn_s:hover { background-color: #005366; }
.link_btn_s a { color: #fff; }
.link_btn_s a:hover { color: #fff; opacity: 0.8; }
.link_btn_s a span:after { content: ''; width: 6px; height: 6px; borderleft: 0; border-bottom: 0; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; margin-top: -3px; margin-left: 0.25rem; transform: rotate(45deg); }

.link_btn_sw { display: inline-block; width: auto; padding: 0.5rem 2.5rem 0.5rem 2rem; background-color: #fff; color: #0c6fa5; font-weight: 400; border-radius: 3rem; }
.link_btn_sw:hover { opacity: 0.8; }
.link_btn_sw a { color: #005366; }
.link_btn_sw a:hover { color: #005366; }
.link_btn_sw a span:after { content: ''; width: 6px; height: 6px; borderleft: 0; border-bottom: 0; border-top: solid 1px #0c6fa5; border-right: solid 1px #0c6fa5; position: absolute; top: 50%; margin-top: -3px; margin-left: 0.25rem; transform: rotate(45deg); }

.p_raight { text-align: right; position: relative; z-index: 1100; }

.empha { font-weight: 700; }

.font-large { font-size: 1.4rem; }

.wrapper { padding: 30px 10%; position: relative; }

.bg_01 { width: 20%; height: auto; display: block; right: -10%; top: -10%; position: absolute; z-index: -1; }
.bg_01 img { width: 100%; height: auto; }

.bg_02 { width: 20%; height: auto; display: block; left: -5%; bottom: -20%; position: absolute; z-index: 3; }
.bg_02 img { width: 100%; height: auto; }

.contants_wrapper { padding-top: 100px; width: 80%; height: auto; margin: 0 auto; }

.w-90 { width: 90%; height: auto; margin: 0 auto 60px auto; }
.w-90 h3 { font-size: 1.6rem; margin: 40px 0; padding-bottom: 5px; border-bottom: solid 1px #333; display: inline-block; }

/*----------------------------------------------------header*/
#header { width: 100vw; height: auto; padding: 10px 40px 15px 40px; z-index: 1000; position: fixed; display: flex; justify-content: space-between; background: white; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, white 100%); }
#header #header_box h1 { font-size: 0.65rem; letter-spacing: 1 !important; }
#header #header_box #header_logo { width: 300px; height: auto; }
#header #header_box #header_logo img { width: 100%; height: auto; }

#panel { position: fixed; }

/*----------------------------------------------------nav*/
#menu_box_sp { display: none; }

#menu_box { display: inline-block; font-weight: 700; margin-top: 30px; }
#menu_box a { text-decoration: none; color: #0c6fa5; }
#menu_box ul { margin: 0; padding: 0; display: flex; align-items: baseline; }
#menu_box ul li { list-style: none; white-space: nowrap; }
#menu_box ul li a { text-decoration: none; }
#menu_box ul li.del::after { content: '/'; color: #0c6fa5; margin: 0 20px; }
#menu_box ul .header_instagram { background-color: #0c6fa5; padding: 5px 1rem; border-radius: 30px; margin-left: 20px; font-size: 0.9rem; color: #ffffff; }
#menu_box ul .header_instagram img { width: auto; height: 1rem; margin-right: 5px; }
#menu_box ul .header_instagram a { color: #fff; }
#menu_box ul .header_contact { background-color: #0c6fa5; padding: 5px 1rem; border-radius: 30px; margin-left: 10px; font-size: 0.9rem; letter-spacing: 0; color: #ffffff; }
#menu_box ul .header_contact a { color: #ffffff; }

@media screen and (max-width: 850px) { #menu_box { display: none; }
  #menu_box_sp { position: absolute; display: block; text-align: center; right: 0; top: 40px; margin-right: 3%; z-index: 1000; }
  #menu_box_sp #navber_sp { display: block; margin: 10px; }
  #menu_box_sp .drawer-hidden { display: none; }
  #menu_box_sp .drawer-open { height: 30px; width: 40px; position: relative; z-index: 100; cursor: pointer; }
  #menu_box_sp .drawer-open span, #menu_box_sp .drawer-open span:before, #menu_box_sp .drawer-open span:after { content: ''; display: block; height: 3px; width: 30px; background: #0c6fa5; transition: 0.5s; position: absolute; }
  #menu_box_sp .drawer-open span:before { bottom: 10px; }
  #menu_box_sp .drawer-open span:after { top: 10px; }
  #menu_box_sp #drawer-check:checked ~ .drawer-open span { background: rgba(255, 255, 255, 0); }
  #menu_box_sp #drawer-check:checked ~ .drawer-open span::before { bottom: 0; transform: rotate(45deg); }
  #menu_box_sp #drawer-check:checked ~ .drawer-open span::after { top: 0; transform: rotate(-45deg); }
  #menu_box_sp .drawer-content { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; z-index: 99; background: white; transition: .5s; }
  #menu_box_sp #drawer-check:checked ~ .drawer-content { left: 0; }
  #menu_box_sp .drawer-list { list-style: none; width: 80%; height: auto; margin: 0 auto; }
  #menu_box_sp .drawer-item { padding: 10px 0; border-bottom: solid 1px #333; margin-bottom: 1rem; text-align: center; }
  #menu_box_sp .drawer-item img { width: 20px; height: auto; margin-right: 10px; }
  #menu_box_sp .drawer-item a { text-decoration: none; color: #0c6fa5; font-size: 1.4rem; font-weight: 500; }
  #menu_box_sp ul.bt_item { bottom: 10%; padding: 0; text-align: center; list-style: none; }
  #menu_box_sp ul.bt_item li { margin-bottom: 10px; }
  #menu_box_sp ul.bt_item li a { color: #0c6fa5; }
  .header_contact { width: auto; height: auto; margin: 0 auto; display: inline-block; background-color: #0c6fa5; padding: 10px 2rem; border-radius: 30px; font-size: 1.4rem; color: #ffffff; margin-top: 1rem; }
  .header_contact a { color: #ffffff; }
  .menu_sp_icon { width: 100%; display: flex; justify-content: space-between; margin: 2rem 0; }
  .menu_sp_icon div { margin: 0; padding: 20px 40px; background-color: #0c6fa5; color: #fff; text-align: center; } }
/*----------------------------------------------------index*/
#carouselExample { background-color: #0c6fa5 !important; }

.carousel-inner p { text-align: right; font-size: 0.8rem; margin-top: -2rem; margin-right: 2%; color: #ffffff; }

#index_main_b { background-color: #0c6fa5 !important; padding: 1rem 0; text-align: right; }
#index_main_b .example_link { display: inline-block; margin-right: 2%; }
#index_main_b .example_link a { display: block; }

#index_01 { display: flex; position: relative; }

.indeximg { width: 50%; height: auto; margin-top: 40px; }
.indeximg img { width: 100%; height: auto; }

.indexcon { width: 50%; height: auto; padding: 2rem 5%; margin-bottom: 10px; flex-direction: column; }
.indexcon h2 { color: #0c6fa5; font-size: 2.4rem; font-weight: 900; margin: 30px 0; }
.indexcon p { margin: 0 0 30px 0; line-height: 1.5; }
.indexcon h3 { font-size: 1.8rem; margin: 10px 0; padding-left: 70px; position: relative; }
.indexcon h3::before { content: ''; position: absolute; width: 50px; height: 100%; border-top: solid 2px #0c6fa5; top: 50%; left: 0; }

.blue_bg { display: block; width: 80vw; height: 90%; background-color: #0c6fa5; position: absolute; left: -10%; z-index: -1; }

#index_02 { display: flex; padding: 30px 0 30px 30px; }
#index_02 h2 { color: #fff; font-size: 3.0rem; font-weight: 900; margin: 30px 0; }
#index_02 p { width: 100%; background-color: rgba(255, 255, 255, 0.8); padding: 2rem 4rem; margin: 0 0 30px 0; line-height: 1.5; }

#index_03 { display: flex; }
#index_03 h4 { font-size: 4.0rem; font-weight: 900; color: #0c6fa5; padding-bottom: 0; margin-bottom: 0; }
#index_03 ul li.news_box { display: flex; list-style: none; border-bottom: dotted 1px #ccc; padding-bottom: 0.5rem; margin-bottom: 1rem; }
#index_03 ul li.news_box .news_date { width: 30%; white-space: nowrap; margin-right: 5%; }
#index_03 ul li.news_box .news_title { width: 65%; text-align: left; }

.title_jp { display: block; font-size: 1.0rem; margin-bottom: 30px; }

#index_04 { display: flex; padding: 30px 0 50px 30px; }
#index_04 h2 { color: #fff; font-size: 3.0rem; font-weight: 900; margin: 30px 0; }
#index_04 p { color: #fff; line-height: 1.5; margin-left: 20px; }
#index_04 #sdgs { display: flex; }
#index_04 #img_sdgs img { width: 100%; height: 100%; }

#index_example { overflow-x: hidden; width: 100%; height: auto; background-color: #0c6fa5; padding: 30px 0 20px 0; }
#index_example h5 { font-size: 2.0rem; font-weight: 900; margin-bottom: 30px; color: #fff; }

.slider { width: 94%; margin: 10px auto; padding: 0; }

.slider img { width: 500px; height: 325px; object-fit: cover; margin: 0 auto; }

.slider .slick-slide { transform: scale(0.7); transition: all .5s; opacity: 0.5; }

.slider .slick-slide.slick-center { transform: scale(1); opacity: 1; }

.slick-prev, .slick-next { position: absolute; top: 42%; cursor: pointer; outline: none; border-top: 2px solid #fff; border-right: 2px solid #fff; height: 20px; width: 20px; }

.slick-prev { left: -1.5%; transform: rotate(-135deg); }

.slick-next { right: -1.5%; transform: rotate(45deg); }

.hide-area { display: none; }

.slider figcaption { text-align: center; color: #fff; }

#bottom_bana { width: 50%; height: auto; display: flex; justify-content: space-around; margin: 0 auto; }
#bottom_bana .banas { width: 30%; height: auto; margin: 0 auto; }
#bottom_bana .banas img { width: 100%; height: auto; }

/*----------------------------------------------------footer*/
footer { width: 100%; height: auto; background-color: #0c6fa5; padding: 0; color: #fff; }
footer a { color: #fff; }
footer a:hover { color: #fff; opacity: 0.8; }
footer #footer_top { width: 100%; background-color: #1a1a1a; padding: 1.2rem 20% 1rem; display: flex; text-align: center; justify-content: center; align-items: baseline; }
footer #footer_top div { display: block; width: 30%; }
footer #footer_top img { width: 80%; height: auto; }
footer #footer_top address { width: 70%; font-size: 0.9rem; text-align: left; }
footer #footer_top address span { display: inline-block !important; }
footer .footer_contents { width: 100%; padding: 20px 20%; display: flex; justify-content: space-between; }
footer .footer_contents #footer_contact { width: auto; height: auto; padding: 30px; margin-right: 40px; background-image: url("../images/footer_con_t.png"), url("../images/footer_con_b.png"); background-position: top , bottom; background-repeat: no-repeat; background-size: 100%; text-align: center; }
footer .footer_contents #footer_contact h5 { font-size: 1.4rem; font-weight: 700; padding-bottom: 3px; border-bottom: solid 1px #fff; }
footer .footer_contents #footer_contact .footer_con01 { font-size: 2rem; margin-bottom: 10px; }
footer .footer_contents #footer_contact .footer_con01 img { width: 30px; height: 30px; margin-right: 10px; }
footer .footer_contents #footer_contact .footer_con02 { font-size: 1.5rem; white-space: nowrap; margin-bottom: 10px; }
footer .footer_contents #footer_contact .footer_con02 img { width: 30px; height: 30px; margin-right: 10px; }
footer .footer_contents #footer_contact .footer_con03 { font-size: 1.5rem; white-space: nowrap; margin-bottom: 10px; }
footer .footer_contents #footer_contact .footer_con03 img { width: 30px; height: 30px; margin-right: 10px; }
footer .footer_contents #footer_contact p { text-align: left; font-size: 0.65rem; }
footer .footer_contents .footer_nbox { display: flex; width: 80%; justify-content: flex-end; }
footer .footer_contents ul.footer_nav { margin: 0; padding: 0; list-style: none; width: 30%; }
footer .footer_contents ul.footer_nav li { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.75rem; }
footer .footer_contents ul.footer_nav li ul.footer_sub { margin: 0; padding: 0; list-style: none; margin-bottom: 0.75rem; }
footer .footer_contents ul.footer_nav li ul.footer_sub li { font-size: 0.9rem; font-weight: 300; margin-bottom: 0.5rem; }
footer #footer_sub { margin: 30px 0; font-size: 0.8rem; text-align: center; }
footer #footer_sub span.sp_display { display: none; line-height: 0; }
footer #footer_sub a { color: #fff; margin: 0 20px; }
footer #copyright { font-size: 0.8rem; text-align: center; margin-bottom: 10px; }

#gotop { bottom: 3%; right: 5%; width: 60px; height: 60px; z-index: 1001; position: fixed; }
#gotop img { width: 100%; height: auto; border: solid 1px #fff; }

#hero, #hero_work, #hero_info, #hero_recruit, #hero_sdgs, #hero_example { width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; background-color: #eee; }
#hero h2, #hero_work h2, #hero_info h2, #hero_recruit h2, #hero_sdgs h2, #hero_example h2 { display: inline-block; background-color: #fff; font-size: 2.4rem; font-weight: 700; padding: 15px 100px; margin: 100px 0; }
#hero h2 span, #hero_work h2 span, #hero_info h2 span, #hero_recruit h2 span, #hero_sdgs h2 span, #hero_example h2 span { display: block; color: #0c6fa5; font-size: 1.0rem; }
#hero h2 span::after, #hero_work h2 span::after, #hero_info h2 span::after, #hero_recruit h2 span::after, #hero_sdgs h2 span::after, #hero_example h2 span::after { content: ''; position: absolute; width: 80px; border: dotted 3px #f1aa3f; margin-top: 0.5rem; margin-left: 10px; }

#hero_work { background-image: url("../images/hero_work.png"); }

#hero_info { background-image: url("../images/hero_info.png"); }

#hero_recruit { background-image: url("../images/hero_recruit.png"); }

#hero_sdgs { background-image: url("../images/hero_sdgs.png"); }

#hero_example { background-image: url("../images/hero_example.png"); }

.sub_title { font-size: 2.2rem; font-weight: 700; margin: 30px 0; text-align: center; }

.contents_sent { margin: 40px auto; font-size: 1.2rem; line-height: 1.5; }
.contents_sent h3 { width: 100%; display: block !important; font-size: 2.2rem; font-weight: 700; color: #0c6fa5; margin-bottom: 30px; border-bottom: solid 1px #f1aa3f; padding-bottom: 3px; }
.contents_sent .flex_box { display: flex; align-items: flex-start; }
.contents_sent .flex_box p { width: 60%; }
.contents_sent .flex_box div { width: 40%; }
.contents_sent .flex_box div img { width: 90%; height: 90%; margin: auto 5%; }

.work_box { width: 100%; height: auto; background-size: 100%; background-repeat: no-repeat; padding: 150px 10%; }
.work_box div { background-color: rgba(255, 255, 255, 0.96); padding: 50px 30px; }
.work_box div p { width: 100%; height: auto; }

.box_left { margin-right: 30%; }

.box_right { margin-left: 30%; }

#work_01 { background-image: url("../images/work_03.png"); margin-bottom: 20px; }

#work_02 { background-image: url("../images/work_04.png"); margin-bottom: 100px; }

.table_1 { width: 100%; height: auto; margin: 0 auto 60px auto; border-collapse: collapse; }
.table_1 tr th { padding: 30px; white-space: nowrap; vertical-align: middle; text-align: center; font-size: 1.6rem; font-weight: 700; color: #005366; border-bottom: solid 1px #ccc; }
.table_1 tr td { padding: 30px; border-bottom: solid 1px #ccc; line-height: 2; }

.table_2 { width: 100%; height: auto; margin: 0 auto 60px auto; border-collapse: collapse; }
.table_2 tr th { width: 30%; padding: 30px; white-space: nowrap; vertical-align: middle; font-size: 1.0rem; font-weight: 700; border-bottom: solid 2px #222; }
.table_2 tr td { padding: 30px; border-bottom: solid 1px #ccc; line-height: 2; }

#houshin { margin: 0; }
#houshin li { list-style: none; padding-left: 1rem; text-indent: -2rem; margin-bottom: 10px; }
#houshin li span { width: 2rem; color: #f1aa3f; margin-right: 1rem; font-size: 1.6rem; font-style: italic; }

#org-chart { width: 100%; height: auto; margin: 0 auto 60px auto; display: inline-block; align-items: flex-start; justify-content: center; }
#org-chart .node { text-align: center; padding: 10px 50px; border: solid 2px #000; background-color: #f0f0f0; margin: 10px 30px 10px 0; position: relative; }
#org-chart .node::after { content: ''; position: absolute; width: 32px; border-bottom: solid 2px #000; top: 50%; left: 100%; }
#org-chart #h_node::after { content: ''; position: absolute; width: 2px; height: calc(100% - 90px); margin-top: 27px; left: -15px; border-left: solid 2px #000; }
#org-chart .title { width: 70%; font-weight: bold; }
#org-chart .connector { position: absolute; border-left: 1px solid #000; height: 100%; }
#org-chart .l_node { display: flex; flex-direction: column; text-align: center; padding: 10px 0; margin-left: 0; position: relative; }
#org-chart .sub-nodes { border: solid 2px #000; padding: 0.5rem 50px; display: inline-block; margin-bottom: 20px; position: relative; }
#org-chart .sub-nodes .con_nodes { display: block; margin: 5px 1rem; padding: 0.5px 10px; font-size: 0.9rem; position: relative; }
#org-chart .sub-nodes::after { content: ''; position: absolute; width: 15px; height: 1; border-bottom: solid 2px #000; position: absolute; top: 50%; left: -15px; }
#org-chart .sub-nodes2 { border: solid 2px #000; padding: 0.5rem 50px; display: inline-block; margin-bottom: 20px; position: relative; }

#org-chart2 { width: 100%; height: auto; margin: 0 auto 60px auto; display: inline-block; align-items: flex-start; justify-content: center; }
#org-chart2 .node { text-align: center; padding: 10px 50px; border: solid 2px #000; background-color: #f0f0f0; margin: 10px 30px 10px 0; position: relative; }
#org-chart2 .node::after { content: ''; position: absolute; width: 32px; border-bottom: solid 2px #000; top: 50%; left: 100%; }
#org-chart2 .title { font-weight: bold; }
#org-chart2 .connector { position: absolute; border-left: 1px solid #000; height: 100%; }
#org-chart2 .l_node { display: flex; flex-direction: column; text-align: center; padding: 10px 0; margin-left: 0; position: relative; }
#org-chart2 .sub-nodes { border: solid 2px #000; padding: 0.5rem 50px; display: inline-block; margin-bottom: 30px; position: relative; }
#org-chart2 .sub-nodes .con_nodes { display: block; margin: 5px 1rem; padding: 0.5px 10px; font-size: 0.9rem; position: relative; }
#org-chart2 .sub-nodes2 { border: solid 2px #000; padding: 0.5rem 50px; display: inline-block; margin-bottom: 20px; position: relative; }

.single_box { display: flex; margin: 60px auto; }
.single_box div { width: 50%; height: auto; border-left: dotted 1px #000; padding: 5px 0 5px 5%; margin: 0 auto 60PX auto; line-height: 3.0; }

.nintei_box { width: 90%; margin: 0 auto 15px; text-align: center; }
.nintei_box img { width: 80%; height: auto; margin: 0 auto; border: solid 1px #ccc; }
.nintei_box p { width: 100%; font-size: 0.8rem; }

#recruit_video { width: 100%; height: 600px; background-color: #ccc; margin-bottom: 60px; }

.recruit_box { position: relative; }
.recruit_box h4 { color: #000; font-size: 1.6rem; font-weight: 700; margin-bottom: 20px; border-left: solid 2px #f1aa3f; border-bottom: solid 10px #f1aa3f; border-top: solid 2px #f1aa3f; border-right: solid 7px #f1aa3f; padding: 10px 20px; }
.recruit_box #recruitimg_01 { position: absolute; top: 0; right: 0; z-index: 1; }
.recruit_box #recruitimg_01 img { width: 200px; height: auto; }
.recruit_box #recruitimg_02 { position: absolute; top: 40%; right: 0; z-index: 1; }
.recruit_box #recruitimg_02 img { width: 200px; height: auto; }
.recruit_box #recruitimg_03 { position: absolute; bottom: 0; right: 0; z-index: 1; }
.recruit_box #recruitimg_03 img { width: 240px; height: auto; }

#privacy_box h4 { font-weight: 700; margin-bottom: 20px; }

.sdgs_box { display: flex; align-items: center; vertical-align: baseline; }
.sdgs_box .flex-column { width: 60% !important; height: auto; margin-left: 10%; }
.sdgs_box .sdgs_icon { width: 30%; height: auto; flex-direction: column; }
.sdgs_box .sdgs_icon img { width: 100%; height: auto; margin: auto; }
.sdgs_box p { margin: 20px 0; }

h4.example_title { font-size: 1.6rem; letter-spacing: 1.2; font-weight: 700; color: #0c6fa5; margin-bottom: 30px; position: relative; }
h4.example_title img { width: auto; height: 2.2rem; margin-right: 10px; top: 0; }

h2.pickup_title { font-size: 1.6rem; letter-spacing: 1.2; font-weight: 700; color: #0c6fa5; margin-bottom: 30px; position: relative; }

img.img_float_left { float: left; margin: 0px 15px 15px 0px; }

img.img_float_right { float: right; margin: 0px 0px 15px 15px; }

div.space { font-size: 0px; height: 25px; clear: both; }

.gallery { margin: 0 auto 10px auto; }

.gallery img { width: 200px; height: 142px; padding: 5px; border: solid 1px #cccccc; margin: 0 5px 5px 0; }

.page_back { clear: both; }

.example_box { width: 100%; height: auto; padding: 20px; background-color: #eee; margin-bottom: 20px; font-size: 1.0rem; }
.example_box h5 { font-size: 1.4rem; font-weight: 700; margin-bottom: 5px; border-bottom: solid 1px #f1aa3f; padding-bottom: 5px; }
.example_box .example_data { margin-bottom: 15px; font-size: 0.8rem; }
.example_box .example_thumbnail { display: flex; width: 30%; height: auto; justify-content: space-between; }
.example_box .example_thumbnail img { width: 96%; height: auto; object-fit: cover; margin: 10px; padding: 3px; background-color: #fff; border: solid 1px #ccc; }

#the_date { margin-bottom: 30px; }

.post_link { width: 100%; height: auto; display: flex; justify-content: space-between; letter-spacing: 1.5; }

.contact_tel { font-size: 1.6rem; font-style: italic; letter-spacing: 0.2rem; margin: 0 5px; color: #0c6fa5; font-weight: 700; }
.contact_tel img { height: auto; width: 30px; margin-right: 5px; }

.comments-link { display: none; }