/* --------------------------------------------------- */
/* レスポンシブ設定 */
/* --------------------------------------------------- */

@media screen and (max-width: 780px) {
    /* --------------------------------------------------- */
    /* 共通設定 */
    /* --------------------------------------------------- */

    .center {
        padding: 0 5%;
    }

    body {
        padding-top: 16.4vw;
    }

    .padding-block {
        padding: 40px 0;
    }

    .post-template-default #content {
        width: 100%;
    }

    #sidebar {
        display: none;
    }

    #content p {
        font-size: 16px;
    }

    #content h1 {
        font-size: 21px;
    }

    #content h2 {
        font-size: 18px;
    }

    #content h3 {
        font-size: 16px;
    }

    #content h4 {
        font-size: 16px;
    }

    /* --------------------------------------------------- */
    /* ホーム */
    /* --------------------------------------------------- */

    .top-text-title {
        font-size: 28px;
    }

    .top-point ul li {
        width: 100%;
    }

    .top-point ul li span.top-point-title {
        font-size: 18px;
        margin-bottom: 0;
    }

    .top-text2-float-in {
        background-position: top center;
        background-size: 100% auto;
        padding-left: 0;
        padding-top: 210px;
    }

    #content .top-text2-float-in p {
        padding: 15px 0;
        font-size: 18px;
    }

    a.link-botan {
        width: 100%;
    }

    .daihyou-aisatu img {
        float: none;
        width: 70%;
        margin-left: 0;
        margin: auto;
    }

    .daihyou-storong {
        font-size: 16px;
    }

    .daihyou-aisatu {
        background-size: auto;
    }

    .top-menu ul li {
        width: 49%;
    }

    .top-menu ul li span::after {
        width: 6px;
        height: 6px;
        border-top: 2px solid white;
        border-right: 2px solid white;
        right: 15px;
    }

    .top-menu ul li span {
        font-size: 14px;
    }

    .news-block .post-list a {
        font-size: 18px
    }

    .news-block .post-list .time-data {
        display: block;
        margin-right: 0
    }

    .topics-block .topics {
        flex-wrap: wrap;
    }

    .topicsBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .topicsBox a.a-link {
        display: table;
        padding: 3px;
        background-color: #f38029;
        font-size: 16px;
        text-decoration: none;
        color: #fff;
        margin: auto;
        max-width: 320px;
        min-width: 230px;
        width: 45%;
    }

    .topicsBox a.a-link:hover {
        opacity: .5;
        transform: scale(.9)
    }

    .topicsBox a.a-link span {
        display: block;
        padding: 6px 35px;
        border: 1px solid #fff;
        position: relative;
        text-align: center
    }

    .topicsBox a.a-link span:before {
        content: ">";
        color: #fff;
        position: absolute;
        left: 15px;
        top: 50%;
        font-weight: 700;
        transform: translateY(-50%)
    }

    /* --------------------------------------------------- */
    /* ヘッダー */
    /* --------------------------------------------------- */

    .header {
        border-top: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: white;
        z-index: 99;
    }

    .sp-header {
        width: 100%;
        overflow: hidden;
    }

    .sp-logo {
        width: 50%;
        float: left;
        padding: 0;
    }

    .sp-botan {
        width: 45%;
        float: right;
    }

    .sp-botan ul {
        width: 100%;
        overflow: hidden;
    }

    .sp-botan ul li {
        width: calc(100% / 3);
        float: left;
    }

    .sp-botan ul li a,
    .sp-botan ul li label {
        display: block;
        padding: 2px;
    }

    .top-text {
        background-size: auto 100%;
    }

    /* --------------------------------------------------- */
    /* グローバルナビ */
    /* --------------------------------------------------- */

    .sp-menu {
        width: 100%;
        overflow: hidden;
        max-height: 0;
    }

    input#sp-menu:checked+.header-in .sp-menu {
        max-height: 100vh;
    }

    .sp-menu ul {
        width: 100%;
        overflow: hidden;
        padding-left: 1px;
    }

    .sp-menu ul li {
        width: 50%;
        float: left;
        padding-right: 1px;
        padding-bottom: 1px;
    }

    .sp-menu ul li a {
        display: block;
        background-color: #f38029;
        color: white;
        padding: 15px;
        text-decoration: none;
    }

    .sp-menu ul li a::before {
        content: " ";
        border: 5px solid transparent;
        border-left-color: white;
        display: inline-block;
        margin-right: 5px;
    }

    .sp-menu ul li:last-of-type:nth-of-type(odd) {
        width: 100%;
    }

    /* --------------------------------------------------- */
    /* フッター */
    /* --------------------------------------------------- */

    .footer-logo {
        width: 100%;
        float: none;
        padding: 10px 0;
    }

    .footer-menu {
        width: 100%;
        float: none;
    }

    .popup {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.9);
    }

    #copyright {
        padding-bottom: 95px;
    }

    /* --------------------------------------------------- */
    /* サイドバー */
    /* --------------------------------------------------- */

    /* --------------------------------------------------- */
    /* その他 */
    /* --------------------------------------------------- */

    ul.in-list-block li {
        width: 100%;
    }

    .in-list-main {
        padding: 15px;
    }

    .in-title {
        font-size: 16px;
    }

    .in-info {
        font-size: 14px;
    }

    .botan-tag {
        font-size: 14px;
        padding: 10px;
    }

    /* ul.in-list-block li a {
        padding-left: 0;
        padding-top: 150px;
    }

     */
    /*求人お問い合わせフォーム*/
    .page-id-205 .table#contact_form,
    .table#contact_form tbody,
    .table#contact_form tr,
    .table#contact_form th,
    .table#contact_form td {
        display: block;
    }

    .page-id-205 .table#contact_form th span {
        display: inline-block;
        margin-right: 10px;
    }

    .page-id-205 table td {
        width: 100%;
    }

    #content p {
        font-size: 14px;
    }

    .title-data {
        font-size: 16px;
    }

    .menu-float a {
        width: 100%;
        margin-bottom: 10px;
    }

    .in-list {
        padding-top: 10%;
    }

    .in-list .center p:first-of-type>img {
        width: 95%;
        top: -75%;
    }

    #content p {
        font-size: 14px;
    }

    .title-data {
        font-size: 16px;
    }

    .menu-float a {
        width: 100%;
        margin-bottom: 10px;
    }

    .footer-in {
        padding: 20px 0;
    }

    .footer-menu ul {
        display: block;
        margin-top: 15px;
    }

    .footer-menu ul li {
        border-right: none;
        padding-right: 1px;
        padding-bottom: 1px;
        display: block;
        width: 50%;
        float: left;
    }

    .footer-menu ul li:last-of-type:nth-child(odd) {
        width: 100%;
    }

    .footer-menu ul li a {
        display: block;
        background-color: #f38029;
        color: white;
        text-align: left;
        padding: 15px;
    }

    .footer-menu ul li a::after {
        content: " ";
        border-top: 2px solid white;
        border-right: 2px solid white;
        right: 15px;
    }

    .footer-logo {
        margin-top: 0;
        order: 1;
        border-top: none;
        border-bottom: none;
        padding: 0;
        margin-bottom: 10px;
    }

    .footer .footer-logo a {
        display: none;
        float: none;
        padding: 0;
        width: 100%;
    }

    .footer .footer-logo a:first-of-type {
        display: block;
    }

    .footer .footer-logo a:first-of-type img {
        margin: auto;
    }

    .news-block .post-list .time-data {
        width: auto;
        display: table;
        padding: 5px 10px;
        margin-bottom: 5px;
    }

    .news-block .post-list a {
        padding: 15px 0;
    }

    a.a-link {
        font-size: 14px;
    }

    .top-block-left,
    .top-block-right {
        width: 100%;
        float: none;
    }

    .top-block-left a,
    .top-block-right a {
        float: none;
    }

    .top-block-text {
        font-size: 6vw;
    }

    #content h2.onecolumn-h2 {
        font-size: 6vw;
    }

    ul.top-menu li {
        width: 50%;
        padding: 5px;
    }

    .top-staff,
    .top-staff-text {
        width: 100%;
        float: none;
        padding: 0;
    }

    .botan-float a {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .botan-float a:last-of-type {
        float: none;
    }

    .top-staff img {
        width: 70%;
        margin: auto;
        margin-bottom: 2em;
    }

    .top-block {
        background: #ffffffcf url(images/block-bg01.jpg);
        background-size: cover;
        background-position: center center;
        background-blend-mode: screen;
    }

    .top-block2 {
        background: #ffffffcf url(images/block-bg02.jpg);
        background-size: cover;
        background-position: center center;
        background-blend-mode: screen;
    }

    .under-title-box {
        padding: 20px 10px;
    }

    .under-title-box img {
        width: 70%;
    }

    .under-navi {
        padding: 20px 0;
    }

    .under-navi ul li {
        width: 50%;
        padding: 5px 0;
    }

    .under-navi ul li a {
        font-size: 3.5vw;
    }

    .under-block {
        padding: 10px;
    }

    #breadcrumb {
        display: none;
    }

    .under-page-onecolumn .padding-block {
        padding: 20px 0;
    }

    .under-page-onecolumn.noback .padding-block {
        padding: 40px 0;
    }

    table th {
        font-size: 14px;
    }

    table td {
        font-size: 14px;
    }

    table tbody,
    table td,
    table th,
    table tr {
        width: 100%;
        display: block;
    }

    .list-check ul li {
        font-size: 14px;
        background-size: 25px;
        padding-left: 35px;
    }

    .kouka ul li {
        width: 100%;
        font-size: 14px;
        border-radius: 10px;
    }

    .flexmigi {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .sub-block label {
        font-size: 4vw;
    }

    .sub-block label span {
        font-size: 14px;
    }

    .sub-block label img {
        width: 15%;
    }

    ul.point-ul li {
        width: 100%;
    }

    .point-in {
        flex-wrap: wrap;
        height: auto;
    }

    .point-in .point-in-block:first-of-type {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }

    .point-in .point-in-block:first-of-type img {
        margin: auto;
    }

    .point-in .point-in-block:last-of-type {
        width: 100%;
        margin-top: 1em;
    }

    .point-title {
        font-size: 5vw;
    }

    .greeting-float-img {
        float: none;
        width: 80%;
        margin: auto;
        margin-bottom: 1em;
    }

    .greeting-float-text {
        float: none;
        width: 100%;
    }

    .concept-title, .greeting-title {
        font-size: 5.5vw;
    }

    .main-img {
        padding: 0;
    }

    .main-img img {
        width: 100%;
    }

    .in-list a img {
        margin-top: 0;
    }

    .footer {
        padding: 40px 0;
    }

    .footer-block p {
        padding-top: 0;
        text-align: center;
    }

    .footer-block {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-navi ul {
        margin-top: 0;
        display: block;
    }

    .footer-navi ul li {
        display: block;
        padding-right: 1px;
        padding-bottom: 1px;
        border-right: none;
        width: 50%;
        float: left;
    }

    .footer-navi ul li:last-of-type:nth-of-type(odd) {
        width: 100%;
    }

    .footer-navi ul li a {
        display: block;
        background-color: #f38029;
        color: white;
        text-align: left;
        font-size: 4vw;
        padding: 15px;
    }

    .footer-navi ul li a::before {
        content: ">";
        display: inline-block;
        margin-right: 5px;
    }

    .footer-group-title {
        font-size: 18px;
    }

    .footer-block-in {
        margin-top: 1em;
    }

    .footer-block-in ul li {
        width: 50%;
        padding-right: 1px;
        padding-bottom: 1px;
    }

    .footer-block-in ul li a {
        display: block;
        background-color: #f38029;
        color: #fff;
        text-align: left;
        font-size: 4vw;
        padding: 10px;
    }

    .footer-block-in ul li a::before {
        content: ">";
        display: inline-block;
    }

    .footer-block-in ul li:last-of-type:nth-of-type(odd) {
        width: 100%;
    }

    .page-template-default .in-list {
        margin-top: 0;
    }

     .sp-menu ul#menu-main-menu-2 li a:before {
        display: none;
    }

}

/*男性向け骨盤矯正*/
@media screen and (max-width: 768px){
    .problem_list {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
    }
    .problem_list ul li {
        background-size: 26px;
        padding: 6px 0 6px 34px;
        font-size: 16px;
    }
    .problem_list .problem_img {
        width: 50%;
    }
    .flow_out ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .flow_in ul li {
        width: 80%;
        margin: auto;
    }
}

.top-text {
    background-image: url(http://higoone.daa.jp/template04/wp-content/uploads/2023/06/top-text-back.jpg.webp);
}

@media screen and (max-width: 768px) {

h1#h_logo{
	display: block;
}

#sp_header{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
#sp_header_in{
  background-color:#ffffff;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:center;
  align-items:center;
  justify-content:space-between;
  position:fixed;
  top:0;
  left:0;
  z-index:9999999999999999;
}
#global_navi{
  display:none;
}
/* ヘッダー エリア */
#sp_header_in .inner_left{
  width:54.94505494%;
  height:auto;
  margin:0;
  padding-top:0;
}
#sp_header_in .inner_left img{
  width:100%;
  height:auto;
  margin: 5px 0 0 15px;
  padding:0;
}
#sp_header_in .inner_right{
  width:30%;
  height:auto;
  margin:0;
  padding:0;
  float:right;
}
#sp_header_in .inner_right  ul.sp_nav_wrap{
  display:flex;
  justify-content:flex-end;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  align-items:center;
  width:100%;
}
#sp_header_in .inner_right ul.sp_nav_wrap li{
  width:auto;
  margin-right:8px;
}
#sp_header_in .inner_right .sp_nav_btn{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
#sp_header_in .inner_right .sp_nav_btn img{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  /* float:right; */
}
#sp_header_in .inner_right .sp_nav_btn a{
  float:right;
  padding:0 0px 0 5px;
}
#nav_sp.nav_sp{
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  padding: 20% 0% 0%;
  pointer-events:none;
  transition:.5s ease;
  transform:translateY(-50vw);
  background-color:#fff;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  height:auto;
  z-index:999999999;
  width:100%;
}
#nav_sp.active{
  opacity:1;
  pointer-events:all;
  transform:translateY(0);
}
#nav_sp.t_sp_menu ul{
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:center;
  justify-content:space-evenly;
  align-items:center;
}
#nav_sp.t_sp_menu ul li{
  width:46%;
  font-size:4vw;
  margin-bottom:3%;
}
/*#nav_sp.t_sp_menu ul li:last-child {
  width: 94.5%;
}*/
#nav_sp.t_sp_menu ul li a{
  background: #f48029;
  padding:10% 5%;
  display:flex;
  text-decoration:none;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  align-items:center;
  position:relative;
}
/*#nav_sp.t_sp_menu ul li:last-child a{
  padding: 5%;
}*/
#nav_sp.t_sp_menu ul li a span.sp_memu_text{
  color:white;
  text-decoration:none;
  font-weight:600;
  letter-spacing:1px;
}
#nav_sp.t_sp_menu ul li a span.sp_memu_icon{
  width:1.5em;
  margin-right:0.5em;
}
#nav_sp.t_sp_menu ul li a::before{
  border-left:2px solid;
  border-top:2px solid;
  border-color:#ffffff;
  content:"";
  height:5px;
  position:absolute;
  right:15px;
  top:42%;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:5px;
}
#nav_sp .t_sp_menu ul li:nth-child(5){
  width:95%;
}
#nav_sp .t_sp_menu ul li:nth-child(5) a{
  padding:5% 2.75%;
}

#top_content_voice .voice_box {
    max-width: calc( 500px + 6% );
    width: 100%;
    padding: 0 3% 3px 3%;
    background: #fff;
}

/*2024/08/23|追記*/
.case_area .point-title {
    font-size: 4vw;
}
.case_area .point-in .point-in-block:last-of-type {
    width: 70%;
    margin: 0;
}
}