@charset "utf-8";
/* CSS Document */

/*
Theme Name: AMATERASU
Description: Easy,SimpleDesign
Version: simple 1.1
Base Color: red
Author: AMATERASU
Author URI: http://www.seo-amaterasu.com/
*/

@media screen and (min-width: 769px){
.sp {
  display: none;
}

/* ヘッダー エリア */
#header .inner_left{
  width: 370px;
  margin: 0 0 0 0;
  max-width: 30%;
}
#header .inner_left img{
  width: 100%;
  max-width: 480px;
  margin: 0;
}
#header .inner_right{
  
}
#header .inner_right ul{
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  max-width: 900px;
  flex-direction: row;
}
#header .inner_right ul li{
  list-style: none;
  margin: 0 14px;
}
#header .inner_right ul li:nth-child(8){
  margin: 0;
}
#header .inner_right ul li a{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
#header .inner_right ul li:nth-child(7) a,
#header .inner_right ul li:nth-child(8) a{
  padding:0;
}
#header .inner_right ul li a span{
  width: 28px;
}
#header .inner_right ul li a span img{
  width: 28px;
  height: 28px;
  filter: brightness(0) saturate(100%) invert(17%) sepia(24%) saturate(1330%) hue-rotate(178deg) brightness(95%) contrast(91%);
}
#header .inner_right ul li a b{
  font-size: 15px;font-weight: normal;margin-top: 5px;display: block;
}

/* パンくずリスト エリア */
#breadcrumb {
  margin: 0 0 15px 0;
}

#breadcrumb div {
  font-size: 12px;
  display: inline-block;
}

  .footer-popup {
        width: 100%;
        overflow: hidden;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9999;
     display: none;
    }

    .footer-popup ul {
        width: 100%;
        overflow: hidden;
        display: table;
        table-layout: fixed;
    }

    .footer-popup ul li {
        display: table-cell;
        background-color: #ff4b64;
    }

    .footer-popup ul li.tel {
        background-color: #ff8400;
        animation: buruburu 1.0s infinite;
    }

    @keyframes furifuri {
        0% {transform: rotate(0deg)}
        25% {transform: rotate(-2deg)}
        50% {transform: rotate(0deg)}
        75% {transform: rotate(2deg)}
        100% {transform: rotate(0deg)}
    }

    @keyframes buruburu {
        0% {transform: rotate(0deg)}
        25% {transform: rotate(-2deg)}
        50% {transform: rotate(0deg)}
        75% {transform: rotate(2deg)}
        100% {transform: rotate(0deg)}
    }

    @keyframes kurakura {
        0% {transform: rotate(0deg)}
        25% {transform: rotate(-1deg)}
        50% {transform: rotate(0deg)}
        75% {transform: rotate(1deg)}
        100% {transform: rotate(0deg)}
    }

    .footer-popup ul li.contact {
        background-color: #92bfe0;
    }

    .footer-popup ul li a {
        display: block;
    }

    .footer-popup ul li a img {
        margin: auto;
    } 
  
/* コンテンツ エリア */
#content h1 { 
  width: 100%;
  font-size: 32px;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 30px;
  padding: 23px 10px 20px 10px;
  clear: both;
  color: #157f75;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #157f75;
  background-image: url("https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/body_bg.png");
  background-position: 0 0;
  background-repeat: repeat;
}

#content h2 { 
  width: 100%;
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 25px;
  padding: 15px;
  clear: both;
  color: #ffffff;
  background-color: #157f75;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

#content h3 { 
  width: 100%;
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 20px;
  padding: 3px 10px;
  clear: both;
  color: #003333;
  border-bottom: 2px dotted #003333;
  border-left: 8px solid #003333;
}

#content h4,
#content h5,
#content h6 { 
  width: auto;
  font-size: 16px;
  line-height: 1.0em;
  margin-bottom: 15px;
  padding: 1px 7px 0 7px;
  clear: both;
  color: #003333;
  border-left: 16px solid #157f75;
}

#content h1 a { 
  font-size: 32px;
  font-weight: bold;
  text-decoration: none; 
  color: #157f75;
}

#content h2 a { 
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; 
  color: #ffffff;
}

#content h3 a { 
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; 
  color: #003333;
}

#content h4 a,
#content h5 a,
#content h6 a { 
  width: auto;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none; 
  color: #003333;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover { 
  opacity: 0.5;
}

#content .post {
  padding-bottom: 20px;
}

#content .eye_catch img {
  margin: 0 10px 20px 0;
  float: left;
}

/* 続きを読む エリア */
a.more-link {
  font-size: 14px;
  text-align: right;
  margin-right: 10px;
  display: block;
}

a.more-link:hover {
  text-decoration: underline;
}

a.more-link:link,
a.more-link:active,
a.more-link:visited,
a.more-link:hover {
  color: #dc143c;
}

/* ページトップ エリア */
p.pagetop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

p.pagetop a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  color: #ffffff;
  background-color: #ff6600;
  border: 1px solid #ffffff;
}

p.pagetop a:hover {
  opacity: 0.5;
}

/* フッター エリア */
#footer_in .inner_left {
  max-width: 480px;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
  width: 34%;
}

#footer_in .inner_left ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#footer_in .inner_left ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#footer_in .inner_left ul li p {
  font-family:"Noto Sans JP", メイリオ, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  margin: 5px 0 15px;
  padding: 0;
  text-align: left;
}

#footer_in .inner_left ul li:first-child {
  margin-bottom: 0;
}

#footer_in .inner_left ul li:first-child img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#footer_in .inner_left ul li:last-child {
  max-width: 480px;
  height: auto;
  line-height: 1.2em;
  margin: 0 auto;
  padding-left: 2px;
  width: 100%;
}

#footer_in .inner_left ul li:last-child a {
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #003333;
  margin-right: 5px;
  padding-left: 20px;
  background-image: url("https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/footer_nav_icon.png");
  background-position: 0 2px;
  background-repeat: no-repeat;
}

#footer_in .inner_left ul li:last-child a.last {
  margin: 0;
}

#footer_in .inner_left ul li:last-child a:hover {
  opacity: 0.7;
}

#footer_in .inner_right {
  width: auto;
  height: auto;
  margin: 0;
  padding: 120px 0 0 50px;
  max-width: 800px;
}
#footer_in  ul.f_nav01 {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 25px;
}
#footer_in ul.f_nav01 li {
  padding: 0;
  margin-right: 1rem;
}
#footer_in ul.f_nav01 li{padding: 0;}
#footer_in ul.f_nav01 li a {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

#footer_in ul.f_nav01 li a b {
  font-size: 16px;
  color: #333;
  letter-spacing: 0.8px;
}

#footer_in ul.f_nav01 li a span {
  font-weight: 600;
  color: #ffa66f;
  font-size: 12px;
  letter-spacing: 1px;
}

#footer_in .f_nav02 {
  margin-bottom: 27px;
}

#footer_in .f_nav02 ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
#footer_in .f_nav02 ul li {
  width: 33.3333333333333333%;
  margin-bottom: 16px;
}


#footer_in .f_nav02 ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  /* margin-bottom: 10px; */
}
#footer_in .inner_right img {
  width: 100%;
  height: auto; 
  margin: 0;
  padding: 0;
}

#footer_in p {
  width: 100%;
  height: auto; 
  font-family:"Noto Sans JP", メイリオ, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
  font-size: 12px;
  text-align: center;
  color: #003333;
  padding-top: 40px;
  clear: both;
}

/* ウィジェット エリア */
#sidebar #widget-area {
  width: 100%;
  height: auto;
  display: table;
}

#sidebar #widget-area .widget-container {
  width: 100%;
  height: auto;
  float: left;
  clear: both;
}

#sidebar #widget-area .widget-container img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
}

#sidebar #widget-area .widget-container img:hover {
  opacity: 0.5;
}

#sidebar #widget-area .widget-container p {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  padding: 0;
}

#sidebar #widget-area .widget-container p.access {
  margin-bottom: 25px;
}

#sidebar #widget-area .widget-container p a {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.2em;
  color: #ffffff;
  transform: rotate(.03deg);
  text-transform: uppercase;
  margin: 0;
  padding: 23px 0 20px 0;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

#sidebar #widget-area .widget-container p.home a {
  background-color: #157f75;
}

#sidebar #widget-area .widget-container p.price a {
  background-color: #ff3300;
}

#sidebar #widget-area .widget-container p.access a {
  background-color: #a1d337;
}

#sidebar #widget-area .widget-container p a:hover {
  color: #ffffff;
}

#sidebar #widget-area .widget-container p a::after {
  width: 100%;
  height: 0;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

#sidebar #widget-area .widget-container p.home a::after {
  background-color: #003333;
}

#sidebar #widget-area .widget-container p.price a::after {
  background-color: #cc3300;
}

#sidebar #widget-area .widget-container p.access a::after {
  background-color: #6fa106;
}

#sidebar #widget-area .widget-container p a:hover:after {
  height: 100%;
}

#sidebar #widget-area .widget-container ul {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
  padding: 0 10px;
  border: 1px solid #cccccc;
  border-top: none;
}

#sidebar #widget-area .widget-container ul li.report {
  width: 100%;
  height: auto;
  line-height: 1.4em;
  margin: 0;
  padding: 13px 0 10px 0;
  border-bottom: 2px dotted #999999;
  background-image: none;
}

#sidebar #widget-area .widget-container ul li.report span {
  font-size: 12px;
  line-height: 1.2em;
  display: block;
}

#sidebar #widget-area .widget-container ul li {
  width: 100%;
  height: auto;
  line-height: 1.2em;
  margin: 0;
  padding: 13px 0 10px 20px;
  border-bottom: 2px dotted #999999;
  background-image: url("https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/side_nav_icon.png");
  background-position: 0 14px;
  background-repeat: no-repeat;
}

#sidebar #widget-area .widget-container ul li:last-child {
  border: none;
}

#sidebar #widget-area .widget-container ul li a {
  font-size: 15px;
  text-decoration: none;
  color: #333333;
  margin: 0;
  padding: 0;
  transform: rotate(.03deg);
  display: inline-block;
  position: relative;
  float: none;
}

#sidebar #widget-area .widget-container ul li a::after {
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
  background-color: #e3023e;
}

#sidebar #widget-area .widget-container ul li a:hover::after {
  transform: scale(1, 1);
}

#sidebar #widget-area .widget-container form#searchform {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 11px 0 11px;
  display: table;
  background-color: #f8f8f8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

#sidebar #widget-area .widget-container form#searchform label.screen-reader-text {
  margin-top: -3px;
}

#sidebar #widget-area .widget-container form#searchform input[type=text] {
  width: 100%;
  border: 1px solid #cccccc;
}

#sidebar #widget-area .widget-container form#searchform input[type=submit] {
  width: auto;
  font-size: 12px;
  margin: 5px 0 10px 0;
  padding: 0 15px;
  float: right;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
}

#sidebar #widget-area .widget-container form#searchform input[type=submit]:hover {
  color: #cc0000;
}

#sidebar #widget-area .widget-container #calendar_wrap {
  width: auto;
  margin-bottom: 20px;
  padding: 0 15px 0 0;
  background-color: #f8f8f8;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar {
  width: 100%;
  margin-top: 10px;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar th {
  font-weight: bold;
  text-align: right;
  color: #333333;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar td {
  text-align: right;
  color: #333333;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar td a {
  color: #dc143c;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar td a:hover {
  color: #999999;
}

#sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar caption {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 10px;
  color: #333333;
}

#sidebar #widget-area .widget-container h3 {
  width: auto;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
  padding: 16px 0 13px 0;
  color: #ffffff;
  background-color: #a1d337;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-right-radius: 8px;
  -o-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -o-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}

#sidebar #widget-area .widget-container h3.orange {
  background-color: #ff3300;
}

#sidebar #widget-area .widget-container h3.green {
  background-color: #157f75;
}

#sidebar #widget-area .widget-container .tagcloud {
  margin-bottom: 20px;
}

#sidebar #widget-area .widget-container .rss-widget-icon {
  margin: 0 5px 20px -5px;
  float: left;
}

/* コメント エリア */
#comments {
  width: auto;
  height: auto;
  margin: 20px 0 10px 0;
}

#respond h3 a {
  color: #ffffff;
}

#respond h3 a:hover {
  color: #dc143c;
}

#respond {
  width: auto;
  height: auto;
  margin-top: 20px;
}

#respond a {
  font-weight: bold;
}

.commentlist {
  list-style-image: none;
  list-style-type: none;
}

.reply {
  margin-bottom : 20px;
}

#commentform textarea {
  width: 99%;
  height: auto;
  margin: 10px 0;
  border: 1px solid #cccccc;
}

#commentform input[type=text] {
  margin-bottom: 5px;
  border: 1px solid #cccccc;
}

#commentform input[type=submit] {
  margin-bottom: 20px;
  padding:5px;
  color: #333333;
  background-color: #eeeeee; /* [if lt IE 9] */
  background: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, #eeeeee),
  color-stop(1, #cccccc)
);
  background: -o-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
  background: -moz-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
  background: -webkit-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
  background: -ms-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  border: 1px solid #bbbbbb;
}

p.nocomments {
  display: none;
}

/* 検索結果 エリア */
#content h4.not_found {
  font-size: 24px;
  padding-left: 25px;
  background-image: url("images/not_found.png") !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  background: none;
  border: none;
}

#content p.not_found {
  font-size: 14px;
  color: #dc143c;
}

#content dl.search_box {
  width: 100%;
  height: auto;
  padding: 15px;
  display: table;
  background-color: #f8f8f8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

#content dl.search_box dt input[type=text] {
  width: 70%;
  height: 25px;
  float: left;
  border: 1px solid #cccccc;
}

#content dl.search_box dd input[type=submit] {
  width: 100px;
  height: auto;
  font-size: 14px;
  text-align: center;
  padding: 2px 0;
  float: right;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
}

#content dl.search_box dd input[type=submit]:hover {
  color: #cc0000;
}

#content h4.search_result_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 30px;
  color: #333333;
  background: none;
  background-image: url("images/search_result.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  border-bottom: 3px dotted #000000;
}

#content p.search_result {
  font-size: 16px;
  margin-bottom: 20px;
}

#content p.search_result_txt {
  font-size: 14px;
  color: #dc143c;
  margin-bottom: 20px;
}

/* ページャー エリア */
#content .pager {
  text-align: center;
}

#content .pager a,
#content .pager span {
  font-size: 14px;
  padding: 0 3px;
}

#content .pager span {
  color: #dc143c;
}

#content .pager a {
  color: #000000;
}

#content .pager a:hover {
  color: #dc143c;
}

/* 404 エリア */
#content a.reverse_lnk {
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  text-decoration: underline;
}

/* トップページ エリア */
.top_bnr {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding: 0;
}

.top_bnr img.arrow {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0;
}

.top_bnr02 {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  padding: 0;
}

.top_bnr img,
.top_bnr02 img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_bnr02 p {
  font-size: 16px;
  text-align: left;
  line-height: 1.7em;
  color: #333333;
  margin-bottom: 15px;
}

.top_bnr02 p span {
  font-size: 20px;
  font-weight: bold;
  color: #157f75;
}

.top_box {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  padding: 0;
  display: table;
}

.top_box img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.top_box .inner {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 0;
}

.top_box .inner p {
  font-size: 16px;
  text-align: left;
  line-height: 1.7em;
  color: #333333;
  margin-bottom: 15px;
}

.top_box .inner p span {
  font-size: 16px;
  font-weight: bold;
  color: #157f75;
}

.top_box .inner img {
  width: 250px;
  height: auto;
  margin: 3px 0 5px 10px;
  padding: 0;
  float: right;
}

.contact_box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px;
  background-color: #f9fef1;
  border: 1px solid #cccccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.contact_box .inner {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 15px 8px 15px;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.contact_box .inner img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.contact_box .inner ul {
  width: 100%;
  height: auto;
  margin: 15px 0 30px 0;
  padding: 0;
  float: left;
}

.contact_box .inner ul li:first-child {
  width: 32.63473053%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.contact_box .inner ul li:last-child {
  width: 65.11976047%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

.contact_box .inner ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.contact_box .inner p {
  font-size: 16px;
  line-height: 1.6em;
  color: #003333;
  margin-bottom: 20px;
}

.contact_box .inner p span {
  color: #157f75;
}

/* 選ばれる理由ページ エリア */
.feature {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.feature .inner {
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding-bottom: 30px;
  border-bottom: 2px dotted #999999;
  display: table;
}

.feature .inner img {
  width: 32.87671232%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

.feature .inner ul {
  width: 63.01369863%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.feature .inner ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.feature .inner ul li:first-child {
  margin-bottom: 15px;
}

.feature .inner ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
}

.feature .inner ul li p {
  font-size: 16px;
  line-height: 1.6em;
  color: #333333;
}

/* 患者様の声ページ エリア */
.voice {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.voice .outer {
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding: 15px;
  background-color: #f9fef1;
  border: 1px solid #cccccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.voice .outer .inner {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  display: table;
}

.voice .outer .inner img {
  width: 22.45508982%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.voice .outer .inner ul {
  width: 74.5508982%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

.voice .outer .inner ul li {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  padding: 0;
}

.voice .outer .inner ul li:first-child {
  padding-bottom: 10px;
  border-bottom: 2px dotted #999999;
}

.voice .outer .inner ul li strong {
  font-size: 16px;
  line-height: 1.2em;
  color: #555555;
  display: block;
}

.voice .outer .inner ul li p {
  font-size: 16px;
  line-height: 1.6em;
  color: #333333;
}

.voice .outer .inner ul li span {
  font-size: 12px;
  line-height: 1.2em;
  color: #666666;
}

/* 初めての方へページ エリア */
.flow_box {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
}

.flow_box .inner {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
  display: table;
}

.flow_box .inner ul {
  width: 31.50684931%;
  height: auto;
  margin-right: 2.739726027%;
  padding: 0;
  float: left;
}

.flow_box .inner ul.last {
  margin: 0;
}

.flow_box .inner ul li {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding: 0;
}

.flow_box .inner ul li:last-child {
  margin: 0;
}

.flow_box .inner ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.flow_box .inner ul li p {
  font-size: 16px;
  line-height: 1.4em;
  color: #333333;
}

/* 症例一覧ページ エリア */
.case_box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
}

.case_box .img_nav {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
  padding: 0;
  display: table;
}

.case_box .img_nav ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.case_box .img_nav ul li {
  width: 32.32876712%;
  height: auto;
  margin: 0 1.506849315% 11px 0;
  padding: 0;
  float: left;
}

.case_box .img_nav ul li:last-child {
  margin: 0 0 11px 0;
}

.case_box .img_nav ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}  
  
.nmlbox {
    border: 2px solid #CCCCCC;
}

.nmlbox, .dottbox, .ylwbox, .graybg {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 585px;
    clear: both;
  margin: auto;
}

  
/*料金*/
table {
    width: 100%;
    font-size: 13px;
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0px;
}

.dsc1item th, .dsc1item td, .dsc2item th, .dsc2item td {
    padding: 6px;
  width: 25%;
}

table, td, th {
    border: solid 1px #CCC;
}
  
.dsc1item th, .dsc2item th {
    text-align: center;
  background-color: #EBEBEB;
} 
  
/*よくある質問*/

.question1 {
    font-size: 17px;
    font-weight: bold;
    line-height: 130%;
    margin: 15px auto 4px auto;
    padding: 5px 0 6px 50px;
    background-image: url(https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/q1.png);
    background-repeat: no-repeat;
    background-position: 10px top;
}

.answer1 {
    position: relative;
    font-size: 13px;
    line-height: 140%;
    border: solid 1px #CCC;
    background-color: #F5F5F5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 5px auto 35px auto;
    padding: 20px 20px 20px 60px;
    background-image: url(https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/a1.png);
    background-repeat: no-repeat;
    background-position: 12px 18px;
}

  .dsc2item col4 tr {
    background-color: #EBEBEB;
  } 
  
  .ylwbox {
    background-color: #FFFFD2;
    border: 2px solid #CC0000;
  width: 100%;
  line-height: 20px;
}
  
.point1 {
    background-image: url(../img/point1.gif);
} 
  
.point1, .point2, .point3, .point4, .point5, .point6, .point7, .point8, .point9, .point10 {
    background-repeat: no-repeat;
    height: 50px;
    padding-left: 46px;
    font-size: 16px;
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
    border-bottom: dotted 2px #CCC;
    color: #3F3F3F;
    background-position: 4px top;
    clear: both;
} 
  
.point1 {
    background-image: url(https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/point1.gif);
}
  
.point2 {
    background-image: url(https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/point2.gif);
} 

.point3 {
    background-image: url(https://okamotoyuge-seikotsuin.com/wp-content/uploads/2019/11/point3.gif);
}
  
/*メール*/
  .wpcf7 p input[type="text"] {
    width: 100%;
    height: auto;
    margin: 5px 0 15px 0;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background-color: #fefefe;
}
  
  .wpcf7 p input[type="text"], .wpcf7 p input[type="email"], .wpcf7 p input[type="tel"] {
    width: 100%;
    height: auto;
    margin: 5px 0 30px 0;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background-color: #fefefe;
}
  
.wpcf7 p textarea {
    width: 100%;
    height: auto;
    margin-top: 5px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background-color: #fefefe;
}
  
.wpcf7 p span.required {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    padding: 2px 7px 0 7px;
    background-color: #ff3300;
  font-weight: bolder;
} 
  
.wpcf7 p {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    color: #6c5e55;
    margin-bottom: 15px;
    padding: 0;
  font-weight: bolder;
} 
  
.wpcf7 p span.accept {
    font-size: 12px;
    color: #ff3300;
}
  
.wpcf7 p input[type="submit"] {
    width: 30% !important;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 30px auto 0 auto;
    padding: 10px 0;
    color: #ffffff;
    background-color: #fec32b;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffd979), color-stop(1, #fec32b) );
    background: -o-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: -moz-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: -webkit-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: -ms-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: linear-gradient(to bottom, #ff724f 0%, #ff3300 100%);
    border: 1px solid #ff3300;;
    display: block;
}
  
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    font-weight: 100;
} 
  
table, td, th {
    border: solid 1px #DCCDB8;
    padding: 7px;
    min-width: 6em;
}
  
th {
    background-color: #ecfcca;
  color: #573d41;
  text-align: center;
} 
  
/*footer*/  
.copy-light p {
    text-align: center;
    background-color: #233A5E;
    padding: 5px;
    color: #ffffff;
    font-size: 11px;
} 
.copy-light p a{
  text-decoration: none;
  color: #fff;
}
  
/*ポップアップ*/  
.popup-block{
  display: none;
}
.ug_bn {
  animation: furifuri 1.0s infinite;
}
@keyframes furifuri {
   0% {transform: rotate(0deg)}
    25% {transform: rotate(-2deg)}
    50% {transform: rotate(0deg)}
    75% {transform: rotate(2deg)}
    100% {transform: rotate(0deg)}
}
.ud_bn {
  animation: kurakura 1.0s infinite;
}
@keyframes kurakura {
   0% {transform: rotate(0deg)}
    25% {transform: rotate(-1deg)}
    50% {transform: rotate(0deg)}
    75% {transform: rotate(1deg)}
    100% {transform: rotate(0deg)}
}

.top-news {
  padding: 15px;
  border: 2px #157e75 solid;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 1em;
}

.top-news-text{
  text-align: center;
  margin-bottom: 10px;
}

.top-news p.top-news-title {
  display: block;
  margin-bottom: 1em;
  border-bottom: 1px solid #157e75;
  text-align: center;
  padding: 5px 0;
  color: #157e75;
  font-size: 21px;
  font-weight: bold;
}

.top-news p.top-news-subtitle {
  color: #147d75;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px dotted #147d75;
}

.top-news p.top-news-subtitle2 {
  color: #147d75;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px dotted #147d75;
}

.top-news p.top-news-subtitle2 + ul li span {
  background-color: #6fa106;
}

.top-news ul {
  margin: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}

.top-news ul li {
  padding: 0;
  margin: 0;
  display: table-cell;
  padding: 0 10px;
}

.top-news ul li::before {
  content: none !important;
}

.top-news ul li span {
  display: block;
  font-size: 16px;
  background-color: #ff3300;
  border-radius: 5px;
  text-align: center;
  padding: 10px 5px;
  font-weight: bold;
  color: white;
}

.top-news ul.tujo span {
  background-color: #157e75;
}

.top-news ul.kyushin span {
  background-color: #ff6600;
}
  
  
  
  
  
  
  
  
  
  






/* カテゴリ・アーカイブ・検索結果ページ エリア */
.post_inner {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding-bottom: 15px;
  float: left;
}

.post_inner .thum {
  width: 17.14285714%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.post_inner .show_post {
  width: 80%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}

.post_inner .show_post li {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding: 0;
  float: left;
}

.post_inner .show_post li.cat_mark_box p.cat_mark {
  width: auto;
  height: auto;
  line-height: 1.0em;
  margin: 0;
  padding: 2px 5px;
  float: left;
  background-color: #a1d337;
}

.post_inner .show_post li.cat_mark_box p.cat_mark a {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none; 
}

.post_inner .show_post li.cat_mark_box p.cat_date {
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 1.4em;
  float: right;
}

.post_inner .show_post li.cat_title_box p.cat_title {
  font-weight: bold;
  line-height: 1.2em;
}

.post_inner .show_post li.cat_title_box p.cat_title a {
  font-size: 16px;
  color: #003333;
  text-decoration: none; 
}

.post_inner .show_post li.cat_text_box {
  margin: 0;
}

.post_inner .show_post li.cat_text_box p.cat_text {
  line-height: 1.3em;
}

.post_inner .show_post li.cat_text_box p.cat_text a {
  font-size: 15px;
  color: #003333;
  text-decoration: none; 
}

.post_inner .show_post li.cat_title_box p.cat_title a:hover,
.post_inner .show_post li.cat_text_box p.cat_text a:hover {
  color: #dddddd;
}

.post_inner .show_post li.cat_mark_box p.cat_mark a:hover {
  color: #ff3300;
}
}

ul.check-li {
  width: 100%;
  border: 1px solid #157f75;
  padding: 0 10px;
  margin-bottom: 1em;
}

ul.check-li li {
  padding: 15px 0;
  border-bottom: 1px dotted #157f75;
  font-weight: bold;
  padding-left: 35px;
  background-image: url(images/check.png);
  background-size: 25px;
  background-position: left center;
  background-repeat: no-repeat;
}

ul.check-li li:last-of-type {
  border-bottom: none;
}

ul.banar-list {
  width: 100%;
  overflow: hidden;
  margin: 1em 0;
}

ul.banar-list li {
  width: calc(100% / 3);
  float: left;
  padding: 5px;
}
.ovh{
width: 100%;
    overflow: hidden; 
}

@media all and (max-width: 780px) {
  ul.banar-list li {
    width: 50%;
  }
}

/*症例一覧*/

  .caselist #cases_title h1{
    padding: 33px 10px 28px 10px;
  }
  .caselist #cases_title span{
    font-size: 16px;
    color: #789f98;
    display: block;
    text-align: center;
  }
  div#content.caselist {
    width: 100%;
  }
  .caselist div#cases_nav {
      border-radius: 12px;
      background: #157f75;
      padding: 12px;
  }
  .caselist div#cases_nav ul#cases_nav_inner {
      width: 100%;
      overflow: hidden;
  }
  .caselist div#cases_nav li {
      float: left;
      width: 20%;
      text-align: center;
      border-right: dotted 1px #fff;
  }
  .caselist div#cases_nav li a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 12px;
}
  .caselist div#cases_nav li:nth-child(-n+5) {
      border-bottom: dotted 1px #fff;
  }
  .caselist div#cases_nav li:nth-child(5n) {
      border-right:none;
  }
  .caselist .post-list ul {
        width: 100%;
        overflow: hidden;
        margin: 1em 0;
  }
  .caselist .post-list ul li {
        width: calc(100% / 3);
        float: left;
        /* padding-right: 1px;
        padding-bottom: 1px; */
        padding: 5px;
  }
  .caselist .post-list ul li a {
        display: block;
        padding: 10px;
        background-color: #f6fff7;
        text-decoration: none;
        transition: all 0.2s ease-out;
        color: #157f75;
  }
  .caselist .post-list ul li a:hover {
        background-color: #157f75;
        color: white;
        transform: scale(1.05);
  }
  .caselist .post-list ul li a span.post-title {
        display: block;
        text-align: center;
        border-bottom: 1px dotted #4d3320;
        font-size: 16px;
        font-weight: bold;
  }
  .caselist .post-list ul li a span.link-botan-obj {
        display: block;
        width: 80%;
        margin: auto;
        padding: 10px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        border-radius: 500px;
        color: white;
        background: linear-gradient(#a1d337, #88bb1d);
        box-shadow: 0 0 10px 0 #3fd0c2 inset;
        border: 1px solid #0a4c46;
        transition: all 0.2s ease-out;
  }
  .caselist .post-list ul li a span.link-botan-obj:after {
        content: " ";
        display: inline-block;
        width: 5px;
        height: 5px;
        border-top: 2px solid white;
        border-right: 2px solid white;
        transform: rotate(45deg);
        margin-left: 10px;
        margin-bottom: 1px;
        transition: all 0.2s ease-out;
  }
  .caselist .post-list ul li a:hover span.link-botan-obj {
        box-shadow: none;
        background: white;
        color: #0a4c46;
  }
  .caselist .post-list ul li a:hover span.link-botan-obj:after {
        border-top-color: #4d3320;
        border-right-color: #4d3320;
  }
  .caselist .post-list ul li a .post-img {
        width: 120px;
        height: 120px;
        margin: 10px auto;
        border-radius: 50%;
        border: 2px solid #157f75;
        position: relative;
        overflow: hidden;
  }
  .caselist .post-list ul li a .post-img img {
        height: 100%;
        width: auto;
        max-width: initial;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
  .caselist .post-list ul li a .post-img:before {
        content: " ";
        width: 200%;
        height: 100%;
        position: absolute;
        left: -50%;
        bottom: 60%;
        display: block;
        background-color: rgba(255,255,255,0.2);
        transform: rotate(-10deg);
        z-index: 2;
    }
    /* レスポンシブ設定 */
    @media screen and (max-width: 780px) {
        .caselist .post-list ul li {
            width: 100%;
            float: none;
        }
        .caselist .post-list ul li a {
            display: block;
            width: 100%;
            margin: auto;
            padding: 15px;
            border-radius: 15px;
            background: linear-gradient(#98d692, #42dc46);
            box-shadow: 0 0 10px 0 #4daf38 inset;
            border: 1px solid #26d639;
            transition: all 0.2s ease-out;
            position: relative;
        }
        /*.post-list ul li a:after {
            content: " ";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-top: 4px solid white;
            border-right: 4px solid white;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }*/
        .caselist .post-list ul li a span.link-botan-obj {
            display: none;
        }
        .caselist .post-list ul li a span.post-title {
            border-bottom: none;
            color: white;
            font-size: 18px;
            position: absolute;
            left: 110px;
            top: 50%;
            transform: translateY(-50%);
            width: 60%;
            text-align: left;
        }
        .caselist .post-list ul li a .post-img {
            width: 80px;
            height: 80px;
            margin: 0;
        }
    }

#content .pager span {
    color: #dc143c;
    padding: 10px 15px;
    border: 1px solid #d0d0d0;
}

#content .pager a {
    color: #000000;
    padding: 10px 15px;
    border: 1px solid #d0d0d0;
}
  
#content a.prev.page-numbers {
    padding: 0 10px 0 0;
    border: none;
}
  
#content a.next.page-numbers {
    padding: 0 0 0 10px;
    border: none;
}
.page-id-553 .syokai-box1{
  display:none;
}
.syokai_box a img:hover{
  opacity:0.5;
}
.syokai-box1 a img:hover{
  opacity:0.5;
}
.page-id-1861 .hoken_box{
  display:none;
}
/*お知らせエリア*/
.news-block {
    width: 100%;
    overflow: hidden;
    background-color: #233A5E;
}

.news-block ul {
    display: table;
    width: 100%;
}

.news-block ul li {
    display: table-cell;
    padding: 10px;
}

.news-block ul li.news-top {
    width: 10%;
    background-color: #ffa66d;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.news-block ul li.news-main {
    width: 80%;
    vertical-align: middle;
}

.news-block ul li.news-main a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: white;
}

.news-block ul li.news-main a span {
    display: inline-block;
    margin-right: 10px;
    color: #fff;	
}

.news-block ul li.news-last {
    width: 10%;
    vertical-align: middle;
}

.news-block ul li.news-last a {
    display: block;
    padding: 10px;
    background-color:#E87722;
    color: white;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
}

.news-block ul li.news-last a::after {
    content: "+";
    display: inline-block;
    margin-left: 10px;
}
.osirase_border{
    border-bottom: dotted 1px #8edcd5;
    margin: 10px 0px;
}
@media screen and (max-width: 780px){
.news-block ul li.news-top {
    font-size: 3vw;
}

.news-block ul li.news-main {
    width: 35%;
}

.news-block ul li.news-last {
    width: 12%;
    font-size: 3vw;
}
	
}
/*2022/08/08|追記*/
div#top_cnt_01 .notification_area img.lazyloaded {
    margin: auto;
    padding-bottom: 80px;
}
@media screen and (max-width: 780px){
  div#top_cnt_01 .notification_area img.lazyloaded {
    max-width: 100%;
    width: 95%;
    margin: auto;
    padding-bottom: 10vw;
  }
}

/* 追記（初めての方へページ）ここから HONDA 2024.1.6 */
@media screen and (min-width: 769px){
.page_beginner {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 120px 0 100px 0;
  background-color: #ffffff;
}

.page_beginner .inner_title {
  width: 1240px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: table;
}		

.page_beginner .inner_title strong {
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #42210b;
  position: relative;
  display: block;
}	
	
.page_beginner .inner_title strong::before {
  width: 120px;
  height: 1px;
  margin: auto;
  content: '';
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  background-color: #41b47e;
}

.page_beginner .inner_title p {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  line-height: 2.0em;
  color: #42210b;
  margin-top: 50px;
}	

.page_beginner .inner_odd,
.page_beginner .inner_even {
  width: 100%;
  height: 600px;
  margin-top: 70px;
  padding: 0;
  position: relative;
  display: table;
}	

.page_beginner .inner_odd .inner_img01 {
  width: 48.07692307%;
  height: 600px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/wp-content/uploads/2026/06/inner_img05_bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page_beginner .inner_even .inner_img02 {
  width: 48.07692307%;
  height: 600px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("/wp-content/uploads/2026/06/inner_img06_bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}	

.page_beginner .inner_odd .inner_img03 {
  width: 48.07692307%;
  height: 600px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/wp-content/uploads/2026/06/inner_img07_bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
	
.page_beginner .inner_odd .inner {
  width: 1240px;
  height: 600px;
  margin: 0 auto;
  padding: 0;
  display: flex; 
  justify-content: flex-end;
  align-items: center;
}	

.page_beginner .inner_even .inner {
  width: 1240px;
  height: 600px;
  margin: 0 auto;
  padding: 0;
  display: flex; 
  justify-content: flex-start;
  align-items: center;
}

.page_beginner .inner_odd .inner ul,
.page_beginner .inner_even .inner ul {
  width: 48.07692307%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page_beginner .inner_odd .inner ul li,
.page_beginner .inner_even .inner ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page_beginner .inner_odd .inner ul li strong,
.page_beginner .inner_even .inner ul li strong {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  color: #42210b;
  display: block;
}

.page_beginner .inner_odd .inner ul li:last-child,
.page_beginner .inner_even .inner ul li:last-child {
  margin-top: 40px;
}

.page_beginner .inner_odd .inner ul li:last-child p,
.page_beginner .inner_even .inner ul li:last-child p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
  line-height: 2em;
  color: #42210b;
}

.page_greeting {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 150px 0 80px 0;
  background-color: #fdf9f8;
}

.page_greeting .inner_title {
  width: 1240px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: table;
}		

.page_greeting .inner_title strong {
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  line-height: 1.0em;
  color: #42210b;
  position: relative;
  display: block;
}	
	
.page_greeting .inner_title strong::before {
  width: 120px;
  height: 1px;
  margin: auto;
  content: '';
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  background-color: #41b47e;
}
	
.page_greeting .inner_top {
  width: 100%;
  height: 600px;
  margin-top: 70px;
  padding: 0;
  position: relative;
  display: table;
}		
	
.page_greeting .inner_top .inner_img {
  width: 48.07692307%;
  height: 600px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/sakuma-test/wp-content/uploads/2026/04/inner_img07_bg-new.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}	
	
.page_greeting .inner_top .inner {
  width: 1240px;
  height: 600px;
  margin: 0 auto;
  padding: 0;
  display: flex; 
  justify-content: flex-end;
  align-items: center;
}	

.page_greeting .inner_top .inner ul {
  width: 48.07692307%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page_greeting .inner_top .inner ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page_greeting .inner_top .inner ul li:last-child p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.4em;
  color: #42210b;
  margin-top: 20px;
}

.page_greeting .inner_bottom {
  width: 1240px;
  height: auto;
  margin: 0 auto;
  padding-top: 80px;
}	

.page_greeting .inner_bottom ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page_greeting .inner_bottom ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page_greeting .inner_bottom ul li:first-child {
  margin-bottom: 40px;
}

.page_greeting .inner_bottom ul li:last-child p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.4em;
  color: #42210b;
  margin-top: 20px;
}
}
/* 追記ここまで */
#header .inner_left a{
    display:flex;
    align-items:center;
}

.header-logo-mark{
    width:60px !important;
    height:auto;
    margin-right:10px !important;
}

.header-logo-text{
    width:220px !important;
    height:auto;
}

.footer-logo-mark{
    width:70px !important;
}

.footer-logo-text{
    width:240px !important;
}

.footer-logo-wrap a{
    display:flex;
    align-items:center;
    justify-content:center;
}

#footer_in .inner_left ul li a.mouse_on{
    display:flex;
    align-items:center;
}