@charset "UTF-8";

/*!
Theme Name: mamsmilegroup
Template:   cocoon-master
Version:    1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.menu-button{
		color: #e7437d;
	}
	.navi-menu-caption {
		font-family: 'Shippori', "serif" !important;
		font-size: 13px !important;
	}
	.logo-menu-button {
	  display: flex;
      justify-content: center;
	  align-items: center;
	}
	.logo-menu-button img{
		max-height: 40px;
	}
	
	span.fa.fa-close::before{/*戻るボタン*/
		font-family: FontAwesome;
		content: “\f060”;
	}
	.menu-content .menu-drawer {
		padding: 0 1em;
		margin:0;
	}
	ul.menu-drawer:before{
		font-size:1.2em;
		display: block;
		font-weight: normal;
		background: white;
		color:#7b7b7b;
		padding: .5em;
		margin-bottom:1em;
		font-family: sans-serif;
		text-align: center;
		border-bottom:3px dotted #90C31F;
	}
	ul.menu-drawer:after {
		background: white;
	}
	.menu-drawer li {
		font-size: 0.95em;
		background-color:#fff;
		padding:0;
		border-radius:20px;
	}
	.menu-drawer a{/*menuの文字色をグレー*/
		background-color:#f7f7f7;
		color:#afafb0!important;
		margin: 6px 0;
		padding: 0.5em 1em;
		border-radius:20px;
	}
	.menu-drawer a:hover{
		background-color:#90C31F!important;
		color:#fffff4!important;
		transition: 0.2s ;
	}
	.menu-item-has-children > a{
		background: #fadbe6 !important;
		color :#e7437d !important;
	}
	.menu-item-has-children:nth-of-type(n+2){
		margin-top: 1em;
	}
	.menu-drawer .sub-menu {
		padding-left:30px;
		margin-top:0;
	}
	.menu-drawer ul.sub-menu li {/*サブメニューの文字サイズ*/
		font-size: 1em;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.sub-menu{
		box-shadow: none!important;
	}
}

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

/* 2026年3月追加 */
/* 事業紹介の画像サイズを統一する */
.service__image {
    width: 100%;
    aspect-ratio: 16 / 12; /* 横長に揃える（4:3が良ければ 4/3 に変更） */
    overflow: hidden;
}

.service__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 枠いっぱいに広げて、はみ出た分をカットする */
    object-position: center; /* 中央を中心に表示 */
}