@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.maru-logo img{
	display:block;
	width:220px;
	height:220px;
	margin:0 auto;
}

#before_footer_widget{
	color:#FFF;
}

@media only screen and (max-width: 480px) {
.maru-logo img{
	display:block;
	width:180px;
	height:180px;
	margin:0 auto;
}	
	
	
	}
.p-mainVisual__textLayer {
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  left:50%;
  position:absolute;
  top:-80px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:100%;
  z-index:3
}
@media only screen and (min-width: 480px) {
  .-txt .c-headLogo__link {
    font-size:20px;
  }
}


/* Homeのリード文下：白ボックスを中央配置＆レスポンシブ余白 */
.wp-block-column.bgw{
  background: rgba(255,255,255,.6);
  color:#222;
  letter-spacing:var(--swl-letter_spacing,.2px);
  padding:32px;
  border:none;
  border-radius:40px;

  /* 中央寄せのキモ */
  max-width:700px;          /* PC時の最大幅 */
  margin:0 auto;            /* 横センター */
  flex: 0 0 auto;           /* Columnsの伸張を抑えて幅を自前で持つ */
  text-align:center;
  position:relative;
}

/* この列を含む Columns を中央寄せ（他所へ波及しにくい書き方） */
.wp-block-columns:has(.wp-block-column.bgw){
  justify-content:center;
}

/* 箇条書きは左寄せのまま */
.wp-block-column.bgw ul li{
  text-align:left;
}

/* 見出し */
.wp-block-column.bgw h3{
  font-size:18px;
  font-weight:bold;
}

/* スマホ（WP既定ブレーク 782px 以下）で左右24px余白＆内側の余白を少し詰める */
@media (max-width: 782px){
  .wp-block-column.bgw{
    width: calc(100% - 60px);  /* 両サイド24px */
    max-width: none;
    padding:30px;
  }
}

.top_lead{
	font-size:22px;
	line-height:220%;
	margin:0 0 0 100px;
}
@media (max-width: 782px){
	.top_lead{
	font-size:18px;
	line-height:220%;
	margin:0;
	text-align:center;
}
}


.swell-block-box-menu.is-style-default {
  --the-border-color: #36B8B8;
}

.italic{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#666;
	font-style:italic;
	font-size:140%;
}
@media only screen and (max-width: 460px) {
	
.guide{
		text-align:left!important;
		line-height:1.3em;
}
	
	
	.guide span br{
		display:none;

	}
	}
.goyoyaku{
	margin-top:-20px;
}