@charset "UTF-8";
/* LP共通 */
a{
    text-decoration: none;
}
a:hover {
    color: inherit;
}
a:active{
    color: inherit;
    text-decoration: none;
}
a:visited{
    color: inherit;
    text-decoration: none;
}
.partsnav{
    margin: 0;
}
html{
  scroll-behavior: smooth;
}
.lp_pc_only{
  display: block;
}
.lp_sp_only{
  display: none;
}
 @media only screen and (max-width: 599px) {
  .lp_pc_only{
    display: none;
  }
  .lp_sp_only{
    display: block;
  }
 }
/* 問い合わせ部分 */
.ppbox {
  background-color: #f5f5f5;
  height: 200px;
  margin-bottom: 1rem;
  overflow: scroll;
  overflow-x: hidden;
  padding: 2rem;
  width: 100%;
}
.lp_privacy_area{
padding:20px;
}
.lp_privacy_area .share_privacy_title {
  font-size: 22px;
  position: relative;
  padding: 16px 0 0;
  border-top: 4px solid #eeeeee;
}
.lp_privacy_area .share_privacy_title::before {
  position: absolute;
  top: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 29.26%;
  height: 4px;
  background-color: #000000;
}
.lp_privacy_area .ppbox {
  background-color: #f5f5f5;
  height: 200px;
  margin-bottom: 1rem;
  overflow: scroll;
  overflow-x: hidden;
  padding: 2rem;
  width: 100%;
}
.lp_privacy_area .share_privacy_ol {
  padding-left: 1rem;
}
.lp_privacy_area .share_privacy_ol li {
  list-style-type: disc;
  margin-bottom: 10px;
}
.lp_privacy_area .item_title03 {
  font-size: 20px;
}
#top_privacy{
  background-color: #fff;
  color: #000;
}


/* LP共通パーツ */
/* 共通CSSのみスライダー */
.lp_autoplay_slider{
    display: flex;
    min-width: 100%;
    width: min-content;
    animation: 20s linear infinite sliderAnimation;
}
.lp_autoplay_slide{
    position: relative;
    height: 204px;
    width: 300px;
    overflow: hidden;
} 
.lp_autoplay_slide img{
object-fit: cover;
} 
@keyframes sliderAnimation {
    100% {
      transform: translateX(-50%);
    }
}
.lp_css_slider{
    display: -ms-grid;
    -ms-grid-columns: min-content;
}
/* 共通フキダシ左右 */
.lp_fukidashi_left img,.lp_fukidashi_right img{
    border-radius: 50%;
    width: 20%;
    height: auto;
    border: #eee 1px solid;
}
.lp_fukidashi_left,
.lp_fukidashi_right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.lp_fukidashi_left p{
    width: 75%;
    font-size: 18px;
    position: relative;
    padding: 20px;
    background-color: #a0dfff;
    border-radius: 10px;
}
.lp_fukidashi_left p::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -15px;
    top: 20px;
    border-left: 15px solid #a0dfff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.lp_fukidashi_right p{
    width: 75%;
    font-size: 18px;
    position: relative;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}
.lp_fukidashi_right p::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -15px;
    top: 20px;
    border-right: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
@media only screen and (max-width: 599px) {
 .lp_fukidashi_left, .lp_fukidashi_right {
  align-items: flex-start;
}
}
/* 共通Q＆A */
.lp_qa-box {
  margin: 0 auto;
}
.lp_qa-box dt,
.lp_qa-box dd {
  display: flex;
  align-items: baseline;
}

.lp_qa-box dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}
.lp_qa-box dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}
.lp_qa-box dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D65556;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50px;
}
.lp_qa-box dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #6699B7;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50px;
}
/* 共通アコーディオン */
.accordion {
  margin: 3em auto;
  }
  .toggle {
  display: none;
  }
  .option {
  position: relative;
  margin-bottom: 1em;
  }
  .title,
  .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  }
  .title {
  border: solid 1px #ccc;
  padding: 1em;
  display: block;
  color: #333;
  font-weight: bold;
  }
  .title::after,
  .title::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #999;
  transition: all 0.3s;
  }
  .title::after {
  transform: rotate(90deg);
  }
  .content {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  }
  .content p {
  margin: 0;
  padding: 0.5em 1em 1em;
  font-size: 0.9em;
  line-height: 1.5;
  }
  .toggle:checked + .title + .content {
  max-height: 2000px;
  transition: all 3s;
  }
  .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
  }


/* 俺の壁紙LP */

/* 俺の壁紙LP ボタン部分装飾 */
a.lp_orekabe_button {
    width: 80%;
    max-width: 500px;
    display: block;
    position: relative;
    top: 0;
    border: 0;
    background: #8abf1f;
    color: #fff;
    border-radius: 50px;
    line-height: 1;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 25px;
    margin: 80px auto;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    text-align: center;
    text-decoration: none;
  
    &.shiny {
      background: #8abf1f;
      background: linear-gradient(-45deg,#8abf1f 50%,#daecc6 50%, 52%,#8abf1f 55%);
      background-size: 600% 100%;
      animation: shine 20s infinite;
      animation-delay: 0s;
      animation-timing-function: linear;
    }
     
    &:active {
      top: 2px;
    }
  }  
  @keyframes shine {
    0% {
      background-position-x: 400%;
    }
    50% {
      background-position-x: 0%;
    }
    100% {
      background-position-x: -400%;
    }
  }
/* 俺の壁紙LP h2見出し */
.lp_orekabe_h2 {
	position: relative;
	padding-top: 50px;
	font-size: 26px;
    text-align: center;
    font-weight: bold;
}
.lp_orekabe_h2 span {
	position: relative;
	z-index: 2;
}
.lp_orekabe_h2::before {
	content: attr(data-en);
	position: absolute;
	transform: rotate(-5deg);
	top: -20px;
	left: auto;
	color: rgba(0,82,112,0.6);
	font-size: 80px;
	font-weight: 400;
	font-family: 'Nothing You Could Do', cursive;
	font-style: italic;
}
/* 俺の壁紙お悩み部分 */
.lp_orekabe_nayami{
    background-color: #ddeeff;
}
.lp_orekabe_nayami img{
    border-radius: 50%;
}
.lp_orekabe_nayami .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lp_orekabe_man{
    display: flex;
    align-items: flex-end;
    width: 30%;
}
.lp_orekabe_man div:last-of-type{
    margin-left: -20%;
}
.lp_orekabe_fukidashi{
    position: relative;
    padding: 20px;
    background-color: #2189c9;
    border-radius: 30px;
    width: 65%;
  }
  .lp_orekabe_fukidashi::before{
    content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: #2189c9;
    left: -35px;
    bottom: 15px;
    width: 30px;
    height: 30px;
  }
  .lp_orekabe_fukidashi::after{
    content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: #2189c9;
    left: -55px;
    bottom: 10px;
    width: 15px;
    height: 15px;
  }
.lp_orekabe_fukidashi h2{
    font-size: 24px;
    font-weight: bold;
    color: #269; 
    text-shadow:
    2px 2px 1px #fff, -2px -2px 1px #fff,
   -2px 2px 1px #fff,  2px -2px 1px #fff,
    2px 0px 1px #fff, -2px -0px 1px #fff,
    0px 2px 1px #fff,  0px -2px 1px #fff;
    text-align: center;
    margin-top: -35px;
    margin-bottom: 10px;
    letter-spacing: 0.1rem;
}
.lp_orekabe_fukidashi ul{
    font-size: 20px;
    font-weight: bold;
    color: #fff; 
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
/* 俺の壁紙LP そんなあなたに矢印 */
.lp_orekabe_next p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #269;
}
.lp_orekabe_next div{
    position: relative;
  }
  .lp_orekabe_next div::before {
    content: "";
    position: absolute;
    top: 0px;
    left: calc(50% - 30px);
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border: 30px solid transparent;
    border-top: 30px solid #269;
    border-bottom-width: 0;
    animation: updown 2s infinite ease-in-out;
  }
  @keyframes updown {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(0, -10px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
/* 俺の壁紙LP 動画 */
  .lp_orekabe_main .video{
    margin: 50px auto;
    text-align: center;
}
/* 俺の壁紙LP こんなところに */
.lp_orekabe_ex_h3{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
    font-weight: bold;
}
.lp_orekabe_ex_h3::before,
.lp_orekabe_ex_h3::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #269;
}
.lp_orekabe_ex_h3::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.lp_orekabe_ex_h3::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
/* フレックス２個並べ文字入り オススメにも利用 */
.wpp-flex2box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5% auto 0;
}
.wpp-flex2box .wpp-flex2child {
  width: 49%;
  margin-bottom: 2.5%;
}
.wpp-flex2box .wpp-flex2child .wpp-flex-p {
  text-align: center;
  font-weight: bold;
  padding-top: 1.5%;
}
/* 俺の壁紙LP お悩み2 */
.lp_orekabe_nayami2_bg{
    background-color: #def;
}
.lp_orekabe_nayami2{
    max-width: 750px;
}
.lp_orekabe_nayami2 span{
    font-weight: bold;
}
.lp_orekabe_nayami2 .lp_fukidashi_left{
  font-weight: bold;
}
/* 俺の壁紙LP こんな方にオススメ */
.lp_orekabe_check h3{
    font-weight: bold;
}
.lp_orekabe_check .wpp-flex2box .wpp-flex2child .wpp-flex-p p{
    text-align: left;
    font-weight: normal;
    padding: 0 16px;
}
.lp_orekabe_check .item_title02::before {
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 29.26%;
    height: 4px;
    background-color: #269;
}
/* 俺の壁紙LP 素材 */
.wpp-fabric {
    background-color: #e5f0ff;
    padding: 6.75% 3.75% 0.1%;
    margin-bottom: 5%;
}
.wpp-fabric .wpp-fabric-feat, .wpp-fabric .wpp-fabric-type {
	background-color: #ffffff;
	padding: 20px 40px;
	margin-bottom: 30px;
}
.wpp-fabric .wpp-fabric-feat h3, .wpp-fabric .wpp-fabric-type h3 {
	color: #005595;
	font-size: 28px;
	margin: 0 auto 20px;
	font-weight: bold;
	text-align: center;
}
.wpp-fabric-feat ul li { margin-bottom: 0.75%; text-indent: -1.2em; padding-left: 1.2em;}
.wpp-fabric-feat ul li::before { content: "・"; padding-right: 0.75%;}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-box { 
	margin-bottom: 40px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-box .wpp-fabric-flex{
	display: flex;
	justify-content: space-between;
	margin: 5% auto 2.5%;
}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-box:last-child { margin-bottom: 0; border-bottom: none;}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-img img{ width: 300px;}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-info { width: 63%;padding-left: 5%;}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-info h4{
	color: #005595;
	font-size: 24px;
	margin: 0 auto 3.75%;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #005595;
	padding-bottom: 0.75%;
}
.wpp-fabric-type-info .paste {
	background-color: #005595;
	padding: 5px 8px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	margin: 0 0 1.5% 2.5%;
	display: inline-block;
	vertical-align: middle;
}
.wpp-fabric-type-info ul li {
	margin-bottom: 1.75%;
	font-weight: bold;
	font-size: 18px;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.wpp-fabric-type-info ul li:before {
	color: #005595;
	content: "●";
	padding-right: 1.75%;
}
.wpp-fabric-type-info ul li ul {
	margin: 1.5% 0 0 1.5em;
}
.wpp-fabric-type-info ul li ul li {
	margin-bottom: 0.75%;
	font-weight: normal;
	font-size: 16px;
}
.wpp-fabric-type-info ul li ul li:before {
	color: #000000;
	content: "・";
	padding-right: 0.75%;
}
.wpp-fabric-type-spec {	display: flex; margin-top: 3.75%;}
.wpp-fabric-type-spec .tit {
	font-size: 16px;
	border-right: 1px solid #005595;
	padding-right: 10px;
	margin-right: 10px;
	font-weight: bold;
	width: 3em;
}
.wpp-fabric-type-spec .detail {
    font-size: 14px;
}
/* 俺の壁紙LP 当社でも活躍 */
.wpp-flex3box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:10px;
    margin: 10px;
}
.wpp-flex3box .wpp-flex3child {
    width: 32%;
}
.lp_orekabe_main .wpp-flex3child:last-child{
  display: none;
}
/* 俺の壁紙LP 注文の流れ */
.wpp-flow .inner{
  display: flex;
  justify-content: center;
}
.wpp-flow-box {
  display: flex;
}
.wpp-flow-box p{
	background-color: #e5f0ff;
	padding: 25px;
	text-align: center;
	font-size: 1.2em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	display: block;
	width: 100%;
	height: auto;
}
.wpp-flow-box:after{
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #005693;
	margin: 30px;
  align-self: center;
}
.wpp-flow-box:last-child::after {
  display: none;
}

/* 俺の壁紙LP よくある質問 */
.lp_orekabe_qanda_bg{
  background-color: #e5f0ff;
  padding: 30px 3.75% 10px;
}
.lp_orekabe_qanda{
  background-color: #fff;
  padding: 20px;
} 
/* 俺の壁紙LP 入稿時の注意事項 */
  .wpp-flow, .wpp-attention {margin-bottom: 5%;}
  dl.wpp-attention-box  {padding: 10px;}
  dl.wpp-attention-box dt {padding: 0;}
  dl.wpp-attention-box dd ul{ padding: 0;}
  dl.wpp-attention-box dd ul li{
    list-style-type: disc;
    padding-left: 0em;
    text-indent: 0em;
    margin-bottom: 5px;
    margin-left: 1em;
  }
.lp_orekabe_qanda_bg .accordion{
  background-color: #fff;
}
/* 俺の壁紙LP 呼びかけ */
.lp_orekabe_yobikake{
  max-width: 750px;
  width: 94%;
  margin: 50px auto;
  font-weight: bold;
}
/* 俺の壁紙LP フッター */
.lp_orekabe_footer{
  background-color: #003D7B;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}

/* 俺の壁紙LP メディアクエリ タブレット */
@media only screen and (max-width: 1024px) {
  .lp_orekabe_main .lp_autoplay_slide{
    height: 136px;
    width: 200px;
}
a.lp_orekabe_button {
  font-size: 22px;
  padding: 20px 25px;
  margin: 50px auto;
}
.lp_orekabe_fukidashi h2 {
  font-size: 3vw;
}
.lp_orekabe_fukidashi ul {
  width: 90%;
  font-size: 2.5vw;
}
  .br_tablet{ display:block;}
}
/* 俺の壁紙LP メディアクエリ 素材と流れのみ半端 */
@media only screen and (max-width: 780px) {
  .wpp-fabric .wpp-fabric-type .wpp-fabric-type-box .wpp-fabric-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 4.5%;
}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-img {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-img img {
  margin: 0 auto;
}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-info {
  width: 100%;
  padding-left: 0;
}
.wpp-fabric .wpp-fabric-type .wpp-fabric-type-info h4 {
  font-size: 1.3em;
  margin: 5% auto 3.75%;
  text-align: center;
}
.wpp-fabric-type-info ul li {
  font-size: 1em;
}
.wpp-flow .inner {
  flex-direction: column;
}
.wpp-flow-box {
  flex-direction: column;
}
.wpp-flow-box p {
  -ms-writing-mode: horizontal-tb;
  writing-mode:horizontal-tb;
  padding: 10px;
}
.wpp-flow-box:after{
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #005693 transparent transparent transparent;
  margin: 20px auto;
  align-self: center;
}
}

/* 俺の壁紙LP メディアクエリ スマホ */

@media only screen and (max-width: 599px) {
  a.lp_orekabe_button {
    font-size: 20px;
    padding: 20px 25px;
    margin: 20px auto;
  }
  .lp_orekabe_h2 {
    font-size: 24px;
}
.lp_orekabe_h2::before {
    top: 5px;
    font-size: 55px;
}
  .lp_orekabe_main .lp_autoplay_slide{
    height: 102px;
    width: 150px;
}
.lp_orekabe_nayami .inner {
  flex-direction: column-reverse;
}
.lp_orekabe_fukidashi {
  width: 100%;
  padding: 15px 15px;
}
.lp_orekabe_man {
  width: 80%;
  max-width: 280px;
}
.lp_orekabe_fukidashi::before {
  left: 70%;
  bottom: -35px;
}
.lp_orekabe_fukidashi::after {
  left: 70%;
  bottom: -55px;
}
.lp_orekabe_fukidashi h2 {
  font-size: 5vw;
}
.lp_orekabe_fukidashi ul {
  font-size: 3.8vw;
}
.lp_orekabe_ex_h3 {
  font-size: 18px;
}
.wpp-flex2box .wpp-flex2child {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.wpp-fabric .wpp-fabric-feat, .wpp-fabric .wpp-fabric-type {
  padding: 30px 16px;
}
.wpp-fabric-type-info ul li ul {
  margin: 1.5% 0 0 0;
}
.wpp-flex3box .wpp-flex3child {
  width: 48%;
}
.lp_orekabe_main .wpp-flex3child:last-child{
  display: block;
}
.lp_orekabe_qanda {
  padding: 10px;
}
.lp_orekabe_qanda_bg .Qa {
  margin-bottom: 10px;
}
}

/* デモトラLP */
#lp_demotr img{
  width: 100%;
  height: auto;
}
#lp_demotr h2{
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
#lp_demotr{
  background-color: #fff;
}
.demotr_lp_video{
  margin-top: 7%;
  text-align: center;
}
.demotr_lp_video div{
  margin-right: auto;
  margin-left: auto;
  width: 95%;
}
.demotr_lp_video iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  position: unset;
}
.demotr_lp_video p{
  color: #333;
}
.demotr_lp_formbtn{
  margin-top: 7%;
  margin-bottom: 7%;
}
#lp_demotr .demotr_lp_formbtn a{
  display: block;
  width: 80%;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}

#demotr_lp_catalog{
  padding-top: 7%;
  padding-bottom: 7%;
  background-color: #5E9DAB;
}
#lp_demotr #demotr_lp_catalog h2{
  color: #fff;
  margin-bottom: 30px;
}
.demotr_lp_cataloglist ul{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.demotr_lp_cataloglist li{
  background-color: #fff;
  padding: 20px;
  width: calc((100% - 20px) /3);
  display: flex;
  flex-direction: column;
}
.demotr_lp_catalogbtn a{
  display: block;
  align-items: flex-end;
  margin-top: 10px;
}
.demotr_lp_catalogbtn{
  align-self: flex-end;
}
.demotr_lp_cataloglist li p:nth-of-type(2){
  flex-grow: 1;
  font-size: 14px;
}
#lp_demotr_form{
  padding-top: 5%;
  padding-bottom: 20px;
  margin-bottom: -20px;
}
#lp_demotr .lp_privacy_area{
  padding-top: 40px;
  margin-top: -10px;
}
#lp_demotr .ppbox{
  color: #000;
}
#top_privacy .top_privacy_block{
  padding-bottom: 0;
}
#lp_demotr footer{
  border-top: #FFA300 20px solid;
  background-color: #5E9DAB;
  padding-top: 20px;
}
#lp_demotr footer ul{
  display: flex;
  gap: 10px;
  justify-content: center;
}
#lp_demotr footer p{
  color: #fff;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 959px) {
  .demotr_lp_cataloglist .item_list_title {
    font-size: 16px;
  }
  .demotr_lp_cataloglist ul {
    width: 90%;
  }
  #lp_demotr footer ul{
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .demotr_lp_cataloglist li{
    width: calc((100% - 10px) /2);
    padding: 16px;
  }
}
@media only screen and (max-width: 599px) {
  .demotr_lp_cataloglist .item_list_title {
    font-size: 14px;
  }
  .demotr_lp_cataloglist li{
    padding: 10px;
  }
  .demotr_lp_cataloglist li p:nth-of-type(2){
    flex-grow: 1;
    font-size: 10px;
  }
  #lp_demotr_form h2{
    margin-bottom: 0;
  }
  #lp_demotr .lp_privacy_area {
    font-size: 14px;
  }
  #lp_demotr #top_privacy {
    font-size: 12px;
  }
}

/* 20260307 インコスAR+×恐竜レンタル＆販売サービスLP */
.lp_ar_dino_main *{
  box-sizing: border-box;
}
.lp_ar_dino_main{
 font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
 font-size: 16px;
 word-break: keep-all;
 white-space: normal;
 color: #333333;
}
.lp_ar_dino_main h1 img{
  width: 100%;
}
.lp_ar_dino_main h1{
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
}
.lp_ar_dino_main h2{
  font-size: clamp(16px, calc(11px + 2vw), 26px);
  text-align: center;
  letter-spacing: 0;
}
.lp_ar_dino_main h3{
  text-align: center;
  font-size: clamp(16px, calc(11px + 2vw), 26px);
}
.lp_ar_dino_main p{
  font-size: clamp(10px, calc(10px + 1.1vw) , 18px);
  padding-inline: 1rem;
  text-align: center;
  word-break: keep-all;
  white-space: normal;
  margin-block: 0.8rem;
}
.lp_ar_dino_main .p_small{
 text-align: center;
 font-size: 12px;
 font-weight: lighter;
}
.lp_ar_dino_main .video {
margin-inline: auto;
text-align: center;
width: 700px;
max-width: 100%;
box-shadow: 0px 0px 20px rgba(255,255,255,0.5);
}
.lp_ar_dino_main .video iframe{
border: none;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
vertical-align: middle;
}
.lp_ar_dino_main .lp_autoplay_slide{
    height: 188px;
    width: 250px;
    overflow: hidden;
} 
/* ボタン */
.lp_ar_dino_contactbtn{
   text-align: center;
   margin-block: 40px;
 }
 
.lp_ar_dino_contactbtn a {
   border-radius: 100px;
   display: inline-block;
   padding: 16px 60px;
   text-decoration: none;
   color: #fff;
   font-size: 24px;
   font-weight: bold;
   text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
   background: linear-gradient(90deg, #00B4D8,#7AE582,#00B4D8,#7AE582,#00B4D8);
   background-size: 200%;
   transition: background 0.5s;
   animation: rainbow 5s linear infinite;
   transition: 1s;
   border: 2px solid #FFFFFF;
   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 }
.lp_ar_dino_contactbtn a:link{
   color: #fff;
   text-decoration: none;
 }
.lp_ar_dino_contactbtn a:visited{
   color: #fff;
   text-decoration: none;
 }
.lp_ar_dino_contactbtn a:hover {
  color: #fff;
   text-decoration: none;
   box-shadow: 0 0 15px #45fff6;
   scale: 1.05;
 }
.lp_ar_dino_contactbtn a:active {
  color: #fff;
   text-decoration: none;
 }
 
 @keyframes rainbow {
   0% {
       background-position: 0%;
   }
   100% {
       background-position: 200%;
   }
 }
/* s01_もう一度恐竜を召喚 */
.lp_ar_dino_s01{
  background-color: #3d6560;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: calc( 36px - 1rem );
  display: none;
}
.lp_ar_dino_s01_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #2c4946;
  font-size: 20px;
  border-radius: 25px;
  width: 220px;
  height: 50px;
  font-weight: bold;
  border: 4px double #3d6560;
  transition: 0.3s;
  box-shadow: 0px 0px 10px #ffffff;
  background-color: #ffffff;
  margin-inline: auto;
  animation: lp_ar_dino_s01_btn_pulse 3s ease-in-out infinite;
}
@keyframes lp_ar_dino_s01_btn_pulse {
  0%,
  100% {
    box-shadow: 0 0 5px #ffffff;
  }
  50% {
    box-shadow: 0 0 10px #ffffff, 0 0 30px #ffffff;
  }
}
.lp_ar_dino_s01_btn:link{color: #2c4946;}
.lp_ar_dino_s01_btn:visited{color: #2c4946;}
.lp_ar_dino_s01_btn:hover{color: #2c4946; text-decoration: none;}
.lp_ar_dino_s01_btn:target{color: #2c4946;}
.lp_ar_dino_s01_img:hover img{opacity: 1;filter: brightness(112%);}

/* s02_インコスAR+ */
.lp_ar_dino_s02{
background-image: url(../image/ar_dino_lp_s02bg.png);
background-size: contain;
 background-position: center;
 background-repeat: repeat-y;
 border-top: 15px solid #3ddbbe;
 border-image: linear-gradient(90deg,#e07fc1,#2fabee,#1baef8,#3ddbbe) 1;
}
.lp_ar_dino_s02-ex{
  background: linear-gradient(90deg,#e07fc1,#2fabee,#1baef8,#3ddbbe);
  padding: 1px 0 30px;
}
.lp_ar_dino_s02-ex h3{
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 1rem;
}
.lp_ar_dino_s02-ex ul{
  text-align: center;
  width: 95%;
  max-width: 800px;
  margin-inline: auto;
}
.lp_ar_dino_s02-ex li{
  display: inline-block;
  background-color: #ffffff;
  padding: 0.5rem 1rem 0.4rem;
  font-size: clamp(10px, calc(10px + 1.1vw) , 18px);
  color: #666666;
  font-weight: bold;
  border-radius: 12px;
  margin:  3px 1px;
}
.lp_ar_dino_s02_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 25px;
  width: 220px;
  height: 50px;
  font-weight: bold;
  border: 4px double #ffffff;
  transition: 0.3s;
  background-color: #2fabee;
  /* background: linear-gradient(90deg,#3ddbbe,#2fabee,#1baef8,#e07fc1);
  background-size: 120%;
  background-position: center; */
  margin-inline: auto;
  margin-block: 36px;
}
.lp_ar_dino_s02_btn:link{color: #ffffff;text-decoration: none;}
.lp_ar_dino_s02_btn:visited{color: #ffffff;text-decoration: none;}
.lp_ar_dino_s02_btn:hover{color: #ffffff;text-decoration: none;filter: brightness(120%);}
.lp_ar_dino_s02_btn:target{color: #ffffff;text-decoration: none;}

/* s03_恐竜 */
.lp_ar_dino_s03{
background-image: url(../image/ar_dino_lp_s03bg.png);
background-size: cover;
 background-position: center;
 border-top: 15px solid #13493f;
}
.lp_ar_dino_s03-ex{
  background: #13493f;
  padding: 1px 0 30px;
}
.lp_ar_dino_s03-ex h3{
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 1rem;
}
.lp_ar_dino_s03-ex ul{
  text-align: center;
  width: 95%;
  max-width: 800px;
  margin-inline: auto;
}
.lp_ar_dino_s03-ex li{
  display: inline-block;
  background-color: #ffffff;
  padding: 0.5rem 1rem 0.4rem;
  font-size: clamp(10px, calc(10px + 1.1vw) , 18px);
  color: #666666;
  font-weight: bold;
  border-radius: 12px;
  margin:  3px 1px;
}
.lp_ar_dino_s03_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 25px;
  width: 220px;
  height: 50px;
  font-weight: bold;
  border: 4px double #fff6df;
  transition: 0.3s;
  background: #13493f;
  background-size: 120%;
  background-position: center;
  margin-inline: auto;
  margin-block: 36px;
}
.lp_ar_dino_s03_btn:link{color: #ffffff;text-decoration: none;}
.lp_ar_dino_s03_btn:visited{color: #ffffff;text-decoration: none;}
.lp_ar_dino_s03_btn:hover{color: #ffffff;text-decoration: none;filter: brightness(120%);}
.lp_ar_dino_s03_btn:target{color: #ffffff;text-decoration: none;}

/* s04_AR×恐竜 */
.lp_ar_dino_s04{
background-image: url(../image/ar_dino_lp_s04bg.jpg);
background-size: cover;
 background-position: top center;
 padding: 20px 0 30px;
}
.lp_ar_dino_s04 h2{
  padding-inline: 1rem;
  color: #ffffff;
  text-shadow: 0px 0px 3px rgba(0, 22, 31, 0.5),0px 0px 6px rgba(0, 85, 35, 0.5);
}
.lp_ar_dino_s04 ul{
  padding-left: 1rem;
}
.lp_ar_dino_s04 li{
  font-size: clamp(10px, calc(10px + 1.1vw) , 18px);
  font-weight: bold;
  color: #2c4946;
  list-style-type: square;
}
.lp_ar_dino_s04_flex{
  display: flex;
  justify-content: space-evenly;
  margin: 30px auto;
}
.lp_ar_dino_s04_flex img{
  width: 50%;
  max-width: 460px;
}

/* s05_インターコスモスとは */
.lp_ar_dino_s05{
  background-color: #ffffff;
}
.lp_ar_dino_s05 h2{
  color: #ffffff;
  background-color: #003D7B;
  padding: 20px;
  margin: 0 0 30px 0;
}
.lp_ar_dino_s05 ul{
  text-align: center;
  width: 90%;
  max-width: 800px;
  margin-inline: auto;
}
.lp_ar_dino_s05 li{
  display: inline-block;
  background-color: #003D7B;
  padding: 0.5rem 1rem 0.4rem;
  font-size: clamp(10px, calc(10px + 1.1vw) , 18px);
  color: #ffffff;
  font-weight: bold;
  border-radius: 12px;
  margin:  3px 1px;
}
/* 呼びかけ～お問い合わせ */
.lp_ar_dino_yobikake{
  max-width: 850px;
  width: 94%;
  margin: 30px auto;
  font-weight: bold;
}
.lp_ar_dino_yobikake .lp_fukidashi_right p{
    background-color: #e4efff;
}
.lp_ar_dino_yobikake .lp_fukidashi_right p::before{
    border-right: 15px solid #e4efff;
}
.lp_ar_dino_yobikake img{
  border: none;
}
@media only screen and (max-width: 599px) {
.lp_ar_dino_yobikake .lp_fukidashi_right{
  flex-direction: column-reverse;
  align-items: center;
}
.lp_ar_dino_yobikake .lp_fukidashi_right p{
  width: 100%;
}
.lp_ar_dino_yobikake .lp_fukidashi_right img{
  width: 150px;
}
.lp_ar_dino_yobikake .lp_fukidashi_right p::before{
  left: calc(50% - 15px );
  top: 100%;
  border-right: 15px solid transparent;
  border-top: 15px solid #e4efff;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
}
.lp_ar_dino_h2 {
  color: #333;
  position: relative;
  padding-bottom: 10px;
}

.lp_ar_dino_h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #00B4D8, #7AE582);
}
.lp_ar_dino_main .lp_privacy_area p{
  text-align: left;
  word-break: normal;
  white-space: normal;
}
.lp_ar_dino_main .lp_privacy_area{
   word-break: normal;
   white-space: normal;
}
.lp_ar_dino_footer{
  background-color: #003D7B;
  color: #ffffff;
  padding: 1px;
}
.lp_ar_dino_footer p{
  margin-block: 0.5rem;
}