@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
*/

.m-plus-m{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-b , .swell-block-button,.cap_box_ttl,.swell-block-box-menu__text{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h2, h3, h4,.m-plus-eb{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.has-border{
	border-radius:6px;
}
.cap_box_ttl{
	border-radius:6px 6px 0 0;
}
.cap_box_content{
	border-radius:0 0 6px 6px ;
}

.is-style-balloon_box {
	border-radius:	32px;
}

.txt-width700{
max-width:700px;
margin:0 auto;
}
/* ========================================
フォーム
========================================= */
/* フォーム全体 */
.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:#FF6483;
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;
}