@charset "shift_jis";

/* -----------------------------------------------------------
 共通タグ
----------------------------------------------------------- */
*{ margin:0; padding:0;}

a{outline: none; text-decoration: none;}
a:focus{outline:none;}
/*html{ background-color:#4E4A41;}*/
img{
	vertical-align:bottom;
	border: none;
	}

/* #page {
    overflow: hidden;
}
.w1000px {
  overflow: hidden;
} */

#pro_wrapper {
	width:100%; /* これを削除すると common_p.cssの width:550px;が作用して崩れてしまうのでcssから上記だけは削除しない */
	font-size:12px;
-webkit-text-size-adjust: 100%;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


p, dl, dt, dd, ul li {
	margin: 0px;
	padding: 0px;
}
h4, h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
li { list-style-type: none;}



#lp_container div:after, #lp_container ul:after, #lp_container ol:after, #lp_container dl:after, #lp_container .clearfix:after {
  display: none;
}



#lp_container {
  font-size:16px;
  line-height: 1.6;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.w1000px {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

#lp_container {
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#lp_container img {
  max-width: 100%;
}

.pc_only { display: block;}
.sp_only { display: none;}

.one_phrase { display: inline-block;}
.text_indent {
  text-indent: -1em;
  padding-left: 1em;
}

.MV_body {
  margin-top: 20px;
}

/* 新規ボタン */
.btn_wrap {
	margin: 60px 0;
  text-align: center;
}
.btn_body {
  border-radius: 40px;
  padding: 21px 30px 27px 70px;
	display: inline-block;
	margin: 0 auto;
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.25);
}
.product_btn {
  background: #f08245;
}
.seminar_btn {
  background: #24ad94;
}
/* .allevacare_btn {
	background: #00b2e2;
} */
.btn_body.middle_btn {
	margin: 60px 0;
}

.btn_inner {
  display: flex;
  justify-content: space-between;
  /* background: #b83c8c; */
  margin: 0 auto;
  align-items: center;
}
.btn_child {
  margin: 2px 15px 0 15px;
}
.btn_child p {
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 1;
  margin: 0 auto;
}
.fa_down:before {
  font-size: 26px;
  margin-right: 20px;
  color: #fff;
}
a.btn_body:hover {
  opacity: 0.8;
}
a.btn_body,
a.btn_body:hover,
a.btn_body:visited {
  text-decoration: none;
  color: #fff;
}

.external-warning {
  font-size: 14px;
  text-align: center;
  margin-top: 25px;
}

.another_campaign_wrap {
  margin: 40px 0 60px;
}
.another_campaign_inner {
  background-color: #fbf8e7;
  padding: 30px 60px;
  line-height: 1.3;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
.link_description {
  text-align: left;
}
.link_description p:first-of-type {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #0092da;
}
.link_description p:last-of-type {
  font-size: 14px;
  line-height: 1.5;
}

.btn_text_link {
  margin: 20px 0 20px;
  font-size: 18px;
  text-align: center;
}
.btn_text_link a {
	font-weight: 500;
}
.btn_text_link a i {
	margin-left: 7px;
}
body .btn_text_link a,
body .btn_text_link a:visited {
  color: #1558d6;
}
body .btn_text_link a:hover {
  text-decoration: none;
	opacity: 0.8;
}

.target_product_remark {
  margin: 10px 0 0;
}
.target_product_remark p {
  font-size: 13px;
  line-height: 1.5;
}

/* 画像にリンクテキスト重ねる */
.with_link_text {
  position: relative;
  width: 100%;
}
.bg_img {
  width: 100%;
  display: block;
  height: auto;
}
.link_text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 38%;
  font-size: clamp(10px, 2vw, 20px);
  white-space: nowrap;
}
.link_text a {
  color: #333;
  text-decoration: none;
}

@media (max-width: 980px){
        .switch_sp_tab .MV_inner,
        .switch_sp_tab .section_inner {
          width: 100vw;
          margin: 0 calc(50% - 50vw);
        }



}
@media (max-width: 820px){
        #lp_container.switch_sp_tab img {
          width: 100vw;
          margin: 0 calc(50% - 50vw);
          max-width: 100vw;
        }
        .switch_sp_tab .another_campaign_inner {
          width: 100vw;
          margin: 0 calc(50% - 50vw);
        }
}
@media screen and (min-width: 350px) and (max-width: 768px){

}
@media (max-width: 768px){
        .pc_only { display: none;}
        .sp_only { display: block;}
        .btn_child p {
          font-size: 20px;
        }
        .btn_child {
          margin: 2px 5px 0 15px;
        }
        .another_campaign_inner {  padding: 30px 50px;}
}
@media (max-width: 520px){
        .link_text { left: 32%;}
}
@media (max-width: 430px){
        .mv_body { margin-top: 0;}
        .btn_wrap { margin: 40px 0;}
        .btn_body {  padding: 16px 20px 20px 40px;}
        .another_campaign_inner { padding: 25px 25px; margin: 40px 0 40px;}
        .link_description p:last-of-type { font-size: 13px;}
        .target_product_remark p { font-size: 11px;}
        .btn_text_link { font-size: 16px;}
        .another_campaign_wrap { margin: 40px 0 40px;}
        .link_text { left: 30%;}
}