@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
*/
.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px;}.mb40{margin-bottom:40px;}
.mt40{margin-top:40px;}

.l-content {
	margin: 0 auto 0.5em;
}

.l-header__menuBtn.sp_{
	display:none;
}

.l-mainContent__inner>.post_content{
	margin:2em 0 0 0;
}

.red{
	color:#F00;
	}

@media (min-width: 960px) {
  /* ヘッダー部分全体を画面幅いっぱいに */
  .l-header .l-container {
    max-width: 100% !important;
  }
  /* 追従ヘッダーのヘッダー内部も画面幅いっぱいに */
  .l-fixHeader__inner {
    max-width: 100% !important;
  }
}

nav#gnav{
	display:none;
}

.c-gnav {
	display: none;
}

.w-header{
	position:absolute;
	right:0;
	top:0;
}

.header_info{
	max-height:91px !important;
	width:auto;
}

.header_info img.wp-image-110 {
  	display: block;
  	max-height: 91px;
  	width: auto;
	padding-top:6px;
}

.btn_inquiry{
	display:inline-block;
	width:100%;
	height:92px;
	text-decoration:none;
	text-align:center;
	background: #FF9E3B;
	background: linear-gradient(90deg,rgba(255, 158, 59, 1) 0%, rgba(255, 100, 0, 1) 100%);
	border:none;
	box-shadow:none;
	padding:1.8em 0 1em;
	color:#fff;
	font-weight:bold;
	line-height:120%;
}

.btn_inquiry > span{
	font-size:80%;
}

/* header_info のカラム同士を上下中央揃えにする */
.header_info .swell-block-columns__inner {
  align-items: center;   /* カラム全体の縦位置をセンターに */
}

/* 2列目（TELバナーが入っているカラム）を右寄せ＆上下中央 */
.header_info .swell-block-column:nth-child(2) {
  --swl-clmn-pddng: 0;   /* 上だけ0.6rem入っているのを打ち消す */
  display: flex;
  justify-content: flex-end;  /* 右寄せ */
  align-items: center;        /* 上下中央 */
}

/* 中のダミーpやfigureの余白をリセット */
.header_info .swell-block-column:nth-child(2) p {
  margin: 0;
}

.header_info .swell-block-column:nth-child(2) figure {
  margin: 0;
}

html[data-scrolled="true"] .header_info .swell-block-column.swl-has-mb--s{
	padding:0 !important;
}

.header_info img.wp-image-110 {
  transform: scale(1);
  transform-origin: right center;
  transition: transform 0.25s ease;
}

/* スクロール後：html / body の data-属性どれでも拾う */
html[data-scroll="true"] .header_info img.wp-image-110,
html[data-scrolled="true"] .header_info img.wp-image-110,
body[data-scroll="true"] .header_info img.wp-image-110,
body[data-scrolled="true"] .header_info img.wp-image-110 {
  	transform: scale(0.75); /* 好きな縮小率に変更OK（例：0.8, 0.6など） */
	padding-top:0;
}

html[data-scroll="true"] .header_info,
html[data-scrolled="true"] .header_info,
body[data-scroll="true"] .header_info,
body[data-scrolled="true"] .header_info{
	max-height:60px !important;
	width:auto;
}

html[data-scroll="true"] .btn_inquiry,
html[data-scrolled="true"] .btn_inquiry,
body[data-scroll="true"] .btn_inquiry,
body[data-scrolled="true"] .btn_inquiry{
	display:inline-block;
	width:100% !important;
	height:64px !important;
	text-decoration:none;
	text-align:center;
	background: #FF9E3B;
	background: linear-gradient(90deg,rgba(255, 158, 59, 1) 0%, rgba(255, 100, 0, 1) 100%);
	border:none;
	box-shadow:none;
	padding:1em 0 1em;
	color:#fff;
	font-weight:bold;
	line-height:120%;
}

.p-mainVisual{
	background: #002C7C;
	background: linear-gradient(90deg,rgba(0, 44, 124, 1) 0%, rgba(0, 44, 124, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.p-mainVisual__inner {
    max-width: 1900px;
    margin: 0 auto;
}

.top #content{
	padding-top:0;
}

.dm_image{
	padding:40px 0 20px !important;
}

.dm_image p{
	background-color:#6691c0;
	padding:1em 0.5em;
	color:#fff;
	font-weight:bold;
}

.clip_back{
	background-color:#f2f2f2;
	margin:0 -200%;
	padding:0 200%;
}

.cstm-clip-upper-kaku {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  height:36px;
  background-color:#004896; /* 背景色 */
  width: 70px;
  margin: 0 auto;
}

a.btn_inquiry_B{
	display:block;
	font-size:1.6rem;
	text-decoration:none;
	background: #FFAA3B;
	background: linear-gradient(180deg,rgba(255, 170, 59, 1) 0%, rgba(255, 100, 0, 1) 100%);
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:3px solid #ff7c1e;
	width:60%;
	padding:1em;
	margin:0 auto;
}

a.btn_inquiry_B > span{
	font-size:1.2rem;
}

a:hover.btn_inquiry_B{
	background:#f0731e;
}

@media (max-width: 599px){
	a.btn_inquiry_B{
	font-size:1.6rem;
	width:100%;
	padding:0.5em;
	line-height:110%;
	}
}

.can-items{
  display: flex;
  flex-wrap: wrap;          /* 折り返し */
  justify-content: center;  /* 1行ごとをセンター寄せ */
  gap: 30px 2%;           /* 上下・左右の余白（お好みで） */

  max-width: 100%;        /* 全体の幅（スクショの感じに合わせて調整） */
  margin: 0 auto;           /* 画面に対して中央寄せ */
}

/* 各カード（幅を揃える） */
.can-items > .wp-block-column{
  flex: 0 0 23.5% !important;          /* 240px固定幅。大きさに合わせて調整 */
}

@media (max-width: 768px){
  .can-items{
    max-width: 100%;
  }
  .can-items > .wp-block-column{
    flex: 0 0 45% !important; /* おおよそ2列 */
  }
}

@media (max-width: 480px){
  .can-items > .wp-block-column{
    flex: 0 0 90% !important; /* 1列 */
  }
}

.span_can_do .wp-block-column{
	background:#fff;
	padding-top:1em;
}

.span_can_do .wp-block-column img{
	height:155px;
	width:auto;
}

.span_can_do .wp-block-column p{
	padding:0.8em 0.5em 0.5em;
	color:#004896;
	font-weight:bold;
}

.oreText{
	display:inline-block;
	color:#fff;
	background:#ff7c1e;
	padding:0.5em;
}

#cf7-area {
width:100%;
margin: 0 auto;
font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
}

.cf7-item {
	display: block;
	margin: 0 0 2em;
}
	.cf7-q {
	width: 100%;
	}

	.cf7-a {
	width: 100%;
	}

.cf7-item .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
width:100% !important;
}

#cf7-area label{
	font-weight:bold;
}

input[type=checkbox] {
  transform: scale(1.5);
  margin: 0 6px 0 0;
}

input[type=submit] {
	background:#e15d47;
	color:#ffffff;
	border:2px solid #ffffff;
	border-radius: 6px;
	padding:10px 2em;
	margin:4px 0 0 0;
	font-weight:bold;
}

input[type=submit]:hover{
	background:#ffffff;
	color:#e15d47;
	border:2px solid #e15d47;
}

.wpcf7-submit:disabled {
background: #999;
}

.wpcf7-submit:disabled:hover {
background: #999;
	color:#ffffff;
	border:2px solid #ffffff;
}

/*reCAPTCHAのロゴを非表示*/
.grecaptcha-badge {
	visibility: hidden; 
}