@charset "utf-8";

@media screen and (max-width : 768px) {
	.section_desc br.pc {
		display: none;
	}

	.section_inner {
/*		margin: 0 15px;*/
	}

	.section .section_desc {
		margin: 0 0 20px;
		padding: 0;
		font-size: 15px;
		line-height: 23px;
	}

	.switch_pc {
		display: none !important;
	}

	.center {
		text-align: center;
	}

	.section .pic_full {
		width: auto;
	}

	#contents_area {
		/*padding: 55px 0 0 0;*/
	}

	#top_content {
		margin: 0;
		padding: 0 0 1px 0;
		background-color: #f8f8f8;
		overflow: visible;
	}

	#top_content .pic_full {
		margin: 30px 0 30px;
	}

	#top_content .section_inner {
		margin-left: 0;
		margin-right: 0;
	}

	.top_content-inner {
		margin: 0 15px 50px;
	}

	.top_content-title {
		margin: 0 0 25px;
		font-size: 23px;
		line-height: 32px;
		text-align: center;
	}

	.top_content-desc {
		font-size: 16px;
		line-height: 24px;
	}

	#section_comfort {
		margin: 0 0 50px;
		padding: 0 0 10px;
		background-color: #f8f8f8;
	}
	.confort_text_area {
    width: 90%;
    text-align: center;
    background-color: #ffffff;
    padding: 22px 5% 20px 5%;
    margin-top: -2px;
    margin-bottom: 0;
}
    .section-navi__tab {
		width: 100%;
		margin: 0 0 1px;
		position: relative;
		height: 40px;
	}

	.section-navi__tab--wrap {
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #ccc;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		z-index: 99;
		transform: translate3d(0, 0, 0);
	}

	.section-navi__tab ul {
		height: 40px;
		padding: 0 0 17px;
		background-color: #fff;
		font-size: 10px;
		font-weight: bold;
		color: #444;
		text-align: center;
		position: relative;
		letter-spacing: -0.4em;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.section-navi__tab.is-fixed .section-navi__tab--wrap {
		position: fixed;
		top: 56px;
		opacity: 1;
		visibility: visible;
	}

	.section-navi__tab li {
		height: 40px;
		margin: 0 9px;
		letter-spacing: 0.08em;
		display: inline-block;
	}

	#top_content .section-navi__tab li a {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		color: inherit;
		font-weight: normal;
		-webkit-tap-highlight-color: transparent;
	}

	.section-navi__tab li a::after {
		content: "";
		width: 100%;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		background: #444;
		transform: scaleX(0);
		transform-origin: center;
		transition: transform 200ms ease-in-out;
	}

	.section-navi__tab li a.on::after {
		transform: scaleX(1);
	}

	#top_content .section-navi__tab li a.on {
		font-weight: bold;
	}

	.comfort_contents {
		margin-left: 15px !important;
		margin-right: 15px !important;
    width: calc(100% - 30px);
	}

  #section_special .comfort_contents.moduloX {
    margin-bottom: 50px;
  }

	.comfort_subtitle {
		margin: 0 15px 15px;
		font-size: 23px;
		line-height: 34px;
		text-align: center;
	}

	.comfort_subtitle .num {
		color: #aaa;
		display: block;
	}

	.comfort_inner_block {
		margin: -35px 15px 0;
		padding: 23px 23px 40px;
		background-color: #fff;
		position: relative;
	}

	.comfort_img {
		margin: 0 0 15px;
	}

	.comfort_img img {
		width: 100%;
	}

	.comfort_desc {
		margin: 0 0 30px;
		font-size: 16px;
		line-height: 24px;
	}

	#section_type {
		padding-bottom: 0;
	}


	#contents_area #section_btm_contents #section_caution {
		margin: 0 0 38px;
		padding: 20px 0 0 0;
		border-top: 1px solid #777;
	}

	#contents_area #section_btm_contents #section_caution .notes p {
		font-size: 11px;
	}

	#contents_area #section_btm_contents #section_caution .section_inner .notes {
		text-align: left;
	}

	#contents_area #section_btm_contents .section_column a:hover img {
		opacity: .7;
	}

	#section_banner {
        margin-bottom: 0;
  }
	#section_banner p{
    margin-bottom: 30px;
  }
	#section_banner_pen {
    margin-bottom: 40px;
  }

  #section_banner_pen .pic {
      margin-bottom: 15px;
  }

  #section_banner_pen .pic img {
      width: 100%;
  }
  #section_banner_pen .section_desc {
    font-size: 14px;
  }
  #section_banner_pen .detail {
    text-align: center;
  }

	#contents_footer_navigation {
		position: relative;
	}

	#contents_footer_topic_path li a::after {
		background-image: none;
	}

	#cautions {
		padding: 15px 0 40px;
		font-size: 11px;
		line-height: 1.4em;
		color: #fff;
		background-color: #0f1317;
		position: relative;
		overflow: hidden;
	}

	#cautions ul {
		margin: 0;
	}

	#cautions li {
		margin: 0 0 10px;
		padding-left: 1em;
		text-indent: -1em;
	}

	#section_caution .section_inner {
		margin: 0;
	}
	.btn_pagetop{
		z-index:999;
	}
}





/*---------------- --------------------- ------------------*/

#section_banner p {
    margin-bottom: 15px;
}

.slick-dots {
    width: auto !important;
    display: inline-block;
    position: relative;
    bottom: 7px !important;
}