@charset "UTF-8";

/*

 10pix 77%
 11pix 85%
 12pix 93%
 13pix 100%
 14pix 108%
 15pix 116%
 16pix 123.1%
 17pix 131%
 18pix 138.5%
 19pix 146.5%
 20pix 153.9%
 21pix 161.6%
 22pix → 167%
 23pix → 174%
 24pix → 182%
 25pix → 189%
 26pix 197%

 32pix 246.9133%

 36pix 277.778%

 38pix 293.21%

 40pix 308.642%


※z-indexは99以下で！

*/

@media print, screen and (max-width: 61.24em) {
	.m-header .l-breadcrumbs__item {
			display: none;
	}
	.m-header .l-breadcrumbs__item:nth-last-child(2) {
			display: block;
			margin-right: 0;
			padding-left: 12px;
	}
	.m-header .l-breadcrumbs__item:nth-last-child(2)::before {
			display: inline-block;
			transform: translate(50%, -50%) rotate(-135deg);
	}
}


/* ページ全体の設定
=========================================== */
.l-lan {
	position: relative;
  color: #27285A;
  font-size: 100%;
	letter-spacing: 0;
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
	.l-lan {
		font-size: 16px;
	}
}

.l-lan * {
  box-sizing: border-box;
}

.l-lan img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.js-fadeInUp {
	opacity : 0;
	transform: translateY(20px);
	transition: 1s;
	z-index: 99;
	position: relative;
}

/* 共通
=========================================== */
/* utility
----------------- */
.u-br-tb-pc {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb-pc {
    display: block;
  }
}

.u-br-sp-only {
  display: block;
}

@media print, screen and (min-width: 481px) {
  .u-br-sp-only {
    display: none;
  }
}

.u-br-sp {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .u-br-sp {
    display: none;
  }
}

.u-br-sp-tb {
  display: block;
}

@media print, screen and (min-width: 1024px) {
  .u-br-sp-tb {
    display: none;
  }
}

.u-br-tb {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-br-tb {
    display: block;
  }
}

@media print, screen and (min-width: 1400px) {
  .u-br-tb {
    display: none;
  }
}

.u-br-tb-only {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb-only {
    display: block;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-br-tb-only {
    display: none;
  }
}

@media print, screen and (min-width: 1400px) {
  .u-br-tb-only {
    display: none;
  }
}

.u-br-pc {
  display: none;
}

@media print, screen and (min-width: 1024px) {
  .u-br-pc {
    display: block;
  }
}

.u-br-pcWide {
  display: none;
}

@media print, screen and (min-width: 1400px) {
  .u-br-pcWide {
    display: block;
  }
}

.u-br-sp-pcWide {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-sp-pcWide {
    display: block;
  }
}

@media print, screen and (min-width: 1400px) {
  .u-br-sp-pcWide {
    display: none;
  }
}

.u-clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* 共通
=========================================== */
/* ボタン
---------------------------- */
.c-btn-style01Wrap {
	text-align: center;
}

.c-btn-style01 {
	font-size: 100%;
	display: inline-block;
	background-color: #27285A;
	padding: 10px 30px;
	text-align: center;
	color: #fff !important;
	font-weight: 900;
	letter-spacing: 0.08em;
	border-radius: 100px;
	transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
	.c-btn-style01 {
		font-size: 14px;
	}
}

.c-btn-style01-arwNext {
	position: relative;
}

.c-btn-style01-arwNext::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/icon_arw_next01.svg) no-repeat center center / contain;
	transition: all 0.3s;
}

@media print, screen and (min-width: 768px) {
	.c-btn-style01:hover {
		background-color: #fff;
		color: #27285A !important;
		font-weight: normal;
	}

	.c-btn-style01:hover::before {
		content: "";
		top: 0;
		left: 0;
		border: 1px solid #27285A;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 100px;
	}

	.c-btn-style01-arwNext:hover::after {
		right: 10px;
		background: url(../img/icon_arw_next01_navy.svg) no-repeat center center / contain;
	}
}


/* タイトル
---------------------------- */
/* style01 */
.c-ttl-style01Area {
	position: relative;
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style01Area {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 40px;
		position: relative;
    left: -5%;
	}
}

.c-ttl-style01Number {
	font-family: 'Reem Kufi', sans-serif;
	font-weight: 500;
	color: #B5BECA;
	opacity: 0.2;
	font-size: 540.1231%;
	/* text-align: center; */
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	line-height: 1;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style01Number {
		font-size: 144px;
		position: relative;
		left: 40px;
		transform: none;
	}
}

.c-ttl-style01 {
	font-size: 197%;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-align: center;
	margin-bottom: 8px;
	line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style01 {
		font-size: 46px;
		margin-bottom: 14px;
	}
}

.c-ttl-style01Inner {
	position: relative;
	z-index: 10;
}

.c-ttl-style01Color {
	color: #ed483b;
}

.c-ttl-style01Accent {
	font-size: 123.077%;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style01Accent {
		font-size: 50px;
	}
}

.c-ttl-style01Accent::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	width: 100%;
	height: 3px;
	border-radius: 100px;
	background-color: #27285A;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style01Accent::after {
		bottom: 2px;
	}
}

.c-ttl-style01En {
	color: #B5BECA;
	text-transform: uppercase;
	font-family: 'Reem Kufi', sans-serif;
	font-size: 77%;
	letter-spacing: 0.15em;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style01En {
		font-size: 13px;
	}
}

/* style02 */
.c-ttl-style02 {
	font-size: 161.6%;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style02 {
		font-size: 34px;
	}
}

.c-ttl-style02Border {
	position: relative;
	display: inline-block;
}

.c-ttl-style02Border::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: rgb(255,88,88);
	background: linear-gradient(130deg, rgba(255,88,88,1) 0%, rgba(240,152,25,1) 100%);
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style02Border::after {
		height: 4px;
	}
}

.c-ttl-style02 + .c-ttl-style03 {
	margin-top: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style02 + .c-ttl-style03 {
		margin-top: 23px;
	}
}

.c-ttl-style02 + .c-text-style01 {
	margin-top: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style02 + .c-text-style01 {
		margin-top: 20px;
	}
}

/* style03 */
.c-ttl-style03 {
	font-size: 138.5%;
	letter-spacing: 0.08em;
	line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style03 {
		font-size: 24px;
	}
}

.c-ttl-style03 + .c-text-style01 {
	margin-top: 2vmin;
}
@media print, screen and (min-width: 768px) {
	.c-ttl-style03 + .c-text-style01 {
		margin-top: 11px;
	}
}


/* テキスト
---------------------------- */
.c-text-style01 {
	font-size: 108%;
	line-height: 1.8;
	letter-spacing: 0.08em;
}
@media print, screen and (min-width: 768px) {
	.c-text-style01 {
		font-size: 16px;
		line-height: 2.0;
		letter-spacing: 0.1em;
	}
}

.c-text-style01 + .c-text-style01 {
	margin-top: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.c-text-style01 + .c-text-style01 {
		margin-top: 18px;
	}
}

.c-text-note {
	font-size: 77%;
	letter-spacing: 0.05em;
}

/* アクセント */
.c-text-accent {
	color: #D23535;
}

/* 吹き出し
---------------------------- */
.c-comment-style01 {
	text-align: center;
}

.c-comment-style01Text {
	font-size: 108%;
	font-weight: 900;
	text-align: center;
	letter-spacing: 0.08em;
	position: relative;
	display: inline-block;
	padding: 5px 20px 6px;
	border-radius: 100px;
	border: 2px solid #27285A;
	background-color: #fff;
}
@media print, screen and (min-width: 768px) {
	.c-comment-style01Text {
		font-size: 16px;
		padding: 5px 30px 8px;
	}
}

.c-comment-style01Text::after {
	position: absolute;
	content: "";
	display: block;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/fukidashi.svg) no-repeat center center / contain;
	width: 12px;
	height: 11px;
}
@media screen and (min-width: 768px) {
	.c-comment-style01Text::after {
		width: 14px;
		height: 13px;
		bottom: -10px;
	}
}

/* section
---------------------------- */
.c-sec {
	border-bottom: 1px solid #D8DADE;
}

/* 余白 */
.c-sec-space {
	padding-right: 5.3%;
	padding-left: 5.3%;
	padding-top: 14vmin;
	padding-bottom: 13vmin;
}
@media screen and (min-width: 768px) {
	.c-sec-space {
		padding-top: 70px;
		padding-right: 8.7%;
		padding-left: 8.7%;
		max-width: 1500px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* コンテンツ内のセクション */
.c-sec-contents {
	margin-bottom: 10vmin;
}


/* ページナビ
---------------------------- */
.c-pageNav {
	margin-top: 4vmin;
}

.c-pageNav-list {
	display: flex;
	flex-wrap: wrap;
}

.c-pageNav-listItem {
	width: 48%;
}
@media screen and (min-width: 768px) {
	.c-pageNav-listItem {
		width: auto;
	}
}

.c-pageNav-listItem:not(:nth-child(2n)) {
	margin-right: 4%;
}
@media screen and (min-width: 768px) {
	.c-pageNav-listItem:not(:nth-child(2n)) {
		margin-right: 0;
	}
}

.c-pageNav-listItem:not(:last-child) {
	margin-bottom: 1vmin;
}
@media screen and (min-width: 768px) {
	.c-pageNav-listItem:not(:last-child) {
		margin-bottom: 10px;
	}

	.c-pageNav-listItem:not(:last-child) {
		margin-right: 30px;
	}
}

.c-pageNav-listLink {
	display: flex;
	color: #27285A !important;
	text-decoration: underline !important;
}
.c-pageNav-listLink:hover {
	text-decoration: none !important;
}

.c-pageNav-listLink::before {
	content: "";
	width: 4.8vmin;
	height: 4.8vmin;
	background: url(../img/icon_arw_down02.svg) no-repeat left center / contain;
	margin-right: 5px;
	position: relative;
	top: 0.3em;
}
@media screen and (min-width: 768px) {
	.c-pageNav-listLink::before {
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}
}

.c-pageNav-listText {
	font-size: 108%;
}
@media screen and (min-width: 768px) {
	.c-pageNav-listText {
		font-size: 16px;
		letter-spacing: 0.05em;
	}
}
/* SP */
@media print, screen and (max-width: 767px) {
	.c-pageNav-listText {
		width: 85%;
	}
}


/* aside
---------------------------- */
.c-aside-check {
	background: #F5F4F5;
	border-radius: 15px;
	position: relative;
}
@media screen and (min-width: 768px) {
	.c-aside-check {
		border-radius: 20px;
	}
}

.c-aside-check::after {
	content: "CHECK!";
	display: block;
	font-family: 'Reem Kufi', sans-serif;
	color: #fff;
	font-size: 400%;
	position: absolute;
	top: -5px;
	left: 0;
	font-weight: 700;
	letter-spacing: -0.05em;
	z-index: 10;
	opacity: 0.6;
	line-height: 1;
}
@media screen and (min-width: 768px) {
	.c-aside-check::after {
		font-size: 100px;
	}
}

.c-aside-checkInner {
	position: relative;
	z-index: 99;
	padding-top: 9vmin;
	padding-left: 7.2%;
	padding-right: 7.2%;
	padding-bottom: 8vmin;
}
@media screen and (min-width: 768px) {
	.c-aside-checkInner {
		padding-top: 70px;
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 60px;
	}
}

.c-aside-checkList:not(:last-of-type) {
	margin-bottom: 5vmin;
}
/* @media screen and (min-width: 768px) {
	.c-aside-checkList:not(:last-of-type) {
		margin-bottom: 0;
	}
} */

.c-aside-checkListTtl {
	font-size: 138.5%;
	font-weight: 900;
	letter-spacing: 0.08em;
	margin-bottom: 1.5vmin;
	line-height: 1.3;
}
@media screen and (min-width: 768px) {
	.c-aside-checkListTtl {
		margin-bottom: 15px;
		font-size: 24px;
		/* margin-bottom: 0; */
	}
}

.c-aside-checkListDetail {
	letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
	.c-aside-checkListDetail {
		line-height: 1.8;
	}
}

.c-aside-checkComment {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
	.c-aside-checkCommentText {
		font-size: 18px;
		padding: 7px 40px 10px;
	}
}


/* product
---------------------------- */
.c-product-img {
	margin-bottom: 4vmin;
}
@media screen and (min-width: 768px) {
	.c-product-img {
		margin-bottom: 20px;
	}
}

.c-product-img img {
	border-radius: 10px;
}
@media screen and (min-width: 768px) {
	.c-product-img img {
		border-radius: 13px;
	}
}

.c-product-name {
	text-align: center;
	margin-bottom: 2vmin;
	letter-spacing: 0.08em;
	color: #27285A;
}
@media screen and (min-width: 768px) {
	.c-product-name {
		font-size: 18px;
		margin-bottom: 15px;
		line-height: 1.5;
	}
}

.c-product-detail {
	font-size: 93%;
	color: #27285A;
}
@media screen and (min-width: 768px) {
	.c-product-detail {
		font-size: 14px;
	}
}


/* .l-lan-mv
=========================================== */
.l-lan-mv {
	background: rgb(255,88,88);
	background: linear-gradient(130deg, rgba(255,88,88,1) 0%, rgba(240,152,25,1) 54%);
	position: relative;
}

.l-lan-mv::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100vmin;
	background: url(../img/bg_mv_right01.png) no-repeat right 180% top / cover;
	/* opacity: 0.5; */
	mix-blend-mode: screen;
}
@media print, screen and (min-width: 768px) {
	.l-lan-mv::before {
		background-position: right top;
		width: 802px;
		height: 568px;
	}
}

.l-lan-mv::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100vmin;
	background: url(../img/bg_mv_left01.png) no-repeat left 370% top / cover;
	/* opacity: 0.5; */
	mix-blend-mode: screen;
}
@media print, screen and (min-width: 768px) {
	.l-lan-mv::after {
		background-position: left top;
		width: 626px;
		height: 551px;
	}
}

.p-lan-mvBg {
	position: absolute;
	width: 100%;
	height: 100vw;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/bg_mv01.png) no-repeat center center / cover;
	z-index: 1;
	opacity: 0.5;
	mix-blend-mode: color-burn;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvBg {
		height: 770px;
		background-size: contain;
	}
}

.p-lan-mv {
	padding-top: 8vmin;
	padding-bottom: 8vmin;
	position: relative;
	z-index: 99;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mv {
		padding-top: 50px;
	}
}

.p-lan-itemImg {
	position: absolute;
	z-index: 8;
	opacity: 0;
}
.p-lan-itemImg.is-fadeIn {
	opacity: 1;
	-webkit-animation: mv-fadeIn 2s forwards;
	        animation: mv-fadeIn 2s forwards;
}
@-webkit-keyframes mv-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mv-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



.p-lan-itemImg.img01 {
	top: -1%;
  left: -13%;
	width: 32.5vmin;
	height: 13vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-itemImg.img01 {
		width: 16.1%;
		height: 8vw;
		top: 0;
    left: 11vw;
	}
}

.p-lan-itemImg.img02 {
	display: none;
}
@media print, screen and (min-width: 768px) {
	.p-lan-itemImg.img02 {
		display: block;
		top: 2vw;
    left: 0;
		width: 15.7%;
    height: 12.4vw;
	}
}

@media print, screen and (min-width: 1024px) {
    .p-lan-itemImg.img02 {
        left: -2vw;
    }
}

@media print, screen and (min-width: 1280px) {
    .p-lan-itemImg.img02 {
        left: 0;
		top: 5vw;
    }
}

.p-lan-itemImg.img03 {
	top: 28%;
	left: -29px;
	width: 32vmin;
	height: 10.9vmin;
}

@media print, screen and (min-width: 768px) {
	.p-lan-itemImg.img03 {
		width: 20.6%;
		height: 7vw;
		top: 24vw;
    left: -1vw;
	}
}

@media print, screen and (min-width: 1536px) {
	.p-lan-itemImg.img03 {
		top: 20.5vw;
	}
}

@media print, screen and (min-width: 1920px) {
	.p-lan-itemImg.img03 {
		left: -3vw;
	}
}

.p-lan-itemImg.img04 {
	top: 0;
	right: -5%;
	width: 25.3vmin;
  height: 12vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-itemImg.img04 {
		width: 13.8%;
		height: 6.4vw;
		right: 13vw;
	}
}

@media print, screen and (min-width: 1024px) {
	.p-lan-itemImg.img04 {
		width: 14.8%;
	}
}

.p-lan-itemImg.img05 {
	display: none;
}
@media print, screen and (min-width: 768px) {
	.p-lan-itemImg.img05 {
		display: block;
		top: 4vw;
    right: 0;
		width: 12.6%;
		height: 11.1vw;
	}
}

@media print, screen and (min-width: 1024px) {
    .p-lan-itemImg.img05 {
        right: -2vw;
    }
}

@media print, screen and (min-width: 1280px) {
    .p-lan-itemImg.img05 {
		right: 0;
        top: 6vw;
        width: 13.6%;
    }
}

@media print, screen and (min-width: 1920px) {
    .p-lan-itemImg.img05 {
		top: 4vw;
    }
}

.p-lan-itemImg.img06 {
	top: 25%;
    right: -2%;
    width: 23vmin;
	height: 16.5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-itemImg.img06 {
		top: 24vmin;
		right: 0;
		width: 13.2%;
		height: 11.6vw;
	}
}

@media print, screen and (min-width: 1280px) {
    .p-lan-itemImg.img06 {
		top: 33vmin;
        width: 16.2%;
    }
}

@media print, screen and (min-width: 1530px) {
    .p-lan-itemImg.img06 {
		top: 28vmin;
    }
}

@media print, screen and (min-width: 1920px) {
    .p-lan-itemImg.img06 {
		top: 15.5vw;
    }
}

.p-lan-mvTtl {
	font-size: 277.778%;
	color: #fff;
	text-align: center;
	letter-spacing: 0.08em;
	line-height: 1.4;
	margin-bottom: 6vmin;
	opacity: 0;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvTtl {
		font-size: 64px;
		margin-bottom: 30px;
	}
}

.p-lan-mvTtl.is-fadeIn {
	opacity: 1;
	-webkit-animation: mv-fadeUp 1s forwards;
	        animation: mv-fadeUp 1s forwards;
}

.p-lan-mvTtlSub {
	width: 60.5%;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1vmin;
	opacity: 0;
}
.p-lan-mvTtlSub.is-fadeIn {
	opacity: 1;
	-webkit-animation: mv-fadeUp 1s forwards;
	        animation: mv-fadeUp 1s forwards;
}

@-webkit-keyframes mv-fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mv-fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.p-lan-mvTtlAlphabet {
	font-family: 'Reem Kufi', sans-serif;
	font-size: 109%;
	font-weight: 700;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvTtlAlphabet {
		font-size: 68px;
	}
}

.p-lan-mvText {
	color: #fff;
	opacity: 0;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvText {
		text-align: center;
	}
}

.p-lan-mvText.is-fadeIn {
	opacity: 1;
	-webkit-animation: mv-fadeUp 1s forwards;
	        animation: mv-fadeUp 1s forwards;
}

.p-lan-mvTextArea {
	margin-bottom: 7vmin;
}

.p-lan-mvTtlBorder {
	display: inline-block;
	position: relative;
}

.p-lan-mvTtlBorder::after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 10px;
}

/* nav */
.p-lan-mvNavList {
	display: flex;
	flex-wrap: wrap;
	counter-reset: mvNav;
}

.p-lan-mvNavListItem {
	width: 48.6%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListItem {
		width: 24.3%;
		transition: all 0.3s;
	}

	.p-lan-mvNavListItem:hover {
		box-shadow: 0px 10px 30px rgba(0,0,0,0.4);
	}
}

.p-lan-mvNavListItem.is-fadeIn {
	opacity : 0;
  transition : all 1s;
}

.p-lan-mvNavListItem.is-fadeIn.is-active {
	opacity : 1;
}

.p-lan-mvNavListItem:not(:nth-child(2n)) {
	margin-right: 2.8%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListItem:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.p-lan-mvNavListItem:not(:nth-child(4n)) {
		margin-right: 0.933333%;
	}
}

.p-lan-mvNavListItem:not(:nth-of-type(-n+2)) {
	margin-top: 2.8%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListItem:not(:nth-of-type(-n+2)) {
		margin-top: 0;
	}
	
	.p-lan-mvNavListItem:not(:nth-of-type(-n+4)) {
		margin-top: 0.9333333%;
	}
}

.p-lan-mvNavListLink {
	display: block;
	padding: 17px 2%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListLink {
		padding: 25px 5%;
		transition: all 0.3s;
	}

	/* .p-lan-mvNavListLink:hover {
		opacity: 0.6;
	} */
}

.p-lan-mvNavListLink::before {
	content: "0"counter(mvNav);
	counter-increment: mvNav;
	position: absolute;
	top: -11px;
  left: 3px;
	color: #B5BECA;
	font-family: 'Reem Kufi', sans-serif;
	opacity: 0.25;
	font-size: 28px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListLink::before {
		font-size: 34px;
	}
}

.p-lan-mvNavListLink::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 7px;
	width: 15px;
	height: 13px;
	background: url(../img/icon_arw_down01.svg) no-repeat center center / contain;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListLink::after {
		width: 21px;
		height: 18px;
	}
}

.p-lan-mvNavListText {
	font-size: 123.1%;
	text-align: center;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: 0.05em;
	margin-bottom: 6px;
	color: #27285A;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListText {
		font-size: 21px;
		margin-bottom: 9px;
	}
}

.p-lan-mvNavListTextColor {
	color: #ed483b;
}

.p-lan-mvNavListTextAccent {
	font-size: 112.826%;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListTextAccent {
		font-size: 25px;
	}
}

.p-lan-mvNavListTextAccent::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	border-radius: 100px;
	background-color: #27285A;
}

.p-lan-mvNavListEn {
	font-size: 77%;
	color: #B5BECA;
	text-transform: uppercase;
	font-family: 'Reem Kufi', sans-serif;
	letter-spacing: 0.12em;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.p-lan-mvNavListEn {
		font-size: 10px;
	}
}


/* .l-lan-about
=========================================== */
@media print, screen and (min-width: 768px) {
	.p-lan-aboutContents {
		display: flex;
	}
}

.p-lan-aboutContentsTextArea {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-aboutContentsTextArea {
		margin-bottom: 50px;
	}
}

.p-lan-aboutContentsImg {
	margin-bottom: 8vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-aboutContentsImg {
		width: 38.1%;
		margin-bottom: 0;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-aboutContentsBtnArea {
		display: flex;
		/* justify-content: center; */
	}
}

.p-lan-aboutContentsBtnWrap:not(:last-child) {
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-aboutContentsBtnWrap:not(:last-child) {
		margin-bottom: 0;
	}

	.p-lan-aboutContentsBtnWrap:not(:last-child) {
		margin-right: 20px;
	}
}

.p-lan-aboutContentsBtn {
	min-width: 70.9vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-aboutContentsBtn {
		min-width: 330px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-aboutContentsDetail {
		width: 57.7%;
		margin-right: 4.2%;
	}
	.p-lan-aboutContentsDetail_right {
		width: 57.7%;
		margin-left: 4.2%;
	}	
}


/* .l-lan-speed
=========================================== */
.p-lan-speedNav {
	margin-bottom: 8vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNav {
		margin-bottom: 60px;
	}
}

/* カテゴリーとは？ */
.p-lan-speedCateComment {
	margin-bottom: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateComment {
		margin-bottom: 20px;
	}
}

.p-lan-speedCateIntroText {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateIntroText {
		margin-bottom: 30px;
	}
}

.p-lan-speedCateImg01Scroll {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	overflow-x: auto;
	margin-bottom: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateImg01Scroll {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 31px;
	}
}

.p-lan-speedCateImg01 {
	width: 185%;
	padding-left: 5.3%;
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateImg01 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		margin-bottom: 0;
	}
}

.p-lan-speedCateText {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateText {
		margin-bottom: 60px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedCateAsideImgWrap {
		position: relative;
		width: 40.3%;
		margin-left: 5.3%;
	}
}

.p-lan-speedCateAside {
	border: 1px solid #D8DADE;
	border-radius: 15px;
	padding: 4.5vmin 7.2% 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateAside {
		padding: 45px 50px 50px;
		border-radius: 20px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedCateAsideInner {
		display: flex;
	}
}

.p-lan-speedCateAsideText {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateAsideText {
		margin-bottom: 0;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedCateAsideTextArea {
		width: 54.4%;
	}
}

.p-lan-speedCateAsideComment {
	margin-bottom: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedCateAsideComment {
		position: absolute;
		top: -68px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
}

/* ノイズに強い＝通信が安定する */
.p-lan-speedNoizIntroText {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizIntroText {
		margin-bottom: 40px;
	}
}

.p-lan-speedNoizTableScroll {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	overflow-x: scroll;
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTableScroll {
		margin-right: 0;
		margin-left: 0;
		overflow-x: visible;
		margin-bottom: 0;
	}
}

.p-lan-speedNoizTableWrap {
	padding-left: 5.3%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTableWrap {
		padding-left: 0;
	}
}

.p-lan-speedNoizTable,
.p-lan-speedNoizTable td,
.p-lan-speedNoizTable th {
	border: 1px solid #D8DADE;
	border-collapse: collapse;
}

.p-lan-speedNoizTable {
	width: 198vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTable {
		width: 100%;
		margin-bottom: 10px;
	}
}

.p-lan-speedNoizTableCatHeadingWrap {
	background: rgb(50,92,168);
	background: linear-gradient(130deg, rgba(50,92,168,1) 0%, rgba(31,173,182,1) 100%);
}

.p-lan-speedNoizTableCatHeading {
	text-align: center;
	width: 24vmin;
	padding: 8px 5px 10px;
	color: #fff;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTableCatHeading {
		width: 120px;
	}
}

.p-lan-speedNoizTableCatHeading:first-of-type,
.p-lan-speedNoizTableHeading {
	background-color: #F5F4F5;
	width: 30vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTableCatHeading:first-of-type,
	.p-lan-speedNoizTableHeading {
		width: 177px;
	}
}

.p-lan-speedNoizTableCatHeadingNumber {
	font-family: 'Roboto', sans-serif;
	font-size: 77%;
	margin-bottom: -6px;
}

.p-lan-speedNoizTableCatHeadingNumberText {
	font-size: 200.417%;
	display: block;
	margin-top: -9px;
	font-weight: normal;
}
@media print, screen and (min-width: 768px){
	.p-lan-speedNoizTableCatHeadingNumberText {
		margin-top: -12px;
	}
}

.p-lan-speedNoizTableCatHeadingNumberDetail {
	font-size: 77%;
}

.p-lan-speedNoizTableHeading {
	padding: 10px;
	line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTableHeading {
		text-align: center;
		font-weight: normal;
		letter-spacing: 0.08em;
		padding: 26px 10px;
		line-height: 1.6;
	}
}

.p-lan-speedNoizTableHeading.bg-color {
	background-color: #FFFACF;
	font-weight: bold;
}

.p-lan-speedNoizTableHeadingSmall {
	display: block;
	font-size: 77%;
}

.p-lan-speedNoizTableDetail {
	padding: 10px 10px;
	text-align: center;
}
.p-lan-speedNoizTableDetail.bg-color {
	background-color: #FFFACF;
}

.p-lan-speedNoizTableDetailText {
	line-height: 1.5;
}

.p-lan-speedNoizTableDetailTextNumber {
	font-size: 138.5%;
}

.p-lan-speedNoizTableDetailTextUnit {
	font-size: 66.6668%;
}

.p-lan-speedNoizTableDetailMark {
	font-size: 182%;
}

.p-lan-speedNoizTableNote {
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizTableNote {
		margin-bottom: 20px;
	}
}

.p-lan-speedNoizText {
	margin-bottom: 10vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizText {
		margin-bottom: 90px;
	}
}

.p-lan-speedNoizCheckPoint {
	background: #fff;
	border-radius: 10px;
	padding: 3vmin 6.7% 4vmin;
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizCheckPoint {
		padding: 30px 40px 30px;
		border-radius: 15px;
	}
}

.p-lan-speedNoizCheckPointTtlWrap {
	margin-bottom: 2vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizCheckPointTtlWrap {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
}

.p-lan-speedNoizCheckPointTtlPoint {
	color: #1DB2BB;
	text-transform: uppercase;
	font-size: 66.6668%;
	letter-spacing: 0.08em;
	font-family: 'Reem Kufi', sans-serif;
	position: relative;
	display: inline-block;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizCheckPointTtlPoint {
		font-size: 14px;
		margin-right: 10px;
		position: relative;
		top: 1px;
	}
}

.p-lan-speedNoizCheckPointTtlPoint::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #1DB2BB;
	display: block;
	bottom: 2px;
	left: 0;
	border-radius: 100px;
}

.p-lan-speedNoizCheckPointTtl {
	color: #1DB2BB;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedNoizCheckPointTtl {
		margin-bottom: 0;
		font-size: 22px;
	}
}

/* ノイズが起きるとどうなるのか */
.p-lan-speedHappensIntroText {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensIntroText {
		margin-bottom: 40px;
	}
}

.p-lan-speedHappensTableWrap {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensTableWrap {
		margin-bottom: 30px;
	}
}

.p-lan-speedHappensTable {
	border: 1px solid #D8DADE;
	border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensTable {
		display: flex;
		border-radius: 15px;
	}
}

.p-lan-speedHappensTable:not(:last-of-type) {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensTable:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

.p-lan-speedHappensTableTtl {
	border-bottom: 1px solid #D8DADE;
	background-color: #F5F4F5;
	padding: 13px 10px 14px;
	border-radius: 9px 9px 0px 0px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensTableTtl {
		border-bottom: none;
		width: 14.2%;
		border-radius: 14px 0px 0px 14px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.p-lan-speedHappensTableTtlText {
	text-align: center;
	font-size: 123.1%;
	letter-spacing: 0.08em;
	display: block;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensTableTtlText {
		font-size: 18px;
		line-height: 1.6;
	}
}

.p-lan-speedHappensTableDetail {
	padding: 5vmin 0 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensTableDetail {
		width: 85.8%;
		padding: 40px 30px;
	}
}

.p-lan-speedHappensText {
	margin-bottom: 12vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensText {
		margin-bottom: 80px;
	}
}

.p-lan-speedHappensCheckText {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensCheckText {
		margin-bottom: 30px;
		line-height: 1.8;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensCheckList {
		width: 48.1%;
		margin-bottom: 0 !important;
	}
}

.p-lan-speedHappensCheckListTtlWrap {
	display: flex;
	align-items: flex-start;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensCheckListTtlWrap {
		margin-bottom: 5px;
	}
}

.p-lan-speedHappensCheckListTtlNumber {
	font-family: 'Reem Kufi', sans-serif;
	font-weight: 700;
	font-size: 88.889%;
	width: 8vmin;
	height: 8vmin;
	background-color: #27285A;
	color: #fff;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 2vmin;
	position: relative;
	top: -2px;
	margin-bottom: 1vmin;
	font-weight: normal;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensCheckListTtlNumber {
		width: 46px;
		height: 46px;
		font-size: 20px;
		margin-bottom: 0;
		top: -6px;
		margin-right: 10px;
	}
}

.p-lan-speedHappensCheckListTtl {
	width: 66vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensCheckListTtl {
		width: 85%;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedHappensCheckListWrap {
		display: flex;
		justify-content: space-between;
	}
}


/* LANケーブルの見分け方 */
.p-lan-speedDistinguishIntroText {
	margin-bottom: 5vmin;
}

.p-lan-speedDistinguishTableTtl,
.p-lan-speedDistinguishPrintingTtl {
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTableTtl,
	.p-lan-speedDistinguishPrintingTtl {
		margin-bottom: 20px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishPrinting {
		width: 61.2%;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTable {
		width: 100%;
	}
}

.p-lan-speedDistinguishTable,
.p-lan-speedDistinguishTable td,
.p-lan-speedDistinguishTable th {
	border: 1px solid #D8DADE;
	border-collapse: collapse;
}

.p-lan-speedDistinguishTable td,
.p-lan-speedDistinguishTable th {
	padding: 8px 15px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTable td,
	.p-lan-speedDistinguishTable th {
		padding: 10px 20px;
	}
}

.p-lan-speedDistinguishTableHeading {
	width: 24vmin;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	letter-spacing: 0.08em;
	font-weight: normal;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTableHeading {
		width: 40.6%;
		font-size: 16px;
	}
}

.p-lan-speedDistinguishTableHeadingNumber {
	font-size: 138.5%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTableHeadingNumber {
		font-size: 18px;
	}
}

.p-lan-speedDistinguishTableDetail {
	width: 46vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTableDetail {
		width: 59.4%;
		font-size: 16px;
	}
}

.p-lan-speedDistinguishTable tr:nth-of-type(1) .p-lan-speedDistinguishTableHeading {
	background: rgb(45,85,154);
	background: linear-gradient(100deg, rgba(45,85,154,1) 0%, rgba(40,123,166,1) 100%);
}

.p-lan-speedDistinguishTable tr:nth-of-type(2) .p-lan-speedDistinguishTableHeading {
	background: rgb(44,93,157);
	background: linear-gradient(100deg, rgba(44,93,157,1) 0%, rgba(38,133,169,1) 100%);
}

.p-lan-speedDistinguishTable tr:nth-of-type(3) .p-lan-speedDistinguishTableHeading {
	background: rgb(43,101,159);
	background: linear-gradient(100deg, rgba(43,101,159,1) 0%, rgba(36,142,172,1) 100%);
}

.p-lan-speedDistinguishTable tr:nth-of-type(4) .p-lan-speedDistinguishTableHeading {
	background: rgb(43,101,159);
	background: linear-gradient(100deg, rgba(43,101,159,1) 0%, rgba(36,142,172,1) 50%);
}

.p-lan-speedDistinguishTable tr:nth-of-type(5) .p-lan-speedDistinguishTableHeading {
	background: rgb(40,117,164);
	background: linear-gradient(100deg, rgba(40,117,164,1) 0%, rgba(34,157,177,1) 100%);
}

.p-lan-speedDistinguishTable tr:nth-of-type(6) .p-lan-speedDistinguishTableHeading {
	background: rgb(39,124,167);
	background: linear-gradient(100deg, rgba(39,124,167,1) 0%, rgba(33,165,180,1) 100%);
}

.p-lan-speedDistinguishTable tr:nth-of-type(7) .p-lan-speedDistinguishTableHeading {
	background: rgb(38,132,169);
	background: linear-gradient(100deg, rgba(38,132,169,1) 0%, rgba(32,173,182,1) 100%);
}

.p-lan-speedDistinguishTableWrap {
	margin-bottom: 7vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishTableWrap {
		margin-bottom: 0;
		width: 32.8%;
	}
}

.p-lan-speedDistinguishPrintingImg {
	border: 1px solid #D8DADE;
	padding-top: 4vmin;
  padding-bottom: 2vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishPrintingImg {
		padding-top: 20px;
    padding-bottom: 0px;
	}
}

.p-lan-speedDistinguishInner {
	margin-bottom: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-speedDistinguishInner {
		display: flex;
		justify-content: space-between;
	}
}

.p-lan-speedDistinguishText {
	margin-bottom: 11vmin;
}

.p-lan-speedDistinguishTextBold {
	font-weight: 900;
}

.p-lan-speedDistinguishTextBig {
	font-size: 114.2851%;
	font-weight: 900;
}


/* .l-lan-long
=========================================== */
.p-lan-longIntroText {
	margin-bottom: 6vmin;
}

.p-lan-longRoomList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomList {
		margin-bottom: 40px;
	}
}

.p-lan-longRoomTtl {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomTtl {
		margin-bottom: 40px;
	}
}

.p-lan-longRoomListItem {
	width: 50%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomListItem {
		width: 25%;
	}
}

.p-lan-longRoomListItem:not(:nth-of-type(-n+2)) {
	margin-top: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomListItem:not(:nth-of-type(-n+2)) {
		margin-top: 0;
	}
}

.p-lan-longRoomListItemIcon {
	border: 2px solid #27285A;
	border-radius: 100px;
	text-align: center;
	width: 63.9%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomListItemIcon {
		width: 130px;
		margin-bottom: 15px;
		padding: 2px 15px 1px;
	}
}

.p-lan-longRoomListItemIconText {
	font-family: 'Roboto', sans-serif;
	font-size: 153.9%;
	line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomListItemIconText {
		font-size: 24px;
	}
}

.p-lan-longRoomListItemIconTextUnit {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 60%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomListItemIconTextUnit {
		font-size: 16px;
		margin-left: 3px;
	}
}

.p-lan-longRoomListItemImg {
	width: 80%;
	margin-right: auto;
	margin-left: 17%;
}

.p-lan-longRoomText {
	margin-bottom: 6vmin;
}

.p-lan-longRoomMethodList {
	margin-bottom: 11vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomMethodList {
		display: flex;
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 80px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-longRoomMethodListItem {
		width: 47.5%;
	}
}

.p-lan-longRoomMethodListItem:not(:last-child) {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomMethodListItem:not(:last-child) {
		margin-bottom: 0;
		margin-right: 5%;
	}
}

.p-lan-longRoomMethodListItemIcon {
	text-align: center;
	margin-bottom: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomMethodListItemIcon {
		margin-bottom: 20px;
	}
}

.p-lan-longRoomMethodListItemIconHeding {
	border: 2px solid #27285A;
	font-size: 123.1%;
	font-weight: 900;
	text-align: center;
	border-radius: 100px;
	letter-spacing: 0.08em;
	padding: 1px 30px 2px;
	display: inline-block;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomMethodListItemIconHeding {
		font-size: 18px;
		padding: 3px 40px 5px;
	}
}

.p-lan-longRoomMethodListItemText {
	text-align: center;
	letter-spacing: 0.08em;
}

.p-lan-longRoomMethodListItemImg {
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomMethodListItemImg {
		margin-bottom: 20px;
	}
}

.p-lan-longRoomMethodListItemImg img {
	border-radius: 15px;
}

.p-lan-longRoomCheckInner {
	padding-top: 6.5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckInner {
		padding-top: 60px;
	}
}

.p-lan-longRoomCheckTtl {
	font-size: 167%;
	text-align: center;
	margin-bottom: 3vmin;
	letter-spacing: 0.08em;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckTtl {
		font-size: 32px;
		margin-bottom: 60px;
	}
}

.p-lan-longRoomCheckIntroImg {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckIntroImg {
		width: 43.4%;
		margin-bottom: 0;
	}
}

.p-lan-longRoomCheckIntroImg img {
	border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckIntroImg img {
		border-radius: 15px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckIntroDetail {
		width: 52.5%;
	}
}

.p-lan-longRoomCheckIntroText {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckIntroText {
		margin-bottom: 30px;
	}
}

.p-lan-longRoomCheckIntroTable,
.p-lan-longRoomCheckIntroTable td,
.p-lan-longRoomCheckIntroTable th {
	border: 1px solid #D8DADE;
	border-collapse: collapse;
}

.p-lan-longRoomCheckIntroTable {
	width: 100%;
}

.p-lan-longRoomCheckIntroTable td,
.p-lan-longRoomCheckIntroTable th {
	padding: 8px 10px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckIntroTable td,
	.p-lan-longRoomCheckIntroTable th {
		padding: 14px 20px;
		letter-spacing: 0.08em;
	}
}

.p-lan-longRoomCheckIntroTableHeading {
	font-weight: 900;
	line-height: 1.4;
	width: 30.5%;
}

.p-lan-longRoomCheckIntroTableDetail {
	background-color: #fff;
	width: 69.5%;
	line-height: 1.6;
}

.p-lan-longRoomCheckIntroWrap {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckIntroWrap {
		display: flex;
		justify-content: space-between;
	}
}

.p-lan-longRoomCheckSec:not(:last-of-type) {
	margin-bottom: 6vmin;
}

.p-lan-longRoomCheckItemList {
	margin-top: 4vmin;
	display: flex;
	flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckItemList {
		margin-top: 25px;
	}
}

.p-lan-longRoomCheckItemListItem:not(:nth-child(2n)) {
	margin-right: 7.8%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckItemListItem:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.p-lan-longRoomCheckItemListItem:not(:nth-child(4n)) {
		margin-right: 3.8666666%;
	}
}

.p-lan-longRoomCheckItemListItem {
	width: 46.1%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckItemListItem {
		width: 22.1%;
	}
}

.p-lan-longRoomCheckItemListItem:not(:nth-of-type(-n+2)) {
	margin-top: 7.8%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckItemListItem:not(:nth-of-type(-n+2)) {
		margin-top: 0;
	}
}

.p-lan-longRoomCheckItemListImg {
	margin-bottom: 2vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckItemListImg {
		margin-bottom: 20px;
	}
}

.p-lan-longRoomCheckItemListImg img {
	border-radius: 10px;
}

.p-lan-longRoomCheckItemListText {
	margin-bottom: 3vmin;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.p-lan-longRoomCheckItemListText {
		margin-bottom: 20px;
	}
}

.p-lan-longRoomCheckItemListBtn {
	font-size: 77%;
	padding: 8px 17% 10px;
	width: 100%;
}

.p-lan-longRoomCheckItemListBtn::after {
	width: 9px;
  height: 8px;
}
@media print, screen and (max-width: 767px) {
	.p-lan-longRoomCheckItemListBtn::after {
		right: 10px;
	}
}


/* .l-lan-kinds
=========================================== */
.p-lan-kindsNav {
	margin-bottom: 7vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsNav {
		margin-bottom: 60px;
		margin-top: 30px;
	}
}

.p-lan-kindsNavListTextSmall {
	display: block;
	font-size: 77%;
	margin-top: -4px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsNavListTextSmall {
		font-size: 14px;
		margin-top: -2px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductItem {
		display: flex;
	}
}

.p-lan-kindsProductItem:not(:last-child) {
	margin-bottom: 14vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductItem:not(:last-child) {
		margin-bottom: 60px;
	}
}

.p-lan-kindsProductHead {
	display: flex;
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductHead {
		width: 26.6%;
		margin-right: 4.4%;
		margin-bottom: 0;
	}
}

.p-lan-kindsProductImg {
	width: 43.3%;
	margin-right: 7.2%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductImg {
		width: 100%;
		margin-right: 0;
	}
}

.p-lan-kindsProductImg img {
	border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductImg img {
		border-radius: 20px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductTextArea {
		width: 69%;
	}
}

.p-lan-kindsProductHeadingArea {
	width: 49.5%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductHeadingArea {
		width: 100%;
		margin-bottom: 30px;
	}
}

.p-lan-kindsProductHeading {
	font-size: 138.5%;
	margin-bottom: 2vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductHeading {
		font-size: 28px;
		margin-bottom: 8px;
	}
}

.p-lan-kindsProductHeadingSmall {
	display: block;
	font-size: 66.6664%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductHeadingSmall {
		font-size: 18px;
		display: inline;
	}
}

.p-lan-kindsProductDetail {
	font-size: 108%;
	line-height: 1.6;
}

.p-lan-kindsProductMeritArea {
	display: flex;
	justify-content: space-between;
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMeritArea {
		margin-bottom: 30px;
	}
}

.p-lan-kindsProductMerit {
	width: 47.8%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMerit {
		display: flex;
		width: 48.7%;
	}
}

.p-lan-kindsProductMeritHeading {
	background-color: #F5F4F5;
	border-radius: 100px;
	padding: 4px 10px;
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMeritHeading {
		border-radius: 6px;
		padding: 4px 2%;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 26.4%;
		margin-right: 5.2%;
		margin-bottom: 0;
	}
}

.p-lan-kindsProductMeritHeadingText {
	font-size: 108%;
	text-align: center;
	font-weight: 900;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMeritHeadingText {
		font-size: 14px;
	}
}

.p-lan-kindsProductMeritListItem {
	font-size: 108%;
	letter-spacing: 0.08em;
	line-height: 1.4;
	display: flex;
}

.p-lan-kindsProductMeritListItem:not(:last-child) {
	margin-bottom: 1.2vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMeritListItem:not(:last-child) {
		margin-bottom: 8px;
	}
}

.p-lan-kindsProductMeritListItem::before {
	content: "";
	display: block;
	margin-right: 6px;
	width: 6px;
	height: 6px;
	background-color: #27285A;
	border-radius: 100px;
	position: relative;
	top: 0.5em;
}

.p-lan-kindsProductMeritListText {
	width: 92%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMeritListText {
		font-size: 16px;
		line-height: 1.6;
	}
}

.p-lan-kindsProductMeritList {
	padding-right: 3%;
	padding-left: 3%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductMeritList {
		padding-right: 0;
		padding-left: 0;
		width: 68.4%;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductBtnWrap {
		text-align: left;
	}
}

.p-lan-kindsProductBtn {
	min-width: 59.2vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-kindsProductBtn {
		min-width: 222px;
	}
}


/* .l-lan-recommend
=========================================== */
.swiper-recommend01,
.swiper-recommend02,
.swiper-recommend03,
.swiper-recommend04 {
	display: flex;
}
.swiper-recommend01.swiper-initialized,
.swiper-recommend02.swiper-initialized,
.swiper-recommend03.swiper-initialized,
.swiper-recommend04.swiper-initialized {
	display: block;
}
.swiper-recommend01 .swiper-slide,
.swiper-recommend02 .swiper-slide,
.swiper-recommend03 .swiper-slide,
.swiper-recommend04 .swiper-slide {
	width: 200.625px;
	margin-right: 20px;
}
@media print, screen and (min-width: 768px) {
	.swiper-recommend01 .swiper-slide,
	.swiper-recommend02 .swiper-slide,
	.swiper-recommend03 .swiper-slide,
	.swiper-recommend04 .swiper-slide {
		width: 282px;
    margin-right: 30px;
	}
}

.p-lan-recommendProductListWrap {
	/* margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw); */
	position: relative;
	padding-right: 10%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductListWrap {
		padding-right: 0;
	}
}

/* .p-lan-recommendProductList {
	padding-left: 5.3%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductList {
		padding-left: 8.7%;
		margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
	}
}
@media print, screen and (min-width: 1490px) {
	.p-lan-recommendProductList {
		max-width: 1500px;
	}
} */

.p-lan-recommendProductListName {
	font-weight: normal;
	font-size: 100%;
	line-height: 1.6;
	margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductListName {
		font-size: 16px;
		line-height: 1.8;
	}
}

.p-lan-recommendProductListImg {
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductListImg {
		margin-bottom: 15px;
	}
}

/* .p-lan-recommendProductListBtnImg {
	position: absolute;
	top: 0;
	right: 0;
} */

.p-lan-recommendProductListBtnWrap {
	position: absolute;
	top: 24vmin;
	right: -5%;
	width: 110%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductListBtnWrap {
		width: 140px;
		top: -70px;
    right: 0;
	}
}

.p-lan-recommendProductListBtn,
.p-lan-recommendProductListBtnImg {
	width: 11vmin;
	height: 11vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductListBtn,
	.p-lan-recommendProductListBtnImg {
		width: 56px;
		height: 56px;
	}
}

.p-lan-recommendProductListBtnWrap .swiper-button-next:after,
.p-lan-recommendProductListBtnWrap .swiper-button-prev:after {
	display: none;
}

/* .p-lan-recommendProductListBtnWrap .swiper-button-next.swiper-button-disabled,
.p-lan-recommendProductListBtnWrap .swiper-button-prev.swiper-button-disabled {
	left: -2vmin;
}

.p-lan-recommendProductListBtnWrap .swiper-button-next,
.p-lan-recommendProductListBtnWrap .swiper-rtl .swiper-button-prev {
	right: -2vmin;
} */

.p-lan-recommendProduct:not(:last-of-type) {
	margin-bottom: 12vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProduct:not(:last-of-type) {
		margin-bottom: 100px;
	}
}

.p-lan-recommendIntroText {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendIntroText {
		margin-bottom: 60px;
	}
}

.p-lan-recommendProductHeading {
	margin-bottom: 5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductHeading {
		margin-bottom: 30px;
	}
}

.p-lan-recommendProductTtl {
	margin-bottom: 1vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductTtl {
		margin-bottom: 20px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-recommendProductText {
		width: 90%;
	}
}


/* .l-lan-faq
=========================================== */
@media print, screen and (min-width: 768px) {
	.p-lan-faqTtl {
		margin-bottom: 8px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-faqTtlArea {
		margin-bottom: 60px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-faqTtlInner {
		position: relative;
		top: 10px;
	}
}


.p-lan-faqContentsInner:not(:last-of-type) {
	margin-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsInner:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

.p-lan-faqContentsQuestion {
	background-color: #F5F4F5;
	border-radius: 10px;
	padding: 5vmin 12% 5.5vmin 4%;
	position: relative;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestion {
		border-radius: 20px;
		padding: 40px 8% 40px 2.5%;
		cursor: pointer;
	}
}

.p-lan-faqContentsQuestionInner {
	display: flex;
	align-items: flex-start;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestionInner {
		align-items: center;
	}
}

.p-lan-faqContentsQuestionEn,
.p-lan-faqContentsAnswerEn {
	font-size: 293.21%;
	font-family: 'Reem Kufi', sans-serif;
	line-height: 1;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestionEn,
	.p-lan-faqContentsAnswerEn {
		font-size: 64px;
	}
}

.p-lan-faqContentsQuestionEn {
	color: #B5BECA;
	opacity: 0.5;
	margin-right: 10px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestionEn {
		margin-right: 20px;
	}
}

.p-lan-faqContentsAnswerEn {
	color: #1DB2BB;
	margin-right: 10px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerEn {
		margin-right: 28px;
	}
}

.p-lan-faqContentsQuestionText {
	font-size: 123.1%;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestionText {
		font-size: 24px;
	}
}

.p-lan-faqContentsAnswer {
  display: none;
  margin-top: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswer {
		margin-top: 30px;
	}
}

.p-lan-faqContentsAnswerInner {
	display: flex;
	padding-right: 3%;
	padding-left: 3%;
}

.p-lan-faqContentsAnswerTextWrap {
	padding-bottom: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerTextWrap {
		
		padding-bottom: 30px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerText {
		line-height: 1.8;
	}
}

.p-lan-faqContentsAnswerDt {
	font-weight: bold;
	font-size: 116%;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 1vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerDt {
		margin-bottom: 5px;
	}
}

.p-lan-faqContentsAnswerText + .p-lan-faqContentsAnswerDl {
	margin-top: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerText + .p-lan-faqContentsAnswerDl {
		margin-top: 15px;
	}
}

.p-lan-faqContentsAnswerDl:not(:first-of-type) {
	margin-top: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerDl:not(:first-of-type) {
		margin-top: 20px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerDd {
		line-height: 1.8;
	}
}

.p-lan-faqContentsAnswerText + .p-lan-faqContentsAnswerList {
	margin-top: 3vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerText + .p-lan-faqContentsAnswerList {
		margin-top: 10px;
	}
}

.p-lan-faqContentsAnswerListItem {
	text-indent: -1em;
	padding-left: 1em;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerListItem {
		line-height: 1.8;
	}
}

.p-lan-faqContentsAnswerListItem:not(:first-child) {
	margin-top: 1.5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerListItem:not(:first-child) {
		margin-top: 5px;
	}
}

.p-lan-faqContentsAnswerText + .p-lan-faqContentsAnswerText {
	margin-top: 1vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsAnswerText + .p-lan-faqContentsAnswerText {
		margin-top: 15px;
	}
}

.p-lan-faqContentsQuestiontBtn {
	position: absolute;
  display: inline-block;
  width: 4.5vmin;
  height: 2px;
  background-color: #27285A;
  transition: 0.3s ease-in-out;
  top: 50%;
  right: 4vmin;
  transform: rotate(0deg) translateY(-50%);
  border-radius: 100px;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestiontBtn {
		width: 22px;
		height: 3px;
	}
}

.p-lan-faqContentsQuestiontBtn::after {
	content: "";
	position: absolute;
	background-color: #27285A;
	transition: 0.3s ease-in-out;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2px;
	height: 4.5vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-faqContentsQuestiontBtn::after {
		height: 22px;
		width: 3px;
	}
}

.p-lan-faqContentsQuestion.is-active .p-lan-faqContentsQuestiontBtn {
	transform: rotate(180deg);
}

.p-lan-faqContentsQuestion.is-active .p-lan-faqContentsQuestiontBtn::after {
	height: 0;
  top: 1px;
}


/* .l-lan-connection
=========================================== */
.p-lan-connectionIntroText {
	margin-bottom: 6vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-connectionIntroText {
		margin-bottom: 40px;
	}
}

.p-lan-connectionProductTtl {
	font-size: 153.9%;
	margin-bottom: 7vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-connectionProductTtl {
		font-size: 30px;
		line-height: 1.8;
		margin-bottom: 40px;
	}
}

.p-lan-connectionProductList {
	display: flex;
	flex-wrap: wrap;
	/* margin-bottom: 2.625%; */
}

.p-lan-connectionProductListName {
	margin-bottom: 4vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-connectionProductListName {
		margin-bottom: 20px;
	}
}

.p-lan-connectionProductListItem {
	width: 47.8%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-connectionProductListItem {
		width: 17.9%;
		margin-bottom: 3.625%;
	}
}

.p-lan-connectionProductListItem:not(:nth-child(2n)) {
	margin-right: 4.4%;
}
@media print, screen and (min-width: 768px) {
	.p-lan-connectionProductListItem:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.p-lan-connectionProductListItem:not(:nth-child(5n)) {
		margin-right: 2.625%;
	}
}

.p-lan-connectionProductListItem:not(:nth-of-type(-n+2)) {
	margin-top: 8vmin;
}
@media print, screen and (min-width: 768px) {
	.p-lan-connectionProductListItem:not(:nth-of-type(-n+2)) {
		margin-top: 0;
	}
}

.p-lan-connectionProductListBtn {
	width: 100%;
	font-size: 77%;
}

/*追加*/
.bg-lightgreen{
	background-color: #eefafb;
}

.bg-lightblue{
	background-color: #edf4fe;
}

.Cable-description-wrap{
	text-align: center;
	padding: 30px;
	border-radius: 15px;
	margin-bottom: 20px;
}

.text-center{
	text-align: center;
}

.justify-content-center{
	    justify-content: center;
}

.p-x-3{
	padding-left: 1rem;
	padding-right: 1rem;
}

.mt-20{
	margin-top: 20px;
}

.round-img{
	border-radius: 20px;
	border: solid 2px #D8DADE;
}

#link-choose-connector .p-lan-kindsProductMeritArea{
	min-height: 120px;
	margin-top: auto;
}

#link-choose-connector .c-article-col .c-article-col-item{
	display: flex;
    flex-direction: column;
}
#img-img_hikari_item08{
	max-width: 600px;
}

#link-choose-cores .p-lan-longRoomMethodListItemIcon {
    text-align: left;
}

.lh-2{
	line-height: 2;
}

#link-kinds .p-lan-connectionProductListBtn{
	margin-top: auto;
}

#link-choose-connector .p-lan-aboutContentsBtn{
	min-width:inherit;
	width: 100%;
}

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

.d-inline-block{
	display: inline-block;
}

.sp-only{
	display: none
}

@media print, screen and (min-width: 768px) {
	.p-lan-connectionProductListItem{
		display: flex;
		flex-direction: column;
	}

	#link-choose-cores .p-lan-kindsProductHead {
        width: 20%;
    }
	#link-choose-cores .p-lan-kindsProductTextArea {
        width: 80%;
    }
	.p-lan-connectionProductListItem {
        width: 20%;
    }
}

@media print, screen and (min-width: 61.25em) {
#link-choose-connector .c-article-col-item {
        width: calc((100% / 3) - 40px);
    }

}

@media print, screen and (max-width: 1024px) {
    .c-pageNav-listItem {
        width: 50%;
        margin-right: 0 !important;
		padding-right: 10px;
    }
	.c-pageNav-list{
		width: 75%;
   		 margin: 0 auto;
	}

	#link-choose-connector .p-lan-kindsProductMeritArea {
    min-height: 180px;
}
}

@media print, screen and (max-width: 960px) {
    .p-lan-mvTtl {
        font-size: 52px;
    }
	.p-lan-mvTtlAlphabet {
        font-size: 52px;
    }
	.p-lan-mvNavListText {
        font-size: 18px;
    }
	.p-lan-mvNavListTextAccent {
        font-size: 22px;
    }
	.c-aside-checkListTtl {
        font-size: 18px;
    }

	#link-choose-cores .p-lan-kindsProductHead {
        width: 30%;
    }
	#link-choose-cores .p-lan-kindsProductTextArea {
        width: 70%;
    }
    .p-lan-connectionProductListItem {
        width: 32%;
    }
	.c-ttl-style01 {
        font-size: 38px;
    }
	.c-ttl-style01Accent {
        font-size: 42px;
    }
	#link-choose-connector .p-lan-kindsProductMeritArea {
        min-height: 160px;
    }

	#link-choose-connector .c-article-col{
		flex-direction: row;
		flex-wrap: wrap;
	}

	#link-choose-connector .c-article-col-item {
		width: calc((100% / 2) - 40px);
	}
}

@media print, screen and (max-width: 767px) {
	.sp-only{
		display: block
	}

	.pc-only{
		display: none;
	}
	.p-lan-mvTtlBorder::after{
		content: none;
	}
	.p-lan-mvNavListText {
        font-size: 16px;
    }
	.p-lan-mvNavListTextAccent {
        font-size: 18px;
    }
.c-ttl-style01 {
        font-size: 30px;
    }
	.c-ttl-style01Accent {
        font-size: 34px;
    }

	#link-choose-connector .c-article-col-item {
        width: calc(100% - 40px);
    }

	#link-choose-connector .p-lan-kindsProductMeritArea {
        min-height: inherit;
    }

	#link-choose-cores .p-lan-kindsProductHead {
        width: 100%;
    }
	
	.p-lan-kindsProductImg {
		width: 25%;
	}

	.p-lan-kindsProductHeadingArea {
		width: 75%;
	}
	    .p-lan-connectionProductListItem {
        width: 45%;
    }
	.c-pageNav-list {
        width: 100%;
    }

	
}

@media print, screen and (max-width: 400px) {
.p-lan-mvTtlAlphabet {
        font-size: 36px;
    }
	    .p-lan-mvTtl {
        font-size: 36px;
    }
	.p-lan-mvNavListText {
        font-size: 14px;
    }
	.p-lan-mvNavListTextAccent {
        font-size: 16px;
    }
	.Cable-description-wrap {
    padding: 15px;
	}
.p-lan-kindsProductDetail {
		font-size: 100%;
	}


}