@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
*/
/* ========================================
タイトルヘッダー
========================================= */
.l-topTitleArea {
    min-height: 12em;
    text-align: center;
}
/* ========================================
FV画像の角丸
========================================= */
.p-mainVisual__inner img{
	border-radius:20px !important;
}
/* ========================================
フッター上の余白を無くす
========================================= */
#content{
	margin-bottom:0;
}
.w-beforeFooter {
    margin: 0 auto;}

/* ========================================
フッター前のウィジェットの上の余白を削除
========================================= */
.w-beforeFooter {
    margin: 0 auto !important;
}

.l-content {
    margin: 0px auto;
	padding-top:0;
}

/* ========================================
ログインの要素
========================================= */
.login-box{
	max-width:460px;
	border-radius:20px 0 0 0;
    text-shadow:none !important;
    position: fixed;
    bottom: 0%;
    right:0;
}
#main_visual .l-container {
max-width:100%;
}


/* キャプション背景色変更 */
.servicebox .cap_box_content{background:linear-gradient(177deg,rgb(227,243,255) 0%,rgb(219,234,255) 100%)}

/* 小さいボタンの背景色 */
.is-style-btn_line a{
	background:#fff;
}

/*サービス名上の見出し */
.kadomaru1 div.has-background, .kadomaru p.has-background{
  padding:8px;
 border-radius:45px;
}
.form p.has-background{
  padding:8px;
}
/* 料金表テーブル */
.price01{
	max-width:800px;
}
/* 丸ゴシック */
.font-maru1{
font-family: "heisei-maru-gothic-std", sans-serif;
font-weight: 800;
font-style: normal;
}
.font-maru2{
font-family: "heisei-maru-gothic-std", sans-serif;
font-weight: 400;
font-style: normal;
}

/* TOPのh2-横線の装飾 */
.h2-a ::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #F95A4C;
  margin: 0.5rem auto 0;
  border-radius: 2px;
}
/* 目次風リストの丸色 */
ul.is-style-index li:before {
    color: #F95A4C;
}
.copyright span{display:none;}
.p-breadcrumb{
background:#fdfdfd !important;}

/* ========================================
PC時テキストボックス幅700px
========================================= */
.txt-width700{
max-width:700px;
margin:0 auto;}
/* ========================================
コンタクトフォーム
========================================= */
.service-ttl .wpforms-field-label{
color:#00498E !important;
}
.txt-width700 div.wpforms-container-full:not(:empty) {
	margin-top: 0;}
/* wpform アスタリスク */
div.wpforms-container-full .wpforms-form .wpforms-required-label{
	font-size:12px;
	color: #fff !important; 
	background-color: #eb3a57 !important;
	padding: 2px 7px 2px 6px!important;
	border-radius: 3px !important;
	white-space: nowrap;  
}
/* ボタンの配置 */
.wpforms-submit-container{
text-align:center;}

/* PCフローティングバナー */
.follow-banner a:hover {
  opacity: 0.7;
}

/* 追従バナー・TOPお知らせバー　スマホは非表示 */
@media screen and (max-width: 599px) {
	.follow-banner {
    display: none;
  }
}
/* ========================================
バナー調整
========================================= *
[id^="bfb_content_"].bfb_view_pc.bfb_imgBanner.bfb_view_pc img {
    max-height: 270px!important;
}

.grecaptcha-badge { visibility: hidden; 
}

.f-red .is-style-balloon_box{
    background-color: #e44141;
}
.f-red .is-style-balloon_box::before {
    border: 12px solid transparent;
}
    .p-fixBtnWrap {
        bottom: 6.5em;
    }
/* ========================================
スマホの時レイアウト調整
========================================= */
/* 子要素に縦向きの際の並び順を指定 */
@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;
}
	.c-infoBar__text{
		display:none !important;
	}
    .p-fixBtnWrap {
        bottom: 9em;
    }
}