@charset "UTF-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/* @import "https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap"; */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 全体の設定 */

/* borderとpaddingを幅と高さに含める */
#LP_camp_box *, #LP_camp_box *:before, #LP_camp_box *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 使用フォント */
#LP_camp_box
{
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, arial, sans-serif;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 分岐 */
/* 全体幅(パソコンで見たとき)*/
#LP_camp_box {
    width: 100%;
    margin: 0 auto;
	text-align: center;
}
#LP_camp_box img {
	height: auto !important;
	vertical-align: bottom;
}

/* 全体幅(タブレット・スマホで見たとき)*/
@media only screen and (max-width: 980px) {
#LP_camp_box {
	width: 100%;
}
#LP_camp_box img {
	width: 100%;
	height: auto !important;
	}
}

/* リンクの下線を消す(共通)*/
#LP_camp_box a:link {
    text-decoration: none !important;
}
#LP_camp_box a:hover {
    text-decoration: none !important;
}
#LP_camp_box a:visited {
    text-decoration: none !important;
}

#LP_camp_box p.attention {
    font-size: 0.9em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ナビゲーションメニュー(タブレット・スマホで見たとき)*/
#LP_camp_box nav.LP_camp_menu {
	text-align: center;
	padding: 16px 0;
}
#LP_camp_box nav.LP_camp_menu ul{
	margin: 0 ;
	padding: 0 ;
}
#LP_camp_box nav.LP_camp_menu li{
	list-style: none;
	display: inline-block;
}
#LP_camp_box nav.LP_camp_menu ul li:not(:last-child){
	border-right:2px solid #fff; /* リンクを区切る縦線の設定 */
}
#LP_camp_box nav.LP_camp_menu a{
	text-decoration: none;
}
#LP_camp_box nav.LP_camp_menu a.current{ /* 選択状態のリンクへの設定（class="current"を設定） */
	border-bottom:2px solid #fff;
}
#LP_camp_box nav.LP_camp_menu a:hover{
	border-bottom:2px solid #fff;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ボタンの設定(共通)*/
#LP_camp_box a.Lp_btn {
    display: inline-block;
    padding: 1em 1.5em !important;
    margin-top: 24px;
    margin-bottom: 24px;
}

#LP_camp_box button {
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	height: auto !important;
	cursor: pointer;
    font-size: 1.2em !important;
    font-weight: 700;
}
@media only screen and (max-width: 980px) {
	#LP_camp_box button {
		width: 80% !important;
		height: auto !important;
	}
}

/* 大ボタンの大きさ*/
#LP_camp_box img.btn_buy {
	height: auto !important;
}
@media only screen and (max-width: 980px) {
	#LP_camp_box img.btn_buy {
		width: 80% !important;
		height: auto !important;
	}
}

/* 問い合わせボタン並び(2つ) */
#LP_camp_box div.btn-wrapper-2div {
	display: flex;
    justify-content: space-around;
	height: auto !important;
}
#LP_camp_box div.btn-wrapper-2div div {
	width: calc((100% - 24px) / 2);
}
#LP_camp_box div.btn-wrapper-2div div img {
	height: auto !important;
}
@media only screen and (max-width: 780px) {
	#LP_camp_box div.btn-wrapper-2div {
		display: block;
		height: auto !important;
	}
	#LP_camp_box div.btn-wrapper-2div div {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	#LP_camp_box div.btn-wrapper-2div div img {
		padding-top: 16px;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 吹き出し(枠線のみ)の設定 */
#LP_camp_box div.balloon-waku {
  position: relative;
  display: inline-block;
  margin: 1.8em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555; /* 吹き出し(枠線のみ)の設定 */
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

#LP_camp_box div.balloon-waku:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

#LP_camp_box div.balloon-waku:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

#LP_camp_box div.balloon-waku p {
  margin: 0;
  padding: 0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* Flexボックス設定(2つの場合) */
#LP_camp_box div.box-wrapper_2div {
	display: flex;
	justify-content: space-around;
    flex-wrap: wrap;
	height: auto !important;
}
#LP_camp_box div.box-wrapper_2div div {
	width: calc((100% - 24px) / 2); /* PCでの各Divの幅(px)を設定 */
}
#LP_camp_box div.box-wrapper_2div div img {
	height: auto !important;
}
#LP_camp_box div.box-wrapper_2div div p {
	text-align: left;
}

@media only screen and (max-width: 780px) {
	#LP_camp_box div.box-wrapper_2div {
		display: block;
		height: auto !important;
	}
	#LP_camp_box div.box-wrapper_2div div {
		width: 80%; /* タブレット・スマホでの各Divの幅(px)を設定 */
		margin: 0 auto;
		text-align: center;
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* スライス用の設定 */
/* エリアマップのボーダー消去 */

#LP_camp_box area {
	border:none;
	outline:none;
}