@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 (max-width: 768px){
.pc {
  display: none;
}
body.home .inner,
#footer .inner {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin: 0 1.5rem;
}
a.link-btn {
	text-decoration: none;
	color: var(--color-orange);
	font-weight: bold;
	padding: 1rem 3rem;
	border: 2px solid;
	display: inline-block;
	width: 100%;
	font-size: 18px;
    position: relative;
	transition: all .3s;
}
a.link-btn:hover {
	color: #fff;
	background: var(--color-orange);
	border-color: var(--color-orange);
}
a.link-btn:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: var(--color-orange);
  line-height: 1;
  width: 1.5em;
  height: 1.5em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto;
}
a.link-btn:hover:before {
  background: var(--color-bgyellow);
  border-color: var(--color-bgyellow);
}
a.link-btn:after{
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3em 0.5em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  right: 1.625rem;
  bottom: 0;
  margin: auto;
}
.color-navy {
	color: var(--color-orange);
}





/* ヘッダー エリア */
#header {
	background: var(--color-orange);
	background: #fff;
}
#header_in {
	display: flex;
	justify-content: space-between;	
	align-items: center;
}
#header_in .logo {
  margin-left:0;
}
#header_in .logo a {
  font-family: var(--ff-sansserif);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-decoration: none;
}
#header_in .logo a span {
  display: inline-block;
  background: #fff;
  padding: 5px;
  text-align: center;
  margin-right: 10px;
}
#header_in .logo a span img {
  width: 130px;
}

#header_in .nav {
}
#header_in .nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header_in .nav ul li {
  height: auto;
  padding: 0;
  margin: 0;
}
#header_in .nav ul li a {
  display: block;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.03em;
/*   color: #fff; */
  color: #e5951d;
  font-weight: 700;
  text-align: center;
  text-decoration: none; 
  width: auto;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7px 0;
  margin: 0 10px 0 0;
}
#header_in .nav ul li.nav_menu a {
  background: var(--color-yellow);
  color: var(--color-orange);
  width: 60px;
  margin: 0;
}
#header_in .nav ul li a img {
  margin-bottom: 5px;
}
#header_in .nav ul li.nav_contact a img,
#header_in .nav ul li.nav_line a img,
#header_in .nav ul li.nav_menu a img {
    filter: invert(58%) sepia(92%) saturate(636%) hue-rotate(353deg) brightness(94%) contrast(93%);
}
#header_in .nav ul li a span {
 font-family: var(--ff-sansserif);
}
#header .nav_sp {
  background: var(--color-blue);
  display: flex;
  justify-content:space-between;
  padding: 30px 30px 50px;
}
#header .nav_sp .left {
  width: 50%;
}
#header .nav_sp .right {
  width: 50%;
}
#header .nav_sp .left li,
#header .nav_sp .right li {
  width: 100%;
  height: auto;
  padding: 0 20px;
}
#header .nav_sp .left li a,
#header .nav_sp .right li a {
  font-family: var(--ff-sansserif);
  font-weight: 700;
  font-size: 3.5vw;
  text-align: center;
  text-decoration: none;
  padding: 1.0em 0;
  display: block;
  color: #ffffff;
  color: #e5951d;
  border-bottom: 1px dotted #fff;
}
.fixheader {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
  z-index: 3;
}
.is-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
}


/* メインヴィジュアル エリア */

.top-mv {
position: relative;
}
.slider {
  width: 100vw;
  margin-inline: auto;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: opacity .25s ease;
  margin: 0;
}
.slider.slick-initialized {
  opacity: 1;
}
.slick-slide img{
	width: 100vw;
	height: 40vh;
	object-fit: cover;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}
.mv-catch {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  margin: -50px 0 0 0;	
}
.mv-catch h2 {
  text-align: center;
  margin-bottom: 0 !important;
}
.mv-catch h2 span {
  display: inline-block;
  color: var(--color-orange);
  background: var(--color-yellow);
  padding: 15px 10px;
  margin-bottom: 10px;
  font-family: var(--ff-sansserif);
  line-height: 1;
}
.mv-catch h2 span.txt1 {
  font-size: 4.75vw;
}
.mv-catch h2 span.txt2 {
  font-size: 6vw;
}
.mv-catch .catch-pic {
  text-align: center;
  width: 100%;
}
.mv-catch .catch-pic img {
  display: inline-block;
  width: 150px;
}




/* パンくずリスト エリア */
#breadcrumb {
  width: 100%;
  margin-top: 0.3em;
  padding: 0 2.604166666%
}

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

.cases-template-default #breadcrumb,
.page-template-default #breadcrumb {
  display: none;
}

/* コンテンツ エリア */
#content h1 {
  font-size: 5.7vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.7;
  color: var(--color-orange);
  padding: 10px 0;
  margin: 20px 0 20px;
  border-top: solid 2px var(--color-orange);
  border-bottom: solid 2px var(--color-orange);
}

#content h2,
.content-h2 {
  font-size: 22px;
  color: var(--color-orange);
  line-height: 1.7;
  margin-bottom: 20px;
}
#content h2:before,
.content-h2:before {
  display: block;
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  color: var(--color-yellow);
  line-height: 1;
  margin-bottom: 1rem;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
#content h2+.h2-lead {
  color: var(--color-orange);
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  position: relative;
  margin: -2.5rem 0 2rem;
}
#content h3,
.content-h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--color-orange);
  margin-bottom: 1.5rem;
}

#content h4,
#content h5,
#content h6 {
  font-size: 4.0vw;
  font-weight: 600;
  line-height: 1.0em;
  color: #666666;
  margin-bottom: 2.604166666%;
  padding-left: 1.5em;
  position: relative;
}

#content h4::before,
#content h5::before,
#content h6::before { 
  width: 2.7vw;
  height: 2.7vw;
  content: '';
  position: absolute;
  left: 1.9vw;
  bottom: 1.3vw;
  border-radius: 50%;
  background-color: #e5951d;
  display: block;
}

#content h4::after,
#content h5::after,
#content h6::after { 
  width: 1.7vw;
  height: 1.7vw;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: #e5951d;
  display: block;
}

#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;
  z-index: 10001;
  bottom: 16.0vw;
  right: 2.604166666%;
}

p.pagetop a {
  width: 40px;
  height: 40px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  color: #ffffff;
  background-color: var(--color-orange);
  display: block;
}

p.pagetop a:hover {
  transition: 1.0s;
  opacity: 0.3;
}

/* フッター エリア */
#footer .footer-reservation {
	background: var(--color-orange-light);
}
#footer .footer-reservation .inner {
	padding-top: 3rem; 
	padding-bottom: 4rem; 
}
#footer .footer-reservation h2 {
}
#footer .footer-reservation h2:before {
	content: "RESERVATION";
}
#footer .reservation-content {
}
#footer .reservation-lead {
	position: relative;
	margin: 0 0 2rem;
}
#footer .reservation-content h3 {
	color: var(--color-black);
	margin-bottom: 0;
	font-size: 1.125rem;
}
#footer .reservation-tel {
	margin-bottom: 2rem;
}
#footer .reservation-tel .tel-num a {
	text-decoration: none;
	font-size: 2.5rem;
    color: var(--color-black);
	margin-bottom: 2rem;
}
#footer .reservation-line {
	margin-bottom: 1rem;
}
#footer .reservation-linetxt {
    color: var(--color-gray);
	text-align: center;
	font-weight: bold;
	margin-bottom: 1rem;
}
#footer .reservation-linetxt span{
	color: var(--color-line);
}
#footer .reservation-line a,
#footer .reservation-contact a {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-decoration: none; 
  line-height: 1;
  color: #fff;
  margin: 0;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  box-shadow: var(--shadow);
}
#footer .reservation-line a:hover,
#footer .reservation-contact a:hover  {
  transition: 1.0s;
  opacity: 0.8;
}
#footer .reservation-contact a {
  background: var(--color-bgyellow);
  color: var(--color-orange);
}
#footer .reservation-line a {
  background: var(--color-line);
}
#footer .reservation-line a img,
#footer .reservation-contact a img {
  margin-right: 1rem;
  display: inline-block;
}
#footer .reservation-line a img {
  filter: brightness(0) invert(1);
}

#footer .footer_nav {
  width: 100%;
  height: auto; 
  margin: 0;
}
#footer .footer-map iframe {
	height: 300px;
}
#footer .footer_info {
	padding: 3rem 1rem;
}
#footer .footer_info p {
  font-size: 1rem;
}
#footer .footer_info a {
  color: var(--color-black);
  text-decoration: none;
}
#footer .logo {
  margin-bottom: 2rem;
}
#footer .logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
#footer .logo img {
  width: 250px;
  margin: auto;
}
#footer .footer_tel a {
	font-size: 1.4rem;
}
#footer .footer_time {
	margin-top: 2rem;
}
#footer .footer_time_table {
	border-spacing: 0;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #dedede;
	width: 100%;
}
#footer .footer_time_table th,
#footer .footer_time_table td {
	padding: 0.5rem 0.25rem;
	text-align: center;
	border: 0;
	background: #fff;
	font-size: 0.8rem;
}
#footer .footer_time_table thead th {
	background: var(--color-orange);
	color: #fff;
}
#footer .footer_time_table thead th:not(:first-child) {
	border-left: 1px solid #f7f7f7;
}
#footer .footer_time_table tbody tr {
  border-bottom: 1px solid var(--color-orange);
}

#footer .footer_time_table tbody tr:last-child{
  border-bottom: 0;
}
#footer .footer_time_table tbody td {
	color: var(--color-orange);
}
#footer .footer_menu {
  width: 100%;
  height: auto; 
  margin-top: 2rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#footer .footer_menu li {
  width: auto;
  height: auto; 
  margin-top: 0.5rem;
  width: 50%;
  text-align: center;
}
#footer .footer_menu li:not(:last-child):after {
  color: #999;
}
#footer .footer_menu li a {
  font-size:0.9rem;
}
#footer .copyright {
  padding-top: 40px;
  font-size: 0.9rem !important;
  color: var(--color-gray);	
}



/* slidemenu style */
#footer #slidemenu {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  border-top: 1px solid #ffffff;
  box-shadow: 0 -3px 5px rgba(89,107,179,0.2);
  background-color: #ffffff;
}

#footer #slidemenu ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
}

#footer #slidemenu ul li {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
}

#footer #slidemenu ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#footer #slidemenu ul li a:hover img {
  transition: 1.0s;
  opacity: 0.5;
  cursor: pointer;
}

/* slide_tel style */
.slide_tel {
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 39.0625%;
  background-color: rgba(0,0,0,0.8);
  position: fixed;
  z-index: 20000;
}

.slide_tel .inner {
  width: 86.97916666%;
  height: auto;
  margin: 0 auto;
  padding: 4.491017964% 0;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0,0,0,1.0);
  background-color: #ffffff;
}

.slide_tel .inner p {
  font-size: 5.0vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.3em;
  color: #e5951d;
}

.slide_tel .inner p span {
  font-size: 5.0vw;
  font-weight: 500;
  color: #1bc07a;
  display: inline;
}

.slide_tel .inner ul {
  width: 100%;
  height: auto;
  margin: 4.491017964% 0;
  padding: 2.994011976% 5.988023952%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f3f5fe;
}

.slide_tel .inner ul li {
  width: 48.20788535%;
  height: auto;
  margin: 0;
  padding: 0;
}

.slide_tel .inner ul li a {
  width: 100%;
  height: auto;
  font-size: 4.5vw;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1.3em;
  color: #ffffff;
  margin: 0;
  padding: 7.042253521% 0;
  border-radius: 7px;
  display: block;
}

.slide_tel .inner ul li:first-child a {
  background-color: #e5951d;
}

.slide_tel .inner ul li:last-child a {
  background-color: #1bc07a;
}

.slide_tel .inner a:hover,
.slide_tel .inner ul li a:hover {
  transition: 1.0s;
  opacity: 0.5;
  cursor: pointer;
}

.slide_tel .inner span {
  width: 86.97916666%;
  font-size: 2.6vw;
  font-weight: 500;
  text-align: justify;
  line-height: 1.3em;
  color: #e5951d;
  margin: 0 auto;
  display: block;
}

.slide_tel .inner a {
  width: 64.07185628%;
  height: auto;
  font-size: 3.8vw;
  font-weight: 400;
  text-align: center;
  text-decoration: none;  
  line-height: 1.0em;
  color: #ffffff;
  margin: 4.491017964% auto 0 auto;
  padding: 1.497005988% 0 2.245508982% 0;
  border-radius: 8.0vw;
  background-color: #1bc07a;
  display: block;
}

/* ウィジェット エリア */
#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: 3.90625%;
  padding: 0;
}

#sidebar #widget-area .widget-container a img:hover {
  transition: 1.0s;
  opacity: 0.3;
}

#sidebar #widget-area .widget-container .side_menu {
  margin-bottom: 3.90625%;
}

#sidebar #widget-area .widget-container .side_menu p a {
  font-size: 4.5vw;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #ffffff;
  margin: 0;
  padding: 0.8em 0;
  transform: rotate(.03deg);
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: block;
}

#sidebar #widget-area .widget-container .side_menu p a {
    background-color: var(--color-orange);
}
#sidebar #widget-area .widget-container .side_menu p a:hover {
  color: #ffffff;
}

#sidebar #widget-area .widget-container .side_menu 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 .side_menu p a::after {
    background-color: var(--color-yellow);
}

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

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

#sidebar #widget-area .widget-container ul li {
  width: 100%;
  height: auto;
  line-height: 1.2em;
  margin: 0;
  padding: 1.2em 0 1.0em 3.25vw;
  border-bottom: 1px dotted #666666;
}
  #sidebar #widget-area .widget-container ul li:before {
	content: "▲";
    transform: rotate(91deg);
    color: var(--color-yellow);
    display: inline-block;
    font-size: 12px;
    margin: 0 0.5rem 0 0;
}

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

#sidebar #widget-area .widget-container ul li a {
  font-size: 3.5vw;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.0em;
  color: #666666;
  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: var(--color-orange);
}

#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 {
  font-size: 4.5vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.0em;
  color: #ffffff;
  margin: 0;
  padding: 0.8em 0;
  background-color: var(--color-orange);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#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-symptom*/
.top-symptom {
  margin: 50px 0 70px;
}
.top-symptom .inner {
	padding-top: 0 !important;
}
#content .top-symptom h2 {
	text-align: center;
	font-size: 2.2rem !important;
	line-height: 1.2 !important;
  margin: 0 0 50px;
}
#content .top-symptom h2 span {
	color: var(--color-yellow);
}
.top-symptom .h2-lead {
	text-align: center;
}
.symptom-content {
	margin-bottom: 4rem;
}
.symptom-item {
	text-align: center;
	margin: 0 1.5% 3rem;
}
.symptom-pic img {
	border-radius: 2rem;
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.symptom-link {
	text-align: center;
	position: relative;
	margin-top: -1.5rem;
}
.symptom-link .link-btn {
	background: #fff;
	text-align: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	box-shadow: var(--shadow);
	width: 80%;
	min-width: auto;
	border-width: 2px;
}
.symptom-link .link-btn:before {
	display: none;
}
.symptom-link .link-btn:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: var(--color-orange);
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.2em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  right: 0.75rem;
}
.symptom-link .link-btn:hover:after {
  color: var(--color-yellow);
}

/* top_reason */
.top_reason {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
  padding: 0 20px;
  display: table;
}

.top_reason_title{
  max-width: 280px;
  margin: 0 auto 40px;
}

.top_reason strong {
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-align: left;
  line-height: 1.3em;
  letter-spacing: 0.3em;
  color: #FF7A6F;
  margin-bottom: 20px;
  display: block;
}

.top_reason strong span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  line-height: 1.0em;
  letter-spacing: 0.05em;
  color: #FF7A6F;
  display: block;
}

.top_reason .inner_odd {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top_reason .inner_even {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.top_reason .inner_odd img,
.top_reason .inner_even img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  margin: 0;
  padding: 0;
}

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

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

.top_reason .inner_odd ul li:first-child,
.top_reason .inner_even ul li:first-child {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.top_reason .inner_odd ul li:first-child::after,
.top_reason .inner_even ul li:first-child::after {
  content: "";
  margin-left: 1.0rem;
  border-top: 1px solid var(--color-orange);
  flex-grow: 1;
}

.top_reason .inner_odd ul li:first-child span,
.top_reason .inner_even ul li:first-child span {
  //font-family: "Noto Serif JP", serif;
  font-size: 30px;
  font-weight: 500;
  color: var(--color-orange);
  display: inline-block;
}

.top_reason .inner_odd ul li:first-child span.number,
.top_reason .inner_even ul li:first-child span.number {
  //font-family: "Noto Serif JP", serif;
  font-size: 40px;
  font-weight: 500;
  color: var(--color-orange);
  margin-top: -18px;
  display: inline-block;
}

.top_reason .inner_odd ul li strong,
.top_reason .inner_even ul li strong {
  //font-family: "Noto Serif JP", serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: 0.03em;
  color: #8f6521;
  display: block;
  margin: 20px 0 20px;
}

.top_reason .inner_odd ul li .type01 {
}

.top_reason .inner_odd ul li:last-child,
.top_reason .inner_even ul li:last-child {
  margin-top: 20px;
}

.top_reason .inner_odd ul li:last-child p,
.top_reason .inner_even ul li:last-child p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.0em;
  color: #000000;
}

/* top_sitemenu */
.top_sitemenu {
  width: 100%;
  margin: 0 auto 70px;
  padding: 0 20px;
}

#content .top_sitemenu h2{
  color: var(--color-orange);
  line-height: 1;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 7vw;
}

.top_sitemenu_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 0;
  margin: 30px 0 0;
}

.top_sitemenu_box li {
  width: 48%;
  text-align: center;
}

.top_sitemenu_box li img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  margin-bottom: 10px;
}

.top_sitemenu_box li a {
  text-decoration: none;
  color: var(--color-orange);
  font-weight: 600;
}

/* 対応症状一覧ページ エリア */
#cases_wrap .case-block span.case-title {
  font-size: 5.0vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.0em;
  color: var(--color-gray);
  padding: 1.0em;
  display: block;
}

#cases_wrap .case-block span.case-title::before {
  color: var(--color-gray);
  margin-right: 1.0em;
  content: "-";
  transform: scaleX(4);
  display: inline-block;
}

#cases_wrap .case-block span.case-title::after {
  color: var(--color-gray);
  margin-left: 1.0em;
  content: "-";
  transform: scaleX(4);
  display: inline-block;
}

#cases_wrap .case-block ul {
  width: 100%;
  margin-bottom: 3.90625%;
  overflow: hidden;
}

#cases_wrap .case-block li {
  width: 100%;
  padding: 0.3em;
  float: left;
}

#cases_wrap .case-block a {
    text-decoration: none;
    color: var(--color-orange);
    font-weight: bold;
    border: 2px solid;
    display: inline-block;
    font-size: 18px;
    position: relative;
    transition: all .3s;

    background: #fff;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-shadow: var(--shadow);
    width: 100%;
}

  #cases_wrap .case-block a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;

    display: inline-block;
    vertical-align: middle;
    color: var(--color-orange);
    line-height: 1;
    width: 0.5em;
    height: 0.5em;
    border: 0.2em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    right: 0.75rem;
  }

/* 対応症状個別ページ エリア */
.single-cases .single_case {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.single-cases .single_case .inner {
  width: 100%;
  height: auto;
  margin-bottom: 4.557591666%;
  padding: 0;
  display: table;
}

.single-cases .single_case .type01 {
  margin-bottom: 7.161458333%;
}

.single-cases .single_case .inner img {
  width: 100%;
  height: auto;
  margin-bottom: 3.90625%;
  padding: 0;
}

.single-cases .single_case .inner p {
  font-size: 3.5vw;
  font-weight: 500;
  text-align: justify;
  line-height: 1.6em;
  color: #000000;
  margin: 2.604166666% 0;
  padding: 0;
}

.single-cases .single_case .inner ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

.single-cases .single_case .inner ul li {
  width: 100%;
  min-height: 5.2vw;
  margin: 0 0 3.255208333% 0;
  padding-left: 6.5vw;
  background-image: url("../../uploads/2025/02/check_icon.png");
  background-position: left 0.15em;
  background-repeat: no-repeat;
  background-size: 5.0vw;
}

.single-cases .single_case .inner ul li:last-child {
  margin: 0;
}

.single-cases .single_case .inner ul li p {
  font-size: 4.0vw;
  font-weight: 600;
  text-align: left;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}

.single-cases .single_case .inner ul li p span {
  font-size: 3.5vw;
  font-weight: 500;
  text-align: left;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  display: block;
}

/* 投稿ページ エリア */
.page-id-31	p,
.single p {
/*  font-family: "Noto Serif JP", serif;*/
  font-size: 3.5vw;
  font-weight: 400;
  text-align: justify;
/*  line-height: 1.6em;*/
  color: #666666;
  margin-bottom: 1.5em;
}

.page-id-31 .page_contact,
.single .page_contact {
  width: 100%;
  height: auto;
  margin-top: 7.8125%;
  padding: 0;
  display: table;
}

.page-id-31 .page_contact ul,
.single .page_contact ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page-id-31 .page_contact ul li,
.single .page_contact ul li {
  width: 100%;
  height: auto;
  margin-bottom: 2.604166666%;
  padding: 0;
}

.page-id-31 .page_contact ul li:first-child,
.single .page_contact ul li:first-child {
  margin: 0;
}

.page-id-31 .page_contact ul li:last-child,
.single .page_contact ul li:last-child {
  margin-bottom: 7.8125%;
}

.page-id-31 .page_contact ul li p,
.single .page_contact ul li p {
  font-size: 3.5vw;
  font-weight: 500;
  text-align: justify;
  line-height: 1.8em;
  color: #666666;
  margin-bottom: 1.5em;
}

.page-id-31 .page_contact ul li img,
.single .page_contact ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.page-id-31 .page_contact ul li a:hover img,
.single .page_contact ul li a:hover img {
  transition: 1.0s;
  opacity: 0.3;
}
	
.page-id-31 .page_contact .view,
.single .page_contact .view {
  width: 100%;
  margin: 0;
  padding-top: 56.25%;
  position: relative;
}

.page-id-31 .page_contact .view iframe,
.single .page_contact .view iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

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

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

.post_inner .show_post li {
  width: 100%;
  height: auto;
  margin-bottom: 0.911458333%;
  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: 0 3px;
  float: left;
  background-color: #1bc07a;
}

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

.post_inner .show_post li.cat_mark_box p.cat_date {
  width: auto;
  height: auto;
  font-size: 12px;
  font-weight: 500;
  color: #999999;
  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;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2em;
  color: #666666;
  display: block;
}

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

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

.post_inner .show_post li.cat_text_box p.cat_text a {
  font-size: 13px;
  font-weight: 500;
  color: #999999;
  text-decoration: none;
  display: block;
}

.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,
.post_inner .show_post li.cat_mark_box p.cat_mark a:hover {
  transition: 1.0s;
  opacity: 0.3;
}

/* page title */
.lower-page-media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 32px;
}

.lower-page-textarea {
  width: 100%;
  border-top: 3px solid var(--color-orange);
  border-bottom: 3px solid var(--color-orange);
}

#content .lower-page-textarea h2 {
  display: block;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  padding: 1rem 0 1rem;
  margin: 0;
  line-height: 1.3;
}

.lower-page-textarea h2 span {
  display: block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
}

.lower-page-imgarea {
  width: 100%;
}

/* ワンライフの特徴 */
.feature-ttl{
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 64px;
}

.feature-media{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.feature-imgarea{
  width: 100%;
}

.feature-textarea{
  width: 100%;
  margin-left: 5%;
  margin-top: 16px;
}

.feature-textarea h3{
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 32px;
}

.feature-point{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.feature-point li{
  width: 100%;
  margin-bottom: 3rem;
}

.feature-point01{
  margin-bottom: 0px;
}

.feature-point01 li:last-child{
  margin-right: 0;
}

.feature-point02{
  margin-bottom: 0px;
}

.feature-point02 li:last-child{
  margin-right: 0;
}

.feature-point-bg{
  display: flex;
  justify-content: center;
  background: var(--color-orange-light);
  margin-top:24px;
  padding: 32px 0;
}

#content .feature-point-bg h3{
  text-align: center;
  margin: 0;
}

.director-mdeia{
  align-items: center;
}

.director-imgarea{
  width: 100%;
}

.director-textarea{
  width: 100%;
  margin-top: 32px;
}

.director-item{
  margin-top: 0;
  margin-bottom: 40px;
}

.director-item03{
  margin-bottom: 0;
}

.director-item03 p{
  margin-bottom: 40px;
}

a.directorsec-btn{
  font-size: 1.4rem;
  color: #fff;
  background: var(--color-orange);
  width: 100%;
  display: block;
  text-align: center;
  padding: 14px ;
  border-radius: 50px;
  text-decoration: none;
}

a.directorsec-btn:hover {
  color: var(--color-orange);
  background: #fff;
  border: 1px solid var(--color-orange);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

a.orange-btn {
  font-size: 1.3rem;
  color: #fff;
  background: var(--color-orange);
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 23px;
  border-radius: 50px;
  text-decoration: none;
}

a.orange-btn:hover {
  color: var(--color-orange);
  background: #fff;
  border: 1px solid var(--color-orange);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

.staff-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
  gap: 30px;
}

.staff-list li{
  width: 100%;
}

.staff-list li:last-child{
  margin-right: 0;
}

.staff-list li h4{
  margin:24px 0 ;
}

.feature-aboutsec,
.feature-pointsec,
.directorsec,
.staffsec{
  margin: 70px 0 0;
}

.staffsec{
  margin: 70px 0 70px;
}

/* コース・料金 */
.treatment-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.treatment-list li{
  font-size: 1.8rem;
  border-radius: 50px;
  background: var(--color-orange);
  color: #fff;
  width: 100%;
}

.treatment-list li:last-child{
  margin-right: 0;
}

.treatment-list li a{
  font-weight: 400;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding: 23px 0;
}

#content .treatment-list li a h3{
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 1.2rem;
}

.treatment-mdeia{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.treatment-imgarea{
  width: 100%;
}

.treatment-textarea{
  width: 100%;
  margin-top: 30px;
}

.treatment-textarea h3{
  font-size: 2.4rem;
  font-weight: 400;
  color: #1FD0CE;
  margin-bottom: 32px;
}

.treatment-textarea p{
  margin-bottom: 24px;
}

.treatment-textarea span{
  line-height: 2.0;
}

.treatment-ttl{
  text-align: center;
  font-size: 2.4rem;
  font-weight: 400;
  color: #1FD0CE;
  margin-bottom: 32px;
}

h2.menu-ttel{
  text-align: center;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}

.accidentsec .test{
  max-height: 1000px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.accidentsec table{
  width: auto;
  min-width: 100%;
}

.freeservicettl{
  text-align: center;
}

.service01{
  width: 25%;
  text-align: center;
  font-size: 11px;
}

.service02{
  padding:20px;
  line-height: 2.1;
  font-size: 11px;
}

.service03{
  width: 15%;
  text-align: center;
  font-size: 11px;
}

.free-colour01{
  background: var(--color-orange-light);
  border: 1px solid #d7af14;
}

.freeservicettl01{
  background: var(--color-orange-light);
  border: 1px solid #d7af14;
}

.free-nocolour01{
  border: 1px solid #777777;
}

.fleow-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fleow-box{
  width: 100%;
  margin-bottom: 40px;
}

.fleow-box5{
  margin-bottom: 0;
}

.fleow-box span{
  display: block;
  font-size: 1.4rem;
  margin: 14px 0;
  border-left: 3px solid var(--color-orange);
  padding: 0 0 0 7px;
}

#content .fleow-box h3{
  margin-bottom: 1rem;
}

.fleow-wrap::after{
  content: "";
  display: block;
  width: 360px;
}

.q {
  font-size: 24px;
  color: var(--color-orange);
  height: 60px;
  padding: 10px 20px 10px 10px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid var(--color-orange);
}

.q::before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: var(--color-orange);
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}

.q::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: var(--color-orange);
  right: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}

.q span{
  color: #333;
  font-size: 15px;
  margin-left: 10px;
}

.q.active::after{
  display: none;
}

.qa{
  margin-bottom: 24px;
}

.qa .a {
  height: 60px;
  display: none;
  padding: 0 15px;
  margin: 15px 0;
  color: #333;
  line-height: 1.7;
  font-size: 13px;
}

.qa-last{
  margin-bottom: 0;
}

.treatmentsec,
.accidentsec,
.flowsec{
  margin: 70px 0 0;
}

.faqsec{
  margin: 70px 0 70px;
}

/* アクセス */
.map-media{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 70px 0 70px;
}

.gmap{
  width: 100%;
  text-align: right;
}

.gmap iframe{
  width: 100%;
  height: 320px;
}

.maptextarea{
  width: 100%;
  margin: 30px 0 0;
}

.maptextarea address{
  margin-bottom: 16px;
}

.map-tel{
  color: #333;
}

.map-info{
  margin: 16px 0 24px;
}

.map-subttl{
  display: block;
  font-size: 23px;
  margin-bottom: 16px;
}

.map-text{
  margin-bottom: 16px;
}

/* お客様の声 */
.voicesec{
  margin: 70px 0 70px;
}

.voice-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.voice-list li{
  width: 100%;
}

.voice-age01{
  display: block;
  margin: 16px 0 8px;
  font-size: 20px;
}

.voice-list h3{
  font-size: 1.8rem;
  color: #1FD0CE;
  margin-bottom: 16px;
}

.voice-detail{
  display: block;
  font-size: 1.2rem;
  margin: 8px 0 24px;
}

.voice-lis01{
  margin-bottom: 30px;
}

.voice-lis02{
  margin-bottom: 30px;
}

/* 採用情報 */
.recruit_pic{
  background-image: url(https://linkwin-client.pecori.jp/test016/wp-content/themes/amaterasu/images/recruit/recruit_mv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 450px;
  position: relative;
}

.recruit_bg{
  background-color: rgba(0,0,0, 0.1);
  height: 450px;
  width: 100%;
}

#content .recruit_text{
  position: absolute;
  font-weight: 400;
  top: 50%;
  left: 5%;
  color: #fff;
}

#content .recruit_text h2{
  font-size: 3.2rem;
  letter-spacing: 0.1rem;
  margin-bottom:8px ;
}

.recruit_text span{
  font-size: 1.6rem;
}

.philosophysec{
  padding: 0 20px;
}

.philosophy-meida{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.philosophy-message{
  width: 100%;
}

.subttel{
  font-size: 1.4rem;
  letter-spacing: 0.08rem;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: #535353;
}

.egttl{
  font-size: 4.0rem;
  letter-spacing: 0.6rem;
}

.jpttlbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.jpttl{
  display: inline-block;
  font-size: 3.2rem;
  font-weight: bold;
  position: relative;
  border-bottom: 12px solid #F0FF49;
}

.interviewsec{
  padding: 0 20px;
}

.recruit-ttl{
  display: inline-block;
  font-weight: bold;
  border-bottom: 12px solid #F0FF49;
}

.philosophy-text{
  width: 100%;
}

.personsec{
  padding: 0 20px;
}

.person-media{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.person-imgarea{
  width: 100%;
  margin: 0 0 20px;
}

.person-textarea{
  width: 100%;
}

.person-textarea p{
  font-size: 15px;
  line-height: 1.7;
}

.recruit-pointsec{
  background: #FAFAFA;
  margin: 0 0 70px;
}

.recruit-pointbg{
  padding: 70px 20px 70px;
  max-width: 100%;
  margin: 0 auto;
}

.recruit-point-meida01{
}

.recruit-point-meida{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}

.recruit-point-imgarea{
  width: 100%;
  margin-right: 0;
}

.recruit-point-textarea{
  margin-top: 20px;
  width: 100%;
}

#content .recruit-point-textarea h3{
  font-weight: bold;
  font-size: 37px;
  letter-spacing: 0.3rem;
  margin-bottom: 10px;
}

#content .recruit-point-textarea h4{
  margin-bottom: 20px;
  line-height: 1.7;
}

.recruit-point-meida02{
  flex-direction: row-reverse;
}

.recruit-point-meida02 .recruit-point-imgarea{
  margin-right: 0;
}

.recruit-point-meida03{
  margin-bottom: 0;
}

.flowsec{
  padding: 0;
}

.flow-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.flow-list li{
  width: 100%;
}

#content .flow-list li h4{
  margin: 24px 0 16px;
}

.flow-list li:last-child{
  margin-right: 0;
}

.jpttlbox02{
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.entry-text{
  text-align: center;
  margin: 0 0 40px;
}

.entry-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

a.entry-contact01{
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background: var(--color-orange);
  text-align: center;
  text-decoration: none;
  padding: 23px 0;
  width: 100%;
  max-width: 370px;
  margin: 0 0 30px;
}

a.entry-contact02{
  color: #6f6f6f;
  background: #fff;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid var(--color-orange);
  text-align: center;
  text-decoration: none;
  padding: 23px 0;
  width: 100%;
  max-width: 370px;
}

.entry-contact01:hover{
  color: #333 ;
  background: #fff;
  border: 1px solid var(--color-orange);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

.entry-contact02:hover{
  color: #FFF100;;
  background: var(--color-orange);
  border: 1px solid var(--color-orange);
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

.interviewsec .accordion {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.interviewsec .accordion-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.interviewsec .accordion-title {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
}

.interviewsec .accordion-content {
  display: none;
  padding: 24px 10px;
}

.interviewsec .accordion-content p {
  font-size: 13px;
  line-height: 1.5;
}

.interviewsec .accordion-item{
  width: 100%;
}

.interviewsec .interview-ttl{
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 24px;
}

.interviewsec .interview-text{
  margin-bottom:32px ;
}

.interviewsec .interview-text03{
  margin-bottom: 0;
}

.requirementssec{
  padding: 0 20px;
}

.requirementssec dt{
  padding: 15px 10px;
  background: #FAFAFA;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

.requirementssec dd{
  padding: 0 10px;
  margin-bottom: 20px;
  font-size: 14px;
}

.requirementssec .salary{
  margin-top:16px ;
  margin-bottom: 24px;
}

.requirementssec .salary li{
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 1.4rem;
  line-height: 2.0;
}

.requirementssec .salary li::before{
  content: "※";
  display: block;
  margin-right:8px;
}

.requirementssec .remarks{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.requirementssec .remarks::before{
  content: "・";
  display: block;
  margin-right:8px;
}

.requirementssec .remarks-last{
  margin-bottom: 24px;
}

.recruit-mvarea,
.philosophysec,
.person-media,
.flow-list,
.entry,
.interviewsec,
.requirementssec {
  max-width: 100%;
  margin: 0 auto 70px;
}

/* コンタクトフォーム7 */
.contact_box{
  max-width: 100%;
  margin: 40px auto 70px;
}

table.contact_table{
  width: 100%;
  border: solid 1px #dbdbdb;
}

.wpcf7 input,
.wpcf7 textarea{
  width: 100%;
  padding: 10px 20px;
  border: solid 1px #c5c5c5;
}

.wpcf7 tr{
  border-bottom: solid 1px #dbdbdb;
  display: flex;
  flex-wrap: wrap;
}

.wpcf7 tr:last-child{
  border-bottom: 0;
}

.wpcf7 th,
.wpcf7 td{
  padding: 20px;
}

.wpcf7 th{
  padding: 20px 20px 0;
}

.wpcf7 th{
  width: 100%;
}

.wpcf7 td{
  width: 100%;
}

.wpcf7 .contact-submit{
  width: 200px;
  margin: 30px auto 0;
}

.wpcf7 .contact-submit input{
  text-align: center;
  background: #bd0707;
  border: 0;
  color: #fff;
}

}