@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html{height:100%;}
body{height:100%;}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.ctr {
	margin: 0 auto;
	text-align: center;
}
.rgt {
	text-align:right;
	margin-bottom: 0 !important;
}
.lft{
	text-align: left;
	margin-bottom: 0 !important;
}
#lr {
	display: flex;
	justify-content: space-between;
}
.mgn_top10 {margin-top:10px;}
.mgn_top20 {margin-top:20px;}
.mgn_btm10 {margin-bottom:10px;}
.mgn_btm20 {margin-bottom:20px;}
.cap {font-size:0.9375rem;}
body {
	font-size: 16px;
	color: #666;
}
a:link {
	color:#41a337;
	text-decoration:none;
}
a:visited {
	color:#41a337;
	text-decoration:none;
}
a:hover {
	color:#41a337;
	text-decoration:underline;
}
a:active {
	color:#41a337;
	text-decoration:none;
}
#navi a:link {
	color:#41a337;
	text-decoration:none;
}
#navi a:visited {
	color:#41a337;
	text-decoration:none;
}
#navi a:hover {
	color:#41a337;
	text-decoration:none;
}
#navi a:active {
	color:#41a337;
	text-decoration:none;
}
.main {background-color:initial;}
.no-sidebar .content .main{padding:0;}
.container {
	background-color: #fff;
}
#header-container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 8px solid #41a337;
}
#header-container-in {
	width: 1200px;	
}

.content {
	margin:0;
	background-image: url(https://shinei-miyako.com/wp/wp-content/uploads/2024/03/bg_lower.jpg);
	padding: 40px;
}
.page-id-9 .content{padding:0;}
.entry-content {margin:0;}
.wrap {
	width: 1200px;
}
.page-id-9 .wrap {width: 100%;}
.page-id-9 .entry-title {display:none;}
.page .date-tags {display: none;}
.footer-meta {display: none;}
.header-container-in.hlt-top-menu .logo-image {margin: 20px auto;}
.navi-in a {font-size:1.3125rem;}
.navi-in > ul li{
	color: #41a337;
	letter-spacing: 0.2em;
}
.navi-in > ul li a{	color: #41a337;}
.navi-in > ul li a:link{color: #41a337;}
.navi-in > ul li a:visted{color: #41a337;}
.navi-in > ul li a:hover{
	color:#41a337;
	background-color: #ecf5eb;
}
.navi-in > ul li a:active{	color: #41a337;}
#menu-item-22 {
	top:0;
}
#main_img {
	padding:0;
	margin:0 auto 100px;
	display: flex;
	position: relative;
	background-image:url(https://shinei-miyako.com/wp/wp-content/uploads/2024/03/main_bg.png);
	width: 100vw;
	height: calc(100vw * 0.389062);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.illust {
	position: absolute;
	display: block;
}
.painter {
	width: 10.41666vw;
	bottom: -2.1419vw;
	left: 14.75vw;
}
.typo {
	width: 24.4791vw;
	bottom:-1.65vw;
	right: 12.9292vw;
}
.bucket {
	width: 7vw;
	bottom: -2.25vw;
	left: 27.7604vw;
}
.weed {
	width:14.0625vw;    bottom: 12.75vw;
    right: 15vw;
}
.heat {
	width:14.0625vw;
	bottom: 8.2291vw;
	right: 33.02083vw;
}
.water {
	width:14.0625vw;
	bottom:1.927083vw;
	left: 39.25vw;
}
.washing {
	width:14.0625vw;
	top:13.9062vw;
	left: 27.6041vw;
}
.copy {
	width: 39.375vw;
	top: 1.4583vw;
	right: 23.5416vw;
}
.fadein {
  animation: fadeIn 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.popup {
  animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
 
@keyframes popup {
  0% {
    transform: translateY(40px) scale(0.6);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}
.poyo {
  animation: poyo 1s ease-in-out forwards;
}
 
@keyframes poyo {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.zoomin {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.poyo2 {
  animation: poyo2 1.5s ease-in-out forwards;
  opacity: 1;
}
@keyframes poyo2 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
.area1200 {
	width: 1200px;
	margin: 0 auto;
}
.article h2 {
	margin:0 0 20px;
	width: fit-content;
	color: #41a337;
	background-color: transparent;
	font-size: 2.625rem;
	background:linear-gradient(transparent 50%, #f9d128 50%);
	line-height: 0.5;
	letter-spacing: 0.15em;
}
.work_photo{
	margin: 0 auto 40px;
	width: 1040px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.before {
	width: 480px;
	position: relative;
}
.before span {
	position: absolute;
	text-align: center;
	background-color: rgba(65,163,55,0.9);
	color: #fff;
	font-size: 1.313rem;
	letter-spacing: 0.15em;
	padding: 4px;
	width: 100%;
}
.after {
	width: 480px;
	position: relative;
}
.after span {
	position: absolute;
	text-align: center;
	background-color: rgba(65,163,55,0.9);
	color: #fff;
	font-size: 1.313rem;
	letter-spacing: 0.15em;
	padding: 4px;
	width: 100%;
}
.single-post .content {
	background-image: url(https://shinei-miyako.com/wp/wp-content/uploads/2024/03/bg_lower.jpg);
	padding: 80px;
}
.single-post .content .main .entry-content {
	width: 1200px;
	padding: 60px 80px;
	border-radius: 12px;
	background-color: rgba(255,255,255,0.75);
}
.single-post .entry-title {
	width: fit-content;
	color: #41a337;
	background-color: transparent;
	font-size: 2.625rem;
	letter-spacing: 0.15em;
	background:linear-gradient(transparent 50%, #f9d128 50%);
	text-align: center;
	margin: 0 auto ;
	padding-left: 20px;
   padding-right: 20px;
}
.single-post .entry-header::after{
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0.15em;
	content: "WORKS";
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  display: block;
	margin: 0 auto 40px;
	text-align: center;
}
.single-post  .eye-catch{display: none;}

.new-entry-card-title {
	display:block;
	letter-spacing:0.1em;
}
.new-entry-card-content {
	
	z-index: 1;
}
.widget-entry-cards.large-thumb-on .card-content {
	background: initial;
	background-color: rgba(0,0,0,0.5);
	justify-content: space-between;
	align-items: flex-end;
	line-height: 1.25;
}
#post_list {
	display:flex;
	justify-content: space-between;
}
#post_list div{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:0;
}
#post_list div img {
	width: 298px;
	height: 180px;
}
.widget-entry-cards.large-thumb-on .a-wrap {
	margin: 0;
	padding:0;
	width: 300px;
}
#post_list .cat-label{
  background-color: #41a337;
  padding: 5px 10px;
  color: #fff;
	border:none;
	font-size: 1rem;
}

#post_list .cat-label-5:before{
font-family: 'Font Awesome 5 Free';
  content: '\f043';
	font-weight:900;
	padding-right: 8px;
}
#post_list .cat-label-1:before{
font-family: 'Font Awesome 5 Free';
  content: '\f5aa';
	font-weight:900;
	padding-right: 8px;
}
#post_list .cat-label-6:before{
font-family: 'Font Awesome 5 Free';
  content: '\f185';
	font-weight:900;
	padding-right: 8px;
}
#post_list .cat-label-7:before{
font-family: 'Font Awesome 5 Free';
  content: '\f0e9';
	font-weight:900;
	padding-right: 8px;
}
#post_list .cat-label-8:before{
font-family: 'Font Awesome 5 Free';
  content: '\f06c';
	font-weight:900;
	padding-right: 8px;
}
#post_list .cat-label-12:before{
font-family: 'Font Awesome 5 Free';
  content: '\f1ea';
	font-weight:900;
	padding-right: 8px;
}
.entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb {margin-right:0;}
.widget-entry-cards.large-thumb-on .a-wrap {
	border: 1px solid #fff;
	margin-bottom: -1px;
  margin-right: -1px;
}
.post-update{display:none;}
.widget-entry-cards figure {margin:0;}
.pager-post-navi {
	flex-direction:initial;
	justify-content: space-between;
}
.pager-post-navi a {width: 100%;}
.article h1 {
	width: fit-content;
    color: #41a337;
    background-color: transparent;
    font-size: 2.625rem;
    letter-spacing: 0.15em;
    background: linear-gradient(transparent 50%, #f9d128 50%);
    text-align: center;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.page-id-12 .article .entry-header::after{
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0.15em;
	content: "SERVICES";
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  display: block;
	margin: 0 auto 40px;
	text-align: center;
}
.page-id-14 .article .entry-header::after{
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0.15em;
	content: "WORKS";
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  display: block;
	margin: 0 auto 40px;
	text-align: center;
}
.page-id-16 .article .entry-header::after{
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0.15em;
	content: "COMPANY";
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  display: block;
	margin: 0 auto 40px;
	text-align: center;
}
.page-id-18 .article .entry-header::after{
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0.15em;
	content: "PRODUCTS";
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  display: block;
	margin: 0 auto 40px;
	text-align: center;
}
.page-id-20 .article .entry-header::after{
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0.15em;
	content: "INQUIRY";
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  display: block;
	margin: 0 auto 40px;
	text-align: center;
}
.inq_wrap {
	width: 100%;
	margin: 0 auto 20px;
	display: flex;
	flex-direction: column;
}
.page-id-12 .entry-content, .page-id-14 .entry-content, .page-id-16 .entry-content, .page-id-18 .entry-content, .page-id-20 .entry-content {
	background-color: rgba(255,255,255,0.9);
	padding: 60px;
	margin: 20px auto;
	border-radius:8px;
}
.wpcf7-form {
	width: 660px;
	margin: 0 auto;
}
.heading {
	color: #54ac4b;
	width: 240px;
}

input[type=submit] {
	width: 320px;
	margin:0 auto;
	border-radius: 9999px;
	background-color: #41a337;
	font-size: 1.5rem;
	letter-spacing: 0.5em;
	color: #fff;
}

.new-entry-cards  {
	width: 100%;
	display:flex;
}
.widget-entry-cards.large-thumb-on .a-wrap{width:25%;}
.works_list {
	margin:0 auto 100px;
}
.works_list:last-child {margin:0 auto;}
.entry-content h2{
	width: 100%;
    padding: 0;
    margin-bottom: 30px;
    font-weight: 600;
    background: initial;
    align-items: center;
    position: relative;
    line-height: 1;
}
.entry-content h2 span {
	font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-style: italic;
	text-align: right;
	position: absolute;
	right: 0;
	color: #e2e2df;
}
.entry-content p:last-child {
	padding:0 10px 0;
	margin-bottom: 0;
}
.post-9 h2{
	width: fit-content;
	    font-size: 2.625rem;
    letter-spacing: 0.15em;
    background: linear-gradient(transparent 50%, #f9d128 50%);
	margin: 0 0 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    padding: 10px;
}
.page-id-14 h2{margin: 0 0 30px;}
.services_wrap {
	width: 100%;
	margin: 80px auto 0;
	display: flex;
	justify-content: space-between;
}
.services_wrap .service_img {
	width: 400px;
}
.services_wrap .service_txt {
	width: 618px;
}
.philosophy {
	margin: 40px auto;
	padding: 0 60px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	letter-spacing: 0.1em;
}
ol.philosophy li{
	list-style-type:cjk-ideographic!important;
	font-family:serif;
	font-size: 1.5rem;
	line-height: 3rem;
	color: #41a337;
	list-style-type:none;
	margin: 1em 0;
}
.philosophy li{
	
}
.breadcrumb a:link{
	color:#999;
}
.breadcrumb a:visited{
	color:#999;
}
.breadcrumb a:hover{
	color:#999;
	text-decoration:underline;
}
.breadcrumb a:active{
	color:#999;
}
.com_table {
	border-spacing: 0;
}
.com_table th {
	color:#41a337;
	white-space: nowrap;
	letter-spacing: 0.1em;
}
.com_table th,.com_table td{
	background-color: initial;
	border-top:0;
	border-left:0;
	border-right:0;
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.com_table p{margin-bottom:0;}
#greeting {margin-bottom:100px;}
#top_works {margin:0 auto 60px;}
.top_h2 {
	display: flex;
	position: relative;
	margin: 0 0 100px;
}
.top_h2 h2 {
	display: flex;
	position:absolute;
	z-index: 2;
	padding: 10px 15px;
}
.top_h2 span {
	position: absolute;
	font-family: "Montserrat", sans-serif;
	font-size: 2.5rem;
    font-weight: 600;
    font-style: italic;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: right;
	position: absolute;
	left: 100px;
	top: 32px;
	color: #fff;
	z-index:1;
}
#top_movies {
	background-image:url(https://shinei-miyako.com/wp/wp-content/uploads/2024/04/bg_top.jpg);
	margin:0;
	padding:80px;
}
.post-9 .article,.post-9 .entry-content {margin-bottom:0!important;}
.article {margin-bottom:0!important;}
.post-14 .cat-label{display:none;}
#top_movies_inner {
	width: 1200px;
	background-color: rgba(255, 255, 255, 0.6);
    padding: 40px 80px;
    margin: 20px auto;
    border-radius: 8px;
}
#btn_youtube {
	display: flex;
	justify-content: space-between;
	color:#e61f19;
	background-color: #fff;
	width: 300px;
	margin: 0 auto;
	padding: 8px 20px;
	border: 1px solid #e61f19;
	border-radius: 9999px;
	align-items: center;
}
.fa-youtube {
	color: #e61f19;
}
#top_movies a:link{
	color: #666;
	text-decoration:none;
}
#top_movies a:visited{
	color: #666;
	text-decoration:none;
}
#top_movies a:hover{
	color: #666;
	text-decoration:none;
}
#top_movies a:active{
	color: #666;
	text-decoration:none;
}
#top_bottom {
	width:100%;
	margin:0;
	display: flex;
	position: relative;
}
#top_info {
	width:50%;
	float: left;
	background-color:rgba(65,163,55,0.7);
	background-image:url(https://shinei-miyako.com/wp/wp-content/uploads/2024/04/top_info_bg.jpg);
	background-size: cover;
	position:relative;
}
#info_inner {
	top: 20px;
	right:40px;
	width: 560px;
	padding: 20px;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.9);
	position: absolute;
	text-align: center;
}
#info_inner ul {
	padding-left:0;
	margin-bottom:15px;
}
#info_inner ul li{list-style-type:none;}
#top_map{
	width:50%;
	float: right;
}
#btn_company {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	width: 200px;
	margin: 0 auto;
	padding: 8px 20px;
	border: 1px solid #41a337;
	border-radius: 9999px;
	align-items: center;
	letter-spacing:0.15em;
}
#info_inner h2 {
	font-size:2rem;
	margin: 0 auto;
}
#info_inner a:link{
	color: #41a337;
	text-decoration:none;
}
#info_inner a:visited{
	color: #41a337;
	text-decoration:none;
}
#info_inner a:hover{
	color: #41a337;
	text-decoration:none;
}
#info_inner a:active{
	color: #41a337;
	text-decoration:none;
}
.footer-bottom {
	margin:0;
	padding:0;
}
.footer {
	margin:0;
}
#company_map {
	height: 400px;
	margin:  0 -60px -40px;
	border-radius: 0 0 8px 8px;
}
#company_map iframe{border-radius: 0 0 8px 8px;}
iframe {vertical-align: bottom;}
.product {margin-top: 80px;}
.product ul{
	column-count: 3;
  width: fit-content;
  column-gap: 2em;
}
.under-entry-content a:link {text-decoration:none;}
.under-entry-content a:visited {text-decoration:none;}
.under-entry-content a:hover {
	text-decoration:none;
	background-color: rgba(255,255,255,0.25);
	color: #41a337;
}
.under-entry-content a:active {text-decoration:none;}
.com_table ul {
	column-count: 2;
  width: fit-content;
  column-gap: 2em;
	margin-bottom:0;
}
#top_movie_lr{
	display:flex;
	justify-content: space-between;
	margin: 0 auto 20px;
}
#top_movie_l {
	width: 480px;
	position:relative;
}
#top_movie_r {
	width: 480px;
	position:relative;
}
.btn_mov {
	width: 320px;
	margin: 0 auto;
	position:absolute;
	background-color: rgba(230, 31, 25, .9);
	color:#fff;
	letter-spacing:0.1em;
	border-radius:9999px;
	padding: 8px;
	bottom: 10px;
	text-align:center;
	left: 50%;
  transform: translateX(-50%);
}
.video-container {margin:0;}
.video-container .video {margin:0;}
.cat-link {
	background-color: #41a337;
	color: #fff!important;
}
.cat-link a:link {color: #fff!important;}
.cat-link a:visited {color: #fff!important;}
.cat-link a:hover {color: #fff!important;}
.cat-link a:active {color: #fff!important;}
.article-footer {
	display:flex;
	justify-content: space-between;
	margin: 8px auto;
}
.article-footer  .date-tags {padding: 6px 0;}
.page-id-9 .post-date{margin-right:0;}
.page .article-footer{display:none;}
#menu-item-22 {
	background-color:#41a337;
	color: #fff;
	top:-20px;
	height:48px;
	border-radius: 0 0 8px 8px;
}
#menu-item-22 a:link{color:#fff;}
#menu-item-22 a:visited{color:#fff;}
#menu-item-22 a:hover{color:#41a337;}
#menu-item-22 a:active{color:#fff;}
#menu-item-22 .item-label {
	font-size:1.125rem;
	height: 48px;
   line-height: 2.4;
}
.category .a-wrap{
	background-color:rgba(255,255,255,0.75);
}
.archive-title {
	    width: fit-content;
    color: #41a337;
    background-color: transparent;
    font-size: 2.625rem;
    letter-spacing: 0.15em;
    background: linear-gradient(transparent 50%, #f9d128 50%);
    text-align: center;
    margin: 0 auto 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.error404 .article {
	margin: 0 auto;
	text-align:center;
	width:90%;
}
.error404 .article .entry-title{display:none;}
.error404 .article .new-entry-cards {flex-wrap:wrap;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#lr {flex-direction: column;}
	#main_img_sp {
	padding:0;
	margin:0 auto 20px;
	display: flex;
	position: relative;
	background-image:url(https://shinei-miyako.com/wp/wp-content/uploads/2024/04/main_bg_sp.png);
	width: 100vw;
	height: calc(100vw * 1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	.copy_sp {
		width: 95vw;
		top: 3.75vw;
		left: 2.5vw;
}
	.weed_sp {
		width: 22.8571vw;
		bottom:12.4285vw;
		left:37.1428vw

}
.heat_sp {
	width: 22.8571vw;
	top: 43.4285vw;
	left: 49.7142vw;
}
.water_sp {
	width: 22.8571vw;
	right:3vw;
	top: 44vw;
}
.washing_sp {
	width: 22.8571vw;
	top:43.7142vw;
	left:24.2857vw;
}
	#header-container-in {width:100%;}
	.wrap {width:100%;}
	.page-id-12 .entry-content, .page-id-14 .entry-content, .page-id-16 .entry-content, .page-id-18 .entry-content, .page-id-20 .entry-content {
	background-color: rgba(255,255,255,0.9);
	padding: 20px;
	margin: 0 auto;
	border-radius: 0;
}
	.entry-content p {
		padding:0 10px 10px;
		margin-bottom: 0;
	}

	.single-post .content {padding:0;}

	.single-post .entry-title {
		font-size:1.75rem;
	}
	.single-post .entry-header::after {
		margin: 0 auto;
	}
		.single-post .content .main .entry-content {
		width:100%;
		padding:0 0 20px;		
	}
	.work_photo {
		width: 100%;
		flex-direction: column;
		margin: 0 auto 20px;
	}
	.before {width:100%;}
	.after {width:100%;}
	.arrow {
		transform: rotate(90deg);
		margin: 30px 0;
	}
	.page-id-20 .entry-content {
		padding:20px;
	}
	.content {padding:0;}
	.page-id-9 .content {
		padding:0;
	}
	.inq_wrap {
		flex-direction:column;
	}
	.form_field {width:100%;}
	.article h1 {
    width: fit-content;
    color: #41a337;
    background-color: transparent;
    font-size: 2.625rem;
    letter-spacing: 0.15em;
    background: linear-gradient(transparent 65%, #f9d128 65%);
    text-align: center;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
		line-height:0.5;
	}
	#main_img {
		margin: 0 auto 40px;
		background-position: -12.5vw center;
		background-color: #54ac4b;
	}
	.page-id-20 .entry-content {border-radius:0;}
	.page-id-20 .article .entry-header::after {margin: 0 auto 20px;}
	.area1200 {width:100%;}
	.widget-entry-cards.large-thumb-on .a-wrap {width: 50%;}
	.typo {right:0;}
	.weed  {
		width: 20vw;
		right:0;
	}
	.heat   {
		width: 20vw;
		right: 23vw;
    bottom: -2vw;
	}
	.water   {
		width: 20vw;
		    left: 38vw;
    bottom: -2vw;
	}
	.washing{
		width: 20vw;
		    left: 18vw;
    top: 21vw;
	}
	.painter {
		left: 2.0833vw;
		bottom: -4vw
	}
	.bucket {
		left: 10vw;
		bottom: -4vw;
	}
	.copy{width:55vw;}
	.top_h2 {
		display:flex;
		height: 10px;	
	}
	.top_h2 span {
		right:0;
	}
	#top_movies {
		padding:0;
	}
	#top_movies_inner {
		width:100%;
		margin: 0;
		padding: 20px;
		border-radius:0;
	}
	#top_bottom {
	flex-direction:column;
}
	#top_info {
		width:100%;
		display:block;
	}
	#top_map {
		width:100%;
		display:block;
	}
	#info_inner {
		width:100%;
		position:static;
		border-radius:0;
	}
	.entry-content h2 {text-align:center;}
	.entry-content h2 span {
		display:block;
		font-size:1.125rem;
		text-align:center;
	}
	.product ul{
	column-count: 1;
	}
	.works_list {margin: 0 auto 60px;}
	.works_list .new-entry-cards {
		justify-content:space-between;
		    flex-wrap: wrap;
	}
	.works_list .a-wrap {width:100%;}
	.widget-entry-cards.card-large-image figure img {
		width: 50vw;
    height: 37.5vw;
	}
	.services_wrap {
		flex-direction:column;
		margin: 30px auto 0;
	}
	.services_wrap:nth-child(odd) {
		flex-direction:column-reverse;
	}
	.services_wrap .service_img {
		width:100%;
		line-height:1;
	}
	.services_wrap .service_txt {width:100%;}
#greeting {margin-bottom:40px;}
	 .com_table ul{
	column-count: 1;
	}
	#company_map{
		width:100%;
		margin:0;
	}
	.mobile-menu-buttons {background-color:#41a337;}
	.mobile-menu-buttons {color:#fff;}
	.mobile-menu-buttons .menu-button > a{color:#fff;}
	.page-id-14 .entry-content {
		padding:20px 0;
	}
	#post_list{
		display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
	}
	#post_list div img {
		width: 50vw;
		height: 37.5vw;
	}
	.widget-entry-cards.large-thumb-on .card-content  {
		padding: 5px;
		letter-spacing:0;
		align-items: flex-start;
		flex-direction:column-reverse;
	}
	.page-id-12 .article .entry-header::after{
	margin: 0 auto;
}
.page-id-14 .article .entry-header::after{
	margin: 0 auto;
}
.page-id-16 .article .entry-header::after{
	margin: 0 auto;
}
.page-id-18 .article .entry-header::after{
	margin: 0 auto;
}
.page-id-20 .article .entry-header::after{
	margin: 0 auto;
}
	.page-id-12 .entry-content {padding:0;}
	.service_txt {padding:20px;}
	#top_movie_lr {flex-direction:column;}
	#top_movie_l {
		width:100%;
		margin-bottom: 20px;
	}
	.explanatory {padding: 20px 20px 0 20px!important;}
	#top_movie_r {width:100%;}
	.btn_mov {width:75%;}
	.philosophy {padding:20px 0 20px 60px !important;}
	.product {margin-top:40px;}
	.mobile-menu-buttons .menu-content {height:fit-content;}
	.navi-menu-content {
		background-image: url(https://shinei-miyako.com/wp/wp-content/uploads/2024/04/sp_menu_bg.jpg);
		background-size: cover;
		letter-spacing:0.1em;
	}
	.navi-menu-close-button {
		color:#fff;
		padding: 15px;
	}
	.menu-content .menu-drawer {   padding: 0 1em 10px;}
	.menu-drawer li {
		color: #fff;
		font-size: 1.375rem;
    display: block;
    border-top: 1px solid #ddd;
    padding: 12px 0;
	}
	.menu-drawer a:link{color:#fff;}
	.menu-drawer a:visited{color:#fff;}
	.menu-drawer a:hover{color:#fff;}
	.menu-drawer a:active{color:#fff;}
	#info_inner {
		background-color: rgba(255, 255, 255, 0.15);
		color: #fff;
		padding:20px 0 20px;
	}
	#info_inner h2 {
		color:#fff;
		font-size:1.75rem;
	}
	.wpcf7-form {width:100%;}
	.pager-post-navi {
		display:flex;
		flex-direction: column;
	}
	.pager-post-navi a{
		background-color: rgba(255, 255, 255, 0.75);
    margin-bottom: 1px;
	}
}