/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* Created on : 2024/01/09, 13:58:44 Author     : yamashita
*/
body { /*    background-color: #f00; */ /*    #index_total_recipe{ display:none; }*/ }
body #tcd_category_list_widget-2 .widget_headline:before { content: ""; background-image: url(../images/about/cat_icon.svg); background-repeat: no-repeat; background-size: 80% auto; background-position: center center; }
body #page_header { display: none; }
body #index_slider .caption { -webkit-transform: translateY(-63%); transform: translateY(-63%); }
body #footer #footer_top #footer_menu ul li { width: 100%; }
@media screen and (max-width: 650px) { body #header { height: 60px; }
  body #header #header_logo .logo a { display: block; width: 50vmin; }
  body #header #header_logo .logo a img.mobile_logo_image { width: 100%; display: block; }
  body #header #header_inner { height: 60px; }
  body #header #header_inner #header_button_area { /*                    display:none;*/ }
  body #header #header_inner #header_button_area a { padding: 0 10px; background-color: #036eb8 !important; }
  body #header #header_inner::after { background-color: rgba(0, 0, 0, 0); } }

.hachi_about_page_wrap { width: 100%; }
.hachi_about_page_wrap .layout_box { width: 100%; }
.hachi_about_page_wrap .layout_box .layout_box_in { width: 100%; box-sizing: border-box; padding: 8% 0 8%; }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box { width: 100%; margin-bottom: 2%; /*                border:1px solid red;*/ }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box h4 { font-size: 20px; text-align: center; font-family: "Oswald"; color: #036eb8; line-height: 1.01em; font-weight: bold; margin: 0; padding: 0; }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box h3 { margin: 0; padding: 0; color: #036eb8; text-align: center; font-size: 15px; font-weight: bold; line-height: 1.01em; }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box h5 { margin: 0; padding: 0; color: #036eb8; text-align: center; font-size: 17px; font-weight: bold; line-height: 1.01em; }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box.arrow_bottom { width: 100%; padding-top: 8%; margin-bottom: 0; }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box.arrow_bottom h4 { font-size: 30px; margin-bottom: 1%; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .title_box.arrow_bottom h4 { font-size: 5vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .title_box.arrow_bottom h3 { padding-bottom: 2%; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .title_box.arrow_bottom h3 { font-size: 3vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .img_box { width: 100%; }
.hachi_about_page_wrap .layout_box .layout_box_in .img_box img { display: block; width: 100%; }
.hachi_about_page_wrap .layout_box .layout_box_in .img_box.slogan_img { width: 50%; margin: 0px auto; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .img_box.slogan_img { width: 80%; } }
.hachi_about_page_wrap .layout_box .layout_box_in .arrow_box { width: 10%; padding-top: calc(10% * 0.4); margin: 0% auto 0; box-sizing: border-box; background-image: url(../images/about/arrow_b.svg); background-repeat: no-repeat; background-size: cover; /*                    border:1px solid red;*/ }
.hachi_about_page_wrap .layout_box .layout_box_in .arrow_box.white_arrow { background-image: url(../images/about/arrow_w.svg); }
.hachi_about_page_wrap .layout_box .layout_box_in .arrow_box.l_blue_arrow { background-image: url(../images/about/arrow_lb.svg); }
.hachi_about_page_wrap .layout_box .layout_box_in .optimal_box { width: 85%; padding-top: calc(85% * 0.367); margin: 6% auto 0; box-sizing: border-box; background-image: url(../images/about/optimal.svg); background-repeat: no-repeat; background-size: cover; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .optimal_box { width: 90%; padding-top: calc(90% * 1.68); background-image: url(../images/about/optimal_m.svg); } }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box { width: 100%; padding: 5% 0 5%; padding: 5% 0 0%; margin-bottom: 11%; margin-bottom: 5%; box-sizing: border-box; background-image: url(../images/about/hachi_bg.svg); background-repeat: no-repeat; background-size: 40% auto; background-position: center center; }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box .link_text { width: 60%; margin: 0px auto; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box .link_text { width: 75%; } }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box .link_text p { line-height: 1.5em; }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box .link_text p a { color: #036eb8; text-decoration: underline; }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box ul { width: 80%; list-style-type: none; margin: 0 auto; padding: 5% 0 5%; }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box ul li { border-style: dotted; border-top: 2px dotted #6ca6c3; padding-left: 15px; font-size: 15px; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box ul li { font-size: 3.5vmin; line-height: 1.5em; padding: 1vmin 3vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .mission_list_box ul li:last-child { border-bottom: 2px dotted #6ca6c3; }
.hachi_about_page_wrap .layout_box .layout_box_in .hachi_box { width: 80%; margin: 0px auto; margin-bottom: 16%; box-sizing: border-box; /*                    background-image: url(../images/about/hachi_bg.svg); background-repeat: no-repeat; background-size: 40% auto; background-position: center center;*/ }
.hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in { width: 100%; margin: 0px auto; border-top: 2px dotted #6ca6c3; }
.hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in dl { width: 100%; margin: 0px auto; border-bottom: 2px dotted #6ca6c3; padding: 2% 0; display: flex; justify-content: center; align-items: center; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in dl { display: block; } }
.hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in dl dt { padding: 0; margin: 0; width: 20%; font-size: 17px; line-height: 1.5em; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in dl dt { width: 95%; margin: 0 auto; text-align: center; font-size: 3.5vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in dl dd { padding: 0; margin: 0; font-size: 15px; line-height: 1.5em; width: 65%; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .hachi_box .hachi_box_in dl dd { width: 95%; margin: 0 auto; font-size: 3.5vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box { width: 85%; margin: 0px auto; padding: 5% 0 15%; }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in { width: 100%; }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box { width: 100%; background-color: rgba(255, 255, 255, 0); border: 1px solid white; /*                        border-radius:6px;*/ /*                        padding:3px;*/ margin-bottom: 3%; }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in { width: 100%; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in { display: block; } }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .img_box { width: 30%; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .img_box { width: 100%; margin: 0px auto; } }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .img_box img { border-radius: 3px; }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .text_box { width: 68.5%; padding-top: 10px; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .text_box { width: 100%; margin: 0px auto; margin-bottom: 10vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .text_box h6 { font-size: 13px; line-height: 1.5em; margin: 0; padding: 0; }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .text_box h5 { margin: 0; line-height: 1.8em; padding: 0; }
.hachi_about_page_wrap .layout_box .layout_box_in .member_list_box .member_list_box_in .member_box .member_box_in .text_box p { font-size: 12px; line-height: 1.5em; }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box { width: 85%; margin: 0px auto; padding: 5% 0 15%; }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box { width: 100%; border-top: 2px dotted #6ca6c3; }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in { width: 100%; padding: 0% 5%; box-sizing: border-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in { display: block; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .left_box { width: 25%; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .left_box { width: 100%; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .left_box h6 { font-weight: bold; font-size: 15px; height: 100%; line-height: 1.5em; color: #036eb8; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .left_box h6 { width: 100%; text-align: center; margin: 0; font-size: 3.5vmin; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box { width: 75%; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box { width: 100%; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in { padding: 4% 0; }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul { margin: 0; padding: 0; list-style-type: disc; padding: 2% 0; margin-left: 1rem; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul { list-style-type: none; text-align: center; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li { font-size: 15px; line-height: 1.5em; margin: 0; padding: 0; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li { display: inline-block; font-size: 3.5vmin; padding: 0% 0 4%; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li i { display: none; font-size: 10px; }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li .br_pc_hidden { display: none; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li .br_pc_hidden { display: block; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li .pc_space { width: 1rem; display: inline-block; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in ul li .pc_space { width: 0px; display: block; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in p { font-size: 15px; line-height: 1.5em; margin: 0; padding: 1% 0; }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in p strong { font-weight: bold; display: block; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in p { text-align: center; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in p .pc_space { width: 1rem; display: inline-block; }
@media (max-width: 650px) { .hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box .profile_box_in .right_box .right_box_in p .pc_space { width: 0px; display: block; } }
.hachi_about_page_wrap .layout_box .layout_box_in .profile_list_box .profile_box:last-child { border-bottom: 2px dotted #6ca6c3; }
.hachi_about_page_wrap .layout_box .layout_box_in .about_table_box { width: 80%; padding-top: 25px; padding-bottom: 50px; margin: 0px auto; }
.hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table { border: 0; border-top: 2px dotted #6ca6c3; }
@media (max-width: 959px) { .hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table { display: block; width: 100%; border: 0; } }
@media (max-width: 959px) { .hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tbody { display: block; width: 100%; } }
@media (max-width: 959px) { .hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr { display: block; width: 100%; margin-bottom: 5vmin; border-top: 2px dotted #6ca6c3; border-bottom: 2px dotted #6ca6c3; } }
.hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr th { padding: 0; margin: 0; border: 0; background-color: white; line-height: 1.01em; border-bottom: 2px dotted #6ca6c3; font-size: 18px; }
@media (max-width: 959px) { .hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr th { display: block; font-size: 4.5vmin; text-align: center; padding: 3vmin 0; width: 100%; } }
.hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr td { font-size: 18px; padding: 10px 0; border: 0; margin: 0; line-height: 1.01em; border-bottom: 2px dotted #6ca6c3; }
@media (max-width: 959px) { .hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr td { display: block; width: 100%; border: 0; } }
.hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr td ul { margin: 0; padding: 0; list-style-type: none; }
.hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr td ul li { margin: 0; padding: 0; }
@media (max-width: 959px) { .hachi_about_page_wrap .layout_box .layout_box_in .about_table_box table tr td ul li { font-size: 3.5vmin; width: 100%; text-align: center; } }
.hachi_about_page_wrap .layout_box.p0 .layout_box_in { padding: 0; }
.hachi_about_page_wrap .layout_box.blue_box { background-color: #e1f2fc; }
.hachi_about_page_wrap .layout_box.l_blue_box { background-color: #f4fafe; }

#related_post .recipe_list .item .image_wrap { box-sizing: border-box; border: 1px solid #ddd; border-bottom: 1px solid transparent; }
#related_post .recipe_list .item .post_meta { display: none; }

#post_image { border-top: 1px solid #f6f5f6; border-bottom: 1px solid #f6f5f6; }

.post_content { /* blog */ }
.post_content .group_section { width: 95%; margin: 0px auto; margin-bottom: 3%; font-size: inherit; font-size: 18px; }
@media (max-width: 959px) { .post_content .group_section { margin-bottom: 15vmin; } }
.post_content .group_section h3 { font-size: 120%; line-height: 1.4em; margin-bottom: 1%; }
@media (max-width: 959px) { .post_content .group_section h3 { font-size: 4vmin; margin-bottom: 3vmin; } }
.post_content .group_section p { font-size: 90%; line-height: 1.7em; margin-bottom: 2%; }
@media (max-width: 959px) { .post_content .group_section p { font-size: 3.5vmin; } }
.post_content .group_section p strong.f_120 { font-size: 120%; }
@media (max-width: 959px) { .post_content .group_section p strong.f_120 { font-size: 4vmin; } }
@media (max-width: 959px) { .post_content .group_section p.m_t_center { text-align: center; } }
.post_content .group_section .img_box { width: 100%; }
.post_content .group_section .img_box img { display: block; width: 100%; }
.post_content .group_section .img_box_80 { width: 80%; }
.post_content .group_section .img_box_80 img { display: block; width: 100%; }
.post_content .group_section .red { color: red; }
.post_content .group_section .navy { color: #036eb8; }
.post_content .group_section ul { font-size: inherit; }
.post_content .group_section ul li { font-size: 90%; line-height: 1.4em; margin-bottom: 1%; }
@media (max-width: 959px) { .post_content .group_section ul li { font-size: 3.5vmin; margin-bottom: 5vmin; } }
.post_content .group_section .profile_dl_box { font-size: inherit; }
.post_content .group_section .profile_dl_box dl { font-size: inherit; overflow: hidden; border-bottom: 1px solid #ccc; padding: 1.5% 0; }
.post_content .group_section .profile_dl_box dl dt { color: #036eb8; padding-left: 2%; width: 10%; font-size: 90%; font-size: 80%; font-weight: bold; float: left; }
@media (max-width: 959px) { .post_content .group_section .profile_dl_box dl dt { width: 100%; box-sizing: border-box; padding: 2vmin 5vmin 0; float: none; font-size: 3.5vmin; text-align: center; } }
.post_content .group_section .profile_dl_box dl dd { width: 86%; float: right; font-size: 90%; }
.post_content .group_section .profile_dl_box dl dd p { margin-bottom: 1%; }
@media (max-width: 959px) { .post_content .group_section .profile_dl_box dl dd { line-height: 1.3em; text-align: center; padding: 0vmin 5vmin 2vmin; box-sizing: border-box; float: none; font-size: 3.5vmin; width: 100%; } }
.post_content .group_section.white_box { background-color: white; border-radius: 6px; padding: 4% 5%; box-sizing: border-box; border: 1px solid #ccc; }
.post_content .group_section.white_box h3 { color: #036eb8; text-align: center; }
@media (max-width: 959px) { .post_content .group_section.white_box { padding: 10vmin; } }
.post_content .group_section .semi_sub_box { font-size: inherit; width: 100%; margin: 0px auto 10%; }
@media (max-width: 959px) { .post_content .group_section .semi_sub_box { width: 100%; } }
.post_content .group_section .semi_box_wrap { font-size: inherit; width: 100%; /*    padding:10%;*/ box-sizing: border-box; background-color: #fff; border-radius: 5px; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap { padding: 5vmin 3vmin; } }
.post_content .group_section .semi_box_wrap .semi_box { font-size: inherit; margin-bottom: 10%; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box { margin-bottom: 10vmin; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_header { font-size: inherit; }
.post_content .group_section .semi_box_wrap .semi_box .semi_header h3 { font-size: 120%; color: #036eb8; /* border-bottom:1px solid #003067; */ border-left: 5px solid #036eb8; padding: 0.2rem 0 0.2rem 1.5rem; margin-bottom: 2rem; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_header h3 { font-size: 110%; padding: 0.1rem 0 0.1rem 0.6rem; margin-bottom: 3vmin; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box { width: 100%; font-size: inherit; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table { width: 100%; font-size: inherit; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_table_box table { display: block; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr { font-size: inherit; /*                    border-bottom:1px solid #ccc;*/ }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr th { font-size: 95%; color: #036eb8; padding: 1rem; border: 1px solid transparent; border-bottom: 1px solid #ccc; background-color: rgba(255, 255, 255, 0); }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr th { width: 100%; display: block; padding: 0vmin 0vmin 0vmin; font-size: 90%; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td { font-size: 100%; padding: 3%; border: 1px solid transparent; border-bottom: 1px solid #ccc; background-color: rgba(255, 255, 255, 0); }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td { display: block; padding: 0vmin 0vmin 3vmin; font-size: 90%; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td p { font-size: 85%; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td p a { color: #036eb8; font-size: 100%; font-weight: bold; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box { font-size: inherit; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box h5 { font-size: 85%; line-height: 1.01em; margin-bottom: 0.2rem; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box p { font-size: 85%; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box p a { font-size: 100%; color: #036eb8; font-weight: bold; }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box p span { font-size: 100%; padding-right: 1rem; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box p span { display: block; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_table_box table tr td .cost_box.top_box { margin-bottom: 1rem; }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list { font-size: inherit; width: 100%; }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box { font-size: inherit; width: 100%; margin-bottom: 4rem; }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in { width: 100%; font-size: inherit; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in { display: block; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .img_box { width: 23%; /* background-color: #eee; */ }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .img_box { width: 50%; margin: 0px auto 5vmin; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .img_box img { display: block; width: 100%; }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box { width: 74%; font-size: inherit; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box { width: 100%; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box h6 { font-size: 80%; margin-bottom: 1rem; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box h6 { display: block; text-align: center; margin-bottom: 3vmin; line-height: 1.3em; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box h6 span { font-size: 80%; font-weight: normal; padding-right: 1rem; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box h6 span { text-align: center; display: block; padding-right: 0rem; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_per_list .semi_per_box .semi_per_box_in .name_box p { font-size: 75%; line-height: 1.5em; }
.post_content .group_section .semi_box_wrap .semi_box .semi_con_box { font-size: inherit; }
.post_content .group_section .semi_box_wrap .semi_box .semi_con_box p { font-size: 90%; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .semi_con_box p { font-size: 85%; } }
.post_content .group_section .semi_box_wrap .semi_box .semi_con_box p a { color: #036eb8; font-size: 100%; font-weight: bold; }
.post_content .group_section .semi_box_wrap .semi_box .link_box { width: 100%; display: flex; /*                 -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ font-size: inherit; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .link_box { display: block; } }
.post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_link { font-size: inherit; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_link { margin-bottom: 2vmin; } }
.post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_link a { color: #036eb8; font-size: 100%; font-weight: bold; }
@media (max-width: 959px) { .post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_link a { font-size: 80%; } }
.post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_button { /* width:50%; */ margin-left: 5%; font-size: inherit; }
@media (max-width: 650px) { .post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_button { margin-left: 0; } }
.post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_button a { font-size: inherit; text-decoration: none; /* background-color:#003067; */ display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* padding:1rem; */ }
.post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_button a i { font-size: 85%; display: block; color: #036eb8; }
.post_content .group_section .semi_box_wrap .semi_box .link_box .link_box_button a span { font-size: 85%; display: block; color: #036eb8; }
.post_content .group_section:last-child { margin-bottom: 20%; }

.contact_mess_box { width: 82%; /*            width:75%;*/ margin: 0px auto 0%; padding-top: 6%; padding-bottom: 5%; }
.contact_mess_box .contact_mess_box_box { margin-bottom: 6%; width: 100%; font-size: inherit; }
.contact_mess_box .contact_mess_box_box h6 { color: #036eb8; border-left: 4px solid #036eb8; line-height: 1.0em; padding: 0.5% 0px 0.5% 3%; font-weight: normal; font-size: 150%; /* letter-spacing: 0.1em; */ margin-bottom: 3%; }
@media (max-width: 959px) { .contact_mess_box .contact_mess_box_box h6 { font-size: 4.5vmin; } }
.contact_mess_box .contact_mess_box_box .hachi_flow_box_wrap { padding-top: 30px; width: 100%; }
.contact_mess_box .contact_mess_box_box .hachi_flow_box_wrap .hachi_flow_box { width: 100%; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 6px; padding: 10px 0; }
.contact_mess_box .contact_mess_box_box .hachi_flow_box_wrap .hachi_flow_box h5 { font-size: 20px; font-weight: normal; line-height: 1.01em; text-align: center; letter-spacing: 0.1rem; }
.contact_mess_box .contact_mess_box_box .hachi_flow_box_wrap .hachi_flow_box.arrow_box { width: 8%; margin: 0px auto; margin-bottom: 15px; padding: 0; padding-top: calc(8% * 0.41); border: 0px; box-sizing: border-box; background-image: url(../images/arrow_d.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; }
.contact_mess_box .contact_mess_box_box p { font-size: 90%; margin: 0px auto 0%; /*                width:80%; margin:0px auto;*/ }
@media (max-width: 959px) { .contact_mess_box .contact_mess_box_box p { font-size: 3.5vmin; } }
.contact_mess_box .contact_mess_box_box p span { display: inline-block; margin-right: 1%; padding: 0.5% 1.5% 0.5%; background: #E5001E; line-height: 1; color: #fff; font-size: 70%; }

body .contact_box { width: 90%; margin: 0px auto; padding-bottom: 8%; }
@media (max-width: 650px) { body .contact_box { width: 100%; } }
body .contact_box .wpcf7 { background-color: white; border: 0px; }
body .contact_box .wpcf7-not-valid-tip { padding-top: 5px; }
@media (max-width: 650px) { body .contact_box .wpcf7-list-item { margin: 0; } }
body .contact_box .eco_form_wrap { width: 100%; font-size: inherit; font-size: 14px; box-sizing: border-box; }
body .contact_box .eco_form_wrap .eco_form_box { font-size: inherit; width: 100%; box-sizing: border-box; overflow: hidden; padding-top: 3%; padding-bottom: 3%; padding: 2% 3%; /* padding:0; */ border-bottom: 1px solid #ccc; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 959px) { body .contact_box .eco_form_wrap .eco_form_box { padding-bottom: 0%; border-bottom: 0px; display: block; padding: 5vmin 0; } }
body .contact_box .eco_form_wrap .eco_form_box .left_box { font-size: inherit; width: 25%; /* float:left; */ }
body .contact_box .eco_form_wrap .eco_form_box .left_box h6 { font-weight: bold; color: #333; font-size: 95%; text-align: left; line-height: 1.5em; padding: 6% 0% 1% 0%; /* padding: 10% 0% 10% 0%; */ padding: 0; }
body .contact_box .eco_form_wrap .eco_form_box .left_box h6 .span_label { display: inline-block; margin-right: 5%; padding: 2% 6% 2%; background: #999; line-height: 1; color: #fff; font-size: 75%; font-weight: 400; }
body .contact_box .eco_form_wrap .eco_form_box .left_box h6 .span_label.red_span { background-color: #E5001E; }
body .contact_box .eco_form_wrap .eco_form_box .right_box { font-size: inherit; padding: 0px; width: 75%; /* float:right; */ }
body .contact_box .eco_form_wrap .eco_form_box .right_box h4 { font-weight: normal; font-size: 100%; margin-left: 1em; color: #666; }
body .contact_box .eco_form_wrap .eco_form_box .right_box .radio_wrap span.wpcf7-list-item { display: block; padding: 2px 0; font-size: 15px; }
@media (max-width: 959px) { body .contact_box .eco_form_wrap .eco_form_box .right_box .radio_wrap span.wpcf7-list-item { font-size: 3.5vmin; } }
body .contact_box .eco_form_wrap .eco_form_box .right_box .right_box_in strong { padding-top: 10px; display: block; font-size: 14px; font-weight: normal; margin-bottom: 5px; }
@media (max-width: 959px) { body .contact_box .eco_form_wrap .eco_form_box .right_box .right_box_in strong { font-size: 3.5vmin; } }
body .contact_box .eco_form_wrap .eco_form_box .center_box { font-size: inherit; width: 100%; padding: 3% 0%; }
body .contact_box .eco_form_wrap .eco_form_box.top_layout { -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
body .contact_box .eco_form_wrap .eco_form_box:last-child { border-bottom: 0px; }
body .contact_box input[type="tel"], body .contact_box input[type="text"], body .contact_box input[type="email"], body .contact_box input[type="number"], body .contact_box textarea { background-color: #fff; border: 1px solid #ccc; color: #333; padding: 2% 3%; width: 100%; font-size: 14px; margin: 0px; line-height: 1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; }
body .contact_box textarea { border-radius: 6px; height: 200px; }
body .contact_box input[type="submit"] { border-radius: 6px; font-size: 16px; color: #fff; background-color: #036eb8; font-weight: bold; width: 50%; display: block; cursor: pointer; line-height: 1.0em; margin: 0px auto; padding: 3% 0px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; box-sizing: border-box; -webkit-appearance: none; }
body .contact_box input[type="submit"]:hover { background-color: #025ba9; color: #fff; }
@media (max-width: 650px) { body .contact_box .eco_form_wrap .eco_form_box .left_box { float: none; width: 100%; margin-bottom: 1vmin; /*                                                    padding: 6% 0% 1% 0%;*/ }
  body .contact_box .eco_form_wrap .eco_form_box .left_box h6 { font-size: 3.5vmin; }
  body .contact_box .eco_form_wrap .eco_form_box .right_box { width: 100%; float: none; }
  body .contact_box .eco_form_wrap .eco_form_box .center_box { padding-top: 8%; }
  body .contact_box input[type="submit"] { padding: 4% 0px; } }

body #index_header_content { margin-bottom: 0; }

.main_hachi_news_box { width: 1160px; margin: 0px auto; margin-top: -80px; position: relative; z-index: 50; cursor: pointer; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background-color: white; }
@media (max-width: 959px) { .main_hachi_news_box { width: 90%; margin: 0px auto; margin-top: 10vmin; padding-bottom: 7vmin; } }
.main_hachi_news_box:hover { opacity: 0.8; }
.main_hachi_news_box .main_news_box_in { width: 100%; }
.main_hachi_news_box .main_news_box_in h3 { text-align: center; font-size: 20px; color: white; background-color: #036eb8; line-height: 1.01em; padding: 15px 0; /*            margin-bottom:2px;*/ }
@media (max-width: 959px) { .main_hachi_news_box .main_news_box_in h3 { margin-bottom: 8vmin; } }
.main_hachi_news_box .main_news_box_in .img_box_wrap { width: 100%; }
.main_hachi_news_box .main_news_box_in .img_box_wrap .img_box_wrap_in { width: 100%; display: flex; /*                background-color:rgba(255,255,255,1);*/ }
@media (max-width: 959px) { .main_hachi_news_box .main_news_box_in .img_box_wrap .img_box_wrap_in { display: block; } }
.main_hachi_news_box .main_news_box_in .img_box_wrap .img_box_wrap_in .img_box { width: 26%; padding-top: 26%; background-image: url(../images/top/img_20240219.jpg); background-repeat: no-repeat; background-size: cover; }
@media (max-width: 959px) { .main_hachi_news_box .main_news_box_in .img_box_wrap .img_box_wrap_in .img_box { width: 50vmin; padding-top: 50vmin; margin: 0px auto; margin-bottom: 5vmin; } }
.main_hachi_news_box .main_news_box_in .img_box_wrap .img_box_wrap_in .text_box { width: 74%; padding-top: calc(60% * 0.348); background-image: url(../images/top/date20240219.svg); background-repeat: no-repeat; background-size: cover; background-size: 95% auto; background-position: center center; }
@media (max-width: 959px) { .main_hachi_news_box .main_news_box_in .img_box_wrap .img_box_wrap_in .text_box { width: 100%; background-size: cover; padding-top: calc(100% * 0.348); margin: 0px auto; } }
.main_hachi_news_box .main_news_box_in .img_box_wrap.semi_202403 .img_box_wrap_in .img_box { background-image: url(../images/top/img_20240311.jpg); }
.main_hachi_news_box .main_news_box_in .img_box_wrap.semi_202403 .img_box_wrap_in .text_box { background-image: url(../images/top/date20240311.svg); }

.point_box_wrap { width: 1160px; margin: 0px auto; }
@media (max-width: 650px) { .point_box_wrap { width: 100%; } }
.point_box_wrap .arrow_box { width: 10%; padding-top: calc(10% * 0.4); margin: 0% auto 4%; box-sizing: border-box; /*                    background-image: url(../images/about/arrow_b.svg);*/ background-repeat: no-repeat; background-size: cover; }
.point_box_wrap .point_box_wrap_in { width: 100%; margin: 0 0 5%; display: flex; justify-content: center; }
@media (max-width: 650px) { .point_box_wrap .point_box_wrap_in { display: block; padding: 5vmin 0; } }
.point_box_wrap .point_box_wrap_in .point_box { width: 47%; margin: 0 1%; border-radius: 10px; background-image: url(../images/about/arrow_b2.svg); background-repeat: no-repeat; background-size: 45% auto; background-position: center top; background-color: rgba(0, 159, 232, 0.1); padding: 5% 4% 4%; box-sizing: border-box; }
@media (max-width: 650px) { .point_box_wrap .point_box_wrap_in .point_box { width: 85%; margin: 0px auto; margin-bottom: 10vmin; padding: 7vmin 5vmin 5min; } }
.point_box_wrap .point_box_wrap_in .point_box h3 { font-size: 26px; color: #036eb8; text-align: center; margin-bottom: 8%; }
@media (max-width: 650px) { .point_box_wrap .point_box_wrap_in .point_box h3 { font-size: 5vmin; } }
.point_box_wrap .point_box_wrap_in .point_box ul li { font-size: 16px; padding: 2% 3%; }
@media (max-width: 650px) { .point_box_wrap .point_box_wrap_in .point_box ul li { font-size: 3vmin; } }
.point_box_wrap .point_box_wrap_in .point_box.bg_w { padding: 1.5% 0% 0%; background-image: none; background-color: rgba(0, 159, 232, 0); }
.point_box_wrap .point_box_wrap_in .point_box.bg_w h3 { margin-bottom: 7%; position: relative; line-height: 1.3em; }
.point_box_wrap .point_box_wrap_in .point_box.bg_w h3::after { content: ""; display: block; width: 80%; position: absolute; bottom: -4px; left: 10%; border: 7px solid #e1f2fc; z-index: -1; }
.point_box_wrap .point_box_wrap_in .point_box.bg_w ul { border-bottom: 2px dotted #6ca6c3; }
.point_box_wrap .point_box_wrap_in .point_box.bg_w ul li { border-top: 2px dotted #6ca6c3; }
.point_box_wrap .point_box_wrap_in .center_arrow_box { width: 6%; background-image: url(../images/about/arrow_b2_r.svg); background-repeat: no-repeat; background-size: 65% auto; background-position: center center; }

.schedule_table_box { width: 100%; font-size: inherit; /*                  border:1px solid red;*/ }
.schedule_table_box table { width: 100%; font-size: inherit; /*                      border:1px solid #ccc;*/ }
@media (max-width: 959px) { .schedule_table_box table { display: block; box-sizing: border-box; } }
.schedule_table_box table tr { font-size: inherit; }
@media (max-width: 959px) { .schedule_table_box table tr { display: block; padding-bottom: 3vmin; } }
.schedule_table_box table tr td, .schedule_table_box table tr th { font-size: 100%; padding: 2% 3%; border: 1px solid #ccc; }
@media (max-width: 959px) { .schedule_table_box table tr td, .schedule_table_box table tr th { width: 100%; display: block; box-sizing: border-box; font-size: 3.5vmin; padding: 5vmin; } }
.schedule_table_box table tr th { width: 30%; text-align: center; background-color: #fcfcfc; }
@media (max-width: 959px) { .schedule_table_box table tr th { width: 100%; margin-bottom: 1px; padding: 2vmin; } }
.schedule_table_box table tr td ul { font-size: inherit; padding: 0; margin: 0; list-style-type: disc; padding-left: 1rem; }
.schedule_table_box table tr td ul li { font-size: 90%; margin: 0; }
@media (max-width: 959px) { .schedule_table_box table tr td ul li { font-size: 3.5vmin; } }

/*-----seminar button-----*/
body .sem_p { width: 90%; margin: 0px auto; }
body .seminar_button_wrap { width: 70%; margin: 0px auto; padding-top: 20px; padding-bottom: 40px; }
@media (max-width: 959px) { body .seminar_button_wrap { width: 90%; } }
body .seminar_button_wrap a { color: white; display: block; display: flex; justify-content: center; font-size: 18px; background-color: red; padding: 20px 0; border-radius: 10px; }
@media (max-width: 959px) { body .seminar_button_wrap a { padding: 4vmin 0; font-size: 4vmin; } }
body .seminar_button_wrap a span { text-align: left; display: block; width: 70%; }
@media (max-width: 959px) { body .seminar_button_wrap a span { width: 80%; font-size: 3.5vmin; } }
body .seminar_button_wrap a i { display: block; width: 10%; text-align: right; }
@media (max-width: 959px) { body .seminar_button_wrap a i { font-size: 3.5vmin; } }
body .seminar_button_wrap a:hover { color: white; background-color: #c30d23; }

body .kiyaku_box_wrap { padding: 20px; }
body .kiyaku_box_wrap .kiyaku_box { /*            border:1px solid red;*/ margin-bottom: 40px; }
body .kiyaku_box_wrap .kiyaku_box h6 { margin-bottom: 10px; }
body .kiyaku_box_wrap .kiyaku_box p { line-height: 1.5em; margin: 0; }
body .kiyaku_box_wrap .kiyaku_box ul { width: 90%; list-style-type: none; margin: 0 auto; padding: 15px 0; }
body .kiyaku_box_wrap .kiyaku_box ul li { line-height: 1.5em; margin-bottom: 5px; }
body .kiyaku_box_wrap .t_right { text-align: right; }

body #my_account_header .avatar { display: none; }
body #my_account_header .name { display: none; }
body #my_account_edit { /*        display:none !important;*/ }
body #my_account_edit .edit_account_form_wrap #edit-account-form dl dt.image_area { display: none; }
body #my_account_edit .edit_account_form_wrap #edit-account-form dl dd.image_area { display: none; }
body #my_account_edit .edit_account_form_wrap #edit-account-form dl dt:nth-child(1) { display: none; }
body #my_account_edit .edit_account_form_wrap #edit-account-form dl dd:nth-child(2) { display: none; }
body #my_account_edit .edit_account_form_wrap #edit-account-form dl dt:nth-child(3) { display: none; }
body #my_account_edit .edit_account_form_wrap #edit-account-form dl dd:nth-child(4) { display: none; }
body #my_account_edit .edit_account_form_wrap #delete-account-form { /*                user.php---997*/ display: none; }
body #my_account_content #my_account_content_tab li { /*                width:50%;*/ }
body #my_account_content #my_account_content_tab li:last-child { /*                display:none;*/ }

/*# sourceMappingURL=hachidori_theme_css.css.map */