/*=========================================
下層共通用
=========================================*/
:root {
  /* フォントサイズ */
  --_black: 900;
  --_extrabold: 800;
  --_bold: 700;
  --_semibold: 600;
  --_medium: 500;
  --_regular: 400;
  --_light: 300;

  /* カラー */
  --_naby: #01549D;
  --_kv_cream: #FFFEF9;
  --_bg_lightblue: #D2ECFA;
  --_bg_green: #E5F6D4;
  --_bg_pink: #FFE5F1;
  --_top_red: #E61B25;
}

body {
	color: #252525;
}

.font_mplus1 {
	font-family: "M PLUS Rounded 1c", serif;
	font-weight: 400;
	font-style: normal;
}

ul {
	padding-left: 0px;
}

img {
	width: 100%;
}

.sec_inner {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

/* mv */
.mv {
	line-height: 0;
	background-color: white;
	padding-bottom: 5px;
	border-bottom: 3px solid #01549D;
}
.mv img {
	border-bottom: 12px solid #01549D;
}

/* ancer */
#harnessel .anc {
	background-color: #FFFEF9;
}
#harnessel .border-bottom {
	border-bottom: 3px solid var(--_naby);
	margin-bottom: 5px;
}
#harnessel .anc ul {
	width: 60%;
	max-width: 660px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	gap: 1%;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 80px 20px;
}
#harnessel .anc ul li {
	width: 46%;
}
#harnessel ._btn a {
    border-radius: 50vw;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
	font-size: clamp(1.6rem, 2.1vw, 2.2rem);
    font-weight: bold;
	color: var(--_naby);
	font-weight: var(--_extrabold);
	font-size: 20px;

	text-shadow:
        2px 0 0 #fff,
       -2px 0 0 #fff,
        0 2px 0 #fff,
        0 -2px 0 #fff,
        1.5px 1.5px 0 #fff,
       -1.5px 1.5px 0 #fff,
        1.5px -1.5px 0 #fff,
       -1.5px -1.5px 0 #fff;
}
#harnessel ._btn a:hover {
	opacity: 1;
	box-shadow: none;
	transform: translateY(5px);
}
#harnessel ._btn a:after {
    content: "";
	position: absolute;
    display: block;
    width: 8%;
    padding-top: 8%;
	left: 50%;
	bottom: -18%;
	transform: translateX(-50%);
	background: url(../img/icon_arrow_down.png)no-repeat center / contain;
}
#harnessel ._btn._point a {
    background: url(../img/bg_btn_blue.png)repeat top left / 27px;
	border: 3px solid #B0D4F4;
	box-shadow: 0 5px 0 0 #B0D4F4;
}
#harnessel ._btn._design a {
    background: url(../img/bg_btn_green.png)repeat top left / 27px;
	border: 3px solid #b0de7b;
	box-shadow: 0 5px 0 0 #b0de7b;
}
#harnessel ._btn._point a:hover,
#harnessel ._btn._design a:hover {
	box-shadow: none;
    transform: translate(0, 5px);
}
#harnessel ._btn._online a {
	color: #000;
	width: 90%;
	margin: 0 auto;
    background-color: white;
	border-radius: 8px;
	padding: 5%;
	border: 3px solid var(--_naby);
	box-shadow: 3px 3px 0px 0px rgba(1, 84, 157, 1);
}
#harnessel ._2column ._btn._online a {
	/* font-size: clamp(1.5rem,1vw,1.8rem); */
	font-size: 2.4rem;
}
#harnessel ._3column ._btn._online a {
	font-size: 14px;
}
#harnessel ._btn._online a:hover {
	opacity: 1;
	box-shadow: none;
	transform: translateY(3px);
}
#harnessel ._btn._online a::after {
	display: none;
}

/* lead */
#harnessel .lead {
	width: 100%;
	background-color: var(--_kv_cream);
	margin: 0 auto;
	color: var(--_naby);
	font-weight: var(--_extrabold);
	font-size: 16px;
	text-align: center;
	padding: 60px;
}
#harnessel .lead .contents_wrap {
	width: 90%;
	max-width: 1000px;
}
#harnessel .lead_ttl {
	width: 38.1%;
	max-width: 335px;
	margin: 0 auto 4%;
}
#harnessel .lead_img {
	margin-bottom: 3%;
}

/* スライダー */
#harnessel ._2column .slider_wrap {
	padding: 40px 60px;
}
#harnessel ._3column .slider_wrap {
	padding: 20px 30px;
}
#harnessel .slider_wrap._02 {
	padding: 10px;
}
#harnessel .slider_text {
	font-size: clamp(1rem, 1.9vw, 1.8rem);
	font-weight: bold;
	border-bottom: 2px solid #01549D;
	padding: 0 0 3%;
	width: 80%;
	margin: 0 auto 3%;
}
#harnessel .slider_text.slider_text8,
#harnessel .slider_text.slider_text9,
#harnessel .slider_text.slider_text11 {
	font-size: clamp(0.8rem, 1.9vw, 1rem);
}
#harnessel .slick-dotted.slick-slider {
	margin-bottom: 0!important;
}
#harnessel .slick-slide {
	margin: 0 1px;
}
/* スライダー_ドット */
#harnessel .dots_box {
	margin: 20px auto 0;
}
#harnessel .dots_wrap {
    display: flex;
	width: 70%;
	margin: 0 auto 5%;
    justify-content: center;
	gap: 5%;
	flex-wrap: wrap;
}
#harnessel .dots_wrap li {
	list-style: none;
    width: min(2vw, 30px);
	height: auto;
	aspect-ratio: 1 / 1;
    border-radius: 100vw;
    cursor: pointer;
	border:  3px solid #fff;
	box-sizing: border-box;
}
#harnessel .dots_wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
#harnessel .dots_box1 .dots_wrap li.slick-active,
#harnessel .dots_box2 .dots_wrap li.slick-active,
#harnessel .dots_box3 .dots_wrap li.slick-active,
#harnessel .dots_box4 .dots_wrap li.slick-active {
	opacity: 1;
}
#harnessel .dots_wrap li:hover {
	border:  3px solid #1d50a2;
}
#harnessel .dots_wrap li.slick-active {
	border:  3px solid #1d50a2;
}

/* サムネイル */
/* スライダー1 */
#harnessel .dots_box1 .dots_wrap li {
	width: calc((100% / 5) - 6px);
    height: fit-content;
	aspect-ratio: 77 / 86;
	border-radius: 0;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ccc;
	opacity: 0.6;
	margin: 0 3px 3px;
}
#harnessel .dots_box1 .dots_wrap li:first-of-type {
	background-image: url(../img/sec03_slide01_img01.jpg);
}
#harnessel .dots_box1 .dots_wrap li:nth-of-type(2) {
	background-image: url(../img/sec03_slide01_img02.jpg);
}
#harnessel .dots_box1 .dots_wrap li:nth-of-type(3) {
	background-image: url(../img/sec03_slide01_img03.jpg);
}
#harnessel .dots_box1 .dots_wrap li:nth-of-type(4) {
	background-image: url(../img/sec03_slide01_img04.jpg);
}
#harnessel .dots_box1 .dots_wrap li:nth-of-type(5) {
	background-image: url(../img/sec03_slide01_img05.jpg);
}
#harnessel .dots_box1 .dots_wrap li:nth-of-type(6) {
	background-image: url(../img/sec03_slide01_img06.jpg);
}

/* スライダー2 */
#harnessel .dots_box2 .dots_wrap li {
	width: calc((100% / 5) - 6px);
    height: fit-content;
	aspect-ratio: 77 / 86;
	border-radius: 0;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ccc;
	opacity: 0.6;
	margin: 0 3px 3px;
}
#harnessel .dots_box2 .dots_wrap li:first-of-type {
	background-image: url(../img/sec03_slide02_img01.jpg);
}
#harnessel .dots_box2 .dots_wrap li:nth-of-type(2) {
	background-image: url(../img/sec03_slide02_img02.jpg);
}
#harnessel .dots_box2 .dots_wrap li:nth-of-type(3) {
	background-image: url(../img/sec03_slide02_img03.jpg);
}
#harnessel .dots_box2 .dots_wrap li:nth-of-type(4) {
	background-image: url(../img/sec03_slide02_img04.jpg);
}
#harnessel .dots_box2 .dots_wrap li:nth-of-type(5) {
	background-image: url(../img/sec03_slide02_img05.jpg);
}
#harnessel .dots_box2 .dots_wrap li:nth-of-type(6) {
	background-image: url(../img/sec03_slide02_img06.jpg);
}

/* スライダー3 */
#harnessel .dots_box3 .dots_wrap li {
	width: calc((100% / 5) - 6px);
    height: fit-content;
	aspect-ratio: 77 / 86;
	border-radius: 0;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ccc;
	opacity: 0.6;
	margin: 0 3px 3px;
}
#harnessel .dots_box3 .dots_wrap li:first-of-type {
	background-image: url(../img/sec03_slide03_img01.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(2) {
	background-image: url(../img/sec03_slide03_img02.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(3) {
	background-image: url(../img/sec03_slide03_img03.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(4) {
	background-image: url(../img/sec03_slide03_img04.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(5) {
	background-image: url(../img/sec03_slide03_img05.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(6) {
	background-image: url(../img/sec03_slide03_img06.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(7) {
	background-image: url(../img/sec03_slide03_img07.jpg);
}
#harnessel .dots_box3 .dots_wrap li:nth-of-type(8) {
	background-image: url(../img/sec03_slide03_img08.jpg);
}

/* スライダー4 */
#harnessel .dots_box4 .dots_wrap li {
	width: calc((100% / 5) - 6px);
    height: fit-content;
	aspect-ratio: 77 / 86;
	border-radius: 0;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ccc;
	opacity: 0.6;
	margin: 0 3px 3px;
}
#harnessel .dots_box4 .dots_wrap li:first-of-type {
	background-image: url(../img/sec03_slide04_img01.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(2) {
	background-image: url(../img/sec03_slide04_img02.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(3) {
	background-image: url(../img/sec03_slide04_img03.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(4) {
	background-image: url(../img/sec03_slide04_img04.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(5) {
	background-image: url(../img/sec03_slide04_img05.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(6) {
	background-image: url(../img/sec03_slide04_img06.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(7) {
	background-image: url(../img/sec03_slide04_img07.jpg);
}
#harnessel .dots_box4 .dots_wrap li:nth-of-type(8) {
	background-image: url(../img/sec03_slide04_img08.jpg);
}


/* ダミー用あとで削除 */
.slider_box {
	position: relative;
}
.dummy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45%;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
}


/* ドットカラー変更 */
#harnessel .dots_color {
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4%;
	margin: 3% auto 4%;
	padding-inline-start: 0;
}
#harnessel .dots_color li {
	width: min(2vw, 30px);
	aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #fff;
    /* opacity: 0.6; */
	padding: 0;
}
#harnessel ._3column .dots_color li {
	max-width: 22px;
}
#harnessel .dots_color li._active {
	border: 3px solid #1d50a2 !important;
	opacity: 1;
}

/* スライダー1 */
#harnessel .slider_flex_wrap._2column ._01 .dots_color li:nth-of-type(1) {
	background: linear-gradient(90deg, #a6a9a8 0%, #a6a9a8 50%, #31ad60 50%, #31ad60 100%);
}
#harnessel .slider_flex_wrap._2column ._01 .dots_color li:nth-of-type(2) {
	background: linear-gradient(90deg, #feee44 0%, #feee44 50%, #000024 50%, #000024 100%);
}
#harnessel .slider_flex_wrap._2column ._01 .dots_color li:nth-of-type(3) {
	background: linear-gradient(90deg, #000024 0%, #000024 50%, #06aae2 50%, #06aae2 100%);
}

/* スライダー2 */
#harnessel .slider_flex_wrap._2column ._02 .dots_color li:nth-of-type(1) {
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #d1c3de 50%, #d1c3de 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._02 .dots_color li:nth-of-type(2) {
	background: linear-gradient(90deg, #d1c3de 0%, #d1c3de 50%, #fff 50%, #fff 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._02 .dots_color li:nth-of-type(3) {
	background: linear-gradient(90deg, #dae7f5 0%, #dae7f5 50%, #d8ebeb 50%, #d8ebeb 100%);
	border: 1px solid #e2e2e2;
}


/* スライダー3 */
#harnessel .slider_flex_wrap._2column ._03 .dots_color li:nth-of-type(1) {
	background: linear-gradient(90deg, #5B5657 0%, #5B5657 50%, #231815 50%, #231815 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._03 .dots_color li:nth-of-type(2) {
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #2861A3 50%, #2861A3 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._03 .dots_color li:nth-of-type(3) {
	background: linear-gradient(90deg, #E72318 0%, #E72318 50%, #5B5657 50%, #5B5657 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._03 .dots_color li:nth-of-type(4) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #2861A3 50%, #2861A3 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._03 .dots_color li:nth-of-type(5) {
	background: linear-gradient(90deg, #2861A3 0%, #2861A3 50%, #B2AEB2 50%, #B2AEB2 100%);
	border: 1px solid #e2e2e2;
}

/* スライダー4 */
#harnessel .slider_flex_wrap._2column ._04 .dots_color li:nth-of-type(1) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #231815 50%, #231815 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._04 .dots_color li:nth-of-type(2) {
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #fff 50%, #fff 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._04 .dots_color li:nth-of-type(3) {
	background: linear-gradient(90deg, #EEC6DC 0%, #EEC6DC 50%, #EEC6DC 50%, #EEC6DC 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._04 .dots_color li:nth-of-type(4) {
	background: linear-gradient(90deg, #DDD1E7 0%, #DDD1E7 50%, #DDD1E7 50%, #DDD1E7 100%);
	border: 1px solid #e2e2e2;
}
#harnessel .slider_flex_wrap._2column ._04 .dots_color li:nth-of-type(5) {
	background: linear-gradient(90deg, #A3CADA 0%, #A3CADA 50%, #A3CADA 50%, #A3CADA 100%);
	border: 1px solid #e2e2e2;
}

/*=========================================
ハネッセルページ用
=========================================*/
#harnessel .h2_ttl {
	text-align: center;
}

/* sec01 */
#harnessel .sec01 {
	position: relative;
	width: 100%;
	background-image: 
		url(../img/sec01_deco_star.png),
		url(../img/sec01_deco_pen.png),
		url(../img/sec01_deco_scissors.png),
		url(../img/sec01_deco_seaweed.png),
		url(../img/sec01_deco_eraser.png),
		url(../img/bg_sec01.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
	background-position: 
		top 1% left 22%,
		top 23% left 13%,
		top 17% right 18%,
		bottom 28% left 12%,
		bottom 19% right 12%,
		bottom;
	background-size: 
		min(22%,656px),
		min(3%,84px),
		min(6%,150px),
		min(2%,66px),
		min(3%,98px),
		100%;
	text-align: center;
	padding: 0 0 30px;
}
@media screen and (max-width: 1440px) {
	#harnessel .sec01 {
		background-position: 
			top 1% left 22%,
			top 23% left 13%,
			top 17% right 18%,
			bottom 28% left calc((90% - min(90%, 980px)) / 2 + 15px),
			bottom 19% right calc((90% - min(90%, 980px)) / 2 + 15px),
			bottom;
	}
}
#harnessel .sec01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 4%;
	background: url(../img/line_bule.png)no-repeat top / contain;
}
#harnessel .contents_wrap {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}
#harnessel .sec01 .contents_wrap {
	padding-top: 1.5%;
}
#harnessel .sec01 .h2_ttl {
	width: 31%;
	max-width: 303px;
	margin: 0 auto 3%;
}
#harnessel .sec01_inner {
	background-color: white;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 5% 20%;
	box-shadow: -2px -5px 0px 5px rgba(133, 183, 207, 1);
}
#harnessel .sec01_inner._round {
	border-radius: 0 0 0 0 / 0 0 0 0;
	border-top-left-radius: 90% 200%;
	border-top-right-radius: 90% 200%;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
#harnessel .sec01_box {
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	display: block;
	padding: 50px;
	text-align: center;
	margin: 0 auto;
	align-items: center;
}
#harnessel .sec01_box:nth-child(even) {
	flex-direction: row-reverse;
}

#harnessel .sec01_boxText {
	width: 100%;
	margin-bottom: 4%;
}
#harnessel .sec01_boxImg {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#harnessel .sec01_boxImg p {
	width: 48%;
}
#harnessel .sec01_boxImg p span {
	font-size: 14px;
	color: #000;
	font-weight: var(--_extrabold);
}
#harnessel .sec01_txtTtl {
	position: relative;
	/* font-size: clamp(1.6rem, 1.1vw, 1.8rem); */
	font-size: 1.8rem;
	font-weight: var(--_extrabold);
	color: #1d50a2;
	display: block;
	line-height: 1.2;
}
#harnessel .sec01_txtTtl {
	display: inline-block;
}
#harnessel .sec01_txtTtl::before,
#harnessel .sec01_txtTtl::after {
	content: "";
	position: absolute;
	bottom: -3px;
	width: 20px;
	padding-top: 38px;
}
#harnessel .sec01_txtTtl::before {
	left: -25px;
	background: url(../../img/ttl_line_deco_01.png) no-repeat bottom center / contain;
}
#harnessel .sec01_txtTtl::after {
	right: -25px;
	background: url(../../img/ttl_line_deco_02.png) no-repeat bottom center / contain;
}
#harnessel .sec01_txtTtl .highlight {
	text-decoration-color: #fff061;
	font-size: clamp(2.2rem, 1.4vw, 2.4rem);
	text-decoration-line: underline;
	text-decoration-thickness: 14px;
	text-underline-offset: -8px;
}
#harnessel .sec01_txtTtl._sub {
	font-size: clamp(2.8rem, 1.9vw, 3.2rem);
	margin-bottom: 20px;
	text-decoration-thickness: 10px;
	text-underline-offset: -3px;
	text-decoration-skip-ink: none;
}
#harnessel .sec01_txt {
	/* font-size: clamp(1.2rem, 0.8vw, 1.4rem); */
	font-size: 1.4rem;
	margin-top: 20px;
	color: #1d50a2;
	font-weight: var(--_extrabold);
}
#harnessel .sec01_txt span {
	text-decoration-color: #fff061;
	text-decoration-line: underline;
	text-decoration-thickness: 8px;
	text-underline-offset: -5px;
}
#harnessel .sec01_txt .note {
	font-weight: normal;
	color: #252525;
	font-size: 1.4rem;
}
#harnessel .sec01_list {
	width: 100%;
}
#harnessel .sec01_list li {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	color: var(--_naby);
	text-align: left;
}
#harnessel .sec01_list li:not(:last-child) {
	margin-bottom: 5%;
}
#harnessel .sec01_list .w100 {
	display: block;
}
#harnessel .sec01_list li ._img,
#harnessel .sec01_list li ._txt {
	width: 47.5%;
}
#harnessel .sec01_list .sec01_list_ttl {
	font-weight: var(--_extrabold);
	margin-bottom: 2%;
	font-size: 20px;
}
#harnessel .sec01_list .sec01_list_txt {
	display: flex;
	align-items: center;
	background-color: #EBF5FA;
	font-weight: var(--_medium);
	padding: 5%;
	height: 160px;
	border-radius: 5px;
	font-size: 14px;
}
#harnessel .sec01_tape {
	color: var(--_naby);
	font-weight: var(--_extrabold);
	/* font-size: clamp(1.5rem,1vw,1.8rem); */
	font-size: 1.8rem;
	padding: 2.8% 2%;
	background: url(../img/bg_sec01_tape.png)no-repeat center / contain;

	text-shadow:
        2px 0 0 #fff,
       -2px 0 0 #fff,
        0 2px 0 #fff,
        0 -2px 0 #fff,
        1.5px 1.5px 0 #fff,
       -1.5px 1.5px 0 #fff,
        1.5px -1.5px 0 #fff,
       -1.5px -1.5px 0 #fff;
}

/* sec02 */
#harnessel .sec02 {
	position: relative;
	width: 100%;
		background-image: 
		url(../img/sec02_deco_book.png),
		url(../img/sec02_deco_clip.png),
		url(../img/sec01_deco_pen.png),
		url(../img/sec01_deco_scissors.png),
		url(../img/sec01_deco_seaweed.png),
		url(../img/sec01_deco_eraser.png),
		url(../img/bg_sec02.png);
	background-repeat:  no-repeat, no-repeat,  no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
	background-position: 
		top 4% left 30%,
		top 4% right 30%,
		top 26% left 10%,
		top 20% right 9%,
		bottom 28% left 4%,
		bottom 19% right 9%,
		bottom;
	background-size: 
		min(3%,40px),
		min(3%,39px),
		min(3%,84px),
		min(6%,150px),
		min(2%,66px),
		min(3%,98px),
		100%;
	text-align: center;
	padding: 0 0 40px;
}

@media screen and (max-width: 1440px) {
	#harnessel .sec02 {
		background-position: 
		top 4% left 30%,
		top 4% right 30%,
		top 28% left calc((90% - min(90%, 980px)) / 2 + 15px),
		top 19% right calc((90% - min(90%, 980px)) / 2 + 3px),
		bottom 28% left calc((90% - min(90%, 980px)) / 2 + 15px),
		bottom 19% right calc((90% - min(90%, 980px)) / 2 + 15px),
		bottom;
	}
}

#harnessel .sec02::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 4.1%;
	background: url(../img/line_green.png)no-repeat top / contain;
}
#harnessel .sec02 .contents_wrap {
    width: 90%;
    max-width: 980px;
	padding-top: 2%;
}
#harnessel .sec02 .h2_ttl {
	width: 30.4%;
	max-width: 297px;
	margin: 0 auto 5%;
}
#harnessel .slider_flex_wrap {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
#harnessel .slider_flex_wrap .slider_box {
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 5%;
}
#harnessel .slider_flex_wrap._2column .slider_box {
	width: 48%;
}
#harnessel .slider_flex_wrap._3column .slider_box {
	width: 30%;
}
#harnessel .slider_flex_wrap .bg_gradation {
	flex: 1;
	/* background: linear-gradient(
		to bottom,
		#ffffff 0%,
		#ffffff 40%,
		#fff9f2 100%
	); */
	background-color: white;
	border-radius: 14px;
	padding-bottom: 5%;
	margin-bottom: 6%;
	box-shadow: -6px -6px 0px 3px rgba(176, 222, 123, 1);
}

#harnessel ._2column .sec03_product {
	font-size: 2.2rem;
	font-weight: var(--_extrabold);
}
#harnessel ._2column .sec03_product p:not(:last-of-type) {
	margin-bottom: 2%;
}
#harnessel ._2column .sec03_product span {
	font-size: 3.8rem;
}

@media screen and (max-width: 980px) {
	/* anc */
	#harnessel .anc ul {
		width: 70%;
		max-width: none;
		padding: 10% 0 12%;
		margin: 0 auto;
	}
	#harnessel .anc ul li {
		width: 40%;
		text-align: center;
	}

	/* btn */
	#harnessel ._btn a {
		font-size: 5vw;
		padding: 6% 0;
		box-shadow: 4px 4px 0px -3px #1d50a2, inset 0 0 0 4px #fff;
	}
	#harnessel ._btn a:after {
		bottom: -15%;
		width: 20%;
		padding-top: 20%;
	}
	#harnessel ._btn._point a,
	#harnessel ._btn._design a {
		border-radius: 100vw;
		aspect-ratio: 1 / 1;
		padding: 1%;
	}
	#harnessel ._btn._point a {
	    box-shadow: 0 3px 0 0 #B0D4F4;
	}
	#harnessel ._btn._design a {
	    box-shadow: 0 3px 0 0 #b0de7b;
	}
	#harnessel ._btn._online a {
		box-shadow: 3px 4px 0px -1px #1d50a2, inset 0 0 0 3px #fff;
	}
	#harnessel ._2column ._btn._online a {
		margin: 0 auto 0 3%;
		font-size: 4.5vw;
		padding: 5% 0;
	}
	#harnessel ._3column ._btn._online a {
		width: 103%;
		margin-left: -3%;
		font-size: 3.5vw;
		padding: 8% 0;
	}
	
	/* slider */
	#harnessel .dots_box {
		margin: 3vw 0 0 10px;
	}
	#harnessel .dots_color li {
		width: 8vw;
	}
	#harnessel .slider_text {
		padding: 0 0 2vw;
		font-size: 3.5vw;
	}
	#harnessel .dots_wrap li {
		width: 6vw;
	}
	#harnessel .dots_box1 .dots_wrap li,
	#harnessel .dots_box2 .dots_wrap li {
		width: 20%;
		height: 6rem;
	}
	#harnessel .dots_wrap li.slick-active {
		border: 2px solid #1d50a2;
	}

	/* lead */
	#harnessel .lead {
		padding: 10% 0;
	}
	#harnessel .lead .contents_wrap {
		max-width: none;
	}
	#harnessel .lead_ttl {
		width: 100%;
		padding-left: 4%;
		margin: 0 auto 10%;
	}
	#harnessel .lead_img {
		margin-bottom: 8%;
	}

	/* sec01 */
	#harnessel .sec01 {
		background-color: #dbf5fc;
		text-align: center;
		padding: 0 0 5%;
		position: relative;
		background: url(../img/s_bg_sec01.png) repeat-y bottom / 100%;
	}
	#harnessel .sec01::before {
		padding-top: 7%;
		background: url(../img/s_line_bule.png) no-repeat top / contain;
	}
	#harnessel .sec01 .contents_wrap {
		padding-top: 0;
	}
	#harnessel .sec01 .h2_ttl {
		width: 80%;
		max-width: none;
		margin: 0 auto 8%;
	}
	#harnessel .sec01_inner {
		padding: 5% 8% 10%;
		margin-bottom: 8%;
		box-shadow: -2px -4px 0px 4px rgba(133, 183, 207, 1);
	}
	#harnessel .sec01_inner._round {
		border-radius: 50vw 50vw 10px 10px;
		padding: 20% 8% 10%;
	}
	#harnessel .sec01_list li:not(:last-child) {
    	margin-bottom: 12%;
	}
	#harnessel .sec01_list li ._txt {
		width: 100%;
	}
	#harnessel .sec01_list .sec01_list_ttl {
		text-align: center;
	}
	#harnessel .sec01_list .sec01_list_txt {
		text-align: center;
		justify-content: center;
		height: auto;
	}
	#harnessel .sec01_list .sec01_list_img {
		margin-bottom: 2%;
	}
	#harnessel .sec01_boxImg {
		flex-direction: column;
	}
	#harnessel .sec01_boxImg p {
		width: 100%;
	}
	#harnessel .sec01_boxImg p:not(:last-of-type) {
		margin-bottom: 5%;
	}
	#harnessel .sec01_txtTtl {
		font-size: 4.2vw;
		margin-bottom: 5%;
	}
	#harnessel .sec01_txtTtl .highlight {
		font-size: 5vw;
	}
	#harnessel .sec01_txt {
		margin-top: 0;
		font-size: 4vw;
	}
	#harnessel .sec01_img01 {
		margin-bottom: 5%;
	}
	#harnessel .sec01_boxText {
		margin-bottom: 5%;
	}
	#harnessel .sec01_tape {
    	padding: 4% 2%;
		font-size: 5.5vw;
		line-height: 1.4;
		background: url(../img/s_bg_sec01_tape.png) no-repeat center / contain;
	}

	/* sec02 */
	#harnessel .sec02 {
		padding: 0 0 10%;
		background-image: url(../img/sec02_deco_book.png), url(../img/sec02_deco_clip.png), url(../img/s_bg_sec02.png);
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 10%, 10%, 100%;
		background-position: top 25vw left 2vw, top 24vw right 5vw, bottom;
	}
	#harnessel .sec02::before {
		padding-top: 11.5%;
		background: url(../img/s_line_green.png)no-repeat top / contain;
	}
	#harnessel .sec02 .contents_wrap {
		width: 95%;
		padding-top: 3%;
	}
	#harnessel .sec02 .h2_ttl {
		width: 70%;
		margin: 0 auto 12%;
		max-width: none;
	}
	#harnessel .slider_flex_wrap {
		width: 100%;
	}
	#harnessel .slider_flex_wrap._2column {
		flex-direction: column;
		padding-left: 2%;
	}
	#harnessel .slider_flex_wrap._3column {
		padding-left: 2%;
	}
	#harnessel .slider_flex_wrap._2column .slider_box {
		width: 90%;
		margin: 0 auto 10%;
	}
	#harnessel .slider_flex_wrap._3column .slider_box {
		width: 45%;
		margin-bottom: 10%;
	}
	#harnessel ._2column .slider_wrap {
		padding: 10%;
	}
	#harnessel ._3column .slider_wrap {
		padding: 5%;
	}
	#harnessel ._2column .sec03_product {
		font-size: 4vw;
	}
	#harnessel ._3column .sec03_product {
		font-size: 5vw;
	}
	#harnessel ._3column .sec03_product p {
		font-size: 3vw;
	}
	#harnessel ._2column .sec03_product p span {
		font-size: 7vw;
	}
	#harnessel ._3column .sec03_product p span {
		font-size: 5vw;
	}
}