/* SP版へのスタイル指定 */
/* spで表示 */
.pc-display-none {
	display: block;
}
.sp-display-none {
  display: none;
}
/* 幅100％設定 */
section {
  width: 100%
}

.p-top-attractive_figure img {
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}
.mv_btn_pc_hover:hover {
	opacity: 1;
}
.btn-2nd {
  padding-top: 20px;
}
/* ヘッダー */
.logo img {
  max-width: 80%;
}
/* 各セクションへの設定 */
.p-top-campaign-all {
  padding: 72px 0px;
}
.p-top-attractive-all {
  padding: 72px 0px;
}
.p-top-machine {
  padding: 72px 0px;
}

.p-top-features {
  padding: 72px 0px;
}

.p-top-voice {
  padding: 72px 0px;
}

.p-top-access {
  padding: 72px 0px;
}

.p-heading-bottom img {
  margin-bottom: 32px;
  width: 100%;
}

.p-top-attractive_heading {
  width: 68.25vw;
}
.p-top-machine_heading {
  width: 82vw;
  margin: 0 auto;
}
.p-top-machine_text {
  width: 88.25vw;
}

.p-top-voice_heading {
  width: 299px;
}

.p-top-features_heading {
  width: 55vw;
}

.p-top-access_heading {
  width: 177px;
}

.p-top-access-inner {
  max-width: 100%;
  flex-direction: column;
}

.slider_section {
  max-width: 100%;
}
.p-top-campaign  {
  max-width: 100%;
  padding: 0 4vw;
}
.p-top-features-inner {
  max-width: 100%;
  padding: 0 4vw;
}

.p-top-machine-inner  {
  max-width: 100%;
  padding: 0 4vw;
}

.p-top-attractive {
  max-width: 100%;
  padding: 0 4vw;
}
.p-top-access-all {
  max-width: 100%;
  padding: 0 4vw;
}
.p-top-campaign img {
  width: 92vw;
}

.p-top-attractive img{
  width: 92vw;
}
.p-top-features-inner img {
  width: 92vw;
}
/* アクセスセクション */
.p-top-access-text {
  margin: 0;
}
.p-top-access-map {
  width: 100%;
  height: 61.25vw;
}
.p-top-access-map iframe {
  height: 100%;
}
.p-top-access-text {
  margin-top: 32px;
}
/* メインビジュアル */
.p-top-mv_catch img {
  width: 100%;
  padding-top: 8%;
  padding-bottom: 100px;
}
.inner {
	flex-direction:column;
  padding-bottom:20px;
}
.main-visual {
	width: 100%;
    background: url(../images/sp/bg_hero_sp.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 100%;
    
}
.mv_btn_area {
  width: 80%;
}
/* ヘッダーとメインセクションの余白調整 */
/* ヘッダーへのスタイル */
.sp_logo_style {
  width: auto;
  height: 40px;
}
.header_all {
  padding: 10px 10px 0 10px;
}
/* ハンバーガーメニューの位置 */
.hamburger span {
  top: 7px;
}
/* フッター設定 */
.copyLight {
  height: 20px;
  padding: 10px;
	text-align: center;
  font-size: 10px;
}

/* CTA */
.p-top-cta {
  padding: 60px 0 0 0;
}

.slick-dots {
	display: block;
}

/*テキスト01*/
.p-top-attractive_text{ margin: 15% auto 10%;}
.p-top-attractive_text h3{ font-size: 4.2vw; line-height: 1.5em; margin-bottom: 5%;}
.p-top-attractive_text p{ text-align: left; font-size: 3.5vw;}


/*テキスト02*/
.p-top-attractive_table{ margin: 0 auto;}
.p-top-attractive_table table{ width: 100%; border-collapse: collapse; border-spacing: 0; margin: 7.5% auto 0; position: relative; table-layout: auto;}
.p-top-attractive_table table:after{ content: ""; width: calc(100% - 4px); height: calc(12.5vw - 4px); border: 4px solid #e67500; position: absolute; right: -2px; top: auto; bottom: -2px;}
.p-top-attractive_table table thead th{ text-align: center; vertical-align: middle; background: #e67500; color: #fff; padding: 2.5%; font-size: 4vw; line-height: 1em;}
.p-top-attractive_table table tbody th{ text-align: center; vertical-align: middle; background: #999; color: #fff; font-size: 3.5vw; line-height: 1.25em; padding: 0; height: 12.5vw; width: 32%;}
.p-top-attractive_table table tbody tr:last-child th{ background: #fff; color: #e67500; border-right: 2px solid #dcdcdc;}
.p-top-attractive_table table tbody td{ padding: 0 2.5vw; font-size: 3vw; height: 12.5vw; width: 68%;}
.p-top-attractive_table table tbody td p{ display: flex; align-items: center;}
.p-top-attractive_table table tbody td p span{ width: 6.25vw; margin-right: 2.5vw;}
.p-top-attractive_table table tbody td p span img{ width: 100%;}
.p-top-attractive_table table tbody td p strong{ width: calc(100% - 8.75vw);}


/*テキスト03*/
.p-top-machine_text{ margin: 15% auto 10%;}
.p-top-machine_text h3{ font-size: 4.2vw; line-height: 1.5em; margin-bottom: 5%;}
.p-top-machine_text p{ text-align: left; font-size: 3.5vw;}


/*テキスト04*/
.p-top-machine_list ul li{ margin-top: 7.5%;}
.p-top-machine_list ul li .txt{ padding: 5% 5% 8% 5%;}
.p-top-machine_list ul li .txt p.num{ margin-bottom: 2.5%;}
.p-top-machine_list ul li .txt p.num img{ height: 5vw; width: auto;}
.p-top-machine_list ul li .txt h3{ font-size: 4.2vw; margin-bottom: 5%;}
.p-top-machine_list ul li .txt p{ font-size: 3.2vw;}


/*テキスト05*/
.slider_section{ padding: 0 5vw;}
.slider_box{ width: 100%; padding: 2.5vw;}
.slider_box dl{ width: 100%; padding: 16px 24px; height: 100%;}
.slider_box figure{ margin: 0 auto 6%;}
.slider_box figure img{ width: 60%;}
.slider_box p{ min-height: calc(1.6em*7); font-size: 14px;}
.slider_section .slick-prev{ left: -3.75vw;}
.slider_section .slick-next{ right: -3.75vw;}
.slider_section .slick-prev, .slider_section .slick-next{ width: 7.5vw; height: 7.5vw;}
.slider_section .slick-prev::before, .slider_section .slick-next::before { font-size: 7.5vw;}


/*テキスト06*/
.p-top-access-info dl dt strong{ font-size: 14px; margin-top: 2.5%;}
.p-top-access-info dl dd{ font-size: 16px; margin-top: 1.25%;}