@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
*/
/*英数字のフォント */
h2 , h3,.barlow{
font-family: "Barlow Semi Condensed", sans-serif;
font-weight: 700;
font-style: normal;
}

/*ヘッダー*/
.l-header {
border-bottom: solid 2px #222;
}

/*フッター上の余白*/
#content{
margin-bottom:0;
}
.w-beforeFooter {
margin: 0 auto;
}

/*コラム*/
.column .p-postList__item{
border: solid 2px #222;
padding:16px !important;
border-radius:10px;
margin: 10px auto;
max-width:360px;
background:#fdfdfd;
}

/*キャプション*/
.cap_box_content{
border:2px solid #222;
border-radius:0 0 6px 6px;
}
.cap_box_ttl{
border-radius:6px 6px 0 0;
border:2px solid #222;
}

/* 目次風リストの丸色 */
ul.is-style-index li:before {
color: #015cd9;
}

/* 最大幅470ボックス */
.box470{
max-width: 470px;
margin: 0 auto;
}

/*moreボタン*/
.is-style-more_btn a {
box-shadow: none;
color: #222;
border:2px solid #222;
font-weight:bold;
}

/*ボーダーボックス*/
.has-border.-border01{
border-radius:10px;
padding:1.2em;
}

/*ふきだし*/
.is-style-balloon_box2 {
border: 2px solid;
border-radius: 6px !important;
}
.is-style-balloon_box2::before {
border-bottom: 2px solid;
border-right: 2px solid;
}

/*お客様の声　会社名 */
.voice .has-swl-main-background-color {
padding: 6px 10px;
border-radius:20px;
}
.width700{
max-width:760px;
margin:0 auto;
}

/* wpform アスタリスク */
div.wpforms-container-full .wpforms-form .wpforms-required-label{
	font-size:12px;
	color: #fff !important; 
	background-color: #FF0000 !important;
	padding: 2px 7px 2px 6px!important;
	border-radius: 3px !important;
	white-space: nowrap;  
}

/*強みの幅 */
.strengths{
max-width:1132px;
margin:0 auto;}

/*背景切り替え */
.youtube{
    background-image: url('http://aka884.xsrv.jp/demo/kumasaka/wp-content/uploads/2025/12/bg-pc1.jpg');
	background-size: cover;
}
.column{
    background-image: url('http://aka884.xsrv.jp/demo/kumasaka/wp-content/uploads/2025/12/bg-pc2.jpg');
	background-size: cover;
}

/*Yotube*/
.yrc-video-date {
display:none;	
}
.yrc-video{
border: solid 2px #222;
padding:10px !important;
border-radius:10px;
}
#yrc-shell-0 .yrc-item{
background-color:#fff !important;
}
.yrc-thumb{
border-radius:8px;	
margin-bottom:10px !important;
}
#yrc-shell-0 .yrc-item-title {
white-space: normal !important;
text-overflow: clip !important;
display: -webkit-box;
-webkit-line-clamp: 2 ;
-webkit-box-orient: vertical;
overflow: hidden;
}
.youtube .yrc-video {
width:360px !important;
}

/* news (PC)*/
.news{
width:600px;
padding:0 !important;
border-radius:6px;
}
.news .-type-simple .p-postList__link{
padding:0;
}
.news .p-postList.-type-simple{
border:none;
}
.news .p-postList__link{
border:none;
}
.news .p-postListWrap .p-postList.-type-simple .p-postList__body {
 display: flex;
 align-items: center !important;
}
.news .p-postListWrap .p-postList.-type-simple .p-postList__meta {
 order: 1;
 margin-right: 15px; 
 flex-shrink: 0;
}
.news .p-postListWrap .p-postList.-type-simple .p-postList__title {
order: 2;
flex-grow: 1;
}
.news .p-postList__meta{
line-height: 0.25;
}
.news .-type-simple .p-postList__meta {
margin: 0;
}

/* TOPのメニュー */
.top-menu{
border-radius:10px;
padding:20px !important;
}
.top-menu h2{
display:block;
padding-bottom:12px !important;
border-bottom:3px dotted #222222 !important;
}
.top-menu ul li{
list-style:none;
}
.top-menu .menu-li{
padding-left:0;
margin:0 auto;
}
.top-menu .menu-li span{
font-family: "Barlow Semi Condensed", sans-serif;
font-weight: 700;
font-style: normal;
}
/* ========================================
フォーム
========================================= */
/* フォーム全体 */
.campaign-form {
  max-width: 600px;
  margin: 0 auto;
  font-size: 15px;
}

/* ラベル */
.campaign-form label {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
}

/* 入力欄 */
.campaign-form input[type="text"],
.campaign-form input[type="email"],
.campaign-form input[type="tel"],
.campaign-form input[type="number"],
.campaign-form input[type="date"]
{
  width: 100%;
  padding: 10px 12px;
  margin-top: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* お問い合わせ内容（textarea）の幅を100%にする */
.wpcf7 textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
/* 必須 */
.required{
margin-left:3px;
padding:4px;
background-color:#D93232;
color:#fff;
border-radius: 2px;
font-size:10px;
}

/* ラジオボタン */
.campaign-form input[type="radio"] {
  margin-right: 6px;
}

/* 会社情報ブロック */
.company-fields {
  padding: 16px;
  margin-top: 20px;
}

/* 送信ボタン */
.campaign-form input[type="submit"] {
  display:block;
  background: #ff4848;
  color: #fff;
  padding: 6px 80px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  margin:0 auto;
}

.campaign-form input[type="submit"]:hover {
  opacity: 0.85;
}

.campaign-form input[type="textarea"]{
	width:700px !important;
}
/* ========================================
スマホの時レイアウト調整
========================================= */
@media screen and (max-width: 820px) {
.reversebox-order1 {
  order: 2;}
.reversebox-order2 {
  order: 1;
}
.sp-only-center{
 text-align:center !important;
}
.pc-only-center{
 text-align:left;
}
.youtube .yrc-video {
width:345px !important;
}
.youtube{
background-image: url('http://aka884.xsrv.jp/demo/kumasaka/wp-content/uploads/2025/12/bg-sp-1.jpg');
background-size: cover;
}
.column{
background-image: url('http://aka884.xsrv.jp/demo/kumasaka/wp-content/uploads/2025/12/bg-sp-2.jpg');
background-size: cover;
}
}