@charset "UTF-8";
/* =========================================================
   共通
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap");
html {
  scroll-behavior: smooth; }

body {
  font-family: "游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",sans-serif;
  line-height: 1.6;
  font-weight: 500; }

.pl-mainvisual,
.pl-intro,
.pl-product,
.pl-txtcenter {
  text-align: center; }


/* =========================================================
   メインビジュアル
========================================================= */
.pl-mainvisual {
  position: relative;
  height: 502px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.pl-mainvisual h1 {
    display: block;
    margin: 0; }



/* =========================================================
   ナビゲーション
========================================================= */

.pl-serviceWrap .pl-service ul.campaign-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 35px; }
.pl-serviceWrap .pl-service ul.campaign-nav li {
    display: block;
    width: 24.5%;
    background:#06a2b3;
    margin-bottom:.7rem;
    -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4); }

.pl-serviceWrap .pl-service ul.campaign-nav li a {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        height: 100%;
        padding: 12px 1rem;
        color: #FFF;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.2;
        text-align: center; }
		
.pl-serviceWrap .pl-service ul.campaign-nav li a:hover{
			background:#f08301;}
		

.pl-serviceWrap .pl-service ul.campaign-nav li a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: .5rem;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: .8rem .5rem 0 .5rem;
          border-color: #ffffff transparent transparent transparent;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
				  

/* =========================================================
   リンク - ボタン
========================================================= */

a.pl-button__link {
  position: relative;
  display: block;
  width: 60%;
  margin:25px auto;
  padding: 1rem;
  background-color: #F08300;
  border-radius: 10px;
  -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-weight: bold; }
  
  a.pl-button__link::after {
    content: '';
    position: absolute;
    top: 46%;
    right: 20px;
    width: 1rem;
    height: 1rem;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%); }


a.pl-button02__link {
  position: relative;
  display: block;
  width: 40%;
  margin:0 auto 25px;
  padding: 1rem;
  background-color: #F08300;
  border-radius: 10px;
  -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-weight: bold; }
  

  a.pl-button02__link::after {
    content: '';
    position: absolute;
    top: 36%;
    right: 20px;
    width: 1rem;
    height: 1rem;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%); }

/* =========================================================
  　シェアボタン
========================================================= */
.share_wrapper{
  max-width: 230px;
  width: 100%;
  margin: 0 0 35px auto;
  position: relative;
}
.share_wrapper .share_list{
  display: flex;
  justify-content: space-between;
}
.share_wrapper .share_item{
  max-width: 50px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.share_wrapper .share_item.link{
}
.share_wrapper .share_item.link button{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #06a2b3;
  border: none;
  border-radius: 50%;
}
.share_wrapper figure{
  width: 100%;
}
.share_wrapper .share_item.link figure{
  max-width: 50%;
}
.share_wrapper img{
  width: 100%;
  height: auto;
}
.share_wrapper .share_item.link .success-msg {
  display: none;
  position: fixed;
  width: 300px;
  height: 40px;
  line-height: 40px;
  background-color: #06a2b3;
  color: #fff;
  top: 550px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  border-radius: 5px;
}
.share_wrapper .share_item.twitter{
  background: #000;
  border-radius: 50%;
}
.share_wrapper .share_item.twitter a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.share_wrapper .share_item.twitter figure{
  max-width: 50%;
}

/* =========================================================
   車種紹介　BOX
========================================================= */

.pl-serviceWrap{
	background:#e2f9fd;
	padding-top:15px;
}

.pl-serviceWrap .pl-service {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding-bottom: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .pl-serviceWrap .pl-service section {
    margin-bottom: 60px; }
    .pl-serviceWrap .pl-service section:last-child {
      margin-bottom: 0; }

			
.pl-serviceWrap .pl-service .pl-serviceInner {
    width: 100%;
    padding: 0 ;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }


.pl-serviceWrap .pl-service .pl-serviceBox{
		background:#f4fdff;
		box-shadow: 0 10px 25px 0 rgba(60, 194, 235, 0.5);
		width:100%;
		padding:2.5rem;
		margin-bottom:3.75rem;

	 }
.pl-serviceWrap .pl-service .pl-serviceBox_innner{	
    display: flex;
   flex-wrap: wrap;
   margin-top:30px;
   padding:2.5rem;
   }
   
.pl-serviceSbox{
	  display: block;
      width: 24.5%;
	  padding-left:.7rem;
	  padding-bottom:2.25rem;
	  text-align:center;
   }

.pl-serviceSbox img:hover{
	 filter: brightness(120%); /* フィルターを変更 */
  transform: scale(1.1); /* 画像を拡大 */
}

/* =========================================================
   車種紹介　タイトルetc
========================================================= */

.pl-serviceWrap .pl-service .pl-serviceInner .pl-service__title {
      width: 100%;
	  font-weight:bold;
      margin-bottom: 1.5rem;
      padding-top:10px;
      color: #06a2b3;
	   font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
      font-size: 2.625rem;
      text-align: center; }
	
.pl-service__title span{
		  border-bottom:2px solid #06a2b3;
		  padding-bottom:0.15em;}
		  
.pl-service__titleHilight{
	    width:100%;
        display: block;
        margin: 0 auto;
        font-size: 1rem; 
		color: #605e5f;
		text-shadow:0 0 10px #fff;
		font-weight:bold;
		text-align:center;}
		
.pl-service__title02{
		font-size:1rem;
		padding-top:0.5rem;
		font-weight:bold;
		line-height:220%;
	}
	
.pl-service__title02 span{
		font-size:0.875em;
		border-bottom:1px solid #ccc;
		padding-bottom:0.3rem;
		font-weight:normal;
	}
	
.pl-service__title02 a{
		color:#535353;
	}
	
  
.pl-service__title02 a:hover{
		color:#06a2b3;
		text-decoration:none;
	}	


/* =========================================================
   検索エリア
========================================================= */
	
	
.pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content {
      width: 100%;
      padding: 1rem;
      background: #FFF;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area {
        display: block;
        position: relative;
        z-index: 5;
        bottom: inherit;
        left: inherit;
        -webkit-transform: none;
                transform: none; }
        .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner {
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 100%;
          border-radius: 0; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--block {
            -webkit-box-flex: unset;
            -webkit-flex: unset;
                -ms-flex: unset;
                    flex: unset; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--fromTime, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--toTime, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--from, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--to {
            width: 49.5%;
            margin-bottom: 40px; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--campaignOption {
            width: 100%;
            margin-bottom: 40px; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--fromTime::before, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--from::before {
            content: none; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--toTime::before, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--to::before {
            content: none; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--blockInner {
            -webkit-box-flex: 0;
            -webkit-flex: none;
                -ms-flex: none;
                    flex: none;
            width: 100%;
            padding: 0; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .search__area--prefectures {
            height: auto; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .search__area--tab {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 100%;
            margin-bottom: .5rem;
            font-size: 1rem; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--block:not(:first-child) .legacySearch__area--blockInner {
            border: none; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--block:not(:first-child) .search__area--title {
            border: none; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--fromTime .search__area--title, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--toTime .search__area--title {
            padding-left: 0; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--block .search__area--title {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            height: auto;
            padding: .1rem 0;
            background-color: #06a2b3;
            font-size: 1rem; }
			
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch--label {
            height: auto;
            padding: 15px 10px;
            font-size: 1.1rem;
            text-align: center; }
            .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch--label.select__area--labelPrefectures {
              width: 30%; }
            .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch--label.select__area--campaignOption {
              width: 100%;
              color: #8ec31f;
              font-weight: 600;
              background: #f5f9ec;
              border: 1px solid #8ec31f; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .search__area--prefecturesGenre li span {
            font-size: 90%; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--fromTime .legacySearch--label, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--toTime .legacySearch--label {
            width: 100%; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .select__area--labelPrefectures2 {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            width: auto; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .search__area--other {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: auto; }
          .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--definition {
            -webkit-box-flex: 0;
            -webkit-flex: none;
                -ms-flex: none;
                    flex: none;
            width: 100%;
            padding-bottom: 10px; }
            .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--definition button {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-direction: row;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              max-width: 240px;
              margin: 0 auto;
              padding: .5rem 1rem;
              background-color: #F08300;
              border-radius: 8px;
              -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
                      box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.4);
              font-size: 1.25rem; }
              .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--inner .legacySearch__area--definition button img {
                margin-right: .5rem; }
        .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch--datepicker > span {
          right: 0;
          margin: 0 auto;
          width: 30%;
          font-size: 1rem; }
        .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--fromTimeList, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__area--toTimeList {
          width: 49.5%; }
        .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .select__area--campaignOption {
          width: 100%; }
        .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__balloon--inner::before, .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__balloon--inner::after {
          left: auto;
          right: 30px; }
        .pl-serviceWrap .pl-service .pl-serviceInner .pl-service__content .legacySearch__area .legacySearch__balloon--inner::after {
          border-width: 11px;
          border-bottom-width: 0; }


        .key__visual .legacySearch__area--wrapper {
          position: relative; }
        .key__visual .legacySearch__area .legacySearch--datepicker > span {
          width: calc(100% - -2px);
          padding: 0;
        }
        
/* =========================================================
   hack
========================================================= */
.noImage {
  padding-top: 0; }
/*# sourceMappingURL=lp-style.css.map */